.input.password.password-control {
  position: relative;
}
.password-control > input { padding-right: 52px; }

.password-toggle {
  position: absolute;
  right: 12px;
  z-index: 2;
  width: 32px;
  padding: 6px;
  border: 0;
  background: transparent;
  color: #777;
  cursor: pointer;
}
.password-toggle:hover,
.password-toggle:focus { color: #222; }
.password-toggle:focus {
  outline: 2px solid currentColor;
  outline-offset: 1px;
}
.password-toggle svg {
  display: block;
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.password-toggle .password-eye-off,
.password-toggle.is-visible .password-eye { display: none; }
.password-toggle.is-visible .password-eye-off { display: block; }