.form-type-checkbox {
	display: flex;
	align-items: center;
	gap: 0.5em;
}

.form-type-checkbox .option {
	padding: 0.25em 0;
}

input[type="checkbox"] {
	appearance: none;
	margin: 0;
	background-color: white;
	color: currentColor;
	width: 1.15em;
	height: 1.15em;
	border: 0.25em solid white;
	border-radius: 4px;
	transition: background-color 200ms ease-in-out;
}

input[type="checkbox"]:checked {
	background-color: var(--color-mid-green);
}