@layer components{.countries-page{color:#0a1e3a;background:linear-gradient(#f7fbff 0%,#eef6fc 55%,#f8fbff 100%);min-height:100vh}.countries-container{width:min(100%,1504px);margin-inline:auto;padding-inline:clamp(1.25rem,3.2vw,3rem)}.countries-hero{color:#fff;isolation:isolate;background:#031226;height:clamp(270px,26vw,365px);position:relative;overflow:hidden}.countries-hero-image{z-index:-3;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.countries-hero-shade{z-index:-2;background:linear-gradient(90deg,#031226 0%,#031226f0 28%,#0312268c 54%,#0312261f 100%),linear-gradient(#0312260a 52%,#0312265c 100%);position:absolute;inset:0}.countries-hero-copy{flex-direction:column;justify-content:center;align-items:flex-start;height:100%;display:flex}.countries-eyebrow{color:#78baff;letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:.45rem;margin-bottom:.6rem;font-size:.68rem;font-weight:800;display:inline-flex}.countries-eyebrow svg{width:.95rem;height:.95rem}.countries-hero-copy h1{letter-spacing:-.045em;font-size:clamp(2.3rem,4vw,4rem);font-weight:850;line-height:.95}.countries-hero-copy h2{color:#fffffff5;max-width:580px;font-family:var(--font-sans);letter-spacing:-.025em;margin-top:.72rem;font-size:clamp(1rem,1.7vw,1.45rem);font-weight:600;line-height:1.35}.countries-hero-copy>p:last-child{color:#c6d3e3;max-width:640px;margin-top:.55rem;font-size:clamp(.72rem,1.05vw,.88rem);line-height:1.65}.countries-content{min-height:60vh;padding-bottom:clamp(3.5rem,6vw,6rem)}.countries-selector-wrap{grid-template-columns:2.5rem minmax(0,1fr) 2.5rem;align-items:center;gap:.65rem;padding-block:1.1rem .9rem;display:grid}.countries-selector{cursor:grab;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-x pan-y;gap:.65rem;padding:.25rem 0 .5rem;display:flex;overflow-x:auto}.countries-selector::-webkit-scrollbar{display:none}.countries-selector:active{cursor:grabbing}.country-choice,.country-choice-skeleton{background:#ffffffe8;border:1px solid #dfe9f2;border-radius:11px;width:96px;min-width:96px;height:78px;box-shadow:0 7px 20px #143e6812}.country-choice{color:#152c49;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.48rem;font-size:.65rem;font-weight:750;transition:transform .23s,box-shadow .23s,border-color .23s,background-color .23s;display:flex}.country-choice:hover{border-color:#bad8f7;transform:translateY(-2px);box-shadow:0 12px 26px #134c8921}.country-choice.is-active{color:#fff;background:linear-gradient(145deg,#168cff,#006ce7);border-color:#087dff;box-shadow:0 12px 28px #087dff47}.country-choice-icon{color:#087dff;background:#edf6ff;border-radius:999px;place-items:center;width:2rem;height:2rem;display:grid}.country-choice-icon svg{width:1.05rem;height:1.05rem}.country-choice.is-active .country-choice-icon{color:#fff;background:#ffffff2b}.country-choice-skeleton{background:linear-gradient(90deg,#edf3f8 25%,#f8fbfd 50%,#edf3f8 75%) 0 0/200% 100%;flex:none;animation:1.4s linear infinite countries-shimmer}.countries-rail-arrow{color:#173354;background:#fffffff0;border:1px solid #dbe7f1;border-radius:999px;place-items:center;width:2.5rem;height:2.5rem;transition:border-color .18s,box-shadow .18s,color .18s,transform .18s;display:grid;box-shadow:0 7px 20px #0d2f531c}.countries-rail-arrow:hover{color:#087dff;border-color:#b8d7f5;transform:translateY(-1px);box-shadow:0 10px 24px #0d4d8f26}.countries-rail-arrow svg{width:.95rem;height:.95rem}.countries-controls{grid-template-columns:minmax(260px,1.42fr) minmax(620px,3fr);align-items:stretch;gap:.75rem;margin-top:.15rem;display:grid}.countries-search{background:#fff;border:1px solid #dbe6f0;border-radius:10px;align-items:center;gap:.65rem;min-height:58px;padding-inline:.95rem;transition:border-color .18s,box-shadow .18s;display:flex;box-shadow:0 8px 22px #123d6812}.countries-search:focus-within{border-color:#79b9ff;box-shadow:0 0 0 3px #087dff1a}.countries-search>button{color:#274867;flex:none;place-items:center;display:grid}.countries-search svg{width:1.05rem;height:1.05rem}.countries-search input{color:#102744;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:.76rem}.countries-search input::placeholder{color:#7890aa}.countries-search .countries-search-clear{color:#67809a;background:#eef5fb;border-radius:999px;width:1.8rem;height:1.8rem}.countries-filter-desktop{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.countries-select{min-width:0}.countries-mobile-filter-button,.countries-filter-mobile{display:none}.countries-results{margin-top:clamp(1.8rem,3vw,2.7rem);scroll-margin-top:92px}.countries-results-head{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1rem;display:flex}.countries-scope{align-items:center;gap:.8rem;min-width:0;display:flex}.countries-scope-icon{color:#fff;background:linear-gradient(145deg,#168cff,#006ce7);border-radius:999px;flex:none;place-items:center;width:2.75rem;height:2.75rem;display:grid;box-shadow:0 9px 22px #087dff40}.countries-scope-icon>svg{width:1.2rem;height:1.2rem}.countries-scope h2{color:#0c213e;letter-spacing:-.035em;font-size:clamp(1.15rem,1.8vw,1.55rem);font-weight:850;line-height:1.1}.countries-scope p{color:#667f9b;margin-top:.18rem;font-size:.67rem}.countries-results-tools{align-items:center;gap:1.25rem;display:flex}.countries-view-toggle{align-items:center;gap:.35rem;display:flex}.countries-view-toggle button{color:#58718e;background:#fff;border:1px solid #dbe6f0;border-radius:8px;place-items:center;width:2.45rem;height:2.45rem;display:grid;box-shadow:0 5px 16px #123d680d}.countries-view-toggle button.is-active{color:#fff;background:#087dff;border-color:#087dff;box-shadow:0 7px 18px #087dff3d}.countries-view-toggle svg{width:1rem;height:1rem}.countries-showing{color:#677f9b;font-size:.68rem}.countries-showing strong{color:#304b69;font-weight:750}.countries-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.regional-channel-card{color:#10233d;background:#fff;border:1px solid #dee8f1;border-radius:11px;min-width:0;transition:transform .27s cubic-bezier(.2,.75,.2,1),box-shadow .27s,border-color .27s;display:block;overflow:hidden;box-shadow:0 8px 24px #17406a12}.regional-channel-card:hover{border-color:#bedaf6;transform:translateY(-3px);box-shadow:0 17px 36px #174b8424}.regional-channel-image{aspect-ratio:16/8.7;background:#07182f;display:block;position:relative;overflow:hidden}.regional-channel-image>img{object-fit:cover;width:100%;height:100%;transition:transform .28s,filter .28s}.regional-channel-overlay{background:#020c1b00;transition:background-color .28s;position:absolute;inset:0}.regional-channel-card:hover .regional-channel-image>img{filter:brightness(.94);transform:scale(1.02)}.regional-channel-card:hover .regional-channel-overlay{background:#020c1b14}.regional-live-badge,.regional-viewers{z-index:2;color:#fff;border-radius:5px;align-items:center;font-size:.58rem;font-weight:850;display:inline-flex;position:absolute;top:.55rem;box-shadow:0 3px 10px #0000002e}.regional-live-badge{background:#ff414d;gap:.15rem;padding:.28rem .45rem;left:.55rem}.regional-viewers{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040f1fa6;gap:.27rem;padding:.28rem .42rem;right:.55rem}.regional-viewers svg{width:.72rem;height:.72rem}.regional-hover-play{z-index:3;color:#fff;opacity:0;background:#087dffe6;border:1px solid #ffffff8c;border-radius:999px;place-items:center;width:2.45rem;height:2.45rem;transition:opacity .25s,transform .25s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)scale(.9);box-shadow:0 10px 24px #00000040}.regional-channel-card:hover .regional-hover-play{opacity:1;transform:translate(-50%,-50%)scale(1)}.regional-hover-play svg{width:.95rem;height:.95rem;margin-left:.12rem}.regional-channel-body{padding:.72rem .82rem .78rem;display:block}.regional-card-topline,.regional-card-bottom,.regional-country-line{align-items:center;min-width:0;display:flex}.regional-card-topline{justify-content:space-between;gap:.65rem}.regional-card-topline>strong{color:#0b203c;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:850;line-height:1.3;overflow:hidden}.regional-play-button{color:#fff;background:#087dff;border-radius:999px;flex:none;place-items:center;width:1.65rem;height:1.65rem;display:grid;box-shadow:0 5px 13px #087dff3d}.regional-play-button svg{width:.67rem;height:.67rem;margin-left:.08rem}.regional-country-line{color:#667e98;gap:.38rem;margin-top:.18rem;font-size:.63rem}.regional-card-bottom{justify-content:space-between;gap:.55rem;margin-top:.4rem}.regional-card-bottom>span{color:#4f6a87;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.64rem;line-height:1.3;overflow:hidden}.regional-card-bottom i{color:#9fb0c0;padding-inline:.18rem;font-style:normal}.regional-access{border-radius:5px;flex:none;align-items:center;gap:.25rem;padding:.25rem .42rem;font-size:.54rem;font-weight:900;line-height:1;display:inline-flex}.regional-access svg{width:.65rem;height:.65rem}.regional-access.is-free{color:#fff;background:#14b866}.regional-access.is-premium{color:#4b3100;background:#ffd067}.countries-grid.is-list{grid-template-columns:repeat(2,minmax(0,1fr))}.countries-grid.is-list .regional-channel-card{grid-template-columns:minmax(180px,42%) 1fr;display:grid}.countries-grid.is-list .regional-channel-image{aspect-ratio:auto;height:100%;min-height:132px}.countries-grid.is-list .regional-channel-body{align-self:center;padding:1rem}.regional-channel-card.is-skeleton{pointer-events:none}.regional-channel-card.is-skeleton .regional-channel-image,.skeleton-line{background:linear-gradient(90deg,#e9f0f6 25%,#f8fbfd 50%,#e9f0f6 75%) 0 0/200% 100%;animation:1.4s linear infinite countries-shimmer}.skeleton-line{border-radius:999px;width:100%;height:.55rem;margin-top:.5rem;display:block}.skeleton-line.is-title{width:70%;height:.72rem;margin-top:0}.skeleton-line.is-short{width:44%}.countries-empty{text-align:center;background:#ffffffb8;border:1px solid #dce8f2;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:2rem;display:flex}.countries-empty>svg{color:#1888ff;width:2rem;height:2rem}.countries-empty h3{margin-top:.8rem;font-size:1.25rem;font-weight:850}.countries-empty p{color:#667f9a;max-width:460px;margin-top:.35rem;font-size:.78rem;line-height:1.6}.countries-empty>div{gap:.65rem;display:flex}.countries-empty a,.countries-empty button{color:#fff;background:#087dff;border-radius:8px;margin-top:1rem;padding:.68rem 1rem;font-size:.7rem;font-weight:800}.countries-empty div a{color:#087dff;background:#fff;box-shadow:inset 0 0 0 1px #9fceff}.countries-pagination-wrap{justify-content:center;align-items:center;min-height:42px;margin-top:1.8rem;display:flex;position:relative}.countries-pagination{align-items:center;gap:.42rem;display:flex}.countries-pagination button,.pagination-ellipsis{color:#253f5c;background:#fff;border:1px solid #dbe6f0;border-radius:8px;justify-content:center;align-items:center;min-width:2.3rem;height:2.3rem;font-size:.66rem;font-weight:750;display:inline-flex}.countries-pagination button:hover:not(:disabled){color:#087dff;border-color:#9acbff}.countries-pagination button.is-active{color:#fff;background:#087dff;border-color:#087dff;box-shadow:0 7px 18px #087dff40}.countries-pagination button:disabled{cursor:not-allowed;opacity:.45}.countries-pagination .pagination-previous,.countries-pagination .pagination-next{gap:.38rem;padding-inline:.85rem}.countries-pagination svg{width:.78rem;height:.78rem}.pagination-ellipsis{background:0 0;border-color:#0000}.pagination-mobile-count{display:none}.countries-page-size{color:#57708b;background:#fff;border:1px solid #dbe6f0;border-radius:8px;align-items:center;gap:.38rem;min-height:2.3rem;padding:.08rem .38rem .08rem .65rem;font-size:.64rem;display:flex;position:absolute;right:0}.countries-page-size .afri-select{width:3.4rem}}@keyframes countries-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1199px){.countries-controls{grid-template-columns:1fr}.countries-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.countries-page-size{margin-left:auto;position:static}.countries-pagination-wrap{justify-content:space-between}}@media (width<=899px){.countries-hero{height:300px}.countries-hero-image{object-position:62% center}.countries-hero-shade{background:linear-gradient(90deg,#031226 0%,#031226eb 42%,#0312266b 100%),linear-gradient(#0000,#03122652)}.countries-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.countries-grid.is-list{grid-template-columns:1fr}.countries-results-head{align-items:flex-end}.countries-results-tools{flex-direction:column;align-items:flex-end;gap:.55rem}.countries-showing{white-space:nowrap}}@media (width<=699px){.countries-container{padding-inline:1rem}.countries-hero{height:285px}.countries-hero-image{object-position:67% center}.countries-hero-shade{background:#031226b3}.countries-hero-copy h1{font-size:2.55rem}.countries-hero-copy h2{max-width:340px;font-size:1.05rem}.countries-hero-copy>p:last-child{max-width:390px;font-size:.7rem}.countries-selector-wrap{margin-inline:-1rem;display:block}.countries-selector{padding-inline:1rem}.countries-rail-arrow{display:none}.country-choice,.country-choice-skeleton{width:88px;min-width:88px;height:74px}.countries-controls{grid-template-columns:1fr auto}.countries-filter-desktop{display:none}.countries-mobile-filter-button{color:#183a61;background:#fff;border:1px solid #dbe6f0;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;min-height:58px;padding-inline:1rem;font-size:.7rem;font-weight:800;display:inline-flex}.countries-mobile-filter-button.has-filters{color:#087dff;background:#edf6ff;border-color:#81bdff}.countries-mobile-filter-button svg{width:1rem;height:1rem}.countries-filter-mobile{background:#ffffffd1;border:1px solid #dbe6f0;border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.65rem;padding:.75rem;display:grid;box-shadow:0 12px 30px #123d6814}.countries-results-head{align-items:flex-start}.countries-results-tools{flex-direction:row;align-items:center}.countries-showing{display:none}.countries-pagination-wrap{gap:.8rem}.pagination-pages{display:none}.pagination-mobile-count{color:#405d7a;white-space:nowrap;font-size:.68rem;font-weight:750;display:inline-flex}.countries-pagination .pagination-previous,.countries-pagination .pagination-next{width:2.5rem;min-width:2.5rem;padding:0}.countries-pagination .pagination-previous span,.countries-pagination .pagination-next span,.countries-page-size{display:none}}@media (width<=479px){.countries-hero{height:300px}.countries-hero-copy>p:last-child{max-width:315px}.countries-grid,.countries-filter-mobile{grid-template-columns:1fr}.countries-grid.is-list .regional-channel-card{grid-template-columns:42% 1fr}.countries-results-head{gap:.7rem}.countries-scope{gap:.55rem}.countries-scope-icon{width:2.35rem;height:2.35rem}.countries-view-toggle button{width:2.25rem;height:2.25rem}}