/* */


*,
*:before,
*:after {
	box-sizing: border-box;
}

input[type="checkbox"].chk_stolzenbergBG {
	appearance: none;
	background-color: #fff;
	margin: 0;
	font: inherit;
	color: currentColor;
	width: 24px;
	height: 24px;
	border: 0.15em solid currentColor;
	border-radius: 0.15em;
	transform: translateY(-0.075em);

	display: grid;
	place-content: center;
}


input[type="checkbox"].chk_stolzenbergBG::before {
	content: "";
	width: 14px;
	height: 14px;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	background-color: #FF0000;
}


input[type="checkbox"].chk_stolzenberg {
	appearance: none;
	background-color: #fff;
	margin: 0;
	font: inherit;
	color: currentColor;
	width: 30px;
	height: 30px;
	border: 0.15em solid currentColor;
	border-radius: 0.15em;
	transform: translateY(-0.075em);

	display: grid;
	place-content: center;
}

.form-control + .form-control {
	margin-top: 1em;
}

input[type="checkbox"].chk_stolzenberg::before {
	content: "";
	width: 19px;
	height: 19px;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	background-color: #ff0000;
}

/* box-shadow: inset 2px 2px 2px 2px #FF0000; */

input[type="checkbox"]:checked::before {
	transform: scale(1);
}



input[type="radio"].chk_radio {
	/* Add if not using autoprefixer */
	-webkit-appearance: none;
	appearance: none;
	/* For iOS < 15 to remove gradient background */
	background-color: #fff;
	/* Not removed via appearance */
	margin: 0;
	
	display: grid;
	place-content: center;
	font: inherit;
	color: currentColor;
	width: 25px;
	height: 25px;
	border: 0.15em solid currentColor;
	border-radius: 50%;
}

/* box-shadow: inset 1em 1em #FF0000; */
input[type="radio"].chk_radio::before {
	content: "";
	width: 16px;
	height: 16px;
	border-radius: 50%;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	
	background-color: #FF0000;
}

input[type="radio"].chk_radio:checked::before {
	transform: scale(1);
}