.match-card{display:flex;flex-direction:column;justify-content:center}.match-card-content{align-items:center;background:#fff;display:grid;grid-template-areas:"radiantTeam center direTeam";grid-template-columns:auto 10rem auto;grid-template-rows:auto;overflow:hidden;position:relative;width:100%}.radiant-team{grid-area:radiantTeam;justify-self:end;text-align:right}.dire-team,.radiant-team{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.dire-team{grid-area:direTeam;justify-self:start;text-align:left}.team-block{display:flex;flex-direction:column;padding:.5rem 1rem 0;position:relative;width:100%;z-index:1}.team-name{color:var(--main-color-text);font-size:1rem;font-weight:700;width:20rem}.radiant-team>.team-block>.radiant-team-side{align-self:end;color:#109d31;font-size:.6rem}.dire-team>.team-block>.dire-team-side{align-self:start;color:#ba0911;font-size:.6rem}.heroes-block{align-items:end;display:flex;flex-grow:1;gap:.2rem;padding:.5rem 1rem;position:relative;z-index:1}.radiant-heroes{align-self:end;grid-area:radiantHeroes;justify-self:end;text-align:right}.dire-heroes{align-self:start;grid-area:direHeroes;justify-self:start;text-align:left}.hero-slot{background:#f1f5f9;height:25px;overflow:hidden;width:40px}.match-vs{flex-direction:column}.match-vs,.match-vs span{align-items:center;display:flex;height:100%;justify-content:center}.match-vs span{padding:.2rem;text-align:center;white-space:nowrap;width:100%}.match-vs span:last-child{border-bottom:none}.match-vs-map-score{font-weight:700}.match-card-view{background:var(--background-color-black);color:var(--main-color);display:none;padding:.8rem;text-align:center;text-decoration:none}@media(max-width:640px){.team-name{text-align:left}.match-card-content{grid-template-areas:"radiantTeam" "center" "direTeam";grid-template-columns:1fr!important}.match-vs{border-left:none;border-right:none;display:grid;flex-direction:row;grid-area:center;grid-template-columns:1fr auto 1fr}.match-vs,.match-vs span{align-items:center;justify-content:center}.match-vs span{border-bottom:none!important;display:flex;height:100%;padding:.5rem;width:auto}.match-vs-map-score{border-left:1px solid var(--background-color-black);border-right:1px solid var(--background-color-black);font-size:1.2rem;font-weight:700;padding-left:1.5rem!important;padding-right:1.5rem!important}.match-vs-id,.match-vs-map{color:#0009;font-size:.7rem!important}.radiant-team{align-items:start;border-right:none;display:flex;flex-direction:column;justify-self:start;padding:0 .5rem}.dire-team>.team-block>.dire-team-side,.radiant-team>.team-block>.radiant-team-side{align-self:start}.radiant-team .heroes-block{align-self:start;order:1}.radiant-team .team-block{align-items:center;order:2;padding:.3rem 0}.radiant-team .radiant-team-side{order:3;padding-top:.1rem}.dire-team{align-items:start;border-left:none;display:flex;flex-direction:column;padding:0 .5rem}.dire-team .team-block{align-items:center;order:1;padding:.3rem 0}.dire-team .heroes-block{align-self:start;order:2}.heroes-block{gap:.3rem;justify-content:center;padding:.4rem 0}}.match-card--home .match-card-content{border:1px solid var(--background-color-black);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));cursor:pointer;transition:all .2s ease-in-out}.match-card--home .match-card-content:before{border-color:transparent var(--background-color-black) transparent transparent;border-style:solid;border-width:0 19px 19px 0;content:"";height:0;position:absolute;right:0;top:0;transition:all .2s ease-in-out;width:0;z-index:1}.match-card--home .match-card-content:after{border-color:transparent transparent transparent var(--background-color-black);border-style:solid;border-width:19px 0 0 19px;bottom:0;content:"";height:0;left:0;position:absolute;transition:all .2s ease-in-out;width:0;z-index:1}.match-card--home .match-vs{border-left:1px solid var(--background-color-black);border-right:1px solid var(--background-color-black);transition:all .2s ease-in-out}.match-card--home .match-vs span{border-bottom:1px solid var(--background-color-black);transition:all .2s ease-in-out}.match-card--home .match-vs span:last-child{border-bottom:none}.match-card--home .team-name{transition:color .2s ease-in-out}.match-card--home .dire-team,.match-card--home .heroes-block,.match-card--home .match-card-view,.match-card--home .radiant-team{transition:all .2s ease-in-out}.match-card--home .match-card-content:hover{background:var(--background-color-black)}.match-card--home .match-card-content:hover .team-name{color:#fff}.match-card--home .match-card-content:hover .match-vs{border-left:1px solid #fff;border-right:1px solid #fff}.match-card--home .match-card-content:hover .match-vs span{border-bottom-color:#fff}.match-card--home .match-card-content:hover .match-vs span.match-vs-map-score{color:#fff}.match-card--home .match-card-content:hover .match-vs span.match-vs-id,.match-card--home .match-card-content:hover .match-vs span.match-vs-map{color:#ffffff80}.match-card--home .match-card-content:hover .dire-team,.match-card--home .match-card-content:hover .radiant-team{border-color:#fff}.match-card--home .match-card-content:hover>.match-card-view{background:var(--main-color);color:var(--main-color-text)}@media(max-width:640px){.match-card--home .match-card-view{display:block;margin-top:.5rem}.match-card--home .match-card-content{clip-path:none;transition:all .2s ease-in-out}.match-card--home .match-card-content:after,.match-card--home .match-card-content:before{display:none}.match-card--home .match-vs{border-bottom:1px solid var(--background-color-black);border-left:none;border-right:none;border-top:1px solid var(--background-color-black);transition:all .2s ease-in-out}.match-card--home .match-card-content:hover>.match-vs{border:1px solid #fff;border-left:none;border-right:none}.match-card--home .match-card-content:hover>.match-vs>.match-vs-map-score{border-left:1px solid #fff;border-right:1px solid #fff}}.search-icon[data-v-670638d7]{animation:opacityPulse-670638d7 1.3s infinite;display:inline-block;margin-bottom:1.5rem;vertical-align:middle}@keyframes opacityPulse-670638d7{0%,to{opacity:.1}50%{opacity:1}}