@charset "utf-8";

#confirm-age { 
	font:400 40px/1.25 Arial,Helvetica,sans-serif; 
	position:fixed; 
	top:0; 
	left:0; 
	bottom:0; 
	right:0; 
	z-index:1000000; 
	display:flex; 
	align-items:center; 
	justify-content:center; 
	color:#fff; 
	text-shadow:.05em .1em .1em #000; 
	background:rgba(0,0,0,.8); 
	backdrop-filter:blur(.25em) 
}
#confirm-age p { 
	width:22em; 
	text-align:center; 
	background:rgba(70,70,70,.65); 
	border-radius:1em; padding:.5em .25em 
}
#confirm-age img { 
	display:block; 
	margin:0 auto .5em; 
	width:3em;
}
#confirm-age button{ 
	font:inherit; 
	font-size:larger; 
	color:inherit; 
	text-shadow:inherit; 
	border:1px solid #000; 
	border-radius:.25em; 
	padding:.15em 1em; 
	margin:.25em; 
	/*background-image:linear-gradient(rgba(255,255,255,.5),transparent 50%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.25)); */
	text-shadow:0 0 .2em #000,0 0 .05em #000; 
	cursor:pointer;
}
#confirm-age button:hover, #confirm-age button:active{ 
	filter:brightness(1.2);
	color:#FF0;
	}
#confirm-age label { 
	display:table; 
	margin:0 auto; 
	font-size:smaller;
}
#confirm-age input { 
	appearance:none; 
	font:inherit; color:inherit; 
	display:inline-block; 
	margin:-.125em .25em;
	width:1em; 
	height:1em; 
	border:.08em solid currentColor;
}
#confirm-age input:checked{ 
	background:linear-gradient(50deg, transparent 45%, currentColor 50%, currentColor 70%, transparent 75%) 20% 80%/30% 50% no-repeat, linear-gradient(310deg, transparent 48%, currentColor 50%, currentColor 65%, transparent 68%) 80% 80%/48% 80% no-repeat
}
    
@media (max-width:1000px){ 
#confirm-age{font-size:4vw !important}
}/* CSS Document */