.auth-field{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--foreground);border-radius:.75rem;outline:none;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;transition:border-color .18s,box-shadow .18s,background .18s}.auth-field::placeholder{color:color-mix(in oklch, var(--muted-foreground) 78%, transparent)}.auth-field:focus{border-color:color-mix(in oklch, var(--primary) 62%, var(--border-strong));box-shadow:0 0 0 3px color-mix(in oklch, var(--primary) 12%, transparent);background:color-mix(in oklch, var(--surface-elevated) 72%, var(--surface))}.auth-field.auth-field-error,.auth-field.auth-field-error:focus{border-color:color-mix(in oklch, oklch(69% .2 25) 82%, var(--border-strong));background:color-mix(in oklch, oklch(69% .2 25) 3%, var(--surface));box-shadow:0 0 0 3px oklch(69% .2 25/.16)}.auth-field:-webkit-autofill{-webkit-text-fill-color:var(--foreground);-webkit-box-shadow:0 0 0 1000px var(--surface) inset;caret-color:var(--foreground)}.auth-field:-webkit-autofill:hover{-webkit-text-fill-color:var(--foreground);-webkit-box-shadow:0 0 0 1000px var(--surface) inset;caret-color:var(--foreground)}.auth-field:-webkit-autofill:focus{-webkit-text-fill-color:var(--foreground);-webkit-box-shadow:0 0 0 1000px var(--surface) inset;caret-color:var(--foreground)}.auth-password-field::-ms-reveal{display:none}.auth-password-field::-ms-clear{display:none}.auth-password-field::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;display:none}.auth-password-field::-webkit-strong-password-auto-fill-button{visibility:hidden;pointer-events:none;display:none}@keyframes auth-page-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.992)}}@keyframes auth-page-in{0%{opacity:0;transform:translateY(8px)scale(.992)}to{opacity:1;transform:translate(0)scale(1)}}.auth-page-out{animation:.17s cubic-bezier(.4,0,1,1) both auth-page-out}.auth-page-in{animation:.22s cubic-bezier(.16,1,.3,1) both auth-page-in}@media (prefers-reduced-motion:reduce){.auth-page-out,.auth-page-in{animation:none}}
