body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.noSelect{-webkit-user-select:none;-ms-user-select:none;user-select:none}.App{--c1:#2f253d;--c2:#53476a;--c3:#7b6c93;--c4:#a864af;overflow-y:auto;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;text-align:center;width:100vw}.contentWrapper{display:flex}.page{background-color:#312939;color:#fff;height:100vh;position:relative;scroll-snap-align:start;scroll-snap-stop:always;width:100vw}.cornerNav{background-color:var(--c4);border-radius:0 0 0 8px;color:#fff;height:36px;position:absolute;right:0;text-decoration:none;top:0;width:100px;z-index:3}.cornerNav,.favouriteButton{align-items:center;display:flex;justify-content:center}.favouriteButton{background-color:#00000000;border:none;padding:0}.favouriteButton svg path{transition:d .3s linear;will-change:d}.button{top:0!important}.button.left{left:0!important}.menuToggles{display:flex;flex-direction:column;padding:0 1rem}.menuToggles p{text-align:left}.radioGroup{align-items:flex-start;display:flex;flex-direction:column;padding-left:1rem}.light.spell{--c1:#d73100;--c2:#bd7338;--c3:#eca449;--c4:#ff9d1c}.spell{background-color:var(--c3);border-radius:8px;margin:4px;padding:4px;position:relative;text-align:left}.spell .favouriteButton{margin-right:.25rem;width:1.75rem}.spellHeader{font-size:1.25rem;min-height:30px}.spellHeader,.spellHeaderText{align-items:center;display:flex}.spellHeaderText{background-color:var(--c1);border-radius:6px;flex:1 1;justify-content:space-between;padding:4px 0}.spellName{float:left;margin-left:8px;padding-right:.25rem}.spellLvl{float:right;margin-right:8px;margin-top:4px;white-space:nowrap}.spellDetails{background-color:var(--c2);border-radius:6px;margin-top:4px;padding:1px 8px;position:relative}.spellDetails .removeButton{position:absolute;right:1rem;top:1rem}.topDetails{display:flex;flex-wrap:wrap;padding:0 -2px}.topDetails .topDetailsBlock{padding:0 4px}.topDetails .topDetailsBlock p:first-child{margin-top:.5rem}.topDetails .detail{font-size:14px;opacity:.7}.topDetails>div{flex:1 1}.topDetails>div p{white-space:nowrap}.topDetails>div p .wrappable{white-space:normal}.spellDesc p:last-child{margin-bottom:8px}.spellDivider{align-items:center;display:flex;font-size:12px;height:16px;justify-content:center;margin:0 auto;width:calc(100vw - 60px)}.spellDivider>span{color:var(--c3);flex:1 1;margin:0 8px}.spellDivider>div{background-color:var(--c3);flex:1000 1;height:1px;width:1px}.spellResultWrapper{position:relative}.adding.spell .spellHeader{opacity:0}.spell.shadow{left:0;position:absolute;right:0;top:-4px;z-index:1}.spell.shadow.fadeIn{opacity:0;transition:opacity .5s ease-in;z-index:1}.spell.shadow.fadeIn.gone{opacity:1}.spell.shadow.go{transition:all .3s ease-in;z-index:2}.spell.shadow.go.gone{left:100vw;right:-100vw}.spells{display:flex;flex-direction:column;overflow-y:auto}.spellsContent{bottom:0;left:0;overflow-y:auto;padding-bottom:2px;padding-top:60px;position:absolute;right:0;top:0}.spellsContent>svg{max-height:80vh;max-width:80vw}.spellsHeader{background-image:linear-gradient(#312939,#312939,#31293900);left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.search{display:flex;flex-direction:column}.search .searchHeader{margin:16px 0;pointer-events:none}.search .filters,.search .results{margin:0 auto}.search .filters{flex:1 1 auto;z-index:1}.search .levelAndClass{max-height:50vh;transition:max-height .2s linear}.search .hidden.levelAndClass{max-height:0;overflow:hidden}.search .results{flex:auto 50;margin-top:-40px;overflow-y:auto;padding-bottom:4rem;padding-top:40px;width:min(100vw - 10px,800px)}.searchBox{display:inline-block;position:relative}.clearSearchBoxButton{align-items:center;background:none;border:none;bottom:0;display:flex;height:30px;justify-content:center;position:absolute;right:-34px;top:0;width:30px}.clearSearchBoxButton svg{fill:#fff;height:20px;width:20px}.input{background-color:unset;border:1px solid #fff;border-radius:4px;color:#fff;font-size:16px;outline-width:0;padding:6px 8px}#nameSearch{width:clamp(180px,100vw - 200px,280px)}#nameSearch::-webkit-search-cancel-button{display:none}.addOrRemoveSpellButton{align-items:center;border:none;border-radius:6px;display:flex;height:30px;justify-content:center;margin-left:4px;width:30px}.addOrRemoveSpellButton svg{--size:18px;min-height:var(--size);min-width:var(--size)}.search .addButton{background-color:var(--c2)}.removeButton{background-color:#893e64}.search #spellsHeader{margin-bottom:-20px}.search .levelAndClass{margin-top:.75rem;position:relative}.filterFade{align-items:center;background-image:linear-gradient(#312939,#312939,#31293900);display:flex;height:40px;justify-content:center;pointer-events:none;position:relative;width:100vw}.levelAndClass .favouriteButton{left:1rem;position:absolute;top:-2.5rem}.picker{background-color:var(--c2);border-radius:8px;margin:12px auto;padding:4px;width:min(100vw - 24px,470px)}.picker .pickerTabs{align-items:center;display:flex;justify-content:center}.picker .tabHeader{background-color:var(--c3);border-radius:6px;flex:1 1;margin:0;padding:12px 0}.picker .tabHeader:first-child{margin-right:2px}.picker .tabHeader:last-child{margin-left:2px}.picker .active.tabHeader{background-color:var(--c4)}.pickerContent{margin:4px 0 0}.picker .option,.pickerContent button{border-radius:8px;padding:.5rem .8rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.picker .options{display:flex;flex-wrap:wrap;justify-content:center}.picker h5{text-transform:capitalize}.picker .option,.pickerContent button{flex:1 10 50px;margin:4px;text-transform:capitalize}.picker .option{align-items:center;background-color:var(--c1);display:flex;justify-content:center}.picker .active.option{background-color:var(--c4)}.picker .other.option{background-color:var(--c2)}.wildMagic{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.wildMagic h2{margin-bottom:0}.wildMagicTopSpacer{flex:1 1}.wildMagicBottomSpacer,.wildMagicContent{flex:2 1}.wildMagic .input{font-size:18px;text-align:center;width:40px}.wildMagicRollAndResult{align-items:center;display:flex;justify-content:center;min-height:150px;padding:10px}.wildMagicButton{background-color:var(--c4);border:none;border-radius:4px;font-size:14px;margin:0 4px;padding:8px 16px;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:70px}.slotsAndPoints{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative}.slotsAndPoints .spacer{flex:1 1;height:1px}.slotsAndPoints .restButton{background-color:#00000000;border:none;position:absolute;right:1rem;top:1rem}.spaceTop{margin-top:1rem}.levelModal{background-color:var(--c3);border-radius:1rem;flex-direction:column;margin-top:2rem;padding:2rem;position:relative;z-index:3}.levelModal,.levelModal button{align-items:center;display:flex;justify-content:center}.levelModal button{background-color:var(--c4);border:none;border-radius:.5rem;color:#fff;font-size:1.5rem;height:2rem;width:2rem}.levelModal button.disabled{background-color:var(--c2);color:#ffffff90}.levelModal button.wide{height:3rem;width:5rem}.levelModalBackdrop,.levelModalWrapper{bottom:0;left:0;position:fixed;right:0;top:0}.levelModalWrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;z-index:1}.levelModalBackdrop{background-color:#00000080;z-index:2}.levelSlots,.sorcPoints{align-items:center;display:flex;justify-content:flex-start;margin-bottom:1rem}.foo{background-color:#640164}.orb{margin-left:4px}.sorcPoints{max-width:80vw}.sorcPointOrbs{flex-wrap:wrap}.sorcPoints .label{margin-right:12px}.levelSlots{position:relative}.levelSlots .label{bottom:0;left:-1rem;position:absolute;top:0}.levelSlots .label,.xburgerMenuButton{align-items:center;display:flex;justify-content:center}.xburgerMenuButton{-webkit-tap-highlight-color:rgba(255,255,255,0);border:none;border-radius:.5rem;cursor:pointer;font-size:1.3em;height:50px;outline:none;padding:0;width:50px}.xburgerMenu{bottom:0;padding-top:80px;position:absolute;top: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{bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0}.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}.resetButton,.settingsButton{background:none;border:none;border-radius:10px;height:50px;outline:none;padding:10px;width:50px}.settingsButton svg{height:100%;width:100%}.resetButton{padding:5px}.resetButton svg{height:40px;width:40px}@-webkit-keyframes spinCC{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn)}}@keyframes spinCC{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.dots{display:grid;grid-template-columns:repeat(3,2rem);grid-template-rows:repeat(3,2rem);height:6rem;width:6rem}.flipped.dots{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.big.dots{grid-template-columns:repeat(4,2rem);grid-template-rows:repeat(4,2rem);height:8rem;-webkit-transform:rotate(135deg);transform:rotate(135deg);width:8rem}.dots .dot{border-radius:100%;height:26px;margin:3px;width:26px}.hidden.NumberSliderSelectWrapper{overflow:hidden}.NumberSliderSelect{align-items:center;cursor:default;display:flex;justify-content:center;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.NumberSliderSelect .pointerContainer{align-items:center;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.NumberSliderSelect .pointer,.NumberSliderSelect .pointerShadow{-webkit-clip-path:polygon(50% 0,100% 30%,50% 100%,0 30%);clip-path:polygon(50% 0,100% 30%,50% 100%,0 30%)}.NumberSliderSelect .pointerShadow{background-color:#33333390}.NumberSliderSelect .inputModal{border-radius:1rem;opacity:1;position:absolute;z-index:3}.NumberSliderSelect .hidden.inputModal{opacity:0;transition:opacity .3s linear}.NumberSliderSelect .fade{bottom:0;height:100%;pointer-events:none;position:absolute;top:0;z-index:5}.NumberSliderSelect .fade.left{border-radius:1rem 0 0 1rem;left:0}.NumberSliderSelect .fade.right{border-radius:0 1rem 1rem 0;right:0}.NumberSliderSelect .inputModal.shadow{box-shadow:0 6px 5px 0 rgba(0,0,0,.7);-webkit-box-shadow:0 6px 5px 0 rgba(0,0,0,.7);-moz-box-shadow:0 6px 5px 0 rgba(0,0,0,.7)}.NumberSliderSelect .scrollSelector::-webkit-scrollbar{display:none}.NumberSliderSelect .scrollSelector{-ms-scroll-chaining:none;overflow:auto;overscroll-behavior:contain;padding:1rem 0;position:relative;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;width:90px}.NumberSliderSelect .thin.scrollSelector{padding:8px 0}.NumberSliderSelect .option,.NumberSliderSelect .options{align-items:center;display:flex;justify-content:center}.NumberSliderSelect .option{border-radius:2rem;scroll-snap-align:start;scroll-snap-stop:always}.numberSelect{position:relative;z-index:2}.numberSelect_doneClosing{z-index:1}.numberSelect_value{align-items:center;border-radius:100%;display:flex;justify-content:center;position:relative;z-index:2}.numberSelect_input{opacity:1;transition:opacity .2s linear;z-index:1}.numberSelect_input-hidden{opacity:0;pointer-events:none}.numberSelect_increment{border-radius:100%;position:absolute;transition:top .2s linear,bottom .2s linear;z-index:2}.numberSelect_blur{opacity:1;pointer-events:none;position:absolute;transition:opacity .2s linear;z-index:1}.numberSelect_input-hidden .numberSelect_blur{opacity:0}.numberSelect_add svg path{translate:0 -2rem}.numberSelect_subtract svg path{translate:0 2rem}.grevlingPaneView{-ms-overflow-style:none;bottom:0;left:0;overflow:auto;overflow-y:scroll;position:absolute;right:0;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;top:0}.grevlingPaneView::-webkit-scrollbar{display:none}.grevlingPaneViewScrollyContent{display:flex;height:100%;width:100%}.grevlingPaneViewPane{max-height:100%;min-width:100%;scroll-snap-align:start;scroll-snap-stop:always}
/*# sourceMappingURL=main.3ddd51bc.css.map*/