@import url(https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;700&display=swap);.header[data-v-878c3382]{width:100%;height:10em;background:#fff;position:relative;z-index:0;overflow:hidden}.header #bg-logo[data-v-878c3382]{height:auto;max-height:110%;cursor:pointer;margin:0 auto;z-index:-1;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transform:translateX(-16%)}.header #nav[data-v-878c3382]{display:flex;width:100%;height:2em;position:absolute;bottom:20px;justify-content:center}.header #nav a[data-v-878c3382]{text-decoration:none;color:#1e1e1e;font-size:1.5em;padding:10px 15px 0 15px;border-radius:5px;transition:all .35s ease-in-out}.header #nav a[data-v-878c3382]:hover{color:#ee3637}.header #nav #patreon-link img[data-v-878c3382]{max-height:55px;max-width:55px;padding-left:10px;padding-bottom:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (min-width:1175px){#nav{margin-left:25em!important}#bg-logo{margin:0 0 0 10%!important;transform:translateX(-13%)!important;max-height:150%!important}.header{height:7em!important}.team-heroes{flex-direction:row!important;margin:0 auto!important;width:88%!important;justify-content:center!important}.team-heroes #radiant-container{margin-right:1em!important;margin-top:1.05em!important;order:1}.team-heroes .search{margin-left:0!important;margin-right:0!important;order:2;bottom:2.6em!important;z-index:999!important}.team-heroes #dire-container{margin-left:1em!important;order:3;margin-top:2.8em!important}.lower-container{display:flex;margin:-4.5em auto 0 auto!important;flex-direction:row!important}.lower-container .suggested{margin-right:1em!important;order:1!important}.lower-container .suggestion-grid{margin-left:0!important;margin-right:0!important;order:2!important}.lower-container .match-analysis{margin-left:1em!important;order:3!important}#goto-heroes,#scroll-message{opacity:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}@media only screen and (min-width:1600px){.lower-container .suggestion-grid{margin-left:0!important;margin-right:0!important;grid-template-columns:repeat(10,1fr)!important;order:2}.lower-container .suggestion-grid,.sort-bar{min-width:700.4px;max-width:700.4px}}@media only screen and (min-width:1850px){.lower-container .suggestion-grid{margin-left:0!important;margin-right:0!important;grid-template-columns:repeat(15,1fr)!important;order:2}.lower-container .suggestion-grid,.sort-bar{min-width:1050.4px;max-width:1050.4px}}*{box-sizing:border-box;margin:0;padding:0;font-family:Baloo\ 2,cursive,Arial,Helvetica,sans-serif;font-weight:400}html{scroll-behavior:smooth}body{background:#343434;overflow-x:hidden}#main-container{width:100%}.container{background:#fff;min-width:350.4px;max-width:350.4px;min-height:630px;max-height:630px;margin:3em auto 0 auto;border-radius:5px}.hero-icon-sm>span{padding:.1em 0 1.05em 0!important;font-size:3.5em!important}.outer-search-box{width:100%;height:3.6em;max-height:3.6em;display:flex;position:relative;margin:0 auto 0 auto}#search-box{width:100%;height:3em;max-height:3em;background:#fff;border-radius:5px;border:2px solid #fff;font-size:1.2em;padding-left:1em;outline:none;transition:all .25s linear}#search-box:focus{border-bottom:4px solid #ee3637;transition:all .12s ease-out}.button{color:#191919;background:#fff;margin-left:5px;margin-top:1em;border-radius:5px;width:38%;max-width:125px;font-size:.9em;text-transform:uppercase;text-align:center;border:1px solid #f04f36;border-top:1px solid #f04f36;font-family:Titillium Web,sans-serif;cursor:pointer;transition:all .2s ease-in-out}.button:hover{background:transparent;color:#fff;transition:all .1s ease-out}.question-mark{color:#fff;font-size:5em;display:block;height:100%;width:100%;position:absolute;bottom:20%;z-index:1;pointer-events:none}.highlighted-result{color:#f04f36}.search-results ul li:hover{background:#f04f36;color:#fff}.centered,.search-results ul li:hover .highlighted-result{color:#fff}.centered{max-width:20em;margin:0 auto 2.5em auto}.router-link-exact-active.nav-link{color:#ee3637!important;font-size:2em!important;position:relative;transition:all .35s ease-in-out}.router-link-exact-active.nav-link:after{content:"";position:absolute;width:78%;height:2px;background:#ee3637;bottom:-20px;left:16px;border-radius:1px}.trash-button-alt{border-left:none!important;border-radius:5px!important;width:50px!important;height:50px!important}.trash-button-alt:hover{background:transparent;color:#fff;transition:all .1s ease-out}.trash-icon-alt{width:40px!important;height:40px!important}.option-buttons-alt{border:none!important;position:absolute!important;right:-1em!important;bottom:-.6em}.option-buttons-alt:hover{background:transparent;color:#fff;transition:all .1s ease-out}#spinner{display:none}#cookies-error,#spinner{position:absolute;top:59%;left:50%;transform:translate(-50%,-59%)}#cookies-error{font-size:2rem;color:#fff;width:100%;text-align:center}.hidden{width:0!important;height:0!important;opacity:0!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.display-none{display:none!important}.cta-btn{width:90%;max-width:330px;display:block;margin:0 auto;height:2.3em;cursor:pointer;background:#ef4138;color:#fff;outline:none;border:2px solid transparent;border-radius:5px;font-size:2.3rem;font-weight:700;transition:all .3s ease}.cta-btn-alt,.cta-btn:hover{background:transparent;border:2px solid #fff}.cta-btn-alt{margin-top:1.5em;transition:all .3s ease}.cta-btn-alt:hover{background:#191919}.three-line-truncate{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.light-grey-filter{-webkit-filter:invert(75%) sepia(0) saturate(92%) hue-rotate(208deg) brightness(90%) contrast(81%);filter:invert(75%) sepia(0) saturate(92%) hue-rotate(208deg) brightness(90%) contrast(81%)}.orange-filter{-webkit-filter:invert(38%) sepia(100%) saturate(2645%) hue-rotate(343deg) brightness(99%) contrast(89%);filter:invert(38%) sepia(100%) saturate(2645%) hue-rotate(343deg) brightness(99%) contrast(89%)}::-moz-selection{background:#ee3637;color:#fff}::selection{background:#ee3637;color:#fff}.hero-icon[data-v-616ae348]{cursor:pointer;width:100%;max-width:70px;min-width:70px;max-height:88px;min-height:88px;background:#191919;border-radius:10px;border:1px solid hsla(0,0%,100%,.8);text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}.hero-icon[data-v-616ae348]:hover{border:1px solid #ee3637;position:relative;width:500px;height:100px;bottom:.74em;transition:all .3s ease-out}.hero-icon h4[data-v-616ae348]{color:#fff;font-size:.65rem;font-weight:700;width:100%;line-height:10px;position:absolute;bottom:.25em;text-align:center;text-shadow:.75px .5px #000;pointer-events:none}.hero-icon-suggested[data-v-616ae348]:hover{height:88px;bottom:0}.hero-icon-xs[data-v-616ae348]{padding:0;margin:0;min-height:50px;max-height:50px;min-width:40px;max-width:40px}.hero-icon-xs span[data-v-616ae348]{font-size:3.2em!important}.hero-icon-xs[data-v-616ae348]:hover{position:relative;width:40px;height:50px;bottom:0;transition:all .3s ease-out}.light-transparent[data-v-616ae348]{opacity:.1}.team-grid[data-v-3f792093]{display:flex;justify-content:space-evenly;background:transparent;width:90%;max-width:350px;height:5.5em;margin:0 auto 0 auto;border-radius:10px;z-index:-1}.team-grid .selected-hero[data-v-3f792093]:before{content:"";position:absolute;top:-8.5px;left:-1px;width:103%;height:20px;background:#fff;z-index:-1;border-radius:5px 5px 0 0}.team-grid .selected-hero[data-v-3f792093]:after{content:"YOUR HERO";position:absolute;font-size:.8em;color:#000;font-weight:700;width:5em;letter-spacing:-1px;top:-8px;left:0;transition:all .2s ease-out}.team-grid .selected-hero[data-v-3f792093]:hover:after{left:.1em;color:#ee3637;transition:all .2s ease-out}.search[data-v-1338eca5]{width:85%;max-width:350px;margin:0 auto 0 auto;display:flex;flex-direction:column;justify-content:center;margin-top:3em;position:relative}.search .search-results[data-v-1338eca5]{position:absolute;top:8.5em;background:#fff;width:100%;max-height:17.8em;border-radius:5px;margin-top:.25em;overflow-y:auto;z-index:5}.search .search-results ul li[data-v-1338eca5]{padding:10px;font-size:.9em;display:flex;justify-content:space-between;width:100%;align-items:center;cursor:pointer}.search .search-results ul li[data-v-1338eca5]:hover{background:#f04f36;color:#fff}.search .search-results ul li p[data-v-1338eca5]{margin-left:.76em;line-height:3.5;cursor:pointer}.search .search-results ul li[data-v-1338eca5]:not(:last-child){border-bottom:1px solid hsla(0,0%,45.9%,.2)}.search .search-results ul li .hero-icon-xs[data-v-1338eca5]{border:none;transition:all .2s ease-out}.search .search-results ul li .hero-icon-xs[data-v-1338eca5]:hover{border:1px solid #fff;transition:all .2s ease-in}.search .buttons-container[data-v-1338eca5]{display:flex;justify-content:space-between;margin-bottom:-.6em}.search .buttons-container .option-buttons[data-v-1338eca5]{height:auto;max-height:2.75em;width:20%;max-width:66px;display:flex;margin-right:.5em;background:transparent;transition:all .25s ease-out,height .01s linear}.search .buttons-container .option-buttons button[data-v-1338eca5]{width:38%;max-width:125px;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.search .buttons-container .option-buttons button img[data-v-1338eca5]{pointer-events:none}.search .buttons-container .option-buttons button[data-v-1338eca5]:hover{background:transparent;color:#fff;transition:all .1s ease-out}.search .buttons-container .option-buttons #swap-button[data-v-1338eca5]{width:50%;height:100%;margin-right:0;border-radius:4px 0 0 4px;border:none;border-right:.5px solid transparent;transition:all .25s ease-out,height .01s linear}.search .buttons-container .option-buttons #trash-button[data-v-1338eca5]{width:50%;height:100%;margin-left:0;border-radius:0 4px 4px 0;border:none;border-left:.5px solid transparent;transition:all .25s ease-out,height .01s linear;position:relative}.search label[data-v-1338eca5]{cursor:pointer;color:#fff;font-size:2.6rem;font-weight:700;text-align:center;font-family:Titillium Web,sans-serif;margin-bottom:.3em}.search .search-button[data-v-1338eca5]{background:#ee3637;border:none;width:15%;height:100%;position:absolute;right:0;border-radius:0 5px 5px 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;transition:all .2s ease-out}.search .search-button[data-v-1338eca5]:hover{background:#f04f36;transition:all .1s ease-out}.search .search-button img[data-v-1338eca5]{width:30px;height:auto;margin-top:.9em}.search .goto[data-v-1338eca5]{font-size:1.4em;color:#ee3637;font-weight:700}.team-heroes[data-v-3528e410]{display:flex;flex-direction:column;position:relative}.team-heroes .team-container[data-v-3528e410]{margin-bottom:1.5em;margin-top:1em}.team-heroes .team-container #dire[data-v-3528e410],.team-heroes .team-container #radiant[data-v-3528e410]{color:#43c515;text-align:center;width:100%;padding-left:8em;margin-bottom:.5em;font-size:1.8em;font-weight:700;font-family:Titillium Web,sans-serif}.team-heroes .team-container #dire[data-v-3528e410]{padding-left:0;padding-right:9.5em;margin-top:-1em;color:#e32020}.team-heroes #radiant-container[data-v-3528e410]{margin-top:3em}.suggested[data-v-fef4d524]{display:flex;flex-direction:column;padding-top:1.25em}.suggested .inner-suggested-container[data-v-fef4d524]{height:435px;width:100%;display:flex;justify-content:center;align-items:center}.suggested .inner-suggested-container h3[data-v-fef4d524]{font-weight:400}.suggested h3[data-v-fef4d524]{text-align:center;font-weight:700;margin:.8em 0 .6em 0;font-size:1.5em}.suggested .suggested-box[data-v-fef4d524]{display:flex;width:80%;min-height:88px;max-height:220px;margin:0 auto 0 auto;justify-content:center}.suggested .items[data-v-fef4d524]{display:grid;grid-template-columns:repeat(3,1fr)}.suggested #suggested-content[data-v-fef4d524]{margin-top:0}.suggested #suggested-bans[data-v-fef4d524]{margin-top:1em}.suggested .bans[data-v-fef4d524]{margin-bottom:1.4em}.hero-icon-suggested[data-v-fef4d524]{margin:0 .7em 1.3em .7em;min-height:88px}.outer-analysis-container[data-v-3e382ca4]{width:79%;min-height:8.5em;margin:.8em auto 0 auto;display:flex;flex-direction:column;margin-top:2em}.outer-analysis-container .analysis-container[data-v-3e382ca4]{width:100%;min-height:8.5em;display:flex;margin-bottom:1em}.outer-analysis-container .analysis-container .icon-container[data-v-3e382ca4]{width:20%;min-height:8.5em}.outer-analysis-container .analysis-container .icon-container .hero-icon-sm[data-v-3e382ca4]{margin:0 auto 0 auto;width:85%;max-width:46px;min-width:46px;max-height:4.5em;min-height:4.5em;position:relative}.outer-analysis-container .analysis-container .icon-container .hero-icon-sm[data-v-3e382ca4]:hover{bottom:0}.outer-analysis-container .analysis-container .hero-container[data-v-3e382ca4]{width:80%;min-height:8.5em}.outer-analysis-container .analysis-container .hero-container ul[data-v-3e382ca4]{margin-left:12%;list-style:none}.outer-analysis-container .analysis-container .hero-container ul .hero-tip[data-v-3e382ca4]{position:relative;cursor:pointer}.outer-analysis-container .analysis-container .hero-container ul .hero-tip[data-v-3e382ca4]:before{content:"";width:10px;height:10px;border-radius:50%;background:#f04f36;position:absolute;top:.4em;left:-1.25em}.outer-analysis-container .analysis-container .hero-container ul li[data-v-3e382ca4]{margin-bottom:.5em;font-size:.9rem}.outer-analysis-container .analysis-container .hero-container ul .more[data-v-3e382ca4]{color:#f04f36;list-style:none;cursor:pointer;width:30%;text-align:center;margin-left:-.5em;transition:all .2s ease-out}.outer-analysis-container .analysis-container .hero-container ul .more[data-v-3e382ca4]:hover{color:#ee3637;opacity:.9;border:1px solid rgba(238,54,55,.2);border-radius:5px;transition:all .2s ease-in}.outer-analysis-container .analysis-container .hero-container h4[data-v-3e382ca4]{margin-left:.4em;font-weight:700;font-size:1.2rem}.outer-analysis-container .inner-analysis-container[data-v-2bff7040]{margin-top:9em}.outer-analysis-container .inner-analysis-container h3[data-v-2bff7040]{font-weight:400}.match-analysis[data-v-2bff7040]{position:relative}.match-analysis h3[data-v-2bff7040]{font-weight:700;text-align:center;padding-top:1em;font-size:1.5em}.match-analysis>h4[data-v-2bff7040]{padding-left:2.5em}.match-analysis h4[data-v-2bff7040]{margin-left:5em;font-size:.85em}.match-analysis .left-button[data-v-2bff7040]{position:absolute;left:0}.match-analysis .right-button[data-v-2bff7040]{position:absolute;right:0}.match-analysis button[data-v-2bff7040]{position:absolute;bottom:0;background:none;border:none;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.match-analysis button .arrow[data-v-2bff7040]{padding:.5em .6em .5em .6em;cursor:pointer}.match-analysis button .arrow[data-v-2bff7040]:hover{opacity:.8}.match-analysis button .left-arrow[data-v-2bff7040]{transform:rotate(180deg)}.suggestion-grid[data-v-8e77e892]{display:grid;overflow-x:hidden;overflow-y:auto;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(50,1fr);min-height:616px;scrollbar-width:none;margin-bottom:.1em;background:transparent}.suggestion-grid[data-v-8e77e892]::-webkit-scrollbar{display:none}.sort-bar[data-v-7c446afb]{display:flex;max-width:21.9em;align-items:center;margin:.3em auto 0 auto}.sort-bar select[data-v-7c446afb]{margin-left:.75em;border-radius:3px;border:none;outline:none}.sort-bar label[data-v-7c446afb]{color:#fff}.sort-bar option[data-v-7c446afb]{border-radius:3px;border:transparent;outline:none}.sort-bar #scroll-message[data-v-7c446afb]{cursor:pointer;color:#f04f36;transition:all .2s ease-in-out;display:flex;margin-left:auto;margin-right:.1em}.sort-bar #scroll-message[data-v-7c446afb]:hover{color:#fff;transition:all .2s ease-in-out}.lower-container{width:100%;position:relative}