@layer components{.auth-input{flex-direction:column;gap:6px;min-width:0;display:flex}.auth-input__labelrow{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-input__label{font-family:var(--sb-font-sans);color:var(--sb-ink-70);font-size:13px;font-weight:500}.auth-input__aside{font-size:12px}.auth-input__field{border:1px solid var(--sb-border-strong);background:var(--sb-bg-sunken);width:100%;font-family:var(--sb-font-sans);color:var(--sb-ink);transition:border-color var(--sb-dur-base)var(--sb-ease-out),background var(--sb-dur-base)var(--sb-ease-out),box-shadow var(--sb-dur-base)var(--sb-ease-out);border-radius:10px;outline:none;padding:12px 14px;font-size:15px;line-height:1.4}.auth-input__field::placeholder{color:var(--sb-ink-50)}.auth-input__field:focus,.auth-input__field:focus-visible{border-color:var(--sb-ink);background-color:var(--sb-paper);box-shadow:0 0 0 3px var(--sb-overlay-ink-10)}.auth-input__field:read-only{opacity:.7;cursor:not-allowed}.auth-input--error .auth-input__field,.auth-input--error .auth-input__field:focus,.auth-input--error .auth-input__field:focus-visible{border-color:var(--sb-red);box-shadow:0 0 0 3px #ff6b4a2e}.auth-input__error{color:var(--sb-red);margin:0;font-size:13px;line-height:1.4}}