@keyframes skeleton-loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.match-meta{width:100%;padding:25px}@media (max-width:1024px){.match-meta{padding:10px}}.match-meta__wrapper{background-color:var(--color-contrast-bg);border-radius:20px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1.25rem;width:100%;padding:1rem;display:flex}.match-meta__row{flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;display:flex}.match-meta__flag{object-fit:cover;border:1px solid #00000041;border-radius:50%;width:26px;height:26px}
@keyframes skeleton-loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.match-arena{width:100%}.match-arena__wrapper{flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;width:100%;padding:20px;display:flex;position:relative}@media (max-width:1024px){.match-arena__wrapper{gap:10px;padding:10px}}.match-arena__wrapper{background-color:var(--color-contrast-alt);border-radius:20px}.match-arena__title{width:100%;letter-spacing:0%;font-size:20px;font-weight:600;line-height:1.2}@media (max-width:1024px){.match-arena__title{letter-spacing:-1%;font-size:16px;font-weight:600;line-height:1.2}}.match-arena__title{text-align:center}.match-arena__row{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:100%;display:flex}.match-arena__row img,.match-arena__row svg{object-fit:contain;width:24px;min-width:24px;max-width:24px;height:24px}@media (max-width:1024px){.match-arena__row img,.match-arena__row svg{width:20px;min-width:20px;max-width:20px;height:20px}}.match-arena__row img{border-radius:50%}.match-arena__text{letter-spacing:0%;font-size:17px;font-weight:500;line-height:1.2}@media (max-width:1024px){.match-arena__text{letter-spacing:0%;font-size:14px;font-weight:500;line-height:1.2}}.match-arena__label{letter-spacing:-1%;font-size:12px;font-weight:500;line-height:1.2}@media (max-width:1024px){.match-arena__label{letter-spacing:-1%;font-size:12px;font-weight:500;line-height:1.2}}.match-arena__label{color:var(--color-muted)}.match-arena__flag{object-fit:contain;width:24px;min-width:24px;max-width:24px;height:24px}@media (max-width:1024px){.match-arena__flag{width:20px;min-width:20px;max-width:20px;height:20px}}
@keyframes skeleton-loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.match-events{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:30px;width:100%;padding:20px;display:flex;position:relative}@media (max-width:1024px){.match-events{gap:15px;padding:10px}}.match-events{letter-spacing:0%;font-size:15px;font-weight:500;line-height:1.2}@media (max-width:1024px){.match-events{letter-spacing:-1%;font-size:12px;font-weight:500;line-height:1.2}}.match-events{padding:0 0 20px}@media (max-width:1024px){.match-events{padding:0 0 20px}}.match-events__period{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;width:100%;padding:0;display:flex;position:relative}@media (max-width:1024px){.match-events__period{margin-bottom:10px}}.match-events__icon{object-fit:contain;width:16px;min-width:16px;max-width:16px;height:16px}@media (max-width:1024px){.match-events__icon{width:16px;min-width:16px;max-width:16px;height:16px}}.match-events__title{background-color:var(--color-bg);text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:.25rem;padding:0 1.5rem;display:flex;position:relative;left:2rem}.match-events__item{flex-direction:row;justify-content:flex-end;align-items:center;gap:10px;width:100%;padding:0 2.5rem;display:flex}.match-events__item--home{flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:3px;padding:0 10px;display:flex}.match-events__item svg{object-fit:contain;width:24px;min-width:24px;max-width:24px;height:24px}@media (max-width:1024px){.match-events__item svg{width:20px;min-width:20px;max-width:20px;height:20px}}.match-events__time,.match-events__minute{letter-spacing:-.17px;font-size:15px;font-weight:600;line-height:1.2;position:relative}@media (max-width:1024px){.match-events__time,.match-events__minute{letter-spacing:-1%;font-size:11px;font-weight:700;line-height:1.2}}.match-events__extra-minute{letter-spacing:0%;font-size:.75rem;font-weight:400;position:relative;top:-10px}.match-events__time-added{letter-spacing:0%;font-size:.75rem;font-weight:600;position:relative;left:5px}.match-events__pen--goal{background-color:var(--color-accept);color:var(--color-accent-text);border-radius:12px;padding:2px 6px;font-size:.8rem}.match-events__pen--miss{background-color:var(--color-error);color:var(--color-accent-text);border-radius:12px;padding:2px 6px;font-size:.8rem}.match-events__info{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;display:flex}.match-events__result{background-color:var(--color-accent-disabled);color:var(--color-accent-text);letter-spacing:3px;text-wrap:nowrap;white-space:nowrap;border-radius:100px;padding:3px 9px;font-weight:600}.match-events__player,.match-events__related{-webkit-line-clamp:1;text-overflow:ellipsis;word-break:break-word;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.match-events__player:hover,.match-events__related:hover{background-color:color-mix(in srgb, var(--color-muted-light) 12%, transparent)}.match-events__player,.match-events__related{border-radius:8px;max-height:25px;padding:2px 4px}@media (max-width:1024px){.match-events__player,.match-events__related{max-height:24px}}.match-events__related{color:var(--color-muted)}.match-events__extra{flex-direction:row;justify-content:flex-start;align-items:center;gap:5px;display:flex}.match-events__extra-info{letter-spacing:-.17px;font-size:15px;font-weight:600;line-height:1.2}@media (max-width:1024px){.match-events__extra-info{letter-spacing:-1%;font-size:11px;font-weight:700;line-height:1.2}}.match-events__extra-info{color:var(--color-muted)}.match-events__extra--OG{font-size:15px;font-weight:800}@media (max-width:1024px){.match-events__extra--OG{font-size:12px}}.player-tooltip{background-color:var(--color-bg);width:100%;color:var(--color-text);opacity:1;z-index:100;border-radius:20px;padding:20px 10px;position:relative}@media (max-width:1024px){.player-tooltip{flex-direction:column;justify-content:center;align-items:center;width:calc(100vw - 20px);padding:25px 50px;display:flex}}.player-tooltip__item{border-bottom:1px solid var(--color-border);flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:100%;padding:10px 5px;font-weight:600;display:flex}.player-tooltip__item:last-child{border-bottom:none}.player-tooltip__info{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5px;width:100%;display:flex}.player-tooltip__image{aspect-ratio:1;border-radius:50px;width:35px;position:relative;overflow:hidden}.player-tooltip__name{letter-spacing:0%;font-size:17px;font-weight:500;line-height:1.2}@media (max-width:1024px){.player-tooltip__name{letter-spacing:0%;font-size:14px;font-weight:500;line-height:1.2}}.player-tooltip__name{width:100%}.player-tooltip__label{letter-spacing:-1%;font-size:12px;font-weight:500;line-height:1.2}@media (max-width:1024px){.player-tooltip__label{letter-spacing:-1%;font-size:12px;font-weight:500;line-height:1.2}}.player-tooltip__label{color:var(--color-muted)}
@keyframes skeleton-loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.progress{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:35px;width:100%;margin-top:20px;padding:10px;display:flex}.progress__wrapper{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.progress__bar{z-index:0;flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.progress__bar:before{content:"";background-color:var(--color-muted);z-index:-1;width:100%;height:4px;position:absolute}@media (max-width:1024px){.progress__bar:before{height:2px}}.progress__bar-progress{background:var(--gradient-bg);z-index:0;width:0%;height:4px;position:absolute;left:0}@media (max-width:1024px){.progress__bar-progress{height:2px}}.progress__bar-progress-value{background-color:var(--color-bg);flex-direction:row;justify-content:flex-end;align-items:center;width:0%;display:flex;position:absolute;top:-25px;left:0}.progress__bar-progress-value span{background-image:var(--gradient-bg);color:#0000;-webkit-text-fill-color:#0000;background-position:0 100%;background-repeat:no-repeat;background-size:100% 100%;-webkit-background-clip:text;background-clip:text;background-color:var(--color-contrast-bg);border:1px solid var(--color-border);border-radius:8px;padding:7px 12px;font-size:1.09rem;font-weight:500;line-height:1.2;display:inline-block}.progress__bar-item{z-index:1;background-color:var(--color-bg);border-radius:100px;width:1.5rem;height:1.5rem;position:relative}.progress__bar-item.inactive:before{content:"";border-radius:inherit;background:var(--gradient-bg);-webkit-mask-composite:xor;pointer-events:none;z-index:-1;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.progress__bar-item--time{background-color:var(--color-accept)}.progress__bar-item--break{background-color:#7d9fef}.progress__bar-item--end{background-color:#ffce24}.progress__legend{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.progress__legend-item{text-align:center;width:100%;font-size:1.1rem}.progress__legend-item--time{text-align:left}.progress__legend-item--end{text-align:right}
@keyframes skeleton-loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.featured{width:100%}.featured__wrapper{flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;width:100%;padding:20px;display:flex;position:relative}@media (max-width:1024px){.featured__wrapper{gap:10px;padding:10px}}.featured__wrapper{background-color:var(--color-contrast-alt);border:1px solid var(--color-border);border-radius:15px}.featured__header{flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;width:100%;display:flex;position:relative}@media (max-width:1024px){.featured__header{gap:10px}}.featured__header{text-align:center;gap:10px}.featured__tooltip{position:absolute;top:0;right:0}.featured__title{letter-spacing:0%;font-size:20px;font-weight:600;line-height:1.2}@media (max-width:1024px){.featured__title{letter-spacing:-1%;font-size:16px;font-weight:600;line-height:1.2}}.featured__subtitle{letter-spacing:-1%;font-size:12px;font-weight:500;line-height:1.2}@media (max-width:1024px){.featured__subtitle{letter-spacing:-1%;font-size:12px;font-weight:500;line-height:1.2}}.featured__subtitle{color:var(--color-muted)}.featured__content{flex-direction:row;justify-content:space-around;align-items:center;width:100%;display:flex}.featured__item{border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;width:100%;min-height:90px;padding:4px;display:flex}@media (max-width:1024px){.featured__item{min-height:60px}}.featured__item--left{text-align:left;align-items:flex-start}.featured__item--right{text-align:right;align-items:flex-end}.featured__item:hover .featured__info{color:var(--color-accent)}.featured__info{letter-spacing:0%;font-size:15px;font-weight:500;line-height:1.2}@media (max-width:1024px){.featured__info{letter-spacing:-1%;font-size:12px;font-weight:500;line-height:1.2}}.featured__vs-icon{background-color:var(--color-muted);margin:0 10px;padding:5px;font-weight:700}.featured__image{gap:10px}.featured__image img{object-fit:contain;width:40px;min-width:40px;max-width:40px;height:40px}@media (max-width:1024px){.featured__image img{width:30px;min-width:30px;max-width:30px;height:30px}}.featured__image p{letter-spacing:0%;font-size:20px;font-weight:600;line-height:1.2}@media (max-width:1024px){.featured__image p{letter-spacing:-1%;font-size:16px;font-weight:600;line-height:1.2}}.featured__image--left{flex-direction:row;justify-content:center;align-items:center;display:flex}.featured__image--left p{color:var(--color-accent)}.featured__image--right{flex-direction:row-reverse;justify-content:center;align-items:center;display:flex}.featured__image--right p{color:var(--color-accept)}.featured__goals{letter-spacing:0%;font-size:1.75rem;font-weight:600}.featured__charts{width:100%}