.cube-container{perspective:1000px;width:var(--cube-size);height:var(--cube-size);--cube-size:24px;justify-content:center;align-items:center;display:flex;transform:scale(.66)}.face svg{transform-origin:50%;transform:scale(1.5)}.cube{width:var(--cube-size);height:var(--cube-size);transform-style:preserve-3d;transition:transform 1s;position:relative}.cube.animate{animation:14s ease-in-out infinite rotateCube}.cube.animate.paused{animation-play-state:paused}.cube.animate.run{animation-play-state:running}.face{width:var(--cube-size);height:var(--cube-size);color:#000;background-color:#fff;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex;position:absolute}.front{transform:translateZ(calc(var(--cube-size)/2))}.back{transform:rotateY(180deg)translateZ(calc(var(--cube-size)/2))}.left{transform:rotateY(-90deg)translateZ(calc(var(--cube-size)/2))}.right{transform:rotateY(90deg)translateZ(calc(var(--cube-size)/2))}.top{transform:rotateX(90deg)translateZ(calc(var(--cube-size)/2))}.bottom{transform:rotateX(-90deg)translateZ(calc(var(--cube-size)/2))}@keyframes rotateCube{0%,21.43%{transform:rotateY(0)rotateX(0)}25%,46.43%{transform:rotateY(-90deg)rotateX(0)}50%,71.43%{transform:rotateY(-90deg)rotateX(-90deg)}75%,96.43%{transform:rotateY(0)rotateX(-90deg)}to{transform:rotateY(0)rotateX(0)}}
/*# sourceMappingURL=2e70a9ad8ba4bca9.css.map*/