@import url("variables_7fd691bf4b97.css");

.password-input-wrapper {
  position: relative;
  width: 250px;
}

.password-input-wrapper .show-password-field {
  width: 100%;
}

.password-input-wrapper .show-password-button[type="button"] {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

@media (max-width: 1024px) {
  .password-input-wrapper .show-password-button[type="button"] {
    position: absolute;
    top: 25%;
    right: 10px;
    transform: translateY(-50%);
  }
}
@media (max-width: 768px) {
  .password-input-wrapper .show-password-button[type="button"] {
    position: absolute;
    top: -45%;
    right: 10px;
    transform: translateY(-50%);
  }
}

.show-password-button[type="button"] {
  position: absolute;
  box-shadow: unset;
  border: none;
  background-color: var(--mobile-color-white);
  padding: 0;
  color: var(--color-link-soft-light) !important;
  font-size: var(--font-size);
  line-height: 1em;
  text-shadow: unset;
}

.show-password-button:active[type="button"] {
  color: var(--color-gray-800) !important;
}

.show-password-button:hover[type="button"] {
  color: var(--color-gray-800) !important;
}

::-ms-reveal {
  display: none;
  display: none;
}
