body{margin:0;padding:0;font-family:sans-serif;touch-action:none}#root,.app{width:100%;height:100%;position:absolute;overflow:hidden}.cube-container{-webkit-perspective:400px;perspective:400px;width:100%;height:100%}.cube,.cube-container{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute}.cube{left:calc(50% - 25px);top:calc(50% - 25px)}.cube,.cube .face{width:50px;height:50px}.cube .face{border:2px solid #333;border-radius:5px;position:absolute;box-sizing:border-box;background:#383838}.cube .face.front{-webkit-transform:translateZ(25px) rotate(0deg);transform:translateZ(25px) rotate(0deg)}.cube .face.back{-webkit-transform:translateZ(-25px) rotate(0deg);transform:translateZ(-25px) rotate(0deg)}.cube .face.top{-webkit-transform:rotateX(-90deg) translateY(-25px);transform:rotateX(-90deg) translateY(-25px);-webkit-transform-origin:top center;transform-origin:top center}.cube .face.bottom{-webkit-transform:rotateX(90deg) translateY(25px);transform:rotateX(90deg) translateY(25px);-webkit-transform-origin:bottom center;transform-origin:bottom center}.cube .face.left{-webkit-transform:rotateY(270deg) translateX(-25px);transform:rotateY(270deg) translateX(-25px);-webkit-transform-origin:center left;transform-origin:center left}.cube .face.right{-webkit-transform:rotateY(-270deg) translateX(25px);transform:rotateY(-270deg) translateX(25px);-webkit-transform-origin:center right;transform-origin:center right}
/*# sourceMappingURL=main.e4594e0d.chunk.css.map */