.loading-page{background-color:var(--primary);z-index:100;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.loader{perspective:1000px;width:28vw;height:28vw;color:var(--secondary-hover);border-radius:50%;transform:rotate(45deg)}.loader:before,.loader:after{content:"";width:inherit;height:inherit;border-radius:50%;animation:1s linear infinite spin;display:block;position:absolute;top:0;left:0;transform:rotateX(70deg)}.loader:after{color:var(--secondary);animation-delay:.4s;transform:rotateY(70deg)}@keyframes rotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes rotateccw{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(-360deg)}}@keyframes spin{0%,to{box-shadow:.2em 0}12%{box-shadow:.2em .2em}25%{box-shadow:0 .2em}37%{box-shadow:-.2em .2em}50%{box-shadow:-.2em 0}62%{box-shadow:-.2em -.2em}75%{box-shadow:0 -.2em}87%{box-shadow:.2em -.2em}}