.password-field { position: relative; display: inline-flex; width: 100%; align-items: center; }
.password-field > input { box-sizing: border-box; width: 100%; min-width: 0; padding-inline-end: 3rem !important; }
.password-toggle { position: absolute; inset-inline-end: .2rem; display: inline-grid; place-items: center; width: 2.75rem; height: 2.75rem; max-height: 100%; padding: 0; border: 0; border-radius: .5rem; background: transparent; color: inherit; cursor: pointer; }
.password-toggle:hover { background: #80573514; }
.password-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: -3px; }
.password-toggle:disabled { opacity: .4; cursor: default; }
.password-toggle svg { width: 1.25rem; height: 1.25rem; pointer-events: none; }
.password-toggle .password-eye-slash { display: none; }
.password-toggle[aria-pressed="true"] .password-eye-slash { display: inline; }
.password-field > input::-ms-reveal { display: none; }
body:not(.login) #content-main .password-field { max-width: 32rem; }