.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(to bottom,hsl(var(--primary)/.8) 0,hsl(var(--primary)/.7) 2%,hsl(var(--primary)/.6) 5.5%,hsl(var(--accent)/.5) 80%,hsl(var(--accent)/.8) 85%,hsl(var(--accent)/1) 100%)}.cube-top{position:absolute;width:75px;height:75px;background:hsl(var(--primary)/.7);transform:rotateX(90deg) translateZ(37.5px);transform-style:preserve-3d}rect{fill:hsl(var(--primary))}.cube-top:before{content:"";position:absolute;width:75px;height:75px;background:hsl(var(--primary)/.5);transform:translateZ(-90px);filter:blur(20px);box-shadow:0 0 120px hsl(var(--primary)/.2),0 0 200px hsl(var(--primary)/.4),0 0 300px hsl(var(--primary)/.6),0 0 400px hsl(var(--primary)/.8),0 0 500px hsl(var(--primary)/1)}.cube-loader-container{filter:drop-shadow(0 0 .03rem rgb(0,0,0)) drop-shadow(0 0 .02rem rgb(0,0,0))}