/* Show/hide password button (password-toggle.js), on the login and new-account pages. */

/* The addon box is Bootstrap's light grey on these pages, so the icon is a dark grey
   (#5c636a, 5.6:1 on it) rather than the theme's muted text, which is for dark surfaces. */
.byw-pw-toggle {
  cursor: pointer;
  color: #5c636a;
}
.byw-pw-toggle:hover,
.byw-pw-toggle[aria-pressed="true"] { color: #212529; }
.byw-pw-toggle:focus-visible {
  outline: 2px solid var(--byw-accent);
  outline-offset: 2px;
  z-index: 3;
}

/* Edge draws its own eye in password fields; with ours beside it there would be two. */
.byw-pw::-ms-reveal,
.byw-pw::-ms-clear { display: none; }