@charset "utf-8";

/*----------------------------- waiting_animate -----------------------------*/
.waiting_animation{
	opacity:0;
}

@-webkit-keyframes waiting_animation0{
	0%{
		-webkit-transform:waiting_animation0(1);
		transform:waiting_animation0(1);
		opacity:1;
	}
	45%{
		-webkit-transform:waiting_animation0(0.1);
		transform:waiting_animation0(0.1);
		opacity:0.6;
	}
	80%{
		-webkit-transform:waiting_animation0(1);
		transform:waiting_animation0(1);
		opacity:1;
	}
}

@keyframes waiting_animation0{
	0%{
		-webkit-transform:waiting_animation0(1);
		transform:waiting_animation0(1);
		opacity:1;
	}
	45%{
		-webkit-transform:waiting_animation0(0.1);
		transform:waiting_animation0(0.1);
		opacity:0.6;
	}
	80%{
		-webkit-transform:waiting_animation0(1);
		transform:waiting_animation0(1);
		opacity:1;
	}
}

.waiting_animation0{
	background:rgba(255, 255, 255, 0.5);
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:10;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}

.waiting_animation0 > div > div{
	background:#666;
	width:8px;
	aspect-ratio:1;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	margin:auto 1px;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	display:inline-block;
}

.waiting_animation0 > div > div:nth-child(1){
	-webkit-animation:waiting_animation0 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
	animation:waiting_animation0 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.waiting_animation0 > div > div:nth-child(2){
	-webkit-animation:waiting_animation0 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
	animation:waiting_animation0 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.waiting_animation0 > div > div:nth-child(3){
	-webkit-animation:waiting_animation0 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
	animation:waiting_animation0 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

@-webkit-keyframes waiting_animation1{
	0%{
		-webkit-transform:rotate(0deg);
		opacity:0.4;
	}
	50%{
		-webkit-transform:rotate(180deg);
		opacity:1;
	}
	100%{
		-webkit-transform:rotate(360deg);
		opacity: 0.4;
	}
}

@-moz-keyframes waiting_animation1{
	0%{
		-moz-transform:rotate(0deg);
		opacity: 0.4;
	}
	50%{
		-moz-transform:rotate(180deg);
		opacity: 1;
	}
	100%{
		-moz-transform:rotate(360deg);
		opacity: 0.4;
	}
}

.waiting_animation1{
	background:rgba(255, 255, 255, 0.5);
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:10;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}

.waiting_animation1 > div{
	width:20px;
	aspect-ratio:1;
	border-radius:50%;
	border:solid #ccc 2px; 
	border-right-color:transparent;
	-webkit-animation:waiting_animation1 1s infinite linear;
	-moz-animation:waiting_animation1 1s infinite linear;
}
/*----------------------------- /waiting_animate -----------------------------*/