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}.App{bottom:0;left:0;position:fixed;right:0;top:0}h1,h2,h3,h4{text-align:center}.scroller{-ms-overflow-style:none;scrollbar-width:none}.scroller::-webkit-scrollbar{display:none}.appContent{bottom:0;left:0;overflow:auto;position:fixed;right:0;scroll-snap-type:x mandatory;top:0}.scrollyContent{display:flex;height:100%}.page{display:inline-block;height:100vh;max-height:100vh;min-width:100vw;scroll-snap-align:start;scroll-snap-stop:always}.highlight{box-shadow:0 0 2px 2px rgba(0,0,0,.75);-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.75);-moz-box-shadow:0 0 2px 2px rgb1(0,0,0,.75)}.loader{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.move.loader #heart{-webkit-animation:pulse .5s linear infinite;animation:pulse .5s linear infinite;-webkit-transform-origin:250px 250px;transform-origin:250px 250px}.move.loader #flames{-webkit-animation:wiggle .4s linear infinite;animation:wiggle .4s linear infinite;-webkit-transform-origin:250px 300px;transform-origin:250px 300px}@-webkit-keyframes wiggle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}75%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}}@keyframes wiggle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}75%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}}.xburgerMenuButton{-webkit-tap-highlight-color:rgba(255,255,255,0);align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:1.3em;height:50px;justify-content:center;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:inherit}.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.numberSelectWrapper{overflow:hidden}.numberSelect{cursor:default;position:relative;-webkit-user-select:none;user-select:none}.numberSelect,.numberSelect .pointerContainer{align-items:center;display:flex;justify-content:center}.numberSelect .pointerContainer{left:0;pointer-events:none;position:absolute;right:0;z-index:1}.numberSelect .pointer,.numberSelect .pointerShadow{-webkit-clip-path:polygon(50% 0,100% 30%,50% 100%,0 30%);clip-path:polygon(50% 0,100% 30%,50% 100%,0 30%)}.numberSelect .pointerShadow{background-color:#33333390}.numberSelect .inputModal{border-radius:1rem;opacity:1;position:absolute;z-index:3}.numberSelect .hidden.inputModal{opacity:0;transition:opacity .3s linear}.numberSelect .fade{bottom:0;height:100%;pointer-events:none;position:absolute;top:0;z-index:5}.numberSelect .fade.left{border-radius:1rem 0 0 1rem;left:0}.numberSelect .fade.right{border-radius:0 1rem 1rem 0;right:0}.numberSelect .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)}.numberSelect .scrollSelector::-webkit-scrollbar{display:none}.numberSelect .scrollSelector{overflow:auto;padding:1rem 0;position:relative;scroll-snap-type:x mandatory;width:90px}.numberSelect .thin.scrollSelector{padding:8px 0}.numberSelect .option,.numberSelect .options{align-items:center;display:flex;justify-content:center}.numberSelect .option{border-radius:2rem;scroll-snap-align:start;scroll-snap-stop:always}.plan{position:relative}.plan .spacer{height:50vh}.plan .resetButton{position:absolute;right:1rem;top:1rem}.planContent{display:flex;flex-direction:column;max-height:100vh}.planHeader{align-items:center;display:flex;justify-content:center;margin-bottom:10px;margin-top:1.5rem}.planHeader span{margin-right:8px}.planScroller{overflow:auto}.planLevel{align-items:center;display:flex;flex-direction:column;justify-content:center}.fadeHeader>h3{margin:0;position:relative;z-index:2}.fadeHeader{margin:0;max-width:100vw;padding-bottom:1rem;position:-webkit-sticky;position:sticky;top:0;width:500px;z-index:1}.fadeHeader:after{background-image:linear-gradient(#fff,#fff,#00000000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.spellSearchButton{background-color:#1e90ff;border:none;border-radius:10px;height:50px;padding:4px 6px 6px 4px;position:absolute;right:1rem;top:1rem;width:50px}.spellSlot{background-color:rgba(102,51,153,.27);border-radius:1rem;color:#fff;margin-bottom:1rem;max-width:calc(100vw - 3rem);overflow:hidden;padding:1rem;position:relative;text-align:center;width:calc(500px - 2rem)}.settings{background-color:#ddd;bottom:0;flex-direction:column;left:0;position:fixed;right:0;top:0}.settings,.settings>div{align-items:center;display:flex;justify-content:center}.settings>div{flex:1 1;flex-direction:column}.spell{border-radius:24px;color:#fff;margin-bottom:10px;max-width:calc(100vw - 1rem);overflow:hidden;position:relative;transition:opacity .2s linear;width:500px}.spellHeader{border-radius:20px;margin:5px}.spell h3{padding:10px;position:relative}.spell .details,.spell h3{margin:0}.spell .details{border-radius:10px;padding:1px 1rem}.spell .short_description{margin-top:15px}.spell .info{padding:0 1rem 1rem}.spell .attributes,.spell .details{font-size:14px}.invalid.spell{border:2px solid red;max-width:calc(100vw - 1rem - 4px);opacity:.5}.spent.spell{opacity:.5}.spellActionButton{border:none;border-radius:2rem;font-size:1.5rem;height:2rem;width:2rem}.addSpellButton,.spendSpellButton{padding-top:2px;position:absolute;right:10px;top:10px}.favSpellButton,.removeSpellButton{left:10px;position:absolute;top:10px}.favSpellButton{padding-bottom:4px}.spendSpellButton svg{margin-bottom:-2px;margin-right:-2px}.favSpellButton svg{height:30px;margin-left:-5px;margin-top:-1px}.addSpellButton,.removeSpellButton{padding:0}.addSpellButton svg,.removeSpellButton svg{height:32px;width:32px}.favSpellButton:not(.active) svg{opacity:.15}.addBlinker{background-color:#fff;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s linear}.addBlinker.show{opacity:1;transition:opacity 40ms linear}.addedCount{align-items:center;bottom:10px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;position:absolute;right:50px;top:10px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.addedDot{background-color:#000;border-radius:100%;height:10px;margin:2px;width:10px}.channelHeader{margin-top:0}.channelEnergy .spacer{height:2rem}.channels{align-items:center;display:flex;justify-content:center}.channel{border-radius:100%;box-shadow:0 3px 6px 3px hsla(0,0%,81%,.75);-webkit-box-shadow:0 3px 6px 3px hsla(0,0%,72%,.75);-moz-box-shadow:0 3px 6px 3px hsla(0,0%,81%,.75);overflow:hidden;position:relative}.channel .orb,.channel:after{background:radial-gradient(#fff,#ffd24b,#50400f);border-radius:100%;bottom:0;left:-15%;opacity:1;position:absolute;right:-15%;top:-30%}.channel:after{background:radial-gradient(#fff,silver,#696969);content:"";opacity:1;transition:opacity .2s linear}.channel:not(.spent):after{opacity:0}.spellList{display:grid;grid-template-rows:auto 1fr;min-height:100vh;position:relative}.spellList .spacer{height:30vh}.spellListContent{align-items:center;display:flex;flex-direction:column;justify-content:center;max-height:100vh}.spellList .spellsWrapper{overflow:auto}.spellList .spells{align-items:center;display:flex;flex-direction:column;justify-content:center}.filters{background-color:#fff;padding-top:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:2}.filterButtons{display:flex;justify-content:flex-start}.filterButton{border:none;border-radius:3rem;font-size:1.2rem;height:3rem;width:3rem}.filterButtons>*{margin-right:8px}.active.healing.filterButton{background-color:hotpink}.active.fire.filterButton{background-color:#ff9100}.active.favs.filterButton{background-color:#00ead7}.placeholder{height:50px;width:50px}.searchInput{height:2rem;margin:1rem auto;position:relative;width:calc(100vw - 2rem)}.searchInput input{bottom:0;left:0;outline:none;padding-left:1rem;position:absolute;right:0;top:0}.searchInput .resetSearchButton{background-color:#ddd;border:none;border-radius:100%;height:26px;padding:0;position:absolute;right:3px;top:3px;width:26px}.searchInput .active.resetSearchButton{background-color:#444}.searchInput .resetSearchButton svg{fill:#fff}
/*# sourceMappingURL=main.0ec8df50.css.map*/