.password-field{display:block;position:relative;width:100%;min-width:0}
.password-field>input{width:100%;min-width:0;min-height:48px;padding-right:56px}
.password-field>.password-visibility-toggle{position:absolute;right:5px;top:0;bottom:0;transform:none;translate:none;display:grid;place-items:center;width:44px;height:44px;min-height:44px;margin:auto 0;padding:0;border:0;border-radius:9px;background:transparent;color:var(--muted,#64748b);cursor:pointer}
.password-visibility-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.password-field>.password-visibility-toggle:hover{background:var(--club-subtle-gradient);color:var(--club-text,#326da5)}.password-field>.password-visibility-toggle[aria-pressed="true"]{color:var(--club-text,#326da5);background:var(--club-soft-gradient)}
.password-field>.password-visibility-toggle:focus-visible{outline:3px solid var(--club-control-border,#5394d4);outline-offset:1px}

/* Centering is independent of the global hover transform reset. */
.password-field>.password-visibility-toggle:is(:hover,:active,:focus-visible,[aria-pressed="true"]){transform:none;translate:none}