.jet-form-builder__field-wrap.has-eye-icon {
    position: relative
}

.jet-form-builder__field-wrap.has-eye-icon .jet-form-builder__field {
    padding-right: 34px
}

.jfb-eye-icon {
    position: absolute;
    top: calc(50% - 12px);
    right: 5px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    line-height: 0
}

.rtl .jfb-eye-icon {
    left: 5px;
    right: unset
}

.jfb-eye-icon .unseen-icon,
.jfb-eye-icon .seen-icon {
    display: none
}

.jfb-eye-icon.seen .seen-icon {
    display: block
}

.jfb-eye-icon:not(.seen) .unseen-icon {
    display: block
}