.password-field { position: relative; width: 100%; min-width: 0; }
.password-field input { width: 100%; box-sizing: border-box; padding-right: 3.25rem; }
.password-field .password-toggle { position: absolute; right: 2px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 44px; height: 44px; min-height: 44px; padding: 0; margin: 0; border: 0; border-radius: 6px; background: transparent; color: inherit; cursor: pointer; }
.password-toggle:hover { background: rgb(0 0 0 / 5%); }
.password-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: -3px; }
.password-toggle .password-slash { display: none; }
.password-toggle[data-visible="true"] .password-slash { display: block; }