/* Show/hide button for masked fields. The button sits inside the box on the right. */
.pw-wrap { position: relative; margin-top: 0.6rem; }
.pw-wrap > input { margin-top: 0 !important; padding-right: 3rem !important; }
.pw-wrap > input::-ms-reveal, .pw-wrap > input::-ms-clear { display: none; }
.pw-toggle {
  position: absolute; right: 2px; top: 0; bottom: 0; width: 44px; margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-radius: 8px; background: transparent !important; color: #64748b;
  display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 1rem;
  -webkit-tap-highlight-color: transparent;
}
.pw-toggle:hover, .pw-toggle:active { background: transparent !important; color: #1e293b; }
.pw-toggle:focus-visible { outline: 3px solid #2563eb; outline-offset: -3px; }
.pw-toggle[aria-pressed="true"] { color: #1e293b; }
.pw-toggle svg { width: 20px; height: 20px; display: block; pointer-events: none; }