:root{--cell-size:12vmin;--perspective:80vmin;--perspective-origin:center 50vh}body,html{height:100vh;margin:0;width:100vw}article{align-items:center;display:flex;flex-direction:column;perspective:80vmin;perspective:var(--perspective);-moz-perspective:80vmin;-moz-perspective:var(--perspective);-webkit-perspective:80vmin;-webkit-perspective:var(--perspective);-o-perspective:80vmin;-o-perspective:var(--perspective);-ms-perspective:80vmin;-ms-perspective:var(--perspective);perspective-origin:center 50vh;perspective-origin:var(--perspective-origin);-moz-perspective-origin:center 50vh;-moz-perspective-origin:var(--perspective-origin);-webkit-perspective-origin:center 50vh;-webkit-perspective-origin:var(--perspective-origin);-o-perspective-origin:center 50vh;-o-perspective-origin:var(--perspective-origin);-ms-perspective-origin:center 50vh;-ms-perspective-origin:var(--perspective-origin)}.settings ul{list-style-type:none;margin:0;padding:0}.unselectable{-webkit-user-select:none;user-select:none}.cube{margin:0;top:50vh;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cube,.face{position:absolute}.face{height:36vmin;height:calc(var(--cell-size)*3);width:36vmin;width:calc(var(--cell-size)*3)}.cell{border:.2vw solid #000;box-sizing:border-box;height:12vmin;height:var(--cell-size);position:absolute;width:12vmin;width:var(--cell-size)}.pif-top-0{top:0}.pif-top-1{top:12vmin;top:var(--cell-size)}.pif-top-2{top:24vmin;top:calc(var(--cell-size)*2)}.pif-left-0{left:0}.pif-left-1{left:12vmin;left:var(--cell-size)}.pif-left-2{left:24vmin;left:calc(var(--cell-size)*2)}.u-face{-webkit-transform:translateY(-100%) rotateX(90deg) translateX(-50%);transform:translateY(-100%) rotateX(90deg) translateX(-50%)}.d-face{-webkit-transform:rotateX(-90deg) translateX(-50%);transform:rotateX(-90deg) translateX(-50%)}.b-face{-webkit-transform:translateY(-50%) rotateY(90deg) translateX(50%) rotateY(90deg) translateX(50%);transform:translateY(-50%) rotateY(90deg) translateX(50%) rotateY(90deg) translateX(50%)}.r-face{-webkit-transform:translateY(-50%) rotateY(90deg);transform:translateY(-50%) rotateY(90deg)}.f-face{-webkit-transform:translateY(-50%) rotateY(90deg) translateX(-50%) rotateY(-90deg) translateX(-50%);transform:translateY(-50%) rotateY(90deg) translateX(-50%) rotateY(-90deg) translateX(-50%)}.l-face{-webkit-transform:translateY(-50%) translateX(-100%) rotateY(-90deg);transform:translateY(-50%) translateX(-100%) rotateY(-90deg)}.red{background-color:red}.blue{background-color:#3e00f5}.orange{background-color:#ff9b00}.green{background-color:#00e700}.yellow{background-color:#f7ff00}.white{background-color:#fff}.gray{background-color:gray}#closeButton,#menuButton{position:absolute;right:0;top:0}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{border:1px solid transparent;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{border-color:#0188fe;box-shadow:0 0 5px #0188fe;outline:none}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}
/*# sourceMappingURL=main.4b8873ae.css.map*/