.password-field{position:relative;width:100%}
.password-field input{display:block;width:100%;padding-right:56px}
.password-field .toggle-password,.password-field .toggle-password.ripple{position:absolute;top:50%;right:4px;bottom:auto;left:auto;transform:translateY(-50%);width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:11px;background:transparent;color:var(--muted);display:grid;place-items:center;z-index:2;cursor:pointer}
.password-field .toggle-password:hover{background:var(--surface-2);color:var(--brand)}
.password-field .toggle-password:focus-visible{outline:2px solid var(--brand);outline-offset:-3px}
.password-field .toggle-password svg{width:20px;height:20px;pointer-events:none}
.password-field .toggle-password:active{transform:translateY(-50%) scale(.94)}
@media(max-width:768px){.password-field input{padding-right:54px}.password-field .toggle-password,.password-field .toggle-password.ripple{right:3px}}