.password-visibility { position: relative; display: block; width: 100%; min-width: 0; }
.password-visibility > input { width: 100%; margin: 0; padding-right: 52px; }
.password-visibility > .password-visibility-toggle { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 44px; height: 44px; min-width: 44px; min-height: 44px; margin: 0; padding: 10px; border: 0; border-radius: 8px; background: transparent; color: var(--muted, #6b6572); box-shadow: none; cursor: pointer; }
.password-visibility > .password-visibility-toggle:hover { background: var(--accent-soft, #eeebff); color: var(--accent, #6555e8); }
.password-visibility > .password-visibility-toggle:focus-visible { outline: 2px solid var(--accent, #6555e8); outline-offset: -2px; }
.password-visibility-toggle svg { display: block; width: 22px; height: 22px; pointer-events: none; }
.password-visibility-toggle[aria-pressed="false"] .password-eye-slash { display: none; }
.password-visibility > input::-ms-reveal { display: none; }