.password-icon {
  z-index: 9;
  border-left: 0 !important;
  cursor: pointer;
}

.password-icon .material-symbols-outlined {
  font-size: 20px;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}

.password-icon:hover {
  fill: #343a40;
}

/* style for password requirements */
.requirement { font-weight: bold; }
.unmet { color: red; }    /* Unmet requirements are red by default */
.valid { color: green; }  /* Met requirements turn green */
/* end */