/* The eye on every password box (password-eye.js). It sits inside the box, at the right, so it
   reads as part of the field rather than a separate action, and it is a real button: reachable
   with Tab, named for screen readers, and at least 40px square for a thumb. */
.pw-wrap{position:relative;display:block}
/* The space the eye sits in is reserved against every page's own input padding: the application
   and the workspace set their padding with far more specific rules, and text ran under the eye. */
html body .pw-wrap>input[data-eye]{width:100%;padding-inline-end:3rem!important}
/* One eye: Edge draws its own reveal button inside password boxes, out of step with this one. */
.pw-wrap>input::-ms-reveal,.pw-wrap>input::-ms-clear{display:none}
.pw-eye{position:absolute;inset-inline-end:.25rem;top:50%;transform:translateY(-50%);display:inline-flex;
 align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;margin:0;border:0;
 border-radius:6px;background:transparent;color:var(--accent,#087bbb);cursor:pointer;line-height:0}
.pw-eye:hover{background:rgba(8,123,187,.08);color:var(--accent,#087bbb)}
.pw-eye:focus-visible{outline:2px solid var(--accent,#087bbb);outline-offset:1px}
.pw-eye svg{pointer-events:none}
html[data-theme=dark] .pw-eye{background:transparent;color:#85d0ff}
html[data-theme=dark] .pw-eye:hover{background:rgba(133,208,255,.12);color:#85d0ff}