@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap";.match-card-container{width:clamp(320px,100vw,1280px);display:flex;justify-content:center}.match-card{width:100%;position:relative;border-radius:10px;text-align:center;overflow:hidden;color:#fff;min-height:clamp(300px,35vw,600px);max-height:600px;display:flex;flex-direction:column;justify-content:space-between}.match-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2}.match-card.not-started:before{background:url(/assets/bg-prematch-4SXX-qkS.jpg) no-repeat center center/cover}.match-card.live:before{background:url(/assets/bg-live-CWSHYy9x.jpg) no-repeat center center/cover}.match-card.ended:before{background:url(/assets/bg-postmatch-QrMcuL_f.jpg) no-repeat center center/cover}.match-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:-1}.match-title-container{min-height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center}.match-title{margin:10px 0}.teams-container{display:flex;justify-content:center;align-items:center;gap:10px;flex-grow:1;margin:30px 0 10px}.team{flex:1;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;min-width:80px;max-width:560px}.team img{width:clamp(180px,20vw,230px);height:auto;max-width:100%;display:block;margin:0 auto;padding-bottom:10px}.country-name-full{display:flex;justify-content:center;align-items:center;width:95%;text-align:center;overflow:hidden;white-space:nowrap}.country-name-full span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-name-iso3{display:block;flex-grow:1;align-items:center;justify-content:center;display:none}.team-match-info{height:100%;flex:0 1 auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:50px}.event-title{padding-bottom:10px}.status-container{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:30px}.status{border-radius:5px;font-weight:700;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;max-width:max-content;white-space:nowrap}.status.not-started{background-color:var(--Neutral-600-P)}.status.live{background-color:var(--Pumpkin-500-P)}.status.ended{background-color:var(--Chateau-Green-500-P)}@media (max-width: 870px){.team img{width:clamp(120px,20vw,180px)}}@media (max-width: 450px){.team img{width:clamp(80px,20vw,120px)}.team-match-info .event-title{font-size:var(--font-m);padding-bottom:5px}.team-match-info .event-time{font-size:var(--font-s)}.team-match-info .event-date{font-size:var(--font-xs)}.country-name-full{font-size:var(--font-xl)}}@media (max-width: 320px){.team img{width:clamp(60px,20vw,80px)}.team-match-info .event-title{font-size:var(--font-m);padding-bottom:2px}.team-match-info .event-time{font-size:var(--font-s)}.team-match-info .event-date{font-size:var(--font-xs)}.country-name-full{display:none}.country-name-iso3{display:unset}}.match-carousel-container{position:relative;width:100%;max-width:1280px;overflow:hidden}.carousel-container{display:flex;justify-content:center;align-items:center;min-height:clamp(300px,35vw,635px);max-height:635px}.carousel-item{transition:opacity .5s ease-in-out,transform .3s ease-in-out;width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.carousel-placeholder{width:100%;min-height:clamp(300px,35vw,600px);max-height:600px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff}.carousel-item.active{display:block}.fade-in{opacity:1;transition:opacity .6s ease-in}.fade-out{opacity:0;transition:opacity .6s ease-out}.carousel-dots-container{text-align:center;margin-top:10px}.dot{height:12px;width:12px;margin:0 5px;background-color:var(--Neutral-600-P);border-radius:50%;border:none;display:inline-block;cursor:pointer}.dot.active{background-color:#fff}.home-container{display:flex;flex-direction:column;gap:30px;text-align:center;margin:20px auto;max-width:1280px}.home-container-tabs{display:flex;justify-content:center;margin-bottom:20px}.home-container-tabs button{padding:10px 20px;margin:5px;border:none;background-color:#ccc;cursor:pointer;font-size:1rem;border-radius:5px}.home-container-tabs button.active{background-color:var(--Pumpkin-400);color:var(--White);font-weight:700}.dual-carousels{display:flex;justify-content:space-around;flex-wrap:wrap;gap:40px}:root{font-family:Open Sans,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;justify-content:center;align-items:flex-start;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}:root{--Primary-950: #002e27;--Primary-900: #025244;--Primary-800: #016450;--Primary-700: #007f64;--Primary-600: #009e79;--Primary-500: #06c393;--Primary-400-P: #22cf9e;--Primary-300: #67eec3;--Primary-200: #a3f7d7;--Primary-100: #cffce9;--Primary-50: #ebfef7;--Secondary-950: #1a345b;--Secondary-900: #1f4d89;--Secondary-800: #2059ad;--Secondary-700: #1f6ed6;--Secondary-600-P: #2885e8;--Secondary-500: #3da2f4;--Secondary-400: #62bff8;--Secondary-300: #94d7fc;--Secondary-200: #c0e5fd;--Secondary-100: #dbf0fe;--Secondary-50: #eff9ff;--Neutral-950: #25272c;--Neutral-900: #383a42;--Neutral-800: #40444c;--Neutral-700: #4a4e5a;--Neutral-600-P: #5b616e;--Neutral-500: #6b7280;--Neutral-400: #8e95a2;--Neutral-300: #b6bac3;--Neutral-200: #d8dbdf;--Neutral-100: #edeef1;--Neutral-50: #f7f8f8;--Persian-Red-950: #450a0a;--Persian-Red-900: #7f1d1d;--Persian-Red-800: #991b1b;--Persian-Red-700: #b91c1c;--Persian-Red-600: #dc2626;--Persian-Red-500-P: #ef4444;--Persian-Red-400: #f87171;--Persian-Red-300: #fca5a5;--Persian-Red-200: #fecaca;--Persian-Red-50: #fef2f2;--Pumpkin-950: #432007;--Pumpkin-900: #7c3d12;--Pumpkin-800: #9a4a12;--Pumpkin-700: #c2570c;--Pumpkin-600: #ea670c;--Pumpkin-500-P: #f97316;--Pumpkin-400: #fb8a3c;--Pumpkin-300: #fdac74;--Pumpkin-200: #feccaa;--Pumpkin-100: #ffe6d5;--Pumpkin-50: #fff4ed;--Chateau-Green-950: #052e14;--Chateau-Green-900: #14532b;--Chateau-Green-800: #166533;--Chateau-Green-700: #15803c;--Chateau-Green-600: #16a34a;--Chateau-Green-500-P: #22c55e;--Chateau-Green-400: #4ade81;--Chateau-Green-300: #86efad;--Chateau-Green-200: #bbf7d1;--Chateau-Green-100: #dcfce8;--Chateau-Green-50: #f0fdf5;--Black: #000000;--White: #ffffff}:root{font-family:Open Sans,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-xxxxl: clamp(2.5rem, 6vw, 4.5rem);--font-xxxl: clamp(2.25rem, 5.5vw, 4rem);--font-xxl: clamp(2rem, 5vw, 3.5rem);--font-xl: clamp(1.8rem, 4.5vw, 3rem);--font-l: clamp(1.5rem, 4vw, 2.5rem);--font-m: clamp(1.25rem, 3vw, 2rem);--font-s: clamp(1rem, 2.5vw, 1.5rem);--font-xs: clamp(.875rem, 2vw, 1.25rem)}@media (max-width: 870px){:root{--font-xxxxl: clamp(2.5rem, 6vw, 4.5rem);--font-xxxl: clamp(2.25rem, 5.5vw, 4rem);--font-xxl: clamp(2rem, 5vw, 3.5rem);--font-xl: clamp(1.8rem, 4.5vw, 3rem);--font-l: clamp(1.5rem, 4vw, 2.5rem);--font-m: clamp(1.25rem, 3vw, 2rem);--font-s: clamp(1rem, 2.5vw, 1.5rem);--font-xs: clamp(.875rem, 2vw, 1.25rem)}}@media (max-width: 450px){:root{--font-xxxxl: clamp(2rem, 5vw, 3.5rem);--font-xxxl: clamp(1.8rem, 4.5vw, 3rem);--font-xxl: clamp(1.6rem, 4vw, 2.5rem);--font-xl: clamp(1.4rem, 3.5vw, 2.2rem);--font-l: clamp(1.3rem, 3vw, 2rem);--font-m: clamp(1.1rem, 2.5vw, 1.6rem);--font-s: clamp(.9rem, 2vw, 1.3rem);--font-xs: clamp(.75rem, 1.5vw, 1rem)}}@media (max-width: 320px){:root{--font-xxxxl: clamp(1.8rem, 4.5vw, 3rem);--font-xxxl: clamp(1.6rem, 4vw, 2.6rem);--font-xxl: clamp(1.4rem, 4vw, 2rem);--font-xl: clamp(1.3rem, 3.5vw, 1.8rem);--font-l: clamp(1.2rem, 3vw, 1.6rem);--font-m: clamp(1rem, 2.5vw, 1.4rem);--font-s: clamp(.85rem, 2vw, 1.2rem);--font-xs: clamp(.7rem, 1.5vw, .95rem)}}.font-xxxxl{font-size:var(--font-xxxxl)}.font-xxxl{font-size:var(--font-xxxl)}.font-xxl{font-size:var(--font-xxl)}.font-xl{font-size:var(--font-xl)}.font-l{font-size:var(--font-l)}.font-m{font-size:var(--font-m)}.font-s{font-size:var(--font-s)}.font-xs{font-size:var(--font-xs)}