// 旧版的输入框
.cil-radio,
.cil-checkbox {
    font-size: 14px;
    // margin: .5em 1.428571em 0 0;
    padding-left: 1.785714em;
    padding-right: 1.428571em;
    position: relative;
    font-weight: 400;
    cursor: pointer;

    input[type=radio],
    input[type=checkbox] {
        opacity: 0;
        z-index: 1;
        left: .214286em;
        top: 0;
        position: absolute;
        width: 1em;
        height: 1em;
    }

    input[type=radio]:checked+span::after,
    input[type=checkbox]:checked+span::after {
        position: absolute;
        content: '';
        width: .857142em;
        height: .857142em;
        top: .071429em;
        left: .071429em;
        background: @lazur;
    }

    input[type=radio]:checked+span::after {
        border-radius: 1em;
    }

    input[type=checkbox]:checked+span::after {
        border-radius: .285714em;
    }

    span.input-helper {
        position: absolute;
        left: .142857em;
        top: .142857em;
        width: 1.142857em;
        height: 1.142857em;
        border: .071429em solid @black;
        box-sizing: border-box;
    }

    input[type=radio]+span.input-helper {
        border-radius: 1em;
    }

    input[type=checkbox]+span.input-helper {
        border-radius: .3em;
    }

    ///////////////
    // 覆盖原来的样式
    //////////////
    input[type=checkbox]::before {
        content: none;
    }

    input[type=checkbox]:checked::before {
        content: none;
    }

    input[type=radio]::before {
        content: none;
    }

    input[type=radio]:checked::before {
        content: none;
    }
}

// 新版的输入框
.cil-radio-wrapper,
.cil-checkbox-wrapper {
    display: flex;
    font-size: 14px;
    padding-left: 1.785714em;
    padding-right: 1.428571em;
    position: relative;
    font-weight: 400;
    cursor: pointer;

    .checkbox,
    .radio {
        opacity: 0;
        z-index: 1;
        left: .214286em;
        top: 0;
        position: absolute;
        width: 1em;
        height: 1em;
        margin: 0;
        display: block;
    }

    .radio.radio-checked+span::after,
    .checkbox.checkbox-checked+span::after,
    .checkbox.checkbox-forbidden+span::after {
        position: absolute;
        content: '';
        width: .857142em;
        height: .857142em;
        top: .071429em;
        left: .071429em;
        background: @lazur;
    }

    .radio.radio-forbidden+span::after,
    .checkbox.checkbox-forbidden+span::after {
        background: #c2bebe;
    }

    .radio.radio-checked+span::after {
        border-radius: 1em;
    }

    .checkbox.checkbox-checked+span::after {
        border-radius: .285714em;
    }

    span.input-helper {
        position: absolute;
        left: .142857em;
        top: .142857em;
        width: 1.142857em;
        height: 1.142857em;
        border: .071429em solid @black;
        box-sizing: border-box;
    }

    .radio+span.input-helper {
        border-radius: 1em;
    }

    .checkbox+span.input-helper {
        border-radius: .3em;
    }

    ///////////////
    // 覆盖原来的样式
    //////////////
    input[type=checkbox]::before {
        content: none;
    }

    input[type=checkbox]:checked::before {
        content: none;
    }

    input[type=radio]::before {
        content: none;
    }

    input[type=radio]:checked::before {
        content: none;
    }
}