.Formol_PasswordField
  width: calc(100% - 1.75em)

  &__wrapper
    @extend .Formol_Field__element
    cursor: text
    max-width: 100%
    position: relative

    .Formol_Field__element
      +hidden-field__element

  &__eye
    align-items: center
    background-color: transparent
    border: 0
    cursor: pointer
    display: flex
    opacity: .75
    padding: 0
    position: absolute
    right: .25em
    transition: opacity .2s
    transform: translateY(-50%)
    top: 50%
    z-index: 2

    svg
      background-color: $formol-color-inactive
      border-radius: 100%
      padding: .45em

    &:hover
      opacity: 1