/* One visibility component for authentication, account security and admin forms. */
.password-field{position:relative;display:block;min-width:0;width:100%}.password-field>input,.auth-input-wrap>input[data-password-visibility]{padding-right:52px!important}.password-visibility{position:absolute;z-index:1;right:7px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;min-height:40px;padding:9px;border:0;border-radius:11px;background:transparent;color:#657a92;cursor:pointer;touch-action:manipulation}.password-visibility svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.password-visibility:hover{background:#2c68af12}.password-visibility:focus-visible{outline:2px solid #205fa5;outline-offset:1px}.auth-body .password-visibility{color:var(--auth-muted)}
@media(prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .auth-body .password-visibility{color:#afc0db}}

/* Explicit theme choice uses the existing dark palette. */
:where(:root[data-theme=dark]) .auth-body .password-visibility{color:#afc0db}