.input-container-pw-input {
  width: 400px;
  height: 50px;
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(150, 150, 150);
  outline: none;
  padding-left: 19px;
  font-size: 15px;
  transition: border-color .2s;
}

.input-container-pw-input:hover {
  border-color: black;
}

.input-container-pw-input:focus {
  border-color: black;
}

.input-container-pw-input:not(:placeholder-shown) {
  border-color: black;
}

.input-container-pw-input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset;
}

.input-container-pw-label {
  position: absolute;
  color: rgb(150, 150, 150);
  top: 50%;
  transform: translateY(-55%);
  left: 20px;
  font-size: 15px;
  cursor: text;
  transition: top .2s, font-size .2s, color .2s;
}

.input-container-pw-input:hover + .input-container-pw-label {
  color: black;
}

.input-container-pw-input:focus + .input-container-pw-label {
  color: black;
  top: 7px;
  font-size: 10px;
}

.input-container-pw-input:not(:placeholder-shown) + .input-container-pw-label {
  color: black;
  top: 7px;
  font-size: 10px;
}