.auth-field{display:grid;gap:5px}.auth-field label{color:var(--ds-ink-muted);font-size:var(--ds-font-size-caption);font-weight:500}.auth-field input,.password-field{width:100%;min-height:42px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-ink);background:var(--ds-surface);transition:border-color .15s ease,box-shadow .15s ease}.auth-field input{padding:0 12px;font-size:var(--ds-font-size-body)}.auth-field small{color:var(--ds-ink-light);font-size:var(--ds-font-size-caption)}.password-field{display:flex;align-items:center}.password-field input{flex:1 1;min-width:0;min-height:40px;padding:0 4px 0 12px;border:0;background:transparent}.password-toggle{display:grid;place-items:center;width:36px;height:36px;margin-right:3px;border-radius:var(--ds-radius-sm);color:var(--ds-ink-light)}.password-toggle svg{width:17px;height:17px}.password-toggle:hover{color:var(--ds-ink);background:var(--ds-surface-subtle)}.auth-field input:focus,.password-field:focus-within{border-color:var(--ds-brand);box-shadow:inset 0 0 0 1px var(--ds-brand),0 0 0 3px var(--ds-brand-soft)}.auth-field input:-webkit-autofill,.password-field input:-webkit-autofill{-webkit-text-fill-color:var(--ds-ink);caret-color:var(--ds-ink);-webkit-transition:background-color 999999s ease-out 0s,border-color .15s ease,box-shadow .15s ease;transition:background-color 999999s ease-out 0s,border-color .15s ease,box-shadow .15s ease}@media (max-width:760px){.auth-field input,.password-field input{font-size:16px!important;min-height:44px!important}.password-toggle{width:44px;height:44px}}