.eye-open {
  background: url("images/eye-open.svg") no-repeat;
  display: block;
  height: 16px;
  width: 24px;
  background-size: 20px;
}

.eye-close {
  background: url("images/eye-close.svg") no-repeat;
  display: block;
  height: 16px;
  width: 24px;
  background-size: 20px;
}

/* Positioning context that wraps ONLY the password input. */
.pwd-eye-wrapper {
  position: relative;
  display: block;
  width: inherit;
}

/* Pin the eye inside the input, independent of surrounding DOM/error order. */
.pwd-eye-wrapper .shwpd {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  margin: 0;
  cursor: pointer;
  z-index: 2;
}