.cube{position:relative;transform-style:preserve-3d;transform-origin:50% 50% -2.75em;animation:cube-ani 1.5s ease-in-out infinite;animation-delay:calc((var(--n) - 1 - var(--j) + var(--i)) * .05 * 1.5s)}.cube{background:#f1f5f9;border:1px solid rgb(203,213,225)}.cube:before{content:"";position:absolute;inset:0;background:#94a3b8;transform:rotateY(90deg) translateZ(1.375em)}.cube:after{content:"";position:absolute;inset:0;background:#e2e8f0;transform:rotateX(90deg) translateZ(1.375em)}@keyframes cube-ani{0%,50%,to{transform:scaleZ(0)}25%{transform:scaleZ(.5)}}