.password-field{position:relative;display:inline-block;width:100%;max-width:100%;min-width:0;vertical-align:middle}
.password-field.password-field-enhanced>input,.form-field .password-field.password-field-enhanced>input{box-sizing:border-box;width:100%;min-height:48px;padding-inline-end:7rem}
.password-field>.password-visibility-toggle{position:absolute;inset-inline-end:3px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100px;height:44px;min-width:100px;min-height:44px;margin:0;padding:0 8px;border:0;border-radius:4px;background:transparent;color:var(--body-fg,#000033);cursor:pointer;appearance:none;line-height:1}
.password-field>.password-visibility-toggle:hover{background:var(--darkened-bg,#edf1f5)}
.password-field>.password-visibility-toggle:focus-visible{outline:3px solid #0095d9;outline-offset:1px}
.password-field>.password-visibility-toggle:disabled{cursor:default;opacity:.5}
.password-visibility-toggle svg{display:block;width:22px;height:22px;pointer-events:none}
.password-visibility-toggle .password-visibility-caption{display:inline;font-size:12px;font-weight:650;line-height:1;white-space:nowrap;pointer-events:none}
.password-visibility-toggle .password-eye-slash{display:none}
.password-visibility-toggle[aria-pressed="true"] .password-eye-slash{display:block}
.password-field-enhanced>input::-ms-reveal{display:none}
body .aligned .password-field{max-width:28rem}
@media(forced-colors:active){.password-field>.password-visibility-toggle{color:ButtonText;border:1px solid ButtonText}}