.password-visibility-field{
  position:relative;
  display:block;
  width:100%;
}

.password-visibility-field>input{
  width:100%;
  padding-right:3rem!important;
  box-sizing:border-box;
}

.password-visibility-toggle{
  position:absolute;
  right:.35rem;
  top:50%;
  width:2.25rem;
  height:2.25rem;
  min-width:2.25rem;
  min-height:2.25rem;
  padding:.4rem;
  border:0;
  border-radius:.4rem;
  background:transparent;
  color:inherit;
  transform:translateY(-50%);
  cursor:pointer;
  display:grid;
  place-items:center;
}

.password-visibility-toggle:hover{
  background:rgba(127,127,127,.14);
}

.password-visibility-toggle:focus-visible{
  outline:2px solid currentColor;
  outline-offset:1px;
}

.password-visibility-toggle svg{
  width:1.25rem;
  height:1.25rem;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}