ul[data-v-560e3e2e]{display:grid;grid-template-columns:repeat(3,1fr);list-style-type:none;padding:0}ul li[data-v-560e3e2e]{border:1px solid #000;height:100px;width:100px}ul li[color=r][data-v-560e3e2e]{background:red}ul li[color=w][data-v-560e3e2e]{background:#fff}ul li[color=b][data-v-560e3e2e]{background:blue}ul li[color=y][data-v-560e3e2e]{background:#ff0}ul li[color=g][data-v-560e3e2e]{background:green}ul li[color=o][data-v-560e3e2e]{background:orange}.cube[data-v-d880d23b]{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);perspective:1000px;transform-origin:center;transform-style:preserve-3d}.cube .side[data-v-d880d23b]{align-items:center;display:flex;justify-content:center}.cube .side.back[data-v-d880d23b]{transform:rotate(180deg)}.cube .side.left[data-v-d880d23b]{transform:rotate(90deg)}.cube .side.right[data-v-d880d23b]{transform:rotate(-90deg)}.cube .side.bottom[data-v-d880d23b]{transform:rotate(180deg) rotateY(-15deg);transform-origin:center}main .hide{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}main .move-log{background:#dedede;border:1px solid;bottom:1rem;list-style:none;padding:1rem;position:fixed;right:1rem;width:20vh}main .move-log li{width:100%}main .move-log li button{text-align:left;width:100%}main .move-log li+li{margin-top:.5rem}main .moves{bottom:0;position:fixed}