.form .show-password {
    position: relative;
}

.form .show-password .form-control {
    padding-right: 66px;
}

.form .show-password__input {
    display: none;
}

.form .show-password__label {
    position: absolute;
    display: block;
    padding: 0;
    width: 42px;
    height: 42px;
    top: 50%;
    right: 15px;
    margin-top: -21px;
    margin-bottom: 0;
    cursor: pointer;
}

.form .show-password__label .show-password__icon {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.show-password__icon-hide {
    background-image: url('../img/eye-close.svg');
}

.show-password__icon-show {
    background-image: url('../img/eye-open.svg');
}

.form .show-password__label .show-password__icon-hide {
    display: none;
}

.form .show-password__label .show-password__icon-show {
    display: block;
}

.form .show-password__input:checked~.show-password__icon-hide {
    display: block;
}

.form .show-password__input:checked~.show-password__icon-show {
    display: none;
}