.password-field,.password-field__label{gap:.45rem;margin:0;display:grid}.password-field__label>span:first-child{color:var(--color-text);font-size:.8125rem;font-weight:650}.password-field__control{display:block;position:relative}.password-field__input{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface);width:100%;height:2.85rem;min-height:2.85rem;color:var(--color-text);font:inherit;border-radius:10px;padding:.7rem 2.75rem .7rem .9rem;font-size:.9375rem;line-height:1.25;transition:border-color .15s,box-shadow .15s}.password-field__input:hover{border-color:color-mix(in srgb, var(--color-brand-red) 25%, var(--color-border))}.password-field__input:focus{border-color:color-mix(in srgb, var(--color-brand-red) 45%, var(--color-border));box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand-red) 14%, transparent);outline:none}.password-field__toggle{z-index:2;width:2.1rem;height:2.1rem;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.password-field__toggle:hover{color:var(--color-text);background:var(--color-gray-100)}.password-field__toggle svg{pointer-events:none;flex-shrink:0;width:18px;max-width:none;height:18px;display:block}