.cube-loader{position:relative;width:75px;height:75px;transform-style:preserve-3d;transform:rotateX(-30deg);animation:animate 4s linear infinite}.cube-loader.paused{animation-play-state:paused}@keyframes animate{0%{transform:rotateX(-30deg) rotateY(0)}to{transform:rotateX(-30deg) rotateY(360deg)}}.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(to top,#000,#ccc)}.cube-top{position:absolute;width:75px;height:75px;background:#e6e6e6 0%;transform:rotateX(90deg) translateZ(37.5px);transform-style:preserve-3d}