[input-password-wrapper] label {
    position: relative;
}

[input-password-wrapper] label input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

[input-password-wrapper] label .icon__eye,
[input-password-wrapper] label .icon__eye__slash {
    width: 20px;
    height: 20px;
    object-fit: contain;
    object-position: center;
}

[input-password-wrapper] label .icon__eye__slash {
    display: none;
}

[input-password-wrapper] label input[type="checkbox"]:checked ~ .icon__eye {
    display: none;
}

[input-password-wrapper]
    label
    input[type="checkbox"]:checked
    ~ .icon__eye__slash {
    display: block;
}