@charset "utf-8";
#loading{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	background-color: #21052f;
	z-index: 100000;
}
.loadWrap{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.8, 0.8);
	height: 50px;
	overflow: hidden;
}
/* HTML: <div class="loader"></div> */
.loader {
  height: 15px;
  aspect-ratio: 5;
  display: flex;
  justify-content: space-between;
}
.loader:before,
.loader:after {
  content: "";
  width: calc(140%/3);
  --_g: no-repeat radial-gradient(farthest-side,#fff 94%,#0000);
  background:
    var(--_g) left,
    var(--_g) right;
  background-size: calc(300%/7) 100%;
  transform-origin: calc(300%/14) 50%;
  transform: translate(0) rotate(0);
  animation: l33 1s infinite linear; 
}
.loader:after {
  --s:-1;
  transform-origin: calc(100% - calc(300%/14)) 50%;
}
@keyframes l33 {
  100% {transform: translate(calc(var(--s,1)*(100% - calc(300%/7)))) rotate(calc(var(--s,1)*.5turn))}
}