.password-field{display:flex;position:relative}.password-field .password-field__input{font:inherit;padding:var(--space-3);padding-right:calc(var(--space-3) * 2 + 16px);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);flex:1;font-weight:400}.password-field .password-field__input:focus-visible{box-shadow:var(--focus-ring);border-color:var(--color-accent);outline:none}.password-field .password-field__input[aria-invalid=true]{border-color:var(--color-danger)}.password-field__toggle{top:50%;right:var(--space-2);padding:var(--space-1);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(-50%)}.password-field__toggle:hover{color:var(--color-text)}.password-field__toggle:focus-visible{box-shadow:var(--focus-ring);outline:none}