.w_checkbox{
    width: var(--width, 13px);
    height: var(--heigth, 13px);
    min-width: var(--width, 13px);
    min-height: var(--heigth, 13px);
    display: block;
    border: 1px solid #5d5d5d;
    cursor: pointer;

    .tick{
        display: none;
        width: 9px;
        height: 13px;
        margin-left: 1px;
    }
    .semi_checked{
        display: none;
        width: 11px;
        height: 11px;
        padding: 3px;
    }

    &.checked{.tick{display: block;}}
    &.semi_checked{.semi_checked{display: block;}}
}