input[type='checkbox']:not(.shd-switch-input) {
	width: var(--shd-checkbox-size, 16px);
	min-width: var(--shd-checkbox-size, 16px);
	max-width: var(--shd-checkbox-size, 16px);
	height: var(--shd-checkbox-size, 16px);
	min-height: var(--shd-checkbox-size, 16px);
	max-height: var(--shd-checkbox-size, 16px);
	margin: 0;
	accent-color: var(--shd-checkbox-accent, #4b8cff);
	cursor: pointer;
}

input[type='checkbox']:not(.shd-switch-input):checked {
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
	border: 1px solid var(--shd-checkbox-accent, #4b8cff);
	border-radius: 3px;
	background-color: var(--shd-checkbox-accent, #4b8cff);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m2.5 8 4 4 7-8' fill='none' stroke='%231d1f25' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.25'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}

html[data-ui-theme='light'] input[type='checkbox']:not(.shd-switch-input):checked {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m2.5 8 4 4 7-8' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.25'/%3E%3C/svg%3E");
}

input[type='checkbox']:not(.shd-switch-input):not(:checked):not(:disabled) {
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
	border: 1px solid color-mix(in srgb, var(--shd-checkbox-accent, #4b8cff) 55%, transparent);
	border-radius: 3px;
	background-color: color-mix(in srgb, var(--shd-checkbox-accent, #4b8cff) 22%, transparent);
}

input[type='checkbox']:not(.shd-switch-input):indeterminate {
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
	border: 1px solid var(--shd-checkbox-accent, #4b8cff);
	border-radius: 3px;
	background-color: color-mix(in srgb, var(--shd-checkbox-accent, #4b8cff) 22%, transparent);
	background-image: linear-gradient(var(--shd-checkbox-accent, #4b8cff), var(--shd-checkbox-accent, #4b8cff));
	background-position: center;
	background-repeat: no-repeat;
	background-size: 9px 2px;
}

input[type='checkbox']:not(.shd-switch-input):disabled {
	opacity: 0.22;
	cursor: not-allowed;
}