.toggle-password {
  background: url("../images/eye.svg") no-repeat center center;
  border: none;
  padding: 0;
  width: 35px;
  position: absolute;
  top: 0;
}

.toggle-password::after {
  content: "";
  position: relative;
  width: 1px;
  height: 1px;
  background: url("../images/eye-off.svg") no-repeat top left;
}

.toggle-password--hide {
  background: url("../images/eye-off.svg") no-repeat center center;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.form-type-password {
  position: relative;
}

input[data-drupal-revealpass] {
  padding-right: 35px;
}