$default_label_checkbox_gap: 5px;
$default_items_gap: 5px;

.wp-block-spectra-pro-loop-builder-child-filter-checkbox {

	&.spectra-checkbox-size input[type="checkbox"]:checked::before {
		margin: 0;
		width: 100%;
		height: 100%;
	}

	// Variable based CSS - Items Gap.
	gap: var(--spectra-items-gap, $default_items_gap);

	// Variable based CSS - Label-Checkbox Gap.
	label {
		gap: var(--spectra-label-checkbox-gap, $default_label_checkbox_gap);
	}

	// Reset styles to resolve the theme compatibility issues.
	input[type="checkbox"] {
		width: var(--spectra-checkbox-size, 16px);
		height: var(--spectra-checkbox-size, 16px);
	}
}
