article.card.match-card{text-align:center;text-transform:uppercase;border-radius:2px;grid-template-rows:auto auto auto 110px 38px;align-items:start;gap:.75rem;width:100%;min-width:204px;height:100%;padding:0;font-weight:600;display:grid}article.card.match-card header{text-align:left;letter-spacing:.08em;padding:.75rem 1rem;font-size:.875rem;font-weight:700}article.card.match-card header h5{font-family:Raleway,Raleway Fallback}article.card.match-card header span:first-child:after{content:"|";margin-left:.5rem}article.card.match-card header span:last-child{margin-left:.5rem}article.card.match-card .team-emblems{justify-content:center;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}article.card.match-card .team-emblems img{object-fit:contain;width:52px;height:52px}article.card.match-card .team-emblems .versus{font-family:Bebas Neue,Bebas Neue Fallback;font-size:1.5rem}article.card.match-card .match-status h4{font-family:Raleway,Raleway Fallback;font-size:1.5rem}article.card.match-card .match-status .score{justify-content:center;align-items:center;gap:1rem;display:flex}article.card.match-card .match-status .score big{font-family:Bebas Neue,Bebas Neue Fallback;font-size:2.5rem}article.card.match-card .match-status .score .separator{max-width:min-content;font-size:.75rem;line-height:1.3}article.card.match-card .match-info{border-top:1px solid #ffffff14;flex-direction:column;padding:.75rem 0;font-size:.875rem;line-height:1.3;display:flex}article.card.match-card .match-info time span,article.card.match-card .match-info .venue{text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}article.card.match-card[data-variant=primary]{background-color:#0056b4}article.card.match-card footer{-webkit-user-select:none;user-select:none;background-color:#fff;justify-content:center;align-self:stretch;align-items:center;display:flex}article.card.match-card footer .button{height:100%;font-size:.7rem}article.card.match-card footer:empty{display:none}article.card.match-card[data-mode=full]{border:1px solid #fff;grid-template-rows:auto auto auto 80px 60px 38px}article.card.match-card[data-mode=full] .broadcast-info{border-top:1px solid #ffffff14;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;height:100%;display:flex}article.card.match-card[data-mode=full] .broadcast-info span{color:#e8e8e8;font-size:.75rem}article.card.match-card[data-mode=full] .broadcast-info figure{justify-content:center;align-items:center;max-width:50%;height:60px;display:flex}article.card.match-card[data-mode=full] .broadcast-info figure img{object-fit:contain;width:100%;max-height:100%}
div.carousel{position:relative}div.carousel .carousel-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;flex-direction:row;gap:1.5rem;display:flex;overflow-x:auto}div.carousel .carousel-track::-webkit-scrollbar{display:none}div.carousel .carousel-track:before,div.carousel .carousel-track:after{z-index:1;content:"";flex:0 0 1.5rem;width:.75rem;position:absolute;top:0;bottom:0}div.carousel .carousel-track>*{scroll-snap-align:start}div.carousel .carousel-nav{z-index:2;cursor:pointer;justify-content:center;align-items:center;width:2.5rem;height:3.5rem;padding:0;display:flex;position:absolute;top:50%}div.carousel .carousel-nav:hover img,div.carousel .carousel-nav:focus-visible img{filter:brightness(1.5)}div.carousel .carousel-nav[data-direction=prev]{left:0;transform:translateY(-50%)translate(-2.5rem)}div.carousel .carousel-nav[data-direction=next]{right:0;transform:translateY(-50%)translate(2.5rem)}div.carousel:has(.carousel-nav[data-direction=prev]) .carousel-track:before{background:linear-gradient(90deg,#00000080 0%,#0000 100%);left:0}div.carousel:has(.carousel-nav[data-direction=next]) .carousel-track:after{background:linear-gradient(270deg,#00000080 0%,#0000 100%);right:0}