.ombox-checkbox-group,
.ombox-radio-group {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    align-items: center;
}

.ombox-check-option,
.ombox-radio-option {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    min-height: var(--widget-control-min-height, 38px);
    padding: var(--space-2) var(--space-3);
    border: var(--border-width-thin) solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-white);
    color: var(--color-text-secondary);
    cursor: pointer;
}

.ombox-check-option input,
.ombox-radio-option input {
    flex: 0 0 auto;
    margin: 0;
}

.ombox-check-option input[type="checkbox"] {
    width: 18px;
    height: 18px;
    border: 1px solid var(--color-border, #d7dde5);
    border-radius: var(--radius-sm, 4px);
    background-color: var(--color-white, #fff);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 13px 13px;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, .08);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.ombox-check-option input[type="checkbox"]:checked {
    border-color: var(--color-primary, #0087f7);
    background-color: var(--color-primary, #0087f7);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6 3.8 5.8 9.6 2.6 6.4' fill='none' stroke='%23fff' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    box-shadow: none;
}

.ombox-check-option input[type="checkbox"]:disabled {
    cursor: not-allowed;
    opacity: .62;
}

.ombox-check-option:has(input:checked),
.ombox-radio-option:has(input:checked) {
    border-color: var(--color-primary);
    background: var(--color-primary-light);
    color: var(--color-primary);
}

body.eye-protection .ombox-check-option,
body.eye-protection .ombox-radio-option {
    background: #faf8f3;
    border-color: #d9cbb8;
}

body.eye-protection .ombox-check-option input[type="checkbox"] {
    border-color: #d9cbb8;
    background-color: #faf8f3;
}

body.eye-protection .ombox-check-option input[type="checkbox"]:checked {
    border-color: #8b6b3f;
    background-color: #8b6b3f;
}