.input-checkbox {
    position: relative;
    margin: 0px;
    display: flex;
    align-items: center;
    margin: 2px;
    user-select: none;
}

.input-checkbox > span {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: var(--gray);
    cursor: pointer;

    margin-bottom: 0px;
    padding-left: 8px;
}

.input-checkbox.small > span {
    font-size: 14px;
    line-height: 18px;
}


.input-checkbox > .checkbox {
    content: "";
    width: 18px;
    height: 18px;
    border: 2px solid var(--gray);
    border-radius: 2px;
}

.input-checkbox > .checkbox.checked {
    width: 18px;
    height: 18px;

    border-color: var(--primary);
    background-color: var(--primary);
    content: url(/assets/check.svg);
}