/* Use one accessible visibility control, including in browsers with a native eye. */
input::-ms-reveal, input::-ms-clear { display: none; }
.password-toggle { display: inline-flex; align-items: center; justify-content: center; width: 40px; min-height: 36px; padding: 6px !important; }
.password-toggle:focus-visible { outline: 2px solid currentColor !important; outline-offset: 2px; }
.password-control input, .password-wrap input { padding-right: 54px; }

/* Keep centering independent of shared button hover/press transforms. */
body #passwordToggle.password-toggle,
body #passwordToggle.password-toggle:hover,
body #passwordToggle.password-toggle:focus,
body #passwordToggle.password-toggle:active {
  top: 0; bottom: 0; margin-block: auto; height: 36px; min-height: 36px;
  transform: none !important;
  transition: color .2s ease, background-color .2s ease !important;
}

.password-wrap input { display: block; }