@import url("/static/css/ux-auth-tokens.css");
/* AA-01: persistent field feedback for the public email sign-in form. */
.login-required,
.login-field-error {
  color: var(--ux-auth-danger-text);
}

.login-field-error {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.login-field-error:not(:empty) {
  margin-top: 8px;
}

.login-card #email[aria-invalid="true"] {
  border: 2px solid var(--ux-invalid-border);
}

.login-card #email:focus-visible {
  outline: 2px solid var(--lime);
  outline-offset: 3px;
}

#magic-submit {
  min-height: 44px;
}

.login-verification-hint {
  margin-top: 12px;
}

@media (prefers-reduced-motion: reduce) {
  #magic-submit[aria-busy="true"]::after {
    animation: none;
  }
}

@media (forced-colors: active) {
  .login-card #email[aria-invalid="true"] {
    border-color: CanvasText !important;
  }

  .login-card #email:focus-visible {
    outline-color: Highlight;
  }
}