.default-checkbox {
	display: inline-flex;
	align-items: center;
	font-size: var(--font-size-medium-large);
	cursor: pointer;
}

.default-checkbox input[type="checkbox"] {
	display: none;
}

.default-checkbox .checkmark {
	width: 2.4rem;
	height: 2.4rem;
	background-color: var(--checkboxDisableBg);
	border: 2px solid var(--checkboxBorder);
	border-radius: 4px;
	position: relative;
	margin-right: 10px;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.default-checkbox.error .checkmark {
	border-color: var(--colorError, #e53935);
	background-color: rgba(229, 57, 53, 0.1);
}

.default-checkbox.error {
	color: var(--colorError, #e53935);
}

.default-checkbox input[type="checkbox"]:checked + .checkmark {
	background-color: var(--checkboxEnableBg);
	border-color: var(--checkboxEnableBg);
}

.default-checkbox .checkmark:after {
	content: "";
	position: absolute;
	display: none;
	left: 6px;
	top: 1px;
	width: 8px;
	height: 14px;
	border: solid var(--checkboxIcon);
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
}

.default-checkbox input[type="checkbox"]:checked + .checkmark:after {
	display: block;
}