.honeypot {
	position:relative;
	background-color:#f9f9f9;
	border:2px solid #d3d3d3;
	border-radius:5px;
	color:#4c4a4b;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
} 
@media screen and (max-width: 500px) {
	.honeypot {
		flex-direction:column;
	}
	.honeypot .text {
		margin:0 20px 5px 20px;
		text-align:center;
	}
	.honeypot .check {
		margin:20px;
	}
}
.honeypot label {
	margin: 0px!important;
	padding: 0px!important;
	width: auto!important;
	min-width: 0!important;
	height: auto!important;
	min-height: 0!important;
}
.honeypot .text {
	margin-right:20px;
	width:100%;
}
.honeypot .check {
	position:relative;
	width:30px;
	min-width:30px;
	height:30px;
	display:flex;
	margin: 20px 15px;
	align-items:center;
	justify-content:center;
}
.honeypot input[type="checkbox"] { position: absolute; opacity: 0; z-index: -1; }
.honeypot input[type="checkbox"]+.checkmark {
	display:inline-block;
	width:30px;
	height:30px;
	background-color:#fcfcfc;
	border:2.5px solid #c3c3c3;
	border-radius:3px;
	display:flex;
	justify-content:center;
	align-items:center;
	cursor: pointer;
	box-sizing: border-box;
}
.honeypot input[type="checkbox"]+.checkmark span {
	content:'';
	position:relative;
	margin-top:-3px;
	transform:rotate(45deg);
	width:13px;
	height:25px;
	opacity:0;
}
.honeypot input[type="checkbox"]+.checkmark>span:after {
	content:'';
	position:absolute;
	display:block;
	height:3px;
	bottom:0;left:0;
	background-color:#029f56;
}
.honeypot input[type="checkbox"]+.checkmark>span:before {
	content:'';
	position:absolute;
	display:block;
	width:3px;
	bottom:0;right:0;
	background-color:#029f56;
}
.honeypot input[type="checkbox"]:checked+.checkmark { 
	animation:2s honeypot_sp forwards;
}
.honeypot input[type="checkbox"]:checked+.checkmark>span { 
	animation:1s honeypot_fi 1.9s forwards;
}
.honeypot input[type="checkbox"]:checked+.checkmark>span:after {animation:.3s honeypot_bs 2s forwards;}
.honeypot input[type="checkbox"]:checked+.checkmark>span:before {animation:.5s honeypot_rs 2.2s forwards;}
@keyframes honeypot_fi {
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes honeypot_bs {
	0% {width:0;}
	100% {width:100%;}
}
@keyframes honeypot_rs {
	0% {height:0;}
	100% {height:100%;}
}
@keyframes honeypot_sp {
	10% {
		width:0;
		height:0;
		border-width:6px;
	}
	30% {
		width:0;
		height:0;
		border-radius:50%;
		border-width:1em;
		transform: rotate(0deg);
		border-color:rgb(199,218,245);
	}
	50% {
		width:30px;
		height:30px;
		border-radius:50%;
		border-width:4px;
		border-color:rgb(199,218,245);
		border-right-color:rgb(89,152,239);
	}
	70% {
		border-width:4px;
		border-color:rgb(199,218,245);
		border-right-color:rgb(89,152,239);
	}
	90% {
		border-width:4px;
	}
	100% {
		width:30px;
		height:30px;
		border-radius:50%;
		transform: rotate(720deg);
		border-color:transparent;
	}
}
.honeypot ::selection {
	background-color:transparent;
	color:teal;
}
.honeypot ::-moz-selection {
	background-color:transparent;
	color:teal;
}