/* Show/hide password button (public/js/pw-peek.js). */
.pw-wrap { position: relative; }
/* fluent.css sets the auth inputs' padding with a long :not() chain; the
   eye's room on the right has to out-rank it or text runs under the button. */
.pw-wrap > input { padding-right: 36px !important; }
.pw-peek {
  position: absolute; top: 0; right: 0; bottom: 0; width: 34px;
  display: flex; align-items: center; justify-content: center;
  border: 0; background: transparent; color: #78716c; cursor: pointer; padding: 0;
}
.pw-peek:hover, .pw-peek[aria-pressed="true"] { color: #1c1917; }
.pw-peek:focus-visible { outline: 2px solid #2E5FA3; outline-offset: -2px; border-radius: 4px; }