@use "../abstracts/variables" as variables;

input[type="checkbox"].firevert-checkbox {
	position: relative;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 20px;
	height: 20px;
	border: 1px solid variables.$primary;
	border-radius: variables.$border-radius-2;
	background-color: variables.$white;
	cursor: pointer;

	&:checked::before {
		content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC40MTQiIGhlaWdodD0iMTEuMTIxIiB2aWV3Qm94PSIwIDAgMTQuNDE0IDExLjEyMSI+CiAgPHBhdGggaWQ9Imljb19jaGVjayIgZGF0YS1uYW1lPSJpY28gY2hlY2siIGQ9Ik0xMCwxNS41ODYsNi43MDcsMTIuMjkzLDUuMjkzLDEzLjcwNywxMCwxOC40MTRsOS43MDctOS43MDdMMTguMjkzLDcuMjkzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuMjkzIC03LjI5MykiIGZpbGw9IiNlNzJiMzIiLz4KPC9zdmc+Cg==");
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 14px;
		height: 11px;
		appearance: none;
		margin: unset !important;
	}
}