html,
body {
  min-height: 100%;
}

.auth-page {
  min-height: 100vh;
  margin: 0;
}

.auth-layout {
  min-height: 100vh;
  min-height: 100dvh;
}

.auth-page .form-control,
.auth-page .input-group > .btn {
  --auth-control-font-size: var(--bs-body-font-size, 1rem);
  --auth-control-line-height: var(--bs-body-line-height, 1.5);

  min-height: 3rem;
  font-family: var(--bs-body-font-family);
  font-size: var(--auth-control-font-size);
  font-weight: var(--bs-body-font-weight, 400);
  line-height: var(--auth-control-line-height);
}

.auth-page .form-control:autofill,
.auth-page .form-control:autofill:hover,
.auth-page .form-control:autofill:focus {
  font-family: var(--bs-body-font-family);
  font-size: var(--auth-control-font-size);
  font-weight: var(--bs-body-font-weight, 400);
  line-height: var(--auth-control-line-height);
}

.auth-page .form-control:-webkit-autofill,
.auth-page .form-control:-webkit-autofill:hover,
.auth-page .form-control:-webkit-autofill:focus {
  font-family: var(--bs-body-font-family);
  font-size: var(--auth-control-font-size);
  font-weight: var(--bs-body-font-weight, 400);
  line-height: var(--auth-control-line-height);
}

.auth-password-toggle {
  min-width: 6.5rem;
}

.auth-action {
  min-height: 2.75rem;
}

.auth-rule-icon {
  width: 1.25rem;
  flex: 0 0 1.25rem;
  text-align: center;
}

[data-auth-view][hidden] {
  display: none !important;
}

@media (max-height: 700px) {
  .auth-layout {
    align-items: flex-start !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .auth-page .spinner-border {
    animation: none;
  }
}