/* Public auth pages (login, register, password reset, …) */

.auth-page {
  --bs-placeholder: #adb5bd;
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.auth-page .form-control::placeholder,
.auth-page .form-control::-moz-placeholder,
.auth-page .form-control::-webkit-input-placeholder,
.auth-page .form-floating > label {
  color: #adb5bd !important;
  opacity: 1;
}

.auth-page .form-floating > .form-control:focus ~ label,
.auth-page .form-floating > .form-control:not(:placeholder-shown) ~ label,
.auth-page .form-floating > .form-control:-webkit-autofill ~ label {
  color: #6c757d !important;
}

.auth-page .alert {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  padding: 0.875rem 1rem;
  border: 0;
  border-inline-start: 4px solid currentColor;
  border-radius: 0.625rem;
  font-size: 0.925rem;
  line-height: 1.6;
}

.auth-page .alert::before {
  flex: 0 0 auto;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.auth-page .alert-danger::before {
  content: "\f06a";
}

.auth-page .alert-success::before {
  content: "\f058";
}

.auth-page .alert-info::before {
  content: "\f05a";
}

.auth-page .alert ul {
  margin: 0;
  padding-inline-start: 1.25rem;
}