.selector__label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 32px;
    color: var(--text-primary);
    cursor: pointer;
}

.selector__label input {
    display: flex;
    align-items: center;
    justify-content: center;
    appearance: none;
    background-color: #FFFFFF;
    border: 1px solid var(--action-active);
    cursor: pointer;
    flex-shrink: 0;
}

.selector__label input:checked {
    border: unset;
}

.selector__label input:checked:before {
    content: '';
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--action-active);
}

.selector__label input:disabled {
    border-color: var(--action-disabled);
}

.selector__label input:disabled + span {
    color: var(--action-disabled);
}

.selector__label input:disabled:checked:before {
    background-color: var(--action-disabled);
}

/* Checkbox selector style */
.selector__checkbox {
    border-radius: 2px;
    margin: 4px;
    width: 16px;
    height: 16px;
}

.selector__checkbox:checked:before {
    width: 16px;
    height: 16px;
    -webkit-mask-image: var(--checkbox-checked);
    mask-image: var(--checkbox-checked);
}

/* Radio selector style */
.selector__radio {
    border-radius: 18px;
    margin: 3px;
    width: 18px;
    height: 18px;
}

.selector__radio:checked:before {
    width: 18px;
    height: 18px;
    -webkit-mask-image: var(--radio-checked);
    mask-image: var(--radio-checked);
}