@layer components{.auth-field{gap:6px;display:grid}.auth-field__control{border:1.5px solid var(--line-2);border-radius:var(--radius-control);background:#fff;align-items:center;gap:10px;min-height:58px;padding:0 8px 0 20px;transition:border-color .15s,box-shadow .15s,background-color .15s;display:flex;position:relative}.auth-field__control:hover{border-color:var(--line-3)}.auth-field__control:focus-within{border-color:var(--brand-500);box-shadow:0 0 0 4px #078b431f}.auth-field[data-invalid] .auth-field__control{border-color:color-mix(in srgb, var(--danger) 55%, transparent)}.auth-field[data-invalid] .auth-field__control:focus-within{box-shadow:0 0 0 4px color-mix(in srgb, var(--danger) 12%, transparent)}.auth-field__icon{color:var(--ink-400);flex:none;place-items:center;transition:color .15s;display:grid}.auth-field__control:focus-within .auth-field__icon{color:var(--brand-600)}.auth-field__box{flex:1;align-self:stretch;min-width:0;position:relative}.auth-field__input{width:100%;height:100%;min-height:55px;color:var(--ink-900);background:0 0;outline:none;padding:20px 0 6px;font-size:16px;font-weight:550}.auth-field__input::placeholder{color:#0000;transition:color .15s}.auth-field__input:focus::placeholder{color:var(--ink-400);font-weight:400}.auth-field__input:disabled{cursor:not-allowed;color:var(--ink-400)}.auth-field__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--ink-500);pointer-events:none;transform-origin:0;transition:top .18s var(--ease-premium,ease), transform .18s var(--ease-premium,ease), color .15s ease;font-size:15px;font-weight:500;position:absolute;top:50%;left:0;overflow:hidden;transform:translateY(-50%)}:-webkit-any(.auth-field__input:focus+.auth-field__label,.auth-field__input:not(:placeholder-shown)+.auth-field__label,.auth-field__input:-webkit-autofill+.auth-field__label){color:var(--ink-500);font-weight:600;top:16px;transform:translateY(-50%)scale(.8)}:is(.auth-field__input:focus+.auth-field__label,.auth-field__input:not(:placeholder-shown)+.auth-field__label,.auth-field__input:autofill+.auth-field__label){color:var(--ink-500);font-weight:600;top:16px;transform:translateY(-50%)scale(.8)}.auth-field__input:focus+.auth-field__label{color:var(--brand-700)}.auth-field[data-invalid] .auth-field__label{color:var(--danger)}.auth-field__message{color:var(--ink-500);padding-left:20px;font-size:12.5px;line-height:1.4}.auth-field__message--error{color:var(--danger);animation:fadeIn .15s var(--ease-premium,ease)}}@media (prefers-reduced-motion:reduce){.auth-field__label,.auth-field__control{transition:none}}