.password-wrapper {
  position: relative; }
  .password-wrapper input {
    width: 100%;
    padding-right: 57px; }
  .password-wrapper__toggle {
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 50px;
    height: 50px;
    background-image: url("../../img/password/icon_close_eye.svg");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none; }
    .password-wrapper__toggle.--light {
      background-image: url("../../img/password/icon_close_eye_white.svg"); }
  .password-wrapper.visible .password-wrapper__toggle {
    background-image: url("../../img/password/icon_open_eye.svg"); }
  .password-wrapper.visible .password-wrapper__toggle.--light {
    background-image: url("../../img/password/icon_open_eye_white.svg"); }

/*# sourceMappingURL=show_hide_password.css.map */