.shop-table,.spellbook-table{margin-bottom:.3em;width:calc(var(--btn-width-sm)*20)}.shop-table-adding{border-radius:.9em .9em 0 0;margin-bottom:0}td,th{color:var(--white);padding:8px;text-align:left}th{border-bottom:1px solid var(--white)}th.dark-grey{border-bottom:1px solid var(--dark-grey)}td{border-top:1px solid var(--grey-t)}td.first{border-top:none}tr{color:var(--white);font-size:medium}tr.add-item{grid-gap:.3rem;align-items:center;background-color:var(--dark-grey);border-radius:0 0 .9em .9em;border-top:2px solid var(--grey-t);box-shadow:0 0 20px var(--black-t);display:grid;gap:.3rem;grid-template-columns:3rem .8fr 6rem 5rem 3rem;justify-content:space-around;max-width:100%;padding-bottom:.5rem;padding-top:.5rem;width:50vw}tr.add-item>td{align-items:center;display:flex;justify-content:center;margin:0;padding:0}tr.add-item button,tr.add-item input,tr.add-item select{box-sizing:border-box;height:var(--btn-height-sm);max-height:var(--btn-height-sm);min-height:var(--btn-height-sm);min-width:calc(var(--btn-width-sm)*.8)!important;width:100%}.number-size,td.align-right{text-align:right;width:2vw}td.name-size,th.name-size{width:33vw}td.name-small{position:relative;width:28vw}td.name-size>input{width:100%}.type-size{width:6vw}.cost-size{width:5vw}.action-size{width:var(--btn-width-sm)}a:hover,a:link,a:visited{color:var(--white);text-decoration:underline}h2,h4{color:var(--white);font-size:medium}.add-item-button,.item-number-button{color:var(--white2)!important;transition-duration:.3s}.add-item-height{max-height:var(--btn-height-sm)}.add-item-button,.add-item-height{height:var(--btn-height-sm);min-height:var(--btn-height-sm)}.add-item-button{margin:1rem 0}.modern-input{color:var(--white2)!important;padding-left:.4em}.header-container{align-items:center;flex-direction:column;width:50vw}.header-container,.label-container{display:flex;justify-content:space-around}.label-container{align-items:baseline;flex-direction:row;text-align:center}.filter-box,.money-box{align-items:center;align-self:center;border:2px solid var(--dark-grey);border-radius:.8em;box-shadow:0 0 20px var(--black-t);display:flex;height:.9em;justify-content:center;margin-bottom:8px;padding:1em}.filter-box{border-radius:1em;height:0;margin-bottom:8px;padding:.8em}.rest-box{border:2px solid var(--main-t);cursor:pointer}.time-div-row{align-items:center;display:flex;justify-content:space-around}.material-symbols-outlined{vertical-align:middle}.space-left{margin-left:15px}.no-border-top{border-top:0}.suggestions{background-color:var(--dark-grey);border:1px solid var(--white);border-radius:.9em;color:var(--white);left:0;margin:0;max-height:30rem;overflow-y:auto;padding:0;position:absolute;top:.4rem;transform:translateY(-100%);width:99%;z-index:1}.suggestion-item{cursor:pointer;padding:8px;z-index:1}.popup,.suggestion-item:hover{background-color:var(--dark-grey)}.popup{align-items:center;border:1px solid var(--white);border-radius:.9em;box-shadow:0 2px 10px var(--black-t);display:flex;flex-direction:column;height:6rem;justify-content:center;margin:0;padding:0;position:absolute;width:12rem;z-index:1}.width-90{width:90%}.modern-input.no-padding{padding-left:0}.button-link{background:none;border:none;color:var(--white);cursor:pointer;font:inherit;font-size:medium;margin:0;overflow-wrap:break-word;padding:0;text-align:left;text-decoration:underline;white-space:normal;word-break:break-word}.button-link:hover{color:var(--white2);text-decoration:underline}.class-desc{width:95%}.class-desc>p{font-size:small}.highlight{text-shadow:1px 1px 1px var(--grey-t),0 0 2px var(--main-t)}.flat-button{background-color:initial;border:none;box-shadow:none;box-shadow:0 0 0 2px var(--main-t)}@media (max-width:768px){.shop-table,.spellbook-table{max-width:96vw;width:100%}.spellbook-table{width:96%}tr.add-item{grid-template-columns:3rem 2.4fr 1fr 1fr 3rem;padding-bottom:.5rem;padding-top:.5rem;width:96vw}input.number-size,td.number-size{width:3vw}input.name-size,td.name-size{max-width:35vw;width:100%}td.name-size>input{width:33vw}input.cost-size,select.type-size,td.cost-size,td.type-size{display:flex;justify-content:center;width:13vw}.action-size{width:2rem}.header-container{width:62vw}.suggestions{max-height:18rem}}.cards{position:absolute;top:3.5rem;width:96%}.card,.cards{display:flex;flex-direction:column}.card{align-items:center;background-color:var(--white-t);border-radius:.8rem;box-shadow:3px 4px 5px var(--main-t);margin-bottom:.6rem;position:relative;width:100%}.card-width-spellbook{width:calc(var(--btn-width-sm)*20.4)}.card.collapsed{height:2.35rem}.close-button,.collapse-button{background-color:initial;border:none;cursor:pointer}.close-button.no-margin-right{padding-inline:0;padding-left:6px}.close-button.no-margin-left{padding-inline:0;padding-right:6px}.card-title{margin:.7rem}.card-content{justify-items:center;margin-bottom:.65rem;margin-top:.3rem;width:96%}.card-side-div{align-items:center;display:flex;justify-content:space-between;width:92%}.card-side-div.around{justify-content:space-around}.card-expand-div{justify-content:space-between;width:99%}.margin-top{margin-top:.6rem}.levels-div,.spell-slot-div,.spell-slot-div2{align-items:center;display:flex;justify-content:space-between;max-width:calc(var(--btn-width-sm)*3.2);width:calc(var(--btn-width-sm)*3.2)}.spell-slot-div{max-width:calc(var(--btn-width-sm)*2.5);width:calc(var(--btn-width-sm)*2.5)}.spell-slot-div2{max-width:calc(var(--btn-width-sm)*1.6);width:calc(var(--btn-width-sm)*1.6)}.modern-dropdown{padding-left:4.5px}.padding-left{padding-left:.5em}.level-frame{align-content:center;height:2.1rem;max-width:2.1rem;width:100%}.level-text{font-size:large;line-height:2.1rem}h3{color:var(--dark-grey);font-size:medium}.opacity-50{opacity:.5}.info-key{text-shadow:1px 1px var(--black-t)}td,th,tr{color:var(--black);font-size:medium}@media (max-width:768px){.cards{margin-left:2%;top:3.9rem}.card-width-spellbook,.cards{width:92%}.card-side-div{width:97%}.spell-slot-div{max-width:28vw}.spell-slot-div2{max-width:18vw}}.info-sidebar,.sidebar{background-color:var(--main);display:flex;height:calc(100vh - var(--menu-height));overflow-y:auto;padding-left:.4rem;position:fixed;scrollbar-width:thin;top:var(--menu-height);width:calc(var(--btn-width-sm)*7.4);z-index:900}.sidebar{box-shadow:2px 0 5px 1px var(--main-t);left:0}.info-sidebar{box-shadow:-2px 0 5px 1px var(--main-t);right:0}.top-menu{align-items:center;background-color:var(--main);display:flex;height:var(--menu-height);justify-content:space-between;left:0;padding:0 .4rem;position:fixed;top:0;width:100%;z-index:1000}.top-logo{cursor:pointer;height:90%;margin-right:auto;max-height:3rem}.top-menu-button-container{display:flex;gap:1.5vw;margin-right:3vw}.menu-side-by-side{align-items:center;display:flex;flex-direction:row;font-size:medium;justify-content:space-between;width:100%}.mobile-menu-button{margin-left:auto;margin-right:4vw;-webkit-user-select:none;user-select:none}.mobile-dropdown{align-items:center;background-color:var(--main);border:2px solid var(--main-t);border-radius:1rem;box-shadow:0 0 20px var(--main-t);display:flex;flex-direction:column;margin-right:2vw;padding:.8rem 2vw;position:absolute;right:2vw;top:var(--menu-height);width:15vw;z-index:1001}.info-sidebar.collapsed,.sidebar.collapsed{width:2.6rem}.hidden{visibility:hidden}.info-toggle-button,.toggle-button{background-color:initial;border:#0000;box-shadow:none;color:var(--white);cursor:pointer;height:3rem;position:absolute;width:3rem}.toggle-button{right:0;top:0}.info-toggle-button{left:0;top:0}.saving-button{margin-top:.51rem}.delete-info-button{left:auto;position:absolute;right:.8rem}.deleting{opacity:0;transition:opacity .3s ease}.info-card-row{align-items:left;margin-left:3px;margin-right:2px;text-align:left;width:98%}span.info-card{text-align:left}p,span.info-card{color:var(--black);font-size:medium}p{text-align:justify}.description-content{font-size:small;overflow-x:auto;overflow-y:auto}.description-content table{word-wrap:break-word;border-collapse:collapse;font-size:small;max-width:100%;table-layout:fixed;width:100%}.description-content td,.description-content th{font-size:small;padding:.25rem .5rem;text-align:left}@media (max-width:768px){.info-sidebar,.sidebar{width:96%}.info-sidebar.collapsed,.info-toggle-button,.sidebar.collapsed,.toggle-button{border-radius:8rem;height:3.7rem;width:3.7rem}.info-sidebar.collapsed,.sidebar.collapsed{margin:1rem;padding-left:0;z-index:800}.saving-button{height:2.8rem;width:7rem}.sidebar.collapsed{left:auto;right:0}.info-sidebar.collapsed{top:calc(4.7rem + var(--menu-height))}.top-menu-button-container{gap:2vw;margin-right:4vw}.top-menu{padding-left:2vw;padding-right:4vw;width:95vw}.mobile-dropdown{margin-right:4vw;padding-left:7vw;padding-right:7vw;right:4vw;width:60vw}}@keyframes slideIn{0%{transform:translateX(300%)}to{transform:translateX(0)}}.slider{-webkit-appearance:none;background:#0000;border-radius:.7rem;height:.5rem;outline:none;width:7rem}.slider::-moz-range-track,.slider::-ms-fill-lower,.slider::-ms-fill-upper,.slider::-webkit-slider-runnable-track{background:#0000}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--main);border-radius:50%;cursor:pointer;height:1.1rem;width:1.1rem}.slider::-moz-range-thumb{background:var(--main);border:none;border-radius:50%;cursor:pointer;height:1.1rem;width:1.1rem}.slider::-ms-thumb{background:var(--main);border:none;border-radius:50%;height:1.1rem;width:1.1rem}:root{--menu-height:calc(var(--btn-height-sm)*1.6);--white:#f9f9f9;--white2:silver;--dark-grey:#333;--black:#0d0d0d;--main:#2fa6a1;--white-t:#c0c0c0cc;--grey-t:#444a577e;--grey-t2:#55575b19;--black-t:#0d0d0d1a;--main-t:#2a9591b3;--main-t2:#2a959143}.app{display:flex;height:calc(100vh - var(--btn-height-sm)*1.6);height:calc(100vh - var(--menu-height));overflow:hidden;padding-top:var(--menu-height);text-align:center;width:100%}.app-logo{height:40vmin;pointer-events:none}.app-header{align-items:center;background-color:#333;background-color:var(--dark-grey);color:#f9f9f9;color:var(--white);display:flex;flex:1 1;flex-direction:column;font-size:medium;height:calc(100vh - var(--btn-height-sm)*1.6);height:calc(100vh - var(--menu-height));overflow:auto}.app-link{color:#2fa6a1;color:var(--main)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Verdana,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;scrollbar-color:#2fa6a1 #333;scrollbar-color:var(--main) var(--dark-grey);scrollbar-width:thin}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body::-webkit-scrollbar{border-radius:6px;display:block;padding:4px;width:12px}body::-webkit-scrollbar-track{background:#333;background:var(--dark-grey)}body::-webkit-scrollbar-thumb{background:#2fa6a1;background:var(--main);border:3px #333;border:3px var(--dark-grey) #0000;border-radius:1rem;-webkit-box-shadow:inset 0 0 6px #0d0d0d1a;-webkit-box-shadow:inset 0 0 6px var(--black-t)}body::-webkit-scrollbar-thumb:hover{background:#2a9591b3;background:var(--main-t)}table{border-collapse:collapse;border-radius:.9em;box-shadow:0 0 20px #0d0d0d1a;box-shadow:0 0 20px var(--black-t)}@media (prefers-reduced-motion:no-preference){.app-logo{animation:app-logo-spin 2s linear infinite}}@keyframes app-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--btn-height-sm:2rem;--btn-height-md:2.4rem;--btn-height-lg:3.1rem;--btn-width-sm:2.6rem;--btn-width-md:3.883rem;--btn-width-lg:5.015rem}.add-item-button,.flat-button,.item-number-button,.levels-button,.modern-button,.modern-dropdown,.modern-input,.saving-button{align-items:center;border-radius:.58rem;color:var(--dark-grey);cursor:pointer;display:inline-flex;font-size:1rem;height:2.4rem;height:var(--btn-height-md);justify-content:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:3.883rem;width:var(--btn-width-md)}.levels-button,.modern-button,.modern-dropdown,.saving-button{background-color:var(--white);border:1px solid var(--white2);box-shadow:2px 2px 1.5px 0 var(--main-t2),inset -2px -2px 5px 0 var(--white-t)}.add-item-button,.flat-button,.item-number-button,.modern-input{background-color:var(--grey-t2);border:none;box-shadow:0 0 0 2px var(--main-t)}.smaller{height:1.6rem!important;height:calc(var(--btn-height-sm)*.8)!important;width:2.08rem!important;width:calc(var(--btn-width-sm)*.8)!important}.small{width:2.6rem!important;width:var(--btn-width-sm)!important}.small,.small-short{height:2rem!important;height:var(--btn-height-sm)!important}.small-short{width:1.3rem!important;width:calc(var(--btn-width-sm)/2)!important}.small-middle{width:4.42rem!important;width:calc(var(--btn-width-sm)*1.7)!important}.small-middle,.small-middle-long3{height:2rem!important;height:var(--btn-height-sm)!important}.small-middle-long3{width:5.2rem!important;width:calc(var(--btn-width-sm)*2)!important}.small-middle-long2{width:8.06rem!important;width:calc(var(--btn-width-sm)*3.1)!important}.small-long,.small-middle-long2{height:2rem!important;height:var(--btn-height-sm)!important}.small-long{width:8.32rem!important;width:calc(var(--btn-width-sm)*3.2)!important}.small-longer{height:2rem!important;height:var(--btn-height-sm)!important;width:10.4rem!important;width:calc(var(--btn-width-sm)*4)!important}.medium{width:3.883rem!important;width:var(--btn-width-md)!important}.medium,.medium-short{height:2.4rem!important;height:var(--btn-height-md)!important}.medium-short{width:2.6rem!important;width:var(--btn-width-sm)!important}.medium-long{height:2.4rem!important;height:var(--btn-height-md)!important;width:9.7075rem!important;width:calc(var(--btn-width-md)*2.5)!important}.large{height:3.1rem!important;height:var(--btn-height-lg)!important;width:5.015rem!important;width:var(--btn-width-lg)!important}.full{max-width:none!important;width:100%!important}@media (max-width:768px){:root{--btn-width-sm:13vw}.small-long{height:2rem!important;height:var(--btn-height-sm)!important;width:8.58rem!important;width:calc(var(--btn-width-sm)*3.3)!important}}
/*# sourceMappingURL=main.8e731f02.css.map*/