/* The eye button on password boxes (static/js/password-toggle.js). Its own file, so the website, Haven and
   staff stylesheets each stay as they are. */
.pw-wrap { position: relative; display: block; }
.pw-wrap > input { padding-right: 52px !important; }
.pw-toggle {
  position: absolute; top: 50%; right: 8px; transform: translateY(-50%);
  display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%;
  background: transparent; color: #6B6880; cursor: pointer;
}
.pw-toggle:hover { color: #1A1F71; background: rgba(26, 31, 113, 0.06); }
.pw-toggle:focus-visible { outline: 2px solid #FF6FAE; outline-offset: 1px; }