.password-field{position:relative}.password-fields-ready .password-field input{padding-right:3rem}.password-field .password-toggle{display:none;position:absolute;top:50%;right:.25rem;transform:translateY(-50%);align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin:0;padding:0;border:0;border-radius:var(--radius);background:transparent;cursor:pointer;color:var(--text-primary, var(--text))}.password-fields-ready .password-field .password-toggle{display:flex}.password-field .password-toggle:hover{background:transparent}.password-field .password-toggle:hover>span{color:var(--text-primary, var(--text))}.password-field .password-toggle:focus-visible{outline:2px solid var(--text-secondary);outline-offset:1px}.password-field .password-toggle:disabled{opacity:.5;cursor:not-allowed}.password-field .password-toggle span{width:24px;height:24px;background-color:currentColor;-webkit-mask:var(--password-icon) center / contain no-repeat;mask:var(--password-icon) center / contain no-repeat;color:var(--text-tertiary);transition:color .2s ease}.password-show-icon{--password-icon: url(../images/visibility_on.svg)}.password-hide-icon{--password-icon: url(../images/visibility_off.svg)}.password-field .password-toggle span[hidden]{display:none}