.checkboxWrapper{
    position: relative;

    input[type=checkbox]{
        width: 0;
        height: 0;
        opacity: 0;
        overflow: hidden;
        position: absolute;
    }

    label{
        display: flex;
        flex-wrap: wrap;
        cursor: pointer;

        &:before{
            content: '';
            width: 22px;
            height: 22px;
            background: url("../../../assets/icons/checkbox-icon.svg") no-repeat center;
            margin-right: 8px;
            margin-top: 2px;
        }
    }

    input:checked+label:before{
        background: url("../../../assets/icons/checkbox-checked-icon.svg") no-repeat center;
    }
}