.password-field { position: relative; width: 100%; }
.password-field > input { width: 100%; padding-right: 54px; }
.password-field > input::-ms-reveal { display: none; }
.password-field > .password-toggle { position: absolute; top: 50%; right: 3px; transform: translateY(-50%); display: grid; place-items: center; width: 44px; height: 44px; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--muted); cursor: pointer; }
.password-field > .password-toggle:hover { color: var(--text); }
.password-field > .password-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: -3px; }
.password-toggle .password-eye-slash { display: none; }
.password-toggle.is-visible .password-eye-slash { display: block; }
.password-toggle:disabled { opacity: .4; cursor: default; }