.hsc-login .login-password-field { display:flex; align-items:center; flex:1 1 0; min-width:0; }
.hsc-login .login-password-field .input { padding-right:4px; }
.login-password-field .input::-ms-reveal { display:none; }
.hsc-login .login-password-toggle { display:inline-flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; height:44px; padding:0; border:0; border-radius:10px; background:transparent; cursor:pointer; touch-action:manipulation; }
.hsc-login .login-password-toggle[hidden] { display:none; }
.hsc-login .login-password-toggle img { flex:none; width:22px; height:22px; opacity:.7; }
.hsc-login .login-eye-off,
.hsc-login .login-password-toggle[aria-pressed="true"] .login-eye { display:none; }
.hsc-login .login-password-toggle[aria-pressed="true"] .login-eye-off { display:block; }
.hsc-login .login-password-toggle:focus-visible { outline:2px solid var(--primary); outline-offset:1px; }
@media (hover:hover) { .hsc-login .login-password-toggle:hover { background:var(--login-segment); } }