.cube-loader{width:75px;height:75px;transform-style:preserve-3d;animation:4s linear infinite animate;position:relative;transform:rotateX(-30deg)}@keyframes animate{0%{transform:rotateX(-30deg)rotateY(0)}to{transform:rotateX(-30deg)rotateY(360deg)}}.cube-loader .cube-wrapper{width:100%;height:100%;transform-style:preserve-3d;position:absolute}.cube-loader .cube-wrapper .cube-span{width:100%;height:100%;transform:rotateY(calc(90deg * var(--i))) translateZ(37.5px);background:linear-gradient(#423e40 0%,#405c64 5.5%,#3e6b7e 12.1%,#3c7a94 19.6%,#3a86a6 27.9%,#3891b6 36.6%,#369ac4 45.6%,#34a2d0 54.6%,#32a9db 63.4%,#30aee4 71.7%,#2eb3ec 79.4%,#2db7f2 86.2%,#2cbbf7 91.9%,#2bbdfb 96.3%,#2abefd 99%,#2abffe 100%);position:absolute}.cube-top{width:75px;height:75px;transform-style:preserve-3d;background:#423e40 0%;position:absolute;transform:rotateX(90deg)translateZ(37.5px)}.cube-top:before{content:"";filter:blur(10px);width:75px;height:75px;box-shadow:0 0 10px #323232, 0 0 20px #3c948f 19.6%, 0 0 30px #323232, 0 0 40px #3c948f 19.6%;background:#3c948f 19.6%;position:absolute;transform:translateZ(-90px)}@media (max-width:600px){.cube-loader{width:50px;height:50px}.cube-loader .cube-top{width:50px;height:50px;transform:rotateX(90deg)translateZ(25px)}.cube-loader .cube-top:before{width:50px;height:50px;transform:translateZ(-60px)}.cube-loader .cube-wrapper .cube-span{transform:rotateY(calc(90deg * var(--i))) translateZ(25px)}}