

input[type="checkbox"].cd-imitate-checkbox,
.cd-imitate-checkbox input[type="checkbox"] {
    cursor: pointer;
    position: relative;
    width: 13px;
    height: 13px;
    appearance: none;
    &:before {
        background: $colorWhite;
        border: 1px solid $borderNormal;
        content: " ";
        height: 12px;
        position: absolute;
        width: 12px;
        border-radius: 2px;
    }
    &:after {
        -webkit-transform: rotate(45deg);
        border-bottom: 2px solid $colorWhite;
        border-right: 2px solid $colorWhite;
        content: " ";
        display: none;
        height: 6px;
        left: 4px;
        position: absolute;
        top: 2px;
        transform: rotate(45deg);
        width: 3px;
    }
    &:hover:before {
        background-color: $colorWhite;
        border-color: $colorLink;
    }
    &:checked:before {
        border-color: $colorLink;
        background: $colorLink;
    }
    &:checked:after {
        display: block;
    }
    &:disabled:checked:after {
        border-bottom: 2px solid $checkboxDisable;
        border-right: 2px solid $checkboxDisable;
    }
    &:disabled:before {
        background-color: $disabledBgColor;
        border: 1px solid $checkboxDisable;
        cursor: no-drop;
    }
    &:disabled:checked:before {
        background: $colorLineDark;
    }
}