.password-field { position: relative; display: block; min-width: 0; }
.account-form .password-field input { padding-right: 48px; }
.password-field input::-ms-reveal { display: none; }
.account-form .password-toggle {
  position: absolute;
  top: 50%;
  right: 2px;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 42px;
  height: calc(100% - 4px);
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: transparent;
  box-shadow: none;
  color: var(--muted, #687583);
  cursor: pointer;
  transition: color .18s ease, background-color .18s ease;
}
.account-form .password-toggle:hover { color: #2869d8; background: #2f6fed0b; }
.account-form .password-toggle:focus-visible { outline: 2px solid #729bda; outline-offset: -3px; }
.account-form .password-toggle svg { display: block; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.password-toggle .password-eye-slash { opacity: 0; transition: opacity .18s ease; }
.password-toggle.is-visible .password-eye-slash { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .account-form .password-toggle, .password-toggle .password-eye-slash { transition: none; }
}