.scene{perspective:1500px;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.figure{position:relative}.cube,.figure{transform-style:preserve-3d;will-change:transform}.cube{position:absolute;top:-15px;left:-15px}.cube__face{position:absolute;width:30px;height:30px;border:1px solid rgba(0,0,0,.15);backface-visibility:hidden;pointer-events:none}.cube__face--front{transform:rotateY(0deg) translateZ(15px);background:#3b82f6}.cube__face--back{transform:rotateY(180deg) translateZ(15px);background:#2563eb}.cube__face--right{transform:rotateY(90deg) translateZ(15px);background:#fb7185}.cube__face--left{transform:rotateY(-90deg) translateZ(15px);background:#f43f5e}.cube__face--top{transform:rotateX(90deg) translateZ(15px);background:#fbbf24}.cube__face--bottom{transform:rotateX(-90deg) translateZ(15px);background:#f59e0b}