.atom_wrap {
  display: flex; 
  position: absolute; 
  width:100vw; 
  height: 100vh; 
  height: 100lvh; 
  overflow: hidden; 
  justify-content: center; 
  align-items: center;
}

slide .atom_wrap {
  display: none !important;
}
slide.loading .atom_wrap {
  display: flex !important;
}

.loader_text {font-size:calc(100vw/26); color:#EFEFFA; font-family:AA_Stetica;}

.loader {
	position: absolute;
  top: calc(50% - 20vw);
  left: calc(50% - 20vw);
  width: 40vw;
  height: 40vw;
  border-radius: 50%;
  perspective: 800px;
}

.inner {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;  
  border: 1px solid transparent;
}

.inner.one {
  left: 0%;
  top: 0%;
  animation: rotate-one 1s linear infinite;
  border-bottom: 3px solid #EFEFFA;
}

.inner.two {
  right: 0%;
  top: 0%;
  animation: rotate-two 1s linear infinite;
  border-right: 3px solid #EFEFFA;
}

.inner.three {
  right: 0%;
  bottom: 0%;
  animation: rotate-three 1s linear infinite;
  border-top: 3px solid #EFEFFA;
}

@keyframes rotate-one {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@keyframes rotate-two {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}

@keyframes rotate-three {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}