.cube-loader{position:relative;width:75px;height:75px;transform-style:preserve-3d;transform:rotateX(-30deg);animation:animate 4s linear infinite}@keyframes animate{0%{transform:rotateX(-30deg) rotateY(0)}to{transform:rotateX(-30deg) rotateY(1turn)}}.cube-loader .cube-wrapper{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.cube-loader .cube-wrapper .cube-span{position:absolute;width:100%;height:100%;transform:rotateY(calc(90deg * var(--i))) translateZ(37.5px);background:linear-gradient(180deg,#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)}.cube-top{background:#423e40 0;transform:rotateX(90deg) translateZ(37.5px);transform-style:preserve-3d}.cube-top,.cube-top:before{position:absolute;width:75px;height:75px}.cube-top:before{content:"";background:#3c948f 19.6%;transform:translateZ(-90px);filter:blur(10px);box-shadow:0 0 10px #323232,0 0 20px 19.6% #3c948f,0 0 30px #323232,0 0 40px 19.6% #3c948f}