.loader-container{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.loader{perspective:1000px;border-radius:50%;width:72px;height:72px;position:relative;transform:rotate(45deg)}.loader:before,.loader:after{content:"";width:inherit;height:inherit;border-radius:50%;animation:2s linear infinite spin;display:block;position:absolute;top:0;left:0;transform:rotateX(70deg)}.loader:before{animation-delay:0s;box-shadow:.3em 0 #0ff}.loader:after{animation-delay:.4s;transform:rotateY(70deg);box-shadow:.3em 0 #f0f}@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:.3em 0 #0ff}12%{box-shadow:.3em .3em #9400d3}25%{box-shadow:0 .3em #f0f}37%{box-shadow:-.3em .3em #0ff}50%{box-shadow:-.3em 0 #9400d3}62%{box-shadow:-.3em -.3em #f0f}75%{box-shadow:0 -.3em #0ff}87%{box-shadow:.3em -.3em #9400d3}}