.cube-loader{width:75px;height:75px;transform-style:preserve-3d;animation:4s linear infinite cube-animate;position:relative;transform:rotateX(-30deg)}@keyframes cube-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%,#406462 5.5%,#3e7e7b 12.1%,#3c948f 19.6%,#3aa6a0 27.9%,#38b6af 36.6%,#36c4bc 45.6%,#34d0c7 54.6%,#32dbd1 63.4%,#30e4da 71.7%,#2eece2 79.4%,#2df2e8 86.2%,#2cf7ed 91.9%,#2bfbf0 96.3%,#2afdf2 99%,#2afef3 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)}