/* pw-toggle.css - the show / hide password button (pw-toggle.js). Same rules on every site; only the colours differ.
 * Light and dark themes come from site.css custom properties.
 */
.pwt-btn{--pwt-fg:var(--muted);--pwt-on:var(--blue);--pwt-hover-bg:var(--blue-soft);--pwt-ring:var(--focus)}
.pwt{position:relative;display:block;min-width:0}
.pwt.pwt--inline{display:inline-block}
.pwt > input[data-pwt]{padding-right:2.75rem !important}
.pwt:not(.pwt--inline) > input[data-pwt]{display:block;width:100%;max-width:none;box-sizing:border-box}
.pwt.pwt--inline > input[data-pwt]{vertical-align:top}
input[data-pwt="float"]{padding-right:2.75rem !important}
.pwt-btn.pwt-btn{position:absolute;top:50%;right:.25rem;left:auto;bottom:auto;transform:translateY(-50%);z-index:1;
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:2.25rem;height:2.25rem;min-width:0;min-height:0;max-height:calc(100% - 2px);margin:0;padding:0;
  border:0;border-radius:var(--pwt-radius,6px);background:transparent;box-shadow:none;color:var(--pwt-fg);
  font:inherit;line-height:1;text-transform:none;letter-spacing:normal;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pwt-btn.pwt-btn--float{right:auto;max-height:none}
.pwt-btn.pwt-btn:hover{color:var(--pwt-on);background:var(--pwt-hover-bg)}
.pwt-btn.pwt-btn[aria-pressed="true"]{color:var(--pwt-on)}
.pwt-btn.pwt-btn:focus{outline:none}
.pwt-btn.pwt-btn:focus-visible{outline:2px solid var(--pwt-ring);outline-offset:0}
.pwt-btn.pwt-btn[hidden]{display:none}
.pwt-btn .pwt-icon{display:block;width:20px;height:20px;pointer-events:none}
@media (forced-colors: active){.pwt-btn.pwt-btn{color:ButtonText}.pwt-btn.pwt-btn[aria-pressed="true"]{color:Highlight}}