body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.dropdown{float:right!important}.navbar{background-color:rgba(0,0,255,.3);padding:1rem!important}.cubes{margin-right:5px}.cubesDropdown,.settingsDropDown{display:inline-block}.settingsDropDown{float:right;margin-right:4px}.cubesDropdown>.cubes>.dropdown-menu{padding-left:8px;padding-right:8px;padding-bottom:0}.cubesDropdown>.cubes>.dropdown-menu,.settingsDropDown>.settings>.dropdown-menu{height:100%;min-height:30vh;color:#343a40!important;overflow-y:scroll;border:2px solid #343a40;border-radius:.25rem;background-color:transparent}.cubesDropdown>.cubes>.dropdown-menu>.dropdown-item{width:100%;color:#007bff;border:none;transition:all .4s;background:rgba(0,0,0,.9);border-radius:.25rem;margin-bottom:8px}.checkbox-inline{display:inline-block;margin-right:4px}.cubesDropdown>.cubes>.dropdown-menu>.dropdown-item:active{opacity:1%}.cubesDropdown>.cubes>.dropdown-menu>.dropdown-item:hover{background-color:hsla(0,0%,39.2%,.5)}.settingsDropDown>.settings>.dropdown-menu>ul{padding-left:8px}.settingsDropDownItem{width:100%;color:#007bff;transition:all .4s;background:rgba(0,0,0,.9);border-radius:.25rem;list-style-type:none;padding:4px 20px;margin-bottom:8px;pointer-events:visible}.navbar-brand{position:relative;float:left}.cubes,.navbar-brand,.settings{margin-bottom:0;height:100%}.cubesDropdown,.navbar-brand,.settingsDropDown{display:flex;justify-content:center;align-items:center}#fullscreenBtn,#infoBtn,.cubes>button,.settings>button{height:40px;border:2px solid #00f;border-radius:.25rem;transition:background-color .4s ease;background-color:transparent;color:#d3d3d3}#fullscreenBtn:hover,#infoBtn:hover,.cubes>button:hover,.settings>button:hover{background-color:#00f;border:2px solid #00f}#closeBtn{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;width:2rem;height:2rem;border:2px solid #007bff;pointer-events:auto}#closeBtn:hover{border-color:#007bff!important;background-color:hsla(0,0%,39.2%,.5)}.rc-slider-rail,.rc-slider-track{height:8px}.rc-slider-rail{background-color:#d3d3d3}.rc-slider-track{background-color:#007bff}.rc-slider-handle{height:18px;width:18px;border-color:#007bff!important;background-color:#d3d3d3;box-shadow:none}.sideSolverInfo{position:fixed;color:#d3d3d3;top:85px;right:30vw;font-size:1rem;width:50%;max-width:200px}.setLength{border:1px solid grey}.solverInfo{position:fixed;color:#d3d3d3;top:85px;right:10px;font-size:1rem;width:50%;max-width:200px}.setLengthWrapper{width:100%;text-align:left;display:inline-block}.setLength{border:none;background-color:#007bff;height:25px;width:80px;border-radius:.25rem;margin-bottom:5px;text-align:center;float:right}.menuWrapper{bottom:5px;max-height:30%;background:rgba(red,green,blue,0);border-radius:.25rem;padding:0 5px 5px}.menuWrapper,.menuWrapperOptions{position:fixed;width:100%;height:30%;min-height:160px;overflow:hidden}.menuWrapperOptions{bottom:0}.menuToggle{position:fixed;margin-left:50%;bottom:5px;width:40px!important;height:20px!important;z-index:100000000000;left:-20px;font-size:2rem!important;text-align:center;vertical-align:middle;line-height:10px;padding-top:8px}.mobileButton{border:2px solid #007bff;color:#d3d3d3;transition:background-color .4s ease;border-radius:.25rem;display:block;width:100%;height:30%;margin-bottom:4px}.mobileButton,.mobileButton:hover{background-color:rgba(0,0,255,.1)}.mobileButton:active{background-color:rgba(0,0,255,.5)}.blankButton{opacity:0;border-radius:.25rem;display:block;width:100%;height:30%;margin-bottom:4px}.solverMovesSolver{height:200px!important}#controlsDiv{width:100%;height:100%;background-color:transparent;white-space:nowrap}.centerMoves,.singleLayerMoves{display:inline-block;height:100%;overflow:hidden}.centerLayerColumns,.multiLayerColumns,.singleLayerColumns{display:inline-block;width:-webkit-min-content;width:min-content;height:100%;white-space:pre-wrap}.multiLayerMoves{display:inline-block;height:100%;overflow:hidden}.moveBtn{border-radius:.25rem;font-size:.75rem;height:14%;margin-bottom:4px;margin-right:4px;pointer-events:auto}.moveBtn:hover{background-color:#add8e6!important;color:#000!important}::-webkit-scrollbar{-webkit-appearance:none;width:7px}::-webkit-scrollbar-thumb{border-radius:4px;background-color:#d3d3d3}#centerControls{left:15;max-width:300px;padding-right:4.5%!important}#centerControls,#centerControls2{position:absolute;width:50%;height:100%}#centerControls2{right:0;padding-right:0}a>img{height:50%}.solverLoading{display:none;position:absolute;width:95%;height:85%;padding-top:10%;text-align:center;background-color:#d3d3d3;margin:2px;z-index:99}.solverLoading,.solverUIWrapper{border-radius:.25rem;color:#343a40}.solverUIWrapper{width:100%;height:100%;overflow:hidden}.warningPopupSolver{visibility:hidden;position:absolute;border-radius:.25rem;background-color:rgba(25,25,25,.7);border:2px solid #343a40;z-index:100001;color:#d3d3d3;text-align:center;height:100%;width:30vw;margin-bottom:100%}.solverMessage{margin:auto;padding:10px}.solverLeaveStay{color:#d3d3d3;transition:background-color .4s ease;background-color:rgba(0,0,255,.1);border-radius:.25rem;border:2px solid #007bff;font-size:1rem;height:22.5%;width:40%;padding-left:6px;padding-right:6px;white-space:nowrap;margin:5px;pointer-events:auto}.solverInterface{float:right;width:100%;max-width:300px;color:#d3d3d3;height:75%;border-radius:.25rem}.solverButtonDiv{height:50%;width:50%;display:inline-block;padding-bottom:2%}.solverInterface.exitDiv{display:block}.solverButton{height:100%;width:100%;pointer-events:auto;transition:background-color .4s ease;background-color:rgba(0,0,255,.1);color:#d3d3d3;border-radius:.25rem;border:2px solid #007bff;padding:0}.exitButton:hover,.solverButton:hover,.solverLeaveStay:hover{background-color:rgba(0,0,255,.5)!important}.exitButton:active,.solverButton:active,.solverLeaveStay:active{background-color:rgba(0,0,255,.25)!important}.solverButton>p{height:1rem;padding:0;margin:0;top:0;display:inline-block}.solverMoves{transition:border .4s ease;left:0}.solverMoves,.solverMovesMobile{height:100%;max-width:400px}.algoMoves,.solverMoves,.solverMovesMobile{position:absolute;width:98%;overflow-y:scroll;border-radius:.25rem;border:2px solid #343a40;z-index:100000;pointer-events:auto;bottom:0}.algoMoves{height:80%;margin-top:5px}.algoMoves>div,.solverMoves,.solverMovesMobile>div{display:inline-block;color:#007bff}.solveMoveDiv{margin:2px!important;border:1px solid transparent!important;border-radius:.25rem;width:2rem;height:2rem;pointer-events:auto;display:inline-block;transition:background-color .4s ease;background:rgba(0,0,0,.7)}.jumper{height:20px}.solveMoveDiv:hover{background-color:hsla(0,0%,39.2%,.2)}.solveButtonImage>img{background-image:radial-gradient(circle,#d3d3d3 5%,#343a40);border-radius:.3rem;padding:2px;margin-right:5px}.solveButtonImage>img:hover{-webkit-filter:invert(0);filter:invert(0);background-image:radial-gradient(circle,#add8e6 5%,#343a40);border-radius:.3rem}.solveButtonImage>img:active{-webkit-filter:invert(5%);filter:invert(5%);background-color:none}.nextSolveIndex{background-color:hsla(0,0%,39.2%,.5)}.targetSolveIndex{border-radius:.25rem}.jumperButtons{position:fixed;right:5px;bottom:5px;z-index:100000000000;pointer-events:auto}.jumper{display:inline-block;color:#d3d3d3;font-size:.75rem;width:45%}#patterns{width:98%;margin-top:2px;border-radius:.25rem;border:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;outline:none}.nextMove,.previousMove{border-radius:.25rem;border:1px solid #d3d3d3;margin-left:6px;margin-right:6px}.exitButton{color:#d3d3d3;transition:background-color .4s ease;background-color:hsla(0,0%,82.7%,.1);border-radius:.25rem;border:2px solid #d3d3d3;font-size:1rem;white-space:nowrap;pointer-events:auto;padding:0;width:100%;height:100%}#blankExit{width:45%;border:none;background:transparent;padding:0;margin:4px}.rewindAll,.rewindOne{padding-right:1%}.fastforward,.playOne{padding-left:1%}.warningPopup{display:none;position:absolute;background-color:rgba(25,25,25,.7);border:2px solid #343a40;border-radius:.25rem;z-index:100;color:#d3d3d3;height:100%;max-height:300px;width:30vw;margin-bottom:100%}.cpMessage{margin:auto;padding:10px}.colorButtonContainer{visibility:visible}.cpLeaveStay{color:#d3d3d3;transition:background-color .4s ease;background-color:rgba(0,0,255,.1);border-radius:.25rem;border:2px solid #007bff;font-size:1rem;height:22.5%;width:40%;padding-left:6px;padding-right:6px;white-space:nowrap;margin:5px;pointer-events:auto}.cpLeaveStay:hover{background-color:rgba(0,0,255,.5)!important}.cpLeaveStay:active{background-color:rgba(0,0,255,.25)!important}.checkCpDiv,.solveCpDiv{margin-top:5%}.cpErrorMessage{color:red;font-size:.8rem;text-align:left;list-style:none;margin:2px;line-height:15px}.checkCp,.solveCp{width:50%;min-width:100px;min-height:50px;border-radius:.25rem;border:2px solid #d3d3d3!important;transition:background-color .4s ease;background-color:hsla(0,0%,82.7%,.1);pointer-events:auto}.solveCp:hover{background-color:rgba(0,100,0,.5)!important}.checkCp:hover{background-color:rgba(0,0,100,.5)!important}.triggerBtn{width:100%;height:20%;font-size:1rem;background-color:#343a40;color:#d3d3d3;border-radius:.25rem;border:1px solid #007bff}.cpInfo{position:absolute;bottom:0;left:0;width:98%;height:100%;max-width:400px;border:2px solid #343a40;border-radius:.25rem}.colorButtonContainer{max-width:400px;height:100%;max-height:400px;float:right;padding-bottom:75px}.colorButtonDiv{height:25%}.bottomColorButtonDiv,.colorButtonDiv{width:50%;display:inline-block;padding-bottom:4px}.bottomColorButtonDiv{height:33%}.colorPicker{width:100%;height:100%;display:inline-block;border:2px solid #007bff!important;border-radius:.25rem;transition:background-color .4s ease;pointer-events:auto}.colorPickerExit{color:#d3d3d3;background-color:hsla(0,0%,82.7%,.1);border-radius:.25rem;border:2px solid #d3d3d3!important;margin-bottom:0}.colorPickerExit:hover{background-color:rgba(0,0,255,.5)!important}.white{margin-top:0;color:#d3d3d3;border-color:#d3d3d3;margin-right:2%}.white:hover{background-color:hsla(0,0%,100%,.3)!important}.blue{margin-top:0;color:#00f;border-color:#00f}.blue:hover{background-color:rgba(0,0,255,.3)!important}.red{color:red;border-color:red;margin-right:2%}.red:hover{background-color:rgba(255,0,0,.3)!important}.yellow{color:#ff0;border-color:#ff0}.yellow:hover{background-color:rgba(255,255,0,.3)!important}.orange{color:orange;border-color:orange;margin-right:2%}.orange:hover{background-color:rgba(255,165,0,.3)!important}.green{color:green;border-color:green}.green:hover{background-color:rgba(0,255,0,.3)!important}.rightCp{padding-left:1%}.leftCp{padding-right:1%}.menuOptionsWrapper{width:100%;max-width:300px;height:100%;max-height:100%;bottom:0;display:flex;flex-direction:column;justify-content:space-between;padding:0 5px}.leftButton{color:#d3d3d3;transition:background-color .4s ease;background-color:rgba(0,0,255,.1);border-radius:.25rem;border:2px solid #007bff;font-size:1rem;height:30%;white-space:nowrap;pointer-events:auto;margin-left:5px;margin-bottom:5px;min-width:125px}.leftButton:hover,.rightButton:hover{background-color:rgba(0,0,255,.5)}.leftButton:active,.rightButton:active{background-color:rgba(0,0,255,.25)}.rightButton{position:relative;right:0;color:#d3d3d3;transition:background-color .4s ease;background-color:rgba(0,0,255,.1);border-radius:.25rem;border:2px solid #007bff;font-size:1rem;height:30%;white-space:nowrap;pointer-events:auto;margin-right:5px;margin-bottom:5px;min-width:125px}.invas:active,.invis,.invis:hover{background-color:transparent;border-color:transparent;pointer-events:none}.hoverDisabled{opacity:.6;pointer-events:none}.algoList{max-width:300px;position:absolute;bottom:0;width:100%;margin-right:0;overflow-y:scroll;height:100%;min-height:100px;overflow-x:hidden;color:#343a40!important;border:2px solid #343a40;border-radius:.25rem;pointer-events:auto;padding-left:8px;padding-top:8px;padding-right:8px}.algoButton{width:100%;color:#007bff;border:none;transition:all .4s;background:rgba(0,0,0,.7);border-radius:.25rem;margin-bottom:8px}.algoButton:hover{background-color:hsla(0,0%,39.2%,.2)}.algoActive{background-color:hsla(0,0%,39.2%,.5);color:#d3d3d3}.bottomMenuWrapper{position:absolute;bottom:0;left:0;width:100%;height:25vh}.bottomExitDiv{visibility:visible;position:absolute;padding:4px;bottom:4px;right:0;height:50%;width:25vw;max-width:400px;max-height:150px;font-size:2rem}.buttonWrapper{height:25vh;max-height:300px;width:100%}.controllerBox{visibility:visible;margin:auto;height:100%;max-width:400px}#controlsPopup{max-height:300px;margin:auto;bottom:4px}.sideMenuWrapper{min-width:30vw;max-width:30vw;min-height:100%;position:absolute;bottom:0;padding-top:72px;right:0}.sideMenu{width:100%;height:100%;position:absolute;bottom:0}.sideMenuBox{height:30vh;border:2px solid #343a40;bottom:30vh}.sideMenuBox,.sideMenuBox0{padding:4px;width:100%;position:absolute}.sideMenuBox0{height:800px;top:72px}.sideMenuBox1{height:65%;width:100%;border-radius:.25rem;position:relative}.sideMenuBox2{padding-top:4px;height:49%;width:100%;border-radius:.25rem;bottom:0}.sideMovesBox{height:100%;width:100%;overflow-y:scroll;transition:border .4s ease;border:2px solid #343a40;border-radius:.25rem;pointer-events:auto;bottom:0;left:0;color:#007bff}.sideLimit{max-width:400px;right:0}.mainSideMenuButton{width:100%;max-width:25vw;float:right;padding-bottom:4px}.sideMenuButton{width:100%;height:100%;color:#d3d3d3;transition:background-color .4s ease;background-color:rgba(0,0,255,.1);border-radius:.25rem;border:2px solid #007bff;font-size:1rem;white-space:nowrap;pointer-events:auto}.sideMenuButton:hover{background-color:rgba(0,0,255,.5)}.sideMenuButton:active{background-color:rgba(0,0,255,.25)}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.redoUndo{background-repeat:no-repeat;border-radius:.25rem;border:2px solid #007bff;background-position:50% 50%;transition:background-color .4s ease;background-color:rgba(0,0,255,.1)}.redoUndo:hover{background-color:rgba(0,0,255,.5)}.redoUndo:active{background-color:rgba(0,0,255,.25)}
/*# sourceMappingURL=main.bb46e0a9.chunk.css.map */