.password-toggle-wrap { position: relative; width: 100%; }
.password-toggle-wrap > input[type="password"], .password-toggle-wrap > input[data-password-visible="true"] { padding-right: 4.5rem !important; }
.password-toggle-btn { position: absolute; top: 50%; right: .35rem; z-index: 5; min-width: 3.75rem; min-height: 36px; padding: .25rem .5rem; transform: translateY(-50%); border: 0; border-radius: .25rem; color: #9ca3af; background: transparent; font-size: .8rem; font-weight: 600; line-height: 1; cursor: pointer; touch-action: manipulation; }
.password-toggle-btn:hover, .password-toggle-btn:focus { color: #fff; background: rgba(255,255,255,.08); outline: 2px solid transparent; }
@media (pointer: coarse), (max-width: 767.98px) {
    .password-toggle-btn { min-height: 44px; min-width: 4rem; }
    .password-toggle-wrap > input[type="password"], .password-toggle-wrap > input[data-password-visible="true"] { padding-right: 4.75rem !important; }
}