.checkbox {
	@apply inline-flex items-center select-none cursor-pointer;
}

.checkbox::before {
	content: '';
	background-size: 50% 50%;
	@apply inline-block flex-shrink-0 flex-grow-0 w-5 h-5 border border-muted rounded bg-center bg-no-repeat transition-colors bg-white mr-2;
}

.input {
	@apply hidden;
}

/* стили при наведении курсора на checkbox */
.input:not(:disabled):not(:checked) + .checkbox:hover::before {
	@apply border-primary;
}

/* стили для чекбокса, находящегося в состоянии checked */
.input:checked + .checkbox::before {
	@apply border-primary bg-primary;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}