.cmp-result-preview{margin:24px 0;min-height:323px}
.cmp-result-preview__info{margin-bottom:24px;color:var(--Neutral-Black);font-family:var(--inter-regular);font-size:14px;line-height:18px;font-weight:400}
.cmp-result-preview__empty{display:none;color:var(--primary-primary-500);font-size:16px;font-weight:700;line-height:22px;text-align:center;margin-top:24px}
.cmp-result-preview .results-matches-preview{position:relative}
@media(min-width:1024px){.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide{border-right:1px solid var(--primary-primary-300);padding-right:24px}
}
.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .matchDay{color:var(--primary-primary-500);font-size:16px;font-style:normal;font-weight:700;line-height:22px;margin-bottom:16px}
.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match{margin-bottom:16px;border:1px solid var(--primary-primary-200);display:flex;flex-direction:column;gap:12px;padding:12px}
.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match .matchDateHour{display:flex;align-items:center;justify-content:space-between}
.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match .matchDateHour .matchHour{padding:4px 8px;font-family:var(--n27-bold);background:var(--primary-primary-500);color:var(--Neutral-White);font-size:14px;font-style:normal;font-weight:700;line-height:18px}
.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match .matchDateHour .matchStatus{display:flex;padding:4px 8px;justify-content:center;align-items:center;font-family:var(--n27-bold);color:var(--Neutral-White);font-size:14px;font-weight:700;line-height:18px;width:fit-content}
.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match .matchDateHour .matchStatus.live{background:var(--Tertiary-Dark-Pink)}
.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match .matchDateHour .matchStatus.finished{background:var(--Secondary-200);color:var(--Neutral-Black)}
.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match .matchDateHour .matchDate{color:var(--primary-primary-500);font-size:16px;font-style:normal;font-weight:400;line-height:22px}
.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match .matchDateHour .dateStreaming{color:var(--Neutral-Black);font-size:16px;font-weight:500;line-height:24px}
.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match .matchDateHour .dateStreaming .streamingText{text-decoration:underline;margin-left:4px}
.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match .matchDateHour .dateStreaming i{font-size:24px;vertical-align:bottom}
.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match .matchContent>div:first-of-type{border-bottom:1px solid var(--primary-primary-300)}
.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match .matchContent>div{display:flex;align-items:center;justify-content:space-between}
.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match .matchContent>div .scoreTeam{font-family:var(--n27-bold);color:var(--primary-primary-800);font-size:28px;font-weight:700;line-height:52px;background:var(--Secondary-500);width:72px;height:58px;display:flex;align-self:center;justify-content:center}
@media(max-width:1024px){.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match .matchContent>div .scoreTeam{width:68px}
}
.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match .matchContent>div .no-score{background:var(--Secondary-100)}
.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match .matchContent>div .nameTeam{color:var(--primary-primary-500);font-size:16px;font-style:normal;font-weight:700;line-height:22px}
@media(max-width:1024px){.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match .matchContent>div .nameTeam{font-size:14px;line-height:18px}
}
.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match .matchContent>div .imgTeam{background:var(--Secondary-100);width:58px;height:58px;display:flex;align-items:center;justify-content:center}
.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match .matchContent>div .imgTeam picture{width:44px;height:auto}
.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match .matchContent>div .imgTeam picture img{width:100%;height:100%}
.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match-button{display:flex}
.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match-button a{padding:11px 24px;border-radius:80px;border:1px solid var(--Greyscale-800);background:var(--Neutral-White);color:var(--primary-primary-800);font-size:16px;font-style:normal;font-weight:700;line-height:22px;text-decoration:none;min-width:130px;text-align:center}
@media(max-width:1024px){.cmp-result-preview .results-matches-preview .mainSwiper .swiper-slide .match-slide .match-button a{min-width:auto;width:100%}
}
.cmp-result-preview .results-matches-preview .swiper-button-next,.cmp-result-preview .results-matches-preview .swiper-button-prev{color:black;background-color:white;border-radius:50%;border:1px solid var(--Greyscale-600);width:2.5rem;height:2.5rem;transition:background-color .3s ease-in-out;top:50%}
@media(max-width:768px){.cmp-result-preview .results-matches-preview .swiper-button-next,.cmp-result-preview .results-matches-preview .swiper-button-prev{width:2rem;height:2rem}
}
.cmp-result-preview .results-matches-preview .swiper-button-next:hover,.cmp-result-preview .results-matches-preview .swiper-button-prev:hover{background-color:#fff}
.cmp-result-preview .results-matches-preview .swiper-button-next:after,.cmp-result-preview .results-matches-preview .swiper-button-prev:after{font-size:10px;font-weight:bold}
.cmp-result-preview .results-matches-preview .swiper-button-next{right:-20px}
@media(max-width:768px){.cmp-result-preview .results-matches-preview .swiper-button-next{right:-15px}
}
.cmp-result-preview .results-matches-preview .swiper-button-prev{left:-20px}
@media(max-width:768px){.cmp-result-preview .results-matches-preview .swiper-button-prev{left:-15px}
}
.cmp-result-preview img{aspect-ratio:initial}