.password-field-wrapper {
  position: relative; }
  .password-field-wrapper button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    height: auto;
    padding: 0;
    background: transparent;
    transition: none !important; }
    .password-field-wrapper button:before, .password-field-wrapper button:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      display: block;
      height: 24px;
      width: 24px;
      background: no-repeat center center;
      transform: translate(-50%, -50%);
      transition: opacity .2s ease-in-out; }
    .password-field-wrapper button:before {
      background-image: url("svg/pass-show.svg"); }
    .password-field-wrapper button:after {
      opacity: 0;
      background-image: url("svg/pass-hide.svg"); }
    .password-field-wrapper button.visible:before {
      opacity: 0; }
    .password-field-wrapper button.visible:after {
      opacity: 1; }

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