.password-control { position: relative; }
.academy-login-field .password-control > input {
  padding-right: 3.5rem;
  border-color: #d6dfed;
  border-radius: .8rem;
  background: #eaf0fe;
}
.password-control > input::-ms-reveal { display: none; }
.password-control > .password-toggle {
  position: absolute;
  top: 50%;
  right: .35rem;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: .6rem;
  border: 0;
  border-radius: .5rem;
  background: transparent;
  color: #929daf;
  cursor: pointer;
}
.password-control > .password-toggle:hover { color: var(--teal); }
.password-toggle svg { display: block; width: 1.5rem; height: 1.5rem; flex: none; }
.password-toggle[aria-pressed="false"] .password-eye-open,
.password-toggle[aria-pressed="true"] .password-eye-closed { display: none; }