*{border:0;box-sizing:border-box;margin:0;outline:0;padding:0}:root{--background-gradient:linear-gradient(111.45deg,rgba(67,198,172,.4) 7.7%,rgba(25,22,84,.4) 93.74%);--primary-color:"67, 198, 172";--vh:100vh}#root{background:linear-gradient(111.45deg,rgba(67,198,172,.4) 7.7%,rgba(25,22,84,.4) 93.74%);background:var(--background-gradient);height:100vh;height:10000vh;height:calc(var(--vh, 1vh)*100);overflow-y:auto;width:100vw}body{background-color:#000;font-family:Open Sans,sans-serif;min-height:100vh;min-width:100vw;overflow:hidden}.Mod{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,39%,.75);border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.25);color:#d0d0d0;grid-column:span 2;max-width:480px;padding:10px 10px 15px}.Mod.kickstart{grid-column:span 3;max-width:800px}.mod-header{display:flex;margin-bottom:24px}.mod-img{height:60px;width:60px}.mod-heading{display:flex;flex-direction:column;margin-left:8px}.mod-heading h1{font-size:24px;margin:0;padding:2px 0}.mod-heading p{color:#d0d0d0;font-size:14px}span{font-weight:700}.mod-stacks-cont{color:#d0d0d0;display:flex;flex-direction:column;margin-bottom:15px;width:100%}.mod-stacks{background:rgba(63,63,63,.3);border-radius:10px;display:flex;list-style:none;width:100%}.mod-stacks li{align-items:center;border-radius:5px;color:silver;display:flex;flex-direction:column;flex-grow:1;font-size:12px;padding:8px 0}.kickstart .mod-stacks li{width:40px}.kickstart .mod-stacks li p:first-child span{font-size:8px}.mod-stacks li.active{background:#3f3f3f;color:#fff;font-weight:700}.mod-stacks p:first-child{font-size:16px;margin-bottom:7px}.mod-stacks li span{font-size:12px}.mod-stacks-cont>p{margin:5px 0 24px 13px}.mod-buttons{display:flex;justify-content:space-around;width:100%}.mod-buttons button{background:0;border:2px solid #888;border-radius:5px;color:#888;cursor:pointer;font-size:24px;height:69px;position:relative;width:69px}.mod-buttons button,.mod-buttons button img,.mod-buttons button svg{transition:.2s cubic-bezier(.075,.82,.165,1)}.mod-buttons button img{height:100%;left:0;position:absolute;top:0;width:100%}.mod-buttons button.slotted{background:#3f3f3f}.mod-buttons button.slotted.hover img{opacity:.2}.mod-buttons button.open:hover{border-color:#fff;color:#fff}.mod-buttons button.slotted svg{color:transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.mod-buttons button.slotted.hover{border-color:#e74c3c!important}.mod-buttons button.slotted.hover svg{color:#e74c3c}.mod-buttons button.disabled{background:#333;border:3px solid #333;color:#777;cursor:default}.mod-buttons button.disabled svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.kickstart-info{align-self:center;color:#d0d0d0;font-size:12px;height:100%;line-height:22px;overflow-wrap:break-word;width:220px}.super{border-color:#2ecc71!important;color:#2ecc71}.melee{border-color:#3498db!important;color:#3498db}.grenade{border-color:#e67e22!important;color:#e67e22}.class{border-color:#9b59b6!important;color:#9b59b6}.orb{border-color:#1abc9c!important;color:#1abc9c}button.all,button.least-charged{border-image:linear-gradient(to bottom right,#9b59b6,#9b59b6 30%,#3498db 36%,#3498db 63%,#e67e22 69%,#e67e22) 2;border-width:4px;padding:10px}@media screen and (max-width:600px){.kickstart .mod-stacks li p:first-child{font-size:12px}.kickstart .mod-buttons{flex-wrap:wrap}.kickstart .kickstart-info{margin-top:12px;width:80%}}.Armor{display:flex;flex-direction:column;height:100vh}.Armor h1{color:#d0d0d0;margin-top:5px}.armor-mod-cont{grid-gap:20px;overflow-scrolling:auto;-webkit-overflow-scrolling:touch;display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));grid-template-rows:repeat(auto-fit,minmax(-webkit-min-content,300px));grid-template-rows:repeat(auto-fit,minmax(min-content,300px));height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto}.armor-chips-bar{padding-bottom:10px;padding-top:10px;width:100%}.armor-chip{background-color:initial;border:1px solid #d0d0d0;border-radius:5px;color:#d0d0d0;cursor:pointer;font-size:16px;margin-right:10px;padding:5px 15px;transition:.2s}#mod-breakdown-button{display:none}#mod-breakdown-button:hover{background-color:#d0d0d0;color:#000}#mod-clear-button{border:1px solid #e74c3c;color:#e74c3c}#mod-clear-button:hover{background-color:#e74c3c;color:#d0d0d0}#mod-clear-button.hidden{display:none}.armor-mod-cont::-webkit-scrollbar{display:none}@media screen and (max-width:800px){.Armor{padding-right:20px}#mod-breakdown-button{display:inline}}@media screen and (max-width:600px){.Armor{padding:0 10px 80px}}:root{--trans:150ms}.ArmorCharge{border:1px solid hsla(0,0%,100%,.25);border-radius:5px;padding:2vh 1vw}.armor-charge-header{display:flex;flex-wrap:wrap;justify-content:space-between}.armor-charge-header h2{color:#d0d0d0;font-size:min(max(12px,2vw),24px)}.armor-charge-header button{background-color:initial;border:1px solid #e74c3c;border-radius:5px;color:#e74c3c;cursor:pointer;font-weight:700;padding:0 15px}.armor-charge-header button:not(.inactive):hover{background-color:#e74c3c;color:#fff}.armor-charge-header button.inactive{border-color:gray;color:gray;cursor:default}.charge-box-cont{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:25px;width:100%}.charge-box{align-items:center;aspect-ratio:1/1;background:0;border:1px solid #fff;cursor:pointer;display:flex;height:auto;justify-content:center;min-width:22px;transition:border-color 20ms ease-in-out 0ms;width:13%}.charge-box:not(.active):hover{border-color:#2980b9;transition-delay:.15s;transition-delay:var(--trans)}.charge-box.remove{border-color:#e74c3c;transition:.15s;transition:var(--trans)}.charge-box div svg{color:#fff;font-size:120%;transition:opacity .15s ease-in-out 20ms;transition:opacity var(--trans) ease-in-out 20ms}.charge-box.active div svg{opacity:0}.charge-box.remove div svg{font-size:90%}.charge-box div{align-items:center;display:flex;height:0;justify-content:center;transition:.15s ease-in-out 20ms;transition:var(--trans) ease-in-out 20ms;width:0}.charge-box:hover div{background-color:#2980b9;border-color:#2980b9;height:100%;width:100%}.charge-box.active div{background-color:#2980b9;height:76%;width:76%}.charge-box.remove div{background-color:#e74c3c;height:46%;width:46%}@media screen and (max-width:800px){.armor-charge-header h2{font-size:24px}}@media screen and (max-width:600px){.armor-charge-header h2{font-size:28px}}.Breakdown{border-left:1px solid hsla(0,0%,100%,.25);color:#d0d0d0;display:flex;flex-direction:column;flex-grow:1;margin-top:2vh;overflow-y:auto;padding-left:2vw}.Breakdown .ability-section ul{list-style:none}.Breakdown .ability-section li.disabled{opacity:.6}.Breakdown .tab-buttons button{background-color:initial;border:1px solid #d0d0d0;border-radius:3px;color:#d0d0d0;cursor:pointer;margin:0 5px 0 0;padding:10px 6px;transition:.2s}.Breakdown .tab-buttons button.active{background-color:#fff;border-color:#fff;color:#000}.Breakdown .tab-buttons button:not(.active):hover{border:1px solid #fff;color:#fff}.Breakdown .tab-content{display:flex;flex-direction:column;flex-grow:1}.Breakdown .ability-section{flex-grow:1;max-height:240px}.Breakdown .ability-section h3{font-size:18px;margin-top:15px}.Breakdown .ability-section li.kill-total-orb{background:linear-gradient(111.45deg,rgba(var(--primary-color),.2) 7.7%,transparent 100.74%);border-left:2px solid rgba(var(--primary-color),1);display:flex;margin-left:-10px;padding:10px}.Breakdown .ability-section li.kill-total-orb .kill-total{width:50%}.Breakdown .ability-section li.kill-total-orb .kill-total p{color:#fff}.Breakdown .ability-section li.kill-total-orb .kill-total p:first-child{font-size:12px}.Breakdown .ability-section li.kill-total-orb .kill-total p{width:100%}.Breakdown .ability-section li{margin-bottom:5px;margin-left:20px}.Breakdown .ability-section li p{display:inline-block}.Breakdown .ability-section li p:first-child{margin-right:3px;max-width:70px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;width:20%}.Breakdown .ability-section li .bd-pct{display:inline-block;font-size:12px}.Breakdown .ability-section li .bd-val{font-size:20px}.Breakdown .aspect-fragment-link{text-decoration:underline}@media screen and (max-width:800px){.Breakdown{padding-bottom:60px}}.popup-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.popup-container.hidden{display:none}.popup-label{color:#d0d0d0;left:10px;position:absolute;top:10px}.class-picker-popup{background-color:rgba(0,0,0,.6);border:1px solid #d0d0d0;display:flex;padding:50px 40px 30px;position:relative}.close-popup{color:#d0d0d0;cursor:pointer;font-size:24px;height:20px;line-height:20px;position:absolute;right:10px;text-align:center;top:10px;width:20px}.close-popup:hover{color:#e74c3c}.class-picker-popup .class-picker-char{color:#d0d0d0;cursor:pointer;margin:0 25px;position:relative}.class-picker-popup .class-picker-char svg{stroke:transparent;aspect-ratio:1/1;height:80px;width:80px}.class-picker-popup .class-picker-char svg path{stroke:#878787;fill:transparent}.class-picker-popup .class-picker-char:hover svg path{stroke:#d0d0d0}@media (max-width:600px){.class-picker-popup{align-items:center;display:flex;justify-content:space-around;padding:30px 0 0;width:90%}.class-picker-popup .class-picker-char{margin:0}}nav{background:hsla(0,0%,7%,.5);box-shadow:4px 0 16px rgba(0,0,0,.25);color:#fff;display:flex;flex-direction:column;height:100%;list-style:none;padding-top:40px;position:fixed;width:100px}nav a.armor-nav{align-items:center;border:1px solid transparent;color:#d0d0d0;cursor:pointer;display:flex;height:100px;justify-content:center;margin-bottom:40px;padding:2px 24px 14px 4px;position:relative;text-decoration:none;transition:.2s}nav a.armor-nav:hover{background-color:rgba(0,0,0,.1)}nav a:not(.armor-nav){justify-content:center}nav a.armor-nav.active{border:1px solid #fff;justify-content:center;padding-right:4px}nav .nav-label{color:hsla(0,0%,82%,.75);display:flex;flex-direction:column;transition:.2s}nav a.active .nav-label{color:#d0d0d0}nav .nav-icon{height:62px;padding:4px;width:62px}nav a .nav-icon svg{fill:hsla(0,0%,82%,.1);stroke:hsla(0,0%,82%,.75);stroke-width:1px;height:100%;width:100%}nav a.active .nav-icon svg{fill:#d0d0d0}nav .nav-label p{height:15px;text-align:center}nav .nav-mod-count{display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;right:10px;row-gap:8px;transition:.2s}nav .nav-mod-count div{align-items:center;display:flex;height:10px;position:relative;transition:.2s;width:6px}nav .nav-mod-count div div{background:rgba(0,0,0,.3);height:100%;left:0;position:absolute;width:100%}nav .nav-mod-count div.active div{background:hsla(0,0%,82%,.75);height:10px;width:6px}nav a.active .nav-mod-count{position:absolute;right:-20px}nav a.active .nav-mod-count div{height:20px;width:8px}nav a.active .nav-mod-count div.active div{background:#e3e3e3}nav a.active .nav-mod-count div:not(.active) div{background:0;left:-12px;width:1px}.basic-nav{border:1px solid transparent;color:#d0d0d0;margin-bottom:20px;padding:10px 0;text-align:center;text-decoration:none}.basic-nav .nav-label{align-items:center;display:flex;flex-direction:row}.basic-nav .nav-label p{height:100%;width:-webkit-min-content;width:min-content}.basic-nav:hover{background-color:rgba(0,0,0,.1)}.basic-nav.active{border:1px solid #d0d0d0}.basic-nav .nav-icon{height:30px;width:30px}.custom-nav{cursor:pointer;margin-bottom:40px}.custom-nav:hover{background-color:rgba(0,0,0,.1)}.custom-nav-icon{display:flex;height:80px;justify-content:center;width:100%}.custom-nav-icon svg{aspect-ratio:1/1;height:100%;width:70px}.custom-nav-icon svg path{stroke:#878787;stroke-width:1px;fill:transparent}.custom-nav p{color:hsla(0,0%,82%,.75);margin-bottom:10px;text-align:center}.first-small-cont{margin-top:auto}.small-cont{display:flex;justify-content:center;margin-bottom:20px;width:100%}.small-cont a{color:#d0d0d0}.small-cont a:hover{color:#fff}@media (max-width:600px){nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:0;display:flex;flex-direction:row;height:50px;justify-content:space-around;left:0;padding:0;width:100%;z-index:1}nav a.armor-nav,nav a.basic-nav{height:100%;padding:4px}nav .nav-icon{align-items:center;display:flex;height:40px;justify-content:center;width:40px}nav .nav-label{height:100%}nav .nav-label p,nav .nav-mod-count{display:none}nav .basic-nav{aspect-ratio:1/1;display:flex;justify-content:center}nav .basic-nav .nav-icon{height:36px;width:36px}nav .custom-nav p,nav .small-cont{display:none}nav .custom-nav,nav .custom-nav-icon{align-items:center;display:flex;height:100%}nav .custom-nav svg{height:100%;width:40px}}.Settings{overflow-y:auto;padding:10px}.Settings h1{margin-bottom:20px}.Settings h1,.Settings p{color:#d0d0d0}.settings-gradient-cont{background-color:#111;border:1px solid #d0d0d0;display:inline-block;margin:0 5px}.Settings .divider{background-color:#d0d0d0;height:1px;margin:20px 0}.Settings .settings-button-cont{display:flex}.Settings Button{background-color:initial;border:1px solid #d0d0d0;border-radius:5px;color:#d0d0d0;cursor:pointer;font-size:18px;margin:0 5px;padding:10px 20px}.Settings Button.active{background-color:#d0d0d0;color:#000}@media screen and (max-width:800px){.Settings{padding-bottom:80px}}.App{grid-column-gap:1vw;display:grid;grid-template-columns:120px 3fr 1fr;height:100%;width:100%}nav{grid-column:1}main{overflow-scrolling:touch;-webkit-overflow-scrolling:touch;grid-column:2;overflow-y:hidden;overscroll-behavior-y:contain}.breakdown{display:flex;flex-direction:column;grid-column:3;overflow-y:auto;padding-bottom:50px;padding-right:min(1vw,50px);padding-top:50px}.dashboard-header{color:#d0d0d0;margin-top:5vh}.showHideButton{display:none}.showHideButton button{background-color:initial;border:1px solid #d0d0d0;border-radius:5px;color:#d0d0d0;cursor:pointer;font-size:16px;margin-bottom:10px;padding:5px 15px;transition:.2s}.showHideButton button:hover{background-color:#d0d0d0;color:#000}@media screen and (max-width:800px){.App{grid-template-columns:120px 1fr}.App.bd-visible main,.breakdown{display:none}.App.bd-visible .breakdown{display:inline;grid-column:2/3}.App.bd-visible .breakdown .showHideButton{display:inline}.breakdown .ArmorCharge{padding:2vh 20px}}@media screen and (max-width:600px){.App{grid-template-columns:1fr}main{grid-column:auto;grid-column-start:1}.App.bd-visible main{display:none}.App.bd-visible .breakdown{display:inline;grid-column:auto;padding:10px}.App.bd-visible .Breakdown{border-left:0}.App.bd-visible .breakdown .showHideButton{display:inline}}
/*# sourceMappingURL=main.c83d018f.css.map*/