@charset "utf-8";
/* CSS Document */

/* HTML: <div class="loader"></div> */
/* Source（css）: https://css-loaders.com/ */

#load-bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100vw;
	height: 100vh;
	transition: all 1s;
	background-color: #79D68F;
}

#loader {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	height: 15px;
	aspect-ratio: 5;
	display: grid;
	--_g: no-repeat radial-gradient(farthest-side,#fff 95%,#0000);
}
#loader:before,
#loader:after {
	content: "";
	grid-area: 1/1;
	background:
		var(--_g) left,
		var(--_g) right;
	background-size: 20% 100%;
	animation: l32 1s infinite; 
}
#loader:after { 
	background:
		var(--_g) calc(1*100%/3),
		var(--_g) calc(2*100%/3);
	background-size: 20% 100%;
	animation-direction: reverse;
}
@keyframes l32 {
	  80%,100% {transform:rotate(.5turn)}
}


.loaded {
	opacity: 0;
	visibility: hidden;
}