input[type="text"],
input[type="password"],
input[type="url"],
textarea {
  width: 100%;
  min-height: 2.75rem;
  border: 1px solid rgb(212 212 216);
  border-radius: 0.375rem;
  background: white;
  color: rgb(9 9 11);
  padding: 0.75rem;
  caret-color: rgb(9 9 11);
}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="url"]::placeholder,
textarea::placeholder {
  color: rgb(113 113 122);
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
textarea:focus {
  border-color: rgb(45 212 191);
  outline: 2px solid transparent;
  box-shadow: 0 0 0 2px rgba(45, 212, 191, 0.35);
}

input[type="text"]:-webkit-autofill,
input[type="password"]:-webkit-autofill,
input[type="url"]:-webkit-autofill {
  -webkit-text-fill-color: rgb(9 9 11);
  box-shadow: 0 0 0 1000px white inset;
}

input[type="checkbox"] {
  margin-top: 0.125rem;
  height: 1rem;
  width: 1rem;
  accent-color: rgb(45 212 191);
}

.htmx-indicator {
  display: none;
}

.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
  display: block;
}

.htmx-request {
  opacity: 0.75;
}

.has-user-menu main > header:first-of-type {
  padding-right: 3.75rem;
}