@import url("variables_1cacceb2134f.css");

.password-input-wrapper {
  display: inline-block; /* shrink-wrap: the wrapper is as wide as the input */
  position: relative;
  vertical-align: middle;
  max-width: 100%;
}

.password-input-wrapper .show-password-field {
  padding-right: 2.5rem; /* keep text from running under the icon */
  /* no width here; the page decides */
}

.password-input-wrapper .show-password-button {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
  margin: 0;
  box-shadow: none;
  border: 0;
  background: transparent;
  padding: 0;
  color: var(--show-pw-color, var(--color-link-soft-light));
  font-size: var(--show-pw-size, var(--font-size));
  line-height: 1;
  text-shadow: none;
}

.password-input-wrapper .show-password-button:hover,
.password-input-wrapper .show-password-button:active {
  color: var(--show-pw-color-hover, var(--color-gray-800));
}

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