*,body,html{padding:0;margin:0;box-sizing:border-box;font-family:Roboto}#mainContainer{display:flex;flex-direction:column;min-width:568px;min-height:320px;width:100vw;height:100vh;background:linear-gradient(180deg,#18243d,#2a4771);overflow:hidden}.row{width:100%;height:100%}.col,.row{display:flex}.col{flex-direction:column}.goldIcon{width:11px;height:12px;transform:matrix(.85,-.53,.53,.85,0,0);background:transparent linear-gradient(168deg,#86723d,#bfb153 40%,#e5db62 75%,#f1e867) 0 0 no-repeat padding-box;border-radius:50%;margin-right:6px}#navbar{display:flex;z-index:1;width:100%;min-height:40px;max-height:40px;background:transparent linear-gradient(180deg,#1f354b,#28466c) 0 0 no-repeat padding-box}.mainContent{display:flex;flex:1 1}.appTitleContainer{display:flex;flex:100% 1;height:100%;align-items:center;justify-content:center}.appTitleContainer .appTitle{font-size:14px;color:#fff;font-weight:500}.appTitleContainer .appVersion{color:#8a8a8a;font-size:8px;margin-left:5px}#leftMenu{flex:20% 1;max-width:138px;background:transparent linear-gradient(180deg,#1d324f,#294672) 0 0 no-repeat padding-box;box-shadow:6px 3px 6px rgba(0,0,0,.2);padding-top:30px}.menu{display:flex;align-self:flex-end;justify-content:center;color:#5c7fad;font-size:12px;width:110px;height:58px;line-height:58px}.menu:hover{cursor:pointer;color:#fff}.menu.active{color:#fff;line-height:56px;background:transparent linear-gradient(117deg,#1755d2,var(--active-menu-border-color)) 0 0 no-repeat padding-box;background:transparent linear-gradient(117deg,#1755d2,#33c8fd) 0 0 no-repeat padding-box;box-shadow:0 3px 6px rgba(0,0,0,.16);border:1px solid #33c8fd}#buildsPane{display:flex;flex:55% 1;z-index:1;padding:20px 0}#buildsPane .buildInfo{display:flex;justify-content:space-around;height:auto;padding:10px;margin:0 20px 10px;border-radius:50;box-shadow:3px 3px 6px rgba(0,0,0,.16),-3px -3px 6px rgba(0,0,0,.1);cursor:pointer}#buildsPane .buildInfo .portrait{display:flex;flex:20% 1;height:55px;width:55px;align-items:center;justify-content:center}#buildsPane .buildInfo .portrait img{height:55px;width:55px;border:1px solid #86785e}#buildsPane .buildInfo .buildItems{display:flex;align-items:flex-start;flex:80% 1}#buildsPane .buildInfo .buildItems .row{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}#buildsPane .buildInfo .buildItems .row .col{display:flex;flex-direction:column}#detailsPane{flex:30% 1;z-index:1;background:transparent linear-gradient(180deg,#162137,#233d5e) 0 0 no-repeat padding-box;box-shadow:-6px 3px 7px rgba(0,0,0,.3);overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}#detailsPane::-webkit-scrollbar{display:none}.buildDetailsContainer,.itemDetailsContainer{max-height:75vh}.detailedInfoContainer{display:flex;padding:12px 12px 5px;height:auto;align-items:center;justify-content:space-around}.itemEffectsContainer{display:flex;flex-direction:column;padding:0 12px;height:55vh;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.itemEffectsContainer::-webkit-scrollbar{display:none}.itemEffectsContainer .row{height:auto}.portraitContainer{flex:30% 1;margin-right:10px}.mainInfoContainer{flex:70% 1;align-items:center;justify-content:space-between;flex-direction:column}.mainInfoContainer .itemName{width:100%;color:#fff;font-size:10px}.mainInfoContainer .itemPrice{color:#ddcb81;font-size:10px}.itemPortraitBig,.itemPortraitBig img{width:58px;height:58px}.itemStats{color:#3bff06;font-size:10px;margin-bottom:10px}.itemActiveAbility,.itemAttributes,.itemEffects,.itemPassives,.itemStats{flex-direction:column}.attributeName,.effectName,.passiveName{margin-top:3px;color:#fbd332;font-size:10px;letter-spacing:.02rem}.activeAblityDesc,.attributeDesc,.effectDesc,.passiveDesc{color:#9cacbc;font-size:10px;letter-spacing:.02rem}.activeAblityName{margin-top:10px;color:#d10e35;font-size:10px;font-weight:700}.activeAblityCastRange,.activeAblityCooldown,.activeAblityEffectRadius,.activeAblityManaCost{color:#fbd332;font-size:10px}.activeAblityCastRange span,.activeAblityCooldown span,.activeAblityEffectRadius span,.activeAblityManaCost span{color:#9cacbc}.detailsButtonContainer{display:flex;padding:10px;height:100%;width:100%;align-items:center;justify-content:center}.detailsBtn{width:auto;height:auto;padding:2px 10px;background:transparent linear-gradient(180deg,#3b6595,#56aad4) 0 0 no-repeat padding-box;box-shadow:0 3px 6px rgba(0,0,0,.16);color:#fff;font-size:10px;line-height:22px;text-align:center}#itemsPane{display:flex;flex:70% 1;z-index:1;max-height:414px}.categories{display:flex;flex:5% 1;align-items:center;justify-content:center;width:100%;height:28px;background:transparent linear-gradient(180deg,#14223d,#1b2741) 0 0 no-repeat padding-box}.categories .categoryContainer{color:#6d8cb6;background-color:none!important;font-size:11px;text-align:center;line-height:28px;width:80px;height:28px}.categories .categoryContainer:hover{cursor:pointer;color:#fff}.categories .categoryContainer.active{color:#fff;background:transparent linear-gradient(180deg,rgba(0,0,0,.02),rgba(22,131,255,.84) 92%,#32c8fd) 0 0 no-repeat padding-box}.itemsList{flex:85% 1}.heroesList{flex:100% 1}.heroesListContainer{padding:10px 0;display:-ms-grid;display:grid;-ms-grid-columns:64px 64px 64px 64px 64px 64px;grid-template-columns:64px 64px 64px 64px 64px 64px;justify-content:space-evenly;width:100%;height:inherit;max-height:80vh;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.heroesListContainer::-webkit-scrollbar{display:none}.heroesListContainer .heroContainer{display:flex;flex-direction:column;align-content:center;justify-content:center;margin:0 auto 10px}.heroesListContainer .heroContainer .heroPortrait{margin:auto;display:flex;align-items:center;justify-content:center}.heroesListContainer .heroContainer .heroPortrait img{height:55px;width:55px;border:1px solid #86785e}.heroesListContainer .heroContainer .heroName{margin-top:5px;text-align:center;font-size:9px;letter-spacing:.2px;color:#9cacbc}.itemsListContainer{padding:15px 25px;display:flex;flex-direction:row;justify-content:space-around;width:100%;height:57vh;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.itemsListContainer::-webkit-scrollbar{display:none}@media only screen and (min-height:500px){.itemsListContainer{height:72vh}}.itemContainer{display:flex;margin:3px 0}.itemQuickInfo{display:flex;flex-direction:column;justify-content:space-between;padding-left:5px}.itemPortrait{position:relative;width:38px;height:38px}.itemPortrait img{width:38px;height:38px;border:1px solid #86785e;cursor:pointer}.itemPortrait.active{box-shadow:0 0 5px #16efff}.itemPortrait.active img{border:1px solid #bee3ff}.itemPortrait .itemPlaceholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:1px solid #86785e;background-color:#000}.itemPortrait .itemPlaceholder .addBtn{background:transparent linear-gradient(180deg,#3b6595,#56aad4) 0 0 no-repeat padding-box;color:#fff;font-size:9px;padding:2px 3px;cursor:pointer}.itemPortrait .removeItem{position:absolute;display:flex;right:-5px;top:-6px;background-color:#bd0328;border-radius:50%;color:#fff;font-size:11px;line-height:12px;font-weight:700;width:14px;height:14px;align-items:center;justify-content:center;z-index:1;cursor:pointer}.itemName{width:69px;height:21px;text-align:left;font-size:10px;color:#9cacbc}.itemPrice{font-size:9px;color:#ddcb81}#itemBuild{flex:15% 1;-ms-grid-row-align:center;align-self:center;max-width:430px;width:90%;height:86px;background:transparent linear-gradient(180deg,#233e5c,#294a75) 0 0 no-repeat padding-box;box-shadow:0 3px 6px rgba(0,0,0,.16)}.heroPanel{padding:5px 10px;width:80px}.selectHeroBtn{height:18px;width:56px;color:#fff;font-size:11px;text-align:center;line-height:18px;background:transparent linear-gradient(180deg,#3b6595,#56aad4) 0 0 no-repeat padding-box;box-shadow:0 3px 6px rgba(0,0,0,.16)}.selectHeroBtn:hover{cursor:pointer}.heroPortrait{margin-top:5px;box-shadow:0 3px 6px rgba(0,0,0,.16)}.heroPortrait,.heroPortrait img{width:55px;height:55px}.buildPanel{width:100%}.upperRowBtns{height:28px;padding:5px 10px;display:flex;align-items:center}.gearBindsBtn{width:82px;height:18px;color:#fff;font-size:10px;text-align:center;line-height:18px;background:transparent linear-gradient(180deg,#3b6595,#56aad4) 0 0 no-repeat padding-box;box-shadow:0 3px 6px rgba(0,0,0,.16)}.editBtnContainer{height:28px;flex:80% 1;align-items:flex-end;justify-content:center}.editBtn{width:42px;height:18px;background:transparent linear-gradient(180deg,#3b6595,#56aad4) 0 0 no-repeat padding-box;box-shadow:0 3px 6px rgba(0,0,0,.16);color:#fff;font-size:10px;line-height:18px;text-align:center;cursor:pointer}.itemBuildPanel{padding:5px}.itemBuild{flex:75% 1;flex-direction:row;align-items:center;justify-content:space-between}.buildBtns{flex:25% 1;align-items:center;justify-content:space-evenly}.saveBtn{background:transparent linear-gradient(180deg,#afa274,#8d7444 29%,rgba(165,147,99,.88) 90%,#b0a171) 0 0 no-repeat padding-box}.cancelBtn,.editBtn,.okBtn,.saveBtn{width:45px;height:18px;box-shadow:0 3px 6px rgba(0,0,0,.16);color:#fff;font-size:9px;line-height:18px;text-align:center;cursor:pointer}.cancelBtn,.editBtn,.okBtn{background:transparent linear-gradient(180deg,#3b6595,#56aad4) 0 0 no-repeat padding-box}.buildDetailsContainer{overflow-y:scroll;height:500%;-ms-overflow-style:none;scrollbar-width:none}.buildDetailsContainer::-webkit-scrollbar{display:none}.buildDetailsContainer .totalCostContainer{display:flex;flex-direction:column;padding:10px;height:auto;align-items:center;justify-content:center}.buildDetailsContainer .totalCostContainer .costHeader{font-size:10px;color:#fbd332;-ms-grid-row-align:center;align-self:center;margin-bottom:10px;padding:0 10px}.buildDetailsContainer .totalCostContainer .priceBreakdown{display:flex;flex-direction:column;align-items:center;justify-content:center}.buildDetailsContainer .totalCostContainer .priceBreakdown .breakdownHeader{font-size:10px;color:#9cacbc;margin-bottom:10px}.buildDetailsContainer .totalCostContainer .priceBreakdown .itemInfo{display:flex;flex:50% 1;align-items:center;margin-bottom:5px}.buildDetailsContainer .totalCostContainer .priceBreakdown .smallPortrait{margin-right:10px;width:24px;height:25px}.buildDetailsContainer .totalCostContainer .priceContainer{display:flex;margin-top:10px}.buildDetailsContainer .totalCostContainer .priceContainer .totalText{font-size:10px;color:#9cacbc;margin-right:6px}.buildDetailsContainer .totalCostContainer .priceContainer .itemPrice{font-size:10px}.buildDetailsContainer .statsContainer{display:flex;flex-direction:column;padding:10px 5px;height:auto}.buildDetailsContainer .statsContainer .statsHeader{font-size:10px;color:#fbd332;-ms-grid-row-align:center;align-self:center}.buildDetailsContainer .statsContainer .statsCol{padding:10px 5px 5px;flex:50% 1}.buildDetailsContainer .statsContainer .statName{font-size:9px;color:#9cacbc}.buildDetailsContainer .statsContainer .defaultStatValue{font-size:9px;color:#7f8e9c;margin-left:3px}.buildDetailsContainer .statsContainer .statValue{font-size:9px;color:#3bff06;margin-left:3px}.buildDetailsContainer .uniquePassivesContainer{display:flex;flex-direction:column;padding:10px;height:auto}.buildDetailsContainer .uniquePassivesContainer .passiveContainer .smallPortrait{margin:10px 0 5px;width:24px;height:25px}.buildDetailsContainer .uniquePassivesContainer .passivesHeader{font-size:10px;color:#fbd332;-ms-grid-row-align:center;align-self:center;margin-bottom:5px}.buildDetailsContainer .uniquePassivesContainer .passiveSeparator{color:#fbd332;margin-right:3px}.buildDetailsContainer .uniquePassivesContainer .passivesText{font-size:10px;color:#9cacbc;margin-bottom:5px}.buildDetailsContainer .activeAbilitiesContainer{display:flex;flex-direction:column;padding:10px;height:auto}.buildDetailsContainer .activeAbilitiesContainer .itemActiveAbility{margin-bottom:10px}.buildDetailsContainer .activeAbilitiesContainer .activesHeader{font-size:10px;color:#fbd332;-ms-grid-row-align:center;align-self:center;margin-bottom:5px}.buildDetailsContainer .activeAbilitiesContainer .smallPortrait{margin-top:5px;width:24px;height:25px}
/*# sourceMappingURL=main.832e8c6b.chunk.css.map */