.password-visibility {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.password-visibility > input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding-inline-end: 50px !important;
}
.password-visibility-button {
  position: absolute;
  inset-inline-end: 2px;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #566078;
  cursor: pointer;
  touch-action: manipulation;
}
.password-visibility-button:hover {background: #eef1ff;}
.password-visibility-button:focus-visible {outline: 2px solid #4059df; outline-offset: -3px;}
.password-visibility-button svg {fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; pointer-events: none;}
.password-visibility-slash {display: none;}
.password-visibility-button.is-visible .password-visibility-slash {display: initial;}
.staff-create-auth .password-visibility {max-width: 360px;}
@media (forced-colors: active) {
  .password-visibility-button {color: ButtonText;}
  .password-visibility-button:focus-visible {outline-color: Highlight;}
}