::-ms-reveal,
::-ms-clear {
  display: none !important;
}

/* The plugin bakes an inline margin-top of half the toggle's measured height,
   and a toggle inside a container that is display: none at init measures 0.
   Centering through a transform is resolved at paint time from the rendered
   height, so it holds no matter when the toggle becomes visible - the inline
   margin is neutralized in both of its states. The label is uppercased, so
   its glyphs paint no descenders while the em box still reserves the descent
   below the baseline - the extra 0.05em drops the ink to the optical center. */
.hideShowPassword-toggle,
.hideShowPassword-toggle:active,
.hideShowPassword-toggle:focus,
.hideShowPassword-toggle:focus-visible,
.hideShowPassword-toggle:focus-within
 {
  top: 50% !important;
  margin-top: 0 !important;
  transform: translateY(calc(-50% + 0.05em));
  width: 4rem;
  color: #666;
  background: transparent !important;
  border: none !important;
  text-transform: uppercase;
  font-size: 0.65rem !important;
  box-shadow: none !important;
}

.hideShowPassword-toggle:hover {
  cursor: pointer;
}

.hideShowPassword-wrapper {
  width:100%;
}