*{box-sizing:border-box}#root{max-width:1280px;margin:0 auto;text-align:center}.App{height:calc(100vh - 5rem);display:flex;justify-content:center}.xburgerMenu{z-index:12!important;padding-top:0!important}.styleOverride:not(.navButton){z-index:13!important;width:2.75rem!important;height:2.75rem!important;padding:.5rem}.loaderWrapper{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.xburgerMenuButton{font-size:1.3em;padding:0;cursor:pointer;height:50px;width:50px;display:flex;align-items:center;justify-content:center;outline:none;border:none;-webkit-tap-highlight-color:rgba(255,255,255,0);border-radius:.5rem}.xburgerMenu{padding-top:80px;position:absolute;top:0;bottom:0}.xburgerMenu.fader{left:0;right:0}.slider.xburgerMenu{left:calc(100vw + 20px);right:calc(-80vw - 20px)}.left.slider.xburgerMenu{left:calc(-80vw - 20px);right:calc(100vw + 20px)}.button{position:absolute;top:1rem}.button:not(.left){right:1rem}.left.button{left:1rem}.xburgerTouchOutsideSensor{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;pointer-events:none}.xburgerTouchOutsideSensor.show{opacity:1;pointer-events:unset}.slider.xburgerMenu.show{left:0;right:0}.partial.slider.xburgerMenu.show:not(.left){left:20vw}.partial.left.slider.xburgerMenu.show{right:20vw}.xburgerMenu a *{pointer-events:none}.fader.xburgerMenu{opacity:1}.fader.xburgerMenu:not(.show){opacity:0;pointer-events:none}.settingsButton,.resetButton{outline:none;background:none;border:none}.resetButton,.settingsButton{height:50px;width:50px;padding:10px;border-radius:10px}.settingsButton svg{height:100%;width:100%}.resetButton{padding:5px}.resetButton svg{height:40px;width:40px}@-ms-keyframes spinCC{0%{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(-360deg)}}@-moz-keyframes spinCC{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(-360deg)}}@-webkit-keyframes spinCC{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(-360deg)}}@keyframes spinCC{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.dots{display:grid;grid-template-columns:repeat(3,2rem);grid-template-rows:repeat(3,2rem);height:6rem;width:6rem}.flipped.dots{transform:rotate(45deg)}.big.dots{grid-template-columns:repeat(4,2rem);grid-template-rows:repeat(4,2rem);height:8rem;width:8rem;transform:rotate(135deg)}.dots .dot{width:26px;height:26px;border-radius:100%;margin:3px}.hidden.NumberSliderSelectWrapper{overflow:hidden}.NumberSliderSelect{position:relative;display:flex;align-items:center;justify-content:center;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}.NumberSliderSelect .pointerContainer{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.NumberSliderSelect .pointer,.NumberSliderSelect .pointerShadow{clip-path:polygon(50% 0,100% 30%,50% 100%,0 30%)}.NumberSliderSelect .pointerShadow{background-color:#33333390}.NumberSliderSelect .inputModal{z-index:3;position:absolute;border-radius:1rem;opacity:1}.NumberSliderSelect .hidden.inputModal{opacity:0;transition:opacity .3s linear}.NumberSliderSelect .fade{position:absolute;top:0;bottom:0;z-index:5;height:100%;pointer-events:none}.NumberSliderSelect .fade.left{left:0;border-radius:1rem 0 0 1rem}.NumberSliderSelect .fade.right{right:0;border-radius:0 1rem 1rem 0}.NumberSliderSelect .inputModal.shadow{box-shadow:0 6px 5px #000000b3;-webkit-box-shadow:0px 6px 5px 0px rgba(0,0,0,.7);-moz-box-shadow:0px 6px 5px 0px rgba(0,0,0,.7)}.NumberSliderSelect .scrollSelector::-webkit-scrollbar{display:none}.NumberSliderSelect .scrollSelector{position:relative;width:90px;overflow:auto;overscroll-behavior:contain;padding:1rem 0;scroll-snap-type:x mandatory}.NumberSliderSelect .thin.scrollSelector{padding:8px 0}.NumberSliderSelect .options{display:flex;align-items:center;justify-content:center}.NumberSliderSelect .option{border-radius:2rem;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always}.numberSelect{position:relative;z-index:2}.numberSelect_doneClosing{z-index:1}.numberSelect_value{position:relative;display:flex;align-items:center;justify-content:center;border-radius:100%;z-index:2}.numberSelect_input{opacity:1;z-index:1;transition:opacity .2s linear}.numberSelect_input-hidden{opacity:0;pointer-events:none}.numberSelect_increment{border-radius:100%;position:absolute;z-index:2;transition:top .2s linear,bottom .2s linear}.numberSelect_blur{position:absolute;pointer-events:none;z-index:1;opacity:1;transition:opacity .2s linear}.numberSelect_input-hidden .numberSelect_blur{opacity:0}.numberSelect_add svg path{translate:0 -2rem}.numberSelect_subtract svg path{translate:0 2rem}.grevlingPaneView{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}.grevlingPaneView::-webkit-scrollbar{display:none}.grevlingPaneViewScrollyContent{height:100%;width:100%;display:flex}.grevlingPaneViewPane{scroll-snap-align:start;scroll-snap-stop:always;max-height:100%;min-width:100%}@-moz-keyframes spin{to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spinCC{to{-moz-transform:rotate(-360deg)}}@-webkit-keyframes spinCC{to{-webkit-transform:rotate(-360deg)}}@keyframes spinCC{to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.navButton{position:fixed;left:10px;bottom:10px;height:50px;width:50px;border-radius:100%;background-color:#333;display:flex;align-items:center;justify-content:center;z-index:5;border:2px solid #444}.nav{position:fixed;left:-100vw;right:100vw;bottom:0;z-index:4;background-color:#444;transition:left .4s,right .4s;border-radius:0 15px 0 0;padding:0 20px 20px;max-height:100vh;overflow:auto}.nav-expanded{left:0;right:0}.nav h1{position:sticky;top:20px;font-size:2rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px}