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}.popupDiv h1{font-size:20px}.popupDiv h2{font-size:19px;margin-bottom:0;text-align:left;margin-left:10px;color:#b5e0ff}.popupDiv a{color:#b5e0ff;text-decoration:underline}.popupDiv a:hover{color:#b5e0ff;text-decoration:none}.navbar{background-color:hsla(0,0%,68.6%,.3);padding:10px!important}.socialLogo{display:inline-block;color:#fff;vertical-align:middle}.cubes{margin-right:5px}.cubesDropdown{display:inline-block}.settingsDropDown{display:none!important}.navbar-brand a{color:#fff!important;text-decoration:none!important;font-weight:700;text-shadow:2px 2px 2px #000}.navbar-brand a:hover{color:#a5d3f5!important}.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{color:#343a40!important;overflow-y:scroll;border-radius:.5rem;background:rgba(0,0,0,.5)}.cubesDropdown>.cubes>.dropdown-menu>.dropdown-item{width:100%;color:#fff;border:none;transition:all .4s;background:rgb(54 76 93);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:rgba(0,98,204,.5)}.settingsDropDown>.settings>.dropdown-menu>ul{padding-left:8px}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#05366c;border-color:#05366c}.settingsDropDownItem{width:100%;color:#fff;transition:all .4s;background:rgb(52 75 91);border:none;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:none;border-radius:.25rem;transition:background-color .4s ease;background-color:#3d596d;color:#fff}#fullscreenBtn:hover,#infoBtn:hover,.cubes>button:hover,.settings>button:hover{background-color:#477698}#closeBtn{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;width:2rem;height:2rem;text-shadow:none;cursor:pointer;border:2px solid #fff;pointer-events:auto;background:#fff;color:#000}#closeBtn:hover{border-color:#000!important;opacity:1}footer{border-top:1px solid #b5e0ff;padding-top:5px;text-align:center;max-height:62px}article,footer{overflow-y:auto}article{max-height:850px}@media screen and (max-height:1050px){article{max-height:600px;box-shadow:inset -1px -11px 8px -8px #b5e0ff}}@media screen and (max-height:850px){article{max-height:400px}}@media screen and (max-height:650px){article{max-height:200px}}@media screen and (max-height:400px){article{max-height:200px}}@media screen and (max-width:550px){.navbar{padding:.4rem!important}.navbar-brand span{display:none}}.rc-slider-rail,.rc-slider-track{height:8px}.sliderDiv{width:20%;position:fixed;top:85px;left:10px;font-size:1rem}.rc-slider-rail{background-color:#d3d3d3}.rc-slider-track{background-color:#5e8cb6}.rc-slider-handle{height:18px;width:18px;border-color:#5e8cb6!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;background-color:#aed5ff}.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:#3d596d;height:25px;width:80px;border-radius:.25rem;margin-bottom:5px;text-align:center;float:right}.menuWrapper{bottom:40px;height:20%;max-height:20%;min-height:115px;border-radius:.25rem;padding:0 5px 5px}.menuWrapper,.menuWrapperOptions{position:fixed;width:100%;overflow:hidden}.menuWrapperOptions{bottom:0;height:24%;min-height:160px}.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{color:#fff;transition:background-color .4s ease;background-color:#3d596d;border-radius:.25rem;display:block;width:100%;border:none;height:30%;margin-bottom:4px}.mobileButton:hover{background-color:rgba(0,0,255,.1)}.mobileButton:active{background-color:#334f63}.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:-moz-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 #aed5ff;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 #aed5ff;padding:0}.exitButton:hover,.solverButton:hover,.solverLeaveStay:hover{background-color:rgba(0,71,125,.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}.solverMoves,.solverMovesMobile>div{display:inline-block;color:#fff;font-weight:700}.algoMoves>div{display:inline-block;color:#aed5ff}.solveMoveDiv{margin:2px;border:1px solid transparent;border-radius:.25rem;width:2rem;color:#fff;font-weight:400;cursor:pointer;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:rgba(97,135,165,.5)}.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:rgba(97,135,165,.5);color:#fff}.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;background:rgba(0,0,0,.5);margin:auto;max-width:80%}.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 #aed5ff;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,71,125,.5)!important}.cpLeaveStay:active{background-color:rgba(0,0,255,.25)!important}.checkCpDiv,.solveCpDiv{margin-top:20%}.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 #aed5ff}.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:300px;float:right}.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 #aed5ff!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,71,125,.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:#fff;transition:background-color .4s ease;background-color:rgb(61 89 109);border-radius:.25rem;font-size:1rem;height:30%;border:none;white-space:nowrap;pointer-events:auto;margin-left:5px;margin-bottom:5px;min-width:125px}.leftButton:hover,.rightButton:hover{background-color:rgba(0,71,125,.5)}.leftButton:active,.rightButton:active{background-color:rgba(0,0,255,.25)}.rightButton{position:relative;right:0;color:#fff;transition:background-color .4s ease;background-color:rgb(61 89 109);border-radius:.25rem;border:none;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;margin-right:0;overflow-y:scroll;height:100%;min-height:100px;overflow-x:hidden;color:#343a40!important;pointer-events:auto;padding-left:8px;padding-top:8px;padding-right:8px}.algoButton,.algoList{width:100%;border:none;border-radius:.25rem}.algoButton{color:#aed5ff;transition:all .4s;background:rgba(0,0,0,.7);margin-bottom:8px}.algoActive,.algoButton:hover{background-color:rgb(169 207 248);color:#000}.algoActive{font-weight:700}.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:40vh;top:72px}.sideMenuBox1{position:relative}.sideMenuBox1,.sideMenuBox2{height:49%;width:100%;border-radius:.25rem}.sideMenuBox2{padding-top:4px;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:#aed5ff}.sideLimit{max-width:400px;right:0}.mainSideMenuButton{width:100%;max-width:25vw;float:right;padding-bottom:4px}.sideMenuButton{width:100%;height:100%;color:#fff;transition:background-color .4s ease;background-color:rgb(61 89 109/81%);border-radius:.25rem;border:none;font-size:1rem;white-space:nowrap;pointer-events:auto}.sideMenuButton:hover{background-color:rgba(0,71,125,.5)}.sideMenuButton:active{background-color:rgba(0,71,125,.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%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.redoUndo{background-repeat:no-repeat;border-radius:.25rem;border:none;background-position:50% 50%;transition:background-color .4s ease;background:transparent;opacity:.4}.redoUndo:hover{opacity:.8}.redoUndo:active{opacity:1}
/*# sourceMappingURL=main.60117304.chunk.css.map */