.match{color:#fff;background-color:#12294b}.match__head{text-align:center;background-color:#2b3c7d;padding:8px 0}.match__text{justify-content:center;align-items:center;column-gap:8px;font-size:14px;font-weight:500;display:flex}.match__body{background-size:20px 20px;padding-block:16px 12px;position:relative;-webkit-mask-image:radial-gradient(70% 141% at 59% 60%,#000 70%,#0000 110%);mask-image:radial-gradient(70% 141% at 59% 60%,#000 70%,#0000 110%);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.match__body:before{content:"";pointer-events:none;background:radial-gradient(68% 125% at 50% 19%,#6366f14d 40%,#0f172a 100%);position:absolute;inset:0}.match__foot{text-align:center;background-color:#1c2954;padding:8px 0}.match__stats{justify-content:center;gap:16px;margin-bottom:12px;list-style-type:none;display:flex}.match__stat{color:#9595ad;align-items:center;gap:4px;font-size:14px;display:flex}.match__stat .icon{background-color:currentColor}.match__result{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#112441ad;border:1px solid #3b4567;border-radius:5px;justify-content:space-between;gap:20px;padding:14px;font-size:14px;display:flex;position:relative}.match__result-col{gap:14px;display:flex}.match__inner{justify-content:space-between;gap:20px;margin-bottom:16px;display:flex}.match-preview{color:#fff;z-index:3;height:var(--match-preview-height);background-color:#2b3c7d;justify-content:center;gap:18px;max-width:100vw;padding-block:10px;transition:transform .4s ease-in-out;display:flex;position:fixed;left:0;right:0}.match-preview._hide{transform:translateY(-100%)}.match__team{align-items:center;gap:12px;font-size:32px;font-weight:800;display:flex}.match__logo{aspect-ratio:1;margin-inline:auto;background-position:50%;background-repeat:no-repeat;background-size:contain;width:120px;margin-bottom:12px}.match__logo_preview{width:42px;margin:0}.match__name{text-align:center;margin-bottom:14px;font-size:16px;font-weight:800}.match__history{color:#9595ad;text-align:center;margin-top:auto;margin-bottom:6px;font-size:14px}.match__arrow{background-color:#455478;width:100%;height:10px;margin-bottom:8px;-webkit-mask-image:url(/img/svgicons/arrow-match.svg);mask-image:url(/img/svgicons/arrow-match.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.match__line{margin-inline:auto;background-color:#455478;width:100%;max-width:104px;height:1px;margin-bottom:8px}.match__col{flex-direction:column;display:flex;position:relative}.match__col:not(.match__col_middle){max-width:136px}.match__colors{justify-content:center;display:flex}.match__time{color:#9196a5;text-align:center;flex-direction:column;gap:8px;font-size:13px;display:flex}.match__time-top{justify-content:center;align-items:center;gap:4px;display:flex}.match__time_preview{justify-content:center;gap:2px}.match__counter{justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;display:flex}.match__count{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;background-color:#112441ad;border:1px solid #3b4567;border-radius:5px;width:2ch;padding:8px 14px 10px 10px;font-size:52px;font-weight:800}.match__state{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#112441ad;border:1px solid #3b4567;border-radius:5px;justify-content:space-between;gap:12px;margin-bottom:15px;padding:10px 12px;display:flex}.match__state-icon{display:flex}.match__state-col{align-items:end;gap:2px;display:flex}.match__state-title{font-size:13px;line-height:150%}.match__state-subtitle{font-size:13px;font-weight:800;line-height:120%}.match__btns{justify-content:center;gap:6px;display:flex}.match-ai{background-color:#fff;border:1px solid #eaeaea;border-radius:13px;padding:20px}.match-ai__title{align-items:center;column-gap:8px;margin-bottom:12px;font-size:20px;font-weight:700;display:flex}.match-ai__title .icon{background-image:linear-gradient(#7db9e8 0%,#26ebf2 0%,#e22dcd 100%)}.match-history{margin-bottom:28px;display:flex;overflow:auto}.match-history__teams{flex-direction:column;justify-content:center;gap:16px;margin-right:4px;padding-bottom:30px;display:flex}#barChart{max-width:100%;height:157px}#barChartContainer{width:100%}@media screen and (width<=576px){.match__counter{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(2,auto);justify-content:stretch;margin-bottom:8px;display:grid}.match__count{width:100%;padding:6px;font-size:32px}.match__logo{width:110px}.match__logo_preview{width:42px}.match__time{grid-area:1/1/2/-1;gap:2px}.match__result{margin-top:30px;margin-left:calc(var(--container-padding) * -1);width:calc(100% + var(--container-padding) * 2);border-inline:0;border-radius:0;padding:10px 12px}.match__result-col{gap:10px}.match__result-col_middle{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.match__result .icon{--size:10px}.match__state{margin-bottom:8px;padding:8px}.match__col_middle{min-width:140px}}@media screen and (width<=490px){.match__col:not(.match__col_middle){max-width:112px}.match__name{font-size:15px}.match__state{padding-inline:4px}}@media screen and (width<=440px){.match__inner{gap:8px}.match__body{padding-top:8px}.match__logo{width:80px}.match__logo_preview{width:32px}.match__state .icon{--size:10px}.match__col_middle{min-width:100px}.match__history{margin-bottom:4px}.match__result .icon-text{gap:2px}.match__counter{gap:4px;margin-bottom:4px}.match__colors .colors{gap:3px}.match__colors .color{width:14px;line-height:80%}.match__btns{justify-content:start;overflow:auto}}@media screen and (width<=410px){.match__state{flex-direction:column;row-gap:2px;padding:4px 8px}.match__state-inner{display:contents}.match__state-col{align-items:center}.match__state-col:not(:last-of-type){border-bottom:1px solid #3b4567}.match__state-title{flex-grow:1;order:-1}}@media screen and (width<=360px){.match__col:not(.match__col_middle){max-width:94px}.match__name{font-size:14px}}@media screen and (width<=340px){.match__result{font-size:13px}}