.password-reveal-field{position:relative;display:block;width:100%}
.password-reveal-field>input{width:100%;box-sizing:border-box;padding-right:52px!important}
.password-reveal-field>.password-reveal-button{position:absolute;right:7px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:38px;height:38px;min-height:0;padding:0;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;touch-action:none;user-select:none;transition:transform .12s ease,background-color .12s ease,color .12s ease,box-shadow .12s ease}
.password-reveal-field>.password-reveal-button:hover{color:var(--accent);background:var(--accent-soft)}
.password-reveal-field>.password-reveal-button[aria-pressed="true"]{transform:translateY(-50%) scale(.88);color:#fff;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.password-reveal-field>.password-reveal-button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.password-reveal-button svg{width:20px;height:20px}
.field .password-reveal-field{font-size:inherit;font-weight:inherit;letter-spacing:normal;text-transform:none}
@media(prefers-reduced-motion:reduce){.password-reveal-field>.password-reveal-button{transition:none}}