https://streamed.su/

스캔 ID:
246c8f05-f79f-4979-865f-a3b9fe502141완료
제출된 URL:
https://streamed.su/
보고서 완료:

링크 · 1개 결과

링크텍스트
https://discord.gg/KHC4xTYZgvDiscord

JavaScript 변수 · 7개 결과

이름유형
0object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
__sveltekit_1uv5zehobject
__svelteobject
plausiblefunction

콘솔 로그 메시지 · 0개 결과

HTML

<!DOCTYPE html><html lang="en" class="dark" style="color-scheme: dark;"><head>
	<meta name="monetag" content="5551a46e5b7145fd8f74e640682d81fa">
	<meta charset="utf-8">
	<link rel="icon" href="https://streamed.su/favicon.png">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<script defer="" data-api="/api/preload" data-domain="streamed.su" src="/_app/immutable/assets/Index.Mb7Inli_.js"></script>
	<link rel="preload" href="/api/images/poster/fallback.webp" as="image" type="image/png">
	
		<link href="./_app/immutable/assets/0.Bat6Te0_.css" rel="stylesheet">
		<link href="./_app/immutable/assets/Toaster.436keKGd.css" rel="stylesheet"><title>Streamed - Watch Any Live Sport Online, Best Source to watch NBA, NHL,
		MLB, UFC For Free!</title><!-- HTML_TAG_START --><!-- HTML_TAG_END --><script nonce="%sveltekit.nonce%">(function Pl(n,e){const i=document.documentElement,t=localStorage.getItem("mode-watcher-mode")||n,r=t==="light"||t==="system"&&window.matchMedia("(prefers-color-scheme: light)").matches;if(i.classList[r?"remove":"add"]("dark"),i.style.colorScheme=r?"light":"dark",e){const o=document.querySelector('meta[name="theme-color"]');o&&o.setAttribute("content",t==="light"?e.light:e.dark)}localStorage.setItem("mode-watcher-mode",t)})("dark");</script><meta name="monetag" content="cb89c3392e58f1437adf22789bd1de15"><meta charset="utf-8"><meta name="robots" content="index,follow"><meta name="mobile-web-app-capable" content="yes"><meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width"><meta name="application-name" content="streamed.su"><meta name="apple-mobile-web-store-capable" content="yes"><meta name="apple-mobile-web-store-title" content="streamed.su"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="description" content="Streamed is the best source to watch live sport online for free, watch on any device!"><meta property="og:title" content="Streamed - Watch Live Sport Online, Watch NBA, NHL, MLB, UFC For Free"><meta property="og:description" content="Streamed is the best source to watch live sport online for free, watch on any device no Subscription!"><meta property="og:url" content="https://streamed.su/"><meta property="og:type" content="object"><meta property="og:image:alt" content="Streamed - Watch Live Sport Online, Watch NBA, NHL, MLB, UFC For Free"><meta property="og:locale" content="en_US"><meta property="og:site_name" content="streamed.su"><meta name="keywords" content="Streamed sports, Streamed, watch sport for free, free sport online, Streamed streams, sport streams online, free sport live streams, watch any live sport event for free, live events for free, ufc free, boxing free from reddit, football free from reddit, nba free from reddit, nhl free from reddit, mlb free from reddit, soccer streams online"><link rel="canonical" href="https://streamed.su/"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Streamed - Watch Live Sport Online, Watch NBA, NHL, MLB, UFC For Free"><meta name="twitter:description" content="Streamed is the best source to watch live sport online for free, watch on any device!">
<link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/nodes/0.BmUI4yAL.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/scheduler.Dg_vyZjB.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/index.r_BnBaW5.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/spread.CgU5AtxT.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/each.BlsKA1RR.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/Toaster.svelte_svelte_type_style_lang.Btb-IXzc.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/index.BmaAbUcO.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/index.DImZhA-8.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/updater.B9hkA9dI.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/platform.DLQTbrWT.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/events.BBy6tAuY.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/helpers.CMje_JAj.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/index.D4uqDgbt.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/create.CRSEop9C.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/Icon.CHJ9_bfc.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/index.BW-vMC7r.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/stores.BNJWZ5KZ.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/entry.B_RuSyGJ.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/card.Cfb8TKU5.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/input.BpB7Rooc.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/_commonjsHelpers.Cpj98o6Y.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/MatchSkeleton.DV_5Fm4s.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/sports.D_qoJXe-.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/star.BRHTT72e.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/scroll-area.CP9qUb4q.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/nodes/1.BwJhTZeO.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/nodes/4.DaJQU5vo.js"><link rel="modulepreload" as="script" crossorigin="" href="https://streamed.su/_app/immutable/chunks/await_block.DuL_lFBy.js"></head>

<body data-sveltekit-reload="">
	<div style="display: contents"><section aria-label="Notifications alt+T" tabindex="-1"><ol tabindex="-1" class="toaster group" data-sonner-toaster="" data-theme="dark" data-rich-colors="false" dir="ltr" data-y-position="bottom" data-x-position="right" style="--front-toast-height: 92.5px; --offset: 32px; --width: 356px; --gap: 14px;"><li aria-live="polite" aria-atomic="true" role="status" tabindex="0" class="group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg" data-sonner-toast="" data-styled="true" data-mounted="true" data-promise="false" data-removed="false" data-visible="true" data-y-position="bottom" data-x-position="right" data-index="0" data-front="true" data-swiping="false" data-type="info" data-invert="false" data-swipe-out="false" data-expanded="false" style="--index: 0; --toasts-before: 0; --z-index: 1; --offset: 0px; --initial-height: 92.5px;"> <div data-icon=""> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd"></path></svg></div> <div data-content=""><div data-title="" class="">Want no ads, HD streams and more? Grab a Premium subscription for $6.99/month.</div> </div>  <button data-button="" style="" class="group-[.toast]:bg-primary group-[.toast]:text-primary-foreground">Subscribe</button></li> </ol></section>  <header class="sticky top-0 z-50 w-full border-b border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60"><div class="container px-4 flex h-14 max-w-screen-2xl items-center"><div class="mr-4 hidden md:flex"><a href="/" class="mr-6 flex items-center space-x-2"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-medal " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M7.21 15 2.66 7.14a2 2 0 0 1 .13-2.2L4.4 2.8A2 2 0 0 1 6 2h12a2 2 0 0 1 1.6.8l1.6 2.14a2 2 0 0 1 .14 2.2L16.79 15"></path><path d="M11 12 5.12 2.2"></path><path d="m13 12 5.88-9.8"></path><path d="M8 7h8"></path><circle cx="12" cy="17" r="5"></circle><path d="M12 18v-2h-.5"></path></svg> <span class="hidden font-bold sm:inline-block" data-svelte-h="svelte-sno98e">Streamed</span></a> <nav class="flex items-center gap-6 text-sm"><a href="/" class="transition-colors hover:text-foreground/80 text-foreground">Home</a><a href="/schedule" class="transition-colors hover:text-foreground/80 text-foreground/60">Schedule</a><a href="/user/subscription" class="transition-colors hover:text-foreground/80 text-foreground/60">Premium</a><a href="/docs" class="transition-colors hover:text-foreground/80 text-foreground/60">API</a> <button type="button" tabindex="0" class="inline-flex items-center rounded-md font-medium whitespace-nowrap ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 text-muted-foreground relative w-full justify-start text-sm sm:pr-12 md:w-40 lg:w-64" data-button-root=""><span class="hidden lg:inline-flex" data-svelte-h="svelte-17uhb09">Search</span> <span class="inline-flex lg:hidden" data-svelte-h="svelte-1fzukxx">Search...</span></button> </nav></div> <div class="flex flex-1 items-center space-x-2 md:justify-end"><div class="flex md:hidden space-x-2"><button type="button" aria-haspopup="dialog" aria-expanded="false" data-melt-dialog-trigger="" data-dialog-trigger=""><button type="button" tabindex="0" class="inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10" data-button-root=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-menu "><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></button> </div> <button type="button" tabindex="0" class="inline-flex items-center rounded-md font-medium whitespace-nowrap ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 md:hidden text-muted-foreground relative w-full justify-start text-sm sm:pr-12 md:w-40 lg:w-64" data-button-root=""><span class="hidden lg:inline-flex" data-svelte-h="svelte-17uhb09">Search</span> <span class="inline-flex lg:hidden" data-svelte-h="svelte-1fzukxx">Search...</span></button>  <div class="flex space-x-2"><a href="https://discord.gg/KHC4xTYZgv" tabindex="0" class="inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10 p-2" data-button-root=""><svg fill="currentColor" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Discord</title><path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"></path></svg></a> <button type="button" aria-controls="wdx_KKzeql" aria-expanded="false" data-state="closed" id="DTMF_4wAez" tabindex="0" data-melt-dropdown-menu-trigger="" data-menu-trigger=""><button type="button" tabindex="0" class="inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10" data-button-root=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-user "><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></button></button> </div></div></div></header> <div class="px-4 md:px-24 pt-2 h-full w-full !display-block"> <div class="h-full p-1"><div class="flex justify-between mb-2"><h1 class="font-bold text-2xl">Sports</h1> <div><button type="button" tabindex="0" class="inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10 transition-all" disabled="" data-button-root=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-left "><path d="m15 18-6-6 6-6"></path></svg></button> <button type="button" tabindex="0" class="inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10 transition-all" data-button-root=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-right "><path d="m9 18 6-6-6-6"></path></svg></button></div></div> <div class="relative" role="region" aria-roledescription="carousel"><div class="overflow-hidden"><div class="flex -ml-4" data-embla-container="" style="transform: translate3d(0px, 0px, 0px);"><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-auto" data-embla-slide=""><a href="/category/basketball" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="overflow-hidden rounded-xl relative h-40 w-40 bg-primary-foreground flex items-center justify-center"><h1 class="font-bold text-2xl text-background scale-[1.08] !scale-100 transition-all duration-1000 p-4 text-center">Basketball</h1></div> <div class="rounded-b-lg py-2 gap-4 relative flex items-center w-32"><div class="min-w-0 flex-grow"><h1 title="Basketball" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Basketball</h1></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-auto" data-embla-slide=""><a href="/category/football" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="overflow-hidden rounded-xl relative h-40 w-40 bg-primary-foreground flex items-center justify-center"><h1 class="font-bold text-2xl text-background scale-[1.08] !scale-100 transition-all duration-1000 p-4 text-center">Football</h1></div> <div class="rounded-b-lg py-2 gap-4 relative flex items-center w-32"><div class="min-w-0 flex-grow"><h1 title="Football" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Football</h1></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-auto" data-embla-slide=""><a href="/category/american-football" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="overflow-hidden rounded-xl relative h-40 w-40 bg-primary-foreground flex items-center justify-center"><h1 class="font-bold text-2xl text-background scale-[1.08] !scale-100 transition-all duration-1000 p-4 text-center">American Football</h1></div> <div class="rounded-b-lg py-2 gap-4 relative flex items-center w-32"><div class="min-w-0 flex-grow"><h1 title="American Football" class="break-words line-clamp-2 text-ellipsis font-bold text-md">American Football</h1></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-auto" data-embla-slide=""><a href="/category/hockey" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="overflow-hidden rounded-xl relative h-40 w-40 bg-primary-foreground flex items-center justify-center"><h1 class="font-bold text-2xl text-background scale-[1.08] !scale-100 transition-all duration-1000 p-4 text-center">Hockey</h1></div> <div class="rounded-b-lg py-2 gap-4 relative flex items-center w-32"><div class="min-w-0 flex-grow"><h1 title="Hockey" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Hockey</h1></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-auto" data-embla-slide=""><a href="/category/baseball" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="overflow-hidden rounded-xl relative h-40 w-40 bg-primary-foreground flex items-center justify-center"><h1 class="font-bold text-2xl text-background scale-[1.08] !scale-100 transition-all duration-1000 p-4 text-center">Baseball</h1></div> <div class="rounded-b-lg py-2 gap-4 relative flex items-center w-32"><div class="min-w-0 flex-grow"><h1 title="Baseball" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Baseball</h1></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-auto" data-embla-slide=""><a href="/category/motor-sports" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="overflow-hidden rounded-xl relative h-40 w-40 bg-primary-foreground flex items-center justify-center"><h1 class="font-bold text-2xl text-background scale-[1.08] !scale-100 transition-all duration-1000 p-4 text-center">Motor Sports</h1></div> <div class="rounded-b-lg py-2 gap-4 relative flex items-center w-32"><div class="min-w-0 flex-grow"><h1 title="Motor Sports" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Motor Sports</h1></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-auto" data-embla-slide=""><a href="/category/fight" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="overflow-hidden rounded-xl relative h-40 w-40 bg-primary-foreground flex items-center justify-center"><h1 class="font-bold text-2xl text-background scale-[1.08] !scale-100 transition-all duration-1000 p-4 text-center">Fight (UFC, Boxing)</h1></div> <div class="rounded-b-lg py-2 gap-4 relative flex items-center w-32"><div class="min-w-0 flex-grow"><h1 title="Fight (UFC, Boxing)" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Fight (UFC, Boxing)</h1></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-auto" data-embla-slide=""><a href="/category/tennis" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="overflow-hidden rounded-xl relative h-40 w-40 bg-primary-foreground flex items-center justify-center"><h1 class="font-bold text-2xl text-background scale-[1.08] !scale-100 transition-all duration-1000 p-4 text-center">Tennis</h1></div> <div class="rounded-b-lg py-2 gap-4 relative flex items-center w-32"><div class="min-w-0 flex-grow"><h1 title="Tennis" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Tennis</h1></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-auto" data-embla-slide=""><a href="/category/rugby" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="overflow-hidden rounded-xl relative h-40 w-40 bg-primary-foreground flex items-center justify-center"><h1 class="font-bold text-2xl text-background scale-[1.08] !scale-100 transition-all duration-1000 p-4 text-center">Rugby</h1></div> <div class="rounded-b-lg py-2 gap-4 relative flex items-center w-32"><div class="min-w-0 flex-grow"><h1 title="Rugby" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Rugby</h1></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-auto" data-embla-slide=""><a href="/category/golf" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="overflow-hidden rounded-xl relative h-40 w-40 bg-primary-foreground flex items-center justify-center"><h1 class="font-bold text-2xl text-background scale-[1.08] !scale-100 transition-all duration-1000 p-4 text-center">Golf</h1></div> <div class="rounded-b-lg py-2 gap-4 relative flex items-center w-32"><div class="min-w-0 flex-grow"><h1 title="Golf" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Golf</h1></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-auto" data-embla-slide=""><a href="/category/billiards" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="overflow-hidden rounded-xl relative h-40 w-40 bg-primary-foreground flex items-center justify-center"><h1 class="font-bold text-2xl text-background scale-[1.08] !scale-100 transition-all duration-1000 p-4 text-center">Billiards</h1></div> <div class="rounded-b-lg py-2 gap-4 relative flex items-center w-32"><div class="min-w-0 flex-grow"><h1 title="Billiards" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Billiards</h1></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-auto" data-embla-slide=""><a href="/category/afl" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="overflow-hidden rounded-xl relative h-40 w-40 bg-primary-foreground flex items-center justify-center"><h1 class="font-bold text-2xl text-background scale-[1.08] !scale-100 transition-all duration-1000 p-4 text-center">AFL</h1></div> <div class="rounded-b-lg py-2 gap-4 relative flex items-center w-32"><div class="min-w-0 flex-grow"><h1 title="AFL" class="break-words line-clamp-2 text-ellipsis font-bold text-md">AFL</h1></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-auto" data-embla-slide=""><a href="/category/darts" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="overflow-hidden rounded-xl relative h-40 w-40 bg-primary-foreground flex items-center justify-center"><h1 class="font-bold text-2xl text-background scale-[1.08] !scale-100 transition-all duration-1000 p-4 text-center">Darts</h1></div> <div class="rounded-b-lg py-2 gap-4 relative flex items-center w-32"><div class="min-w-0 flex-grow"><h1 title="Darts" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Darts</h1></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-auto" data-embla-slide=""><a href="/category/cricket" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="overflow-hidden rounded-xl relative h-40 w-40 bg-primary-foreground flex items-center justify-center"><h1 class="font-bold text-2xl text-background scale-[1.08] !scale-100 transition-all duration-1000 p-4 text-center">Cricket</h1></div> <div class="rounded-b-lg py-2 gap-4 relative flex items-center w-32"><div class="min-w-0 flex-grow"><h1 title="Cricket" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Cricket</h1></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-auto" data-embla-slide=""><a href="/category/other" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="overflow-hidden rounded-xl relative h-40 w-40 bg-primary-foreground flex items-center justify-center"><h1 class="font-bold text-2xl text-background scale-[1.08] !scale-100 transition-all duration-1000 p-4 text-center">Other</h1></div> <div class="rounded-b-lg py-2 gap-4 relative flex items-center w-32"><div class="min-w-0 flex-grow"><h1 title="Other" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Other</h1></div></div></a> </div></div></div></div> <div class="flex justify-between mb-2"><h1 class="font-bold text-2xl">Popular Live</h1> <div><button type="button" tabindex="0" class="inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10 transition-all" disabled="" data-button-root=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-left "><path d="m15 18-6-6 6-6"></path></svg></button> <button type="button" tabindex="0" class="inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10 transition-all" data-button-root=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-right "><path d="m9 18 6-6-6-6"></path></svg></button></div></div> <div class="relative" role="region" aria-roledescription="carousel"><div class="overflow-hidden"><div class="flex -ml-4" data-embla-container="" style="transform: translate3d(0px, 0px, 0px);"><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/pfl-weigh-in-battle-of-the-giants" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-primary text-xs">LIVE</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="PFL Weigh-in: Battle of the Giants" class="break-words line-clamp-2 text-ellipsis font-bold text-md">PFL Weigh-in: Battle of the Giants</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Fight (UFC, Boxing)</span> <span>| 3:30 PM</span></p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/wrc-central-europe-rally-stage-7-8" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-primary text-xs">LIVE</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="WRC Central Europe Rally Stage 7&amp;8" class="break-words line-clamp-2 text-ellipsis font-bold text-md">WRC Central Europe Rally Stage 7&amp;8</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Motor Sports</span> <span>| 2:00 PM</span></p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/t20-world-cup-semi-finals-west-indies-w-vs-new-zealand-w" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-primary text-xs">LIVE</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="T20 World Cup Semi-finals: West Indies W v New Zealand W" class="break-words line-clamp-2 text-ellipsis font-bold text-md">T20 World Cup Semi-finals: West Indies W v New Zealand W</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Cricket</span> <span>| 2:00 PM</span></p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/one-friday-fights-83" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-primary text-xs">LIVE</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="ONE Friday Fights 83" class="break-words line-clamp-2 text-ellipsis font-bold text-md">ONE Friday Fights 83</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Fight (UFC, Boxing)</span> <span>| 12:30 PM</span></p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/estrella-damm-n-a-andalucia-masters-second-round" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-primary text-xs">LIVE</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Estrella Damm N.A. Andalucia Masters Second Round" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Estrella Damm N.A. Andalucia Masters Second Round</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Golf</span> <span>| 12:00 PM</span></p></div></div></a> </div></div></div></div>  <div class="flex justify-between mb-2"><h1 class="font-bold text-2xl">Popular Basketball</h1> <div><button type="button" tabindex="0" class="inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10 transition-all" disabled="" data-button-root=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-left "><path d="m15 18-6-6 6-6"></path></svg></button> <button type="button" tabindex="0" class="inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10 transition-all" data-button-root=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-right "><path d="m9 18 6-6-6-6"></path></svg></button></div></div> <div class="relative" role="region" aria-roledescription="carousel"><div class="overflow-hidden"><div class="flex -ml-4" data-embla-container="" style="transform: translate3d(0px, 0px, 0px);"><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/monaco-vs-virtus-bologna" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-border text-xs">5:00 PM</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Monaco v Virtus Bologna" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Monaco v Virtus Bologna</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Basketball</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/anadolu-efes-vs-olympiacos" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-border text-xs">5:30 PM</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Anadolu Efes v Olympiacos" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Anadolu Efes v Olympiacos</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Basketball</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/crvena-zvezda-vs-barcelona" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-border text-xs">6:00 PM</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Crvena zvezda v Barcelona" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Crvena zvezda v Barcelona</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Basketball</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/lyon-villeurbanne-vs-baskonia-2126028" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-border text-xs">6:30 PM</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Lyon-Villeurbanne vs Baskonia" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Lyon-Villeurbanne vs Baskonia</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Basketball</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/orlando-magic-vs-philadelphia-76ers-2165667" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-border text-xs">11:00 PM</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Orlando Magic vs Philadelphia 76ers" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Orlando Magic vs Philadelphia 76ers</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Basketball</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/washington-wizards-vs-new-york-knicks-2165668" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-border text-xs">11:00 PM</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Washington Wizards vs New York Knicks" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Washington Wizards vs New York Knicks</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Basketball</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/brooklyn-nets-vs-toronto-raptors-2165669" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-border text-xs">11:30 PM</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Brooklyn Nets vs Toronto Raptors" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Brooklyn Nets vs Toronto Raptors</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Basketball</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/wnba-final-minnesota-lynx-w-vs-new-york-liberty-w" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="WNBA Final: Minnesota Lynx W v New York Liberty W" class="break-words line-clamp-2 text-ellipsis font-bold text-md">WNBA Final: Minnesota Lynx W v New York Liberty W</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Basketball</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/memphis-grizzlies-vs-miami-heat" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Memphis Grizzlies v Miami Heat" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Memphis Grizzlies v Miami Heat</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Basketball</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/chicago-bulls-vs-cleveland-cavaliers" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Chicago Bulls v Cleveland Cavaliers" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Chicago Bulls v Cleveland Cavaliers</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Basketball</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/portland-trail-blazers-vs-utah-jazz" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Portland Trail Blazers v Utah Jazz" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Portland Trail Blazers v Utah Jazz</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Basketball</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/golden-state-warriors-vs-los-angeles-lakers" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Golden State Warriors v Los Angeles Lakers" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Golden State Warriors v Los Angeles Lakers</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Basketball</span> </p></div></div></a> </div></div></div></div> <div class="flex justify-between mb-2"><h1 class="font-bold text-2xl">Popular American Football</h1> <div><button type="button" tabindex="0" class="inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10 transition-all" disabled="" data-button-root=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-left "><path d="m15 18-6-6 6-6"></path></svg></button> <button type="button" tabindex="0" class="inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10 transition-all" data-button-root=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-right "><path d="m9 18 6-6-6-6"></path></svg></button></div></div> <div class="relative" role="region" aria-roledescription="carousel"><div class="overflow-hidden"><div class="flex -ml-4" data-embla-container="" style="transform: translate3d(0px, 0px, 0px);"><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/hamilton-tiger-cats-vs-calgary-stampeders-2009113" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-border text-xs">11:00 PM</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Hamilton Tiger-Cats vs Calgary Stampeders" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Hamilton Tiger-Cats vs Calgary Stampeders</h1> <p class="text-muted-foreground/70"><span class="font-semibold">American Football</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/duke-vs-florida-state-2131045" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-border text-xs">11:00 PM</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Duke vs Florida State" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Duke vs Florida State</h1> <p class="text-muted-foreground/70"><span class="font-semibold">American Football</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/oregon-2-vs-purdue" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Oregon 2 v Purdue" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Oregon 2 v Purdue</h1> <p class="text-muted-foreground/70"><span class="font-semibold">American Football</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/oklahoma-state-vs-byu-13" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Oklahoma State v BYU 13" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Oklahoma State v BYU 13</h1> <p class="text-muted-foreground/70"><span class="font-semibold">American Football</span> </p></div></div></a> </div></div></div></div> <div class="flex justify-between mb-2"><h1 class="font-bold text-2xl">Popular Hockey</h1> <div><button type="button" tabindex="0" class="inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10 transition-all" disabled="" data-button-root=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-left "><path d="m15 18-6-6 6-6"></path></svg></button> <button type="button" tabindex="0" class="inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10 transition-all" data-button-root=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-right "><path d="m9 18 6-6-6-6"></path></svg></button></div></div> <div class="relative" role="region" aria-roledescription="carousel"><div class="overflow-hidden"><div class="flex -ml-4" data-embla-container="" style="transform: translate3d(0px, 0px, 0px);"><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/fehervar-av19-vs-hc-pustertal-w-lfe-2086126" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-border text-xs">5:15 PM</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Fehervar AV19 vs HC Pustertal Wölfe" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Fehervar AV19 vs HC Pustertal Wölfe</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Hockey</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/pittsburgh-penguins-vs-carolina-hurricanes-2155481" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-border text-xs">11:00 PM</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Pittsburgh Penguins vs Carolina Hurricanes" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Pittsburgh Penguins vs Carolina Hurricanes</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Hockey</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/winnipeg-jets-vs-san-jose-sharks" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Winnipeg Jets v San Jose Sharks" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Winnipeg Jets v San Jose Sharks</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Hockey</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/colorado-avalanche-vs-anaheim-ducks" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Colorado Avalanche v Anaheim Ducks" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Colorado Avalanche v Anaheim Ducks</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Hockey</span> </p></div></div></a> </div></div></div></div> <div class="flex justify-between mb-2"><h1 class="font-bold text-2xl">Popular Baseball</h1> <div><button type="button" tabindex="0" class="inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10 transition-all" disabled="" data-button-root=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-left "><path d="m15 18-6-6 6-6"></path></svg></button> <button type="button" tabindex="0" class="inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10 transition-all" disabled="" data-button-root=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-right "><path d="m9 18 6-6-6-6"></path></svg></button></div></div> <div class="relative" role="region" aria-roledescription="carousel"><div class="overflow-hidden"><div class="flex -ml-4" data-embla-container="" style="transform: translate3d(0px, 0px, 0px);"><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/new-york-mets-vs-los-angeles-dodgers-2166162" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-border text-xs">9:08 PM</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="New York Mets vs Los Angeles Dodgers" class="break-words line-clamp-2 text-ellipsis font-bold text-md">New York Mets vs Los Angeles Dodgers</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Baseball</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/cleveland-guardians-vs-new-york-yankees" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Cleveland Guardians v New York Yankees" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Cleveland Guardians v New York Yankees</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Baseball</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/yomiuri-giants-vs-yokohama-baystars" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Yomiuri Giants v Yokohama BayStars" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Yomiuri Giants v Yokohama BayStars</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Baseball</span> </p></div></div></a> </div></div></div></div> <div class="flex justify-between mb-2"><h1 class="font-bold text-2xl">Popular Fighting</h1> <div><button type="button" tabindex="0" class="inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10 transition-all" disabled="" data-button-root=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-left "><path d="m15 18-6-6 6-6"></path></svg></button> <button type="button" tabindex="0" class="inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10 transition-all" data-button-root=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-right "><path d="m9 18 6-6-6-6"></path></svg></button></div></div> <div class="relative" role="region" aria-roledescription="carousel"><div class="overflow-hidden"><div class="flex -ml-4" data-embla-container="" style="transform: translate3d(0px, 0px, 0px);"><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/one-friday-fights-83" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-primary text-xs">LIVE</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="ONE Friday Fights 83" class="break-words line-clamp-2 text-ellipsis font-bold text-md">ONE Friday Fights 83</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Fight (UFC, Boxing)</span> <span>| 12:30 PM</span></p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/pfl-weigh-in-battle-of-the-giants" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-primary text-xs">LIVE</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="PFL Weigh-in: Battle of the Giants" class="break-words line-clamp-2 text-ellipsis font-bold text-md">PFL Weigh-in: Battle of the Giants</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Fight (UFC, Boxing)</span> <span>| 3:30 PM</span></p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/house-of-glory-salvation-2024" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="House of Glory Salvation 2024" class="break-words line-clamp-2 text-ellipsis font-bold text-md">House of Glory Salvation 2024</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Fight (UFC, Boxing)</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/supreme-fight-night-7" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Supreme Fight Night 7" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Supreme Fight Night 7</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Fight (UFC, Boxing)</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/wwe-friday-night-smackdown" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="WWE Friday Night Smackdown" class="break-words line-clamp-2 text-ellipsis font-bold text-md">WWE Friday Night Smackdown</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Fight (UFC, Boxing)</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/fusion-fight-league-missoula" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Fusion Fight League Missoula" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Fusion Fight League Missoula</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Fight (UFC, Boxing)</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/lfa-194-shamidkhan-magomedov-vs-alfonso-leyva" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="LFA 194: Shamidkhan Magomedov v Alfonso Leyva" class="break-words line-clamp-2 text-ellipsis font-bold text-md">LFA 194: Shamidkhan Magomedov v Alfonso Leyva</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Fight (UFC, Boxing)</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/cage-fury-fc-137" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Cage Fury FC 137" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Cage Fury FC 137</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Fight (UFC, Boxing)</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/joshua-james-pagan-vs-haskell-rhodes" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Joshua James Pagan v Haskell Rhodes" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Joshua James Pagan v Haskell Rhodes</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Fight (UFC, Boxing)</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/aew-rampage" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="AEW Rampage" class="break-words line-clamp-2 text-ellipsis font-bold text-md">AEW Rampage</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Fight (UFC, Boxing)</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/nxt-level-up" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="NXT Level Up" class="break-words line-clamp-2 text-ellipsis font-bold text-md">NXT Level Up</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Fight (UFC, Boxing)</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/japan-martial-arts-expo-2024" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Japan Martial Arts Expo 2024" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Japan Martial Arts Expo 2024</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Fight (UFC, Boxing)</span> </p></div></div></a> </div></div></div></div> <div class="flex justify-between mb-2"><h1 class="font-bold text-2xl">Popular Motorsports</h1> <div><button type="button" tabindex="0" class="inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10 transition-all" disabled="" data-button-root=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-left "><path d="m15 18-6-6 6-6"></path></svg></button> <button type="button" tabindex="0" class="inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10 transition-all" data-button-root=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-chevron-right "><path d="m9 18 6-6-6-6"></path></svg></button></div></div> <div class="relative" role="region" aria-roledescription="carousel"><div class="overflow-hidden"><div class="flex -ml-4" data-embla-container="" style="transform: translate3d(0px, 0px, 0px);"><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/wrc-central-europe-rally-stage-7-8" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-primary text-xs">LIVE</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="WRC Central Europe Rally Stage 7&amp;8" class="break-words line-clamp-2 text-ellipsis font-bold text-md">WRC Central Europe Rally Stage 7&amp;8</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Motor Sports</span> <span>| 2:00 PM</span></p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/united-states-grand-prix-practice-1-1963828" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-border text-xs">5:30 PM</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="United States Grand Prix Practice 1" class="break-words line-clamp-2 text-ellipsis font-bold text-md">United States Grand Prix Practice 1</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Motor Sports</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/formula-1-united-states-grand-prix-sprint-qualifying" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-border text-xs">9:30 PM</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Formula 1 United States Grand Prix: Sprint Qualifying" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Formula 1 United States Grand Prix: Sprint Qualifying</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Motor Sports</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/motogp-australian-gp-moto3-fp2" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-border text-xs">9:40 PM</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="MotoGP Australian GP: Moto3 FP2" class="break-words line-clamp-2 text-ellipsis font-bold text-md">MotoGP Australian GP: Moto3 FP2</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Motor Sports</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/motogp-australian-gp-moto2-fp2" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-border text-xs">10:25 PM</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="MotoGP Australian GP: Moto2 FP2" class="break-words line-clamp-2 text-ellipsis font-bold text-md">MotoGP Australian GP: Moto2 FP2</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Motor Sports</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/nascar-xfinity-series-practice-and-qualifying-las-vegas" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-border text-xs">10:30 PM</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="NASCAR Xfinity Series Practice and Qualifying, Las Vegas" class="break-words line-clamp-2 text-ellipsis font-bold text-md">NASCAR Xfinity Series Practice and Qualifying, Las Vegas</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Motor Sports</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/motogp-australian-gp-motogp-fp2" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-border text-xs">11:10 PM</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="MotoGP Australian GP: MotoGP FP2" class="break-words line-clamp-2 text-ellipsis font-bold text-md">MotoGP Australian GP: MotoGP FP2</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Motor Sports</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/motogp-australian-gp-motogp-qualifying-1" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-border text-xs">11:50 PM</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="MotoGP Australian GP: MotoGP Qualifying 1" class="break-words line-clamp-2 text-ellipsis font-bold text-md">MotoGP Australian GP: MotoGP Qualifying 1</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Motor Sports</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/motogp-australian-gp-motogp-qualifying-2" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="MotoGP Australian GP: MotoGP Qualifying 2" class="break-words line-clamp-2 text-ellipsis font-bold text-md">MotoGP Australian GP: MotoGP Qualifying 2</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Motor Sports</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/motogp-australian-gp-moto3-qualifying-1" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="MotoGP Australian GP: Moto3 Qualifying 1" class="break-words line-clamp-2 text-ellipsis font-bold text-md">MotoGP Australian GP: Moto3 Qualifying 1</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Motor Sports</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/motogp-australian-gp-moto3-qualifying-2" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="MotoGP Australian GP: Moto3 Qualifying 2" class="break-words line-clamp-2 text-ellipsis font-bold text-md">MotoGP Australian GP: Moto3 Qualifying 2</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Motor Sports</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/motogp-australian-gp-moto2-qualifying-1" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="MotoGP Australian GP: Moto2 Qualifying 1" class="break-words line-clamp-2 text-ellipsis font-bold text-md">MotoGP Australian GP: Moto2 Qualifying 1</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Motor Sports</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/motogp-australian-gp-moto2-qualifying-2" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="MotoGP Australian GP: Moto2 Qualifying 2" class="break-words line-clamp-2 text-ellipsis font-bold text-md">MotoGP Australian GP: Moto2 Qualifying 2</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Motor Sports</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/motogp-australian-gp-motogp-sprint" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="MotoGP Australian GP: MotoGP Sprint" class="break-words line-clamp-2 text-ellipsis font-bold text-md">MotoGP Australian GP: MotoGP Sprint</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Motor Sports</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/wrc-central-europe-rally-stage-9" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="WRC Central Europe Rally Stage 9" class="break-words line-clamp-2 text-ellipsis font-bold text-md">WRC Central Europe Rally Stage 9</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Motor Sports</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/wrc-central-europe-rally-stage-10-11" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="WRC Central Europe Rally Stage 10&amp;11" class="break-words line-clamp-2 text-ellipsis font-bold text-md">WRC Central Europe Rally Stage 10&amp;11</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Motor Sports</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/hockenheimring-race-1-adac-gt4-germany" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Hockenheimring Race 1 ADAC GT4 Germany" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Hockenheimring Race 1 ADAC GT4 Germany</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Motor Sports</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/fim-women-s-motorcycling-world-champ-race-1-spain" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="FIM Women's Motorcycling World Champ: Race 1 Spain" class="break-words line-clamp-2 text-ellipsis font-bold text-md">FIM Women's Motorcycling World Champ: Race 1 Spain</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Motor Sports</span> </p></div></div></a> </div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-1/2 md:basis-1/3 lg:basis-1/5 xl:basis-1/6" data-embla-slide=""><a href="/watch/hockenheimring-race-1-dtm-racing-series" class="w-2/3 rounded-lg transition-all mb-2 items-center gap-2 justify-between"><div class="h-auto overflow-hidden rounded-lg relative"><img src="/api/images/poster/fallback.webp" alt="Match Poster" class="rounded-lg scale-[1.08] !scale-100 transition-all duration-1000 z-[-10] w-full"> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 left-2 bg-background text-xs">Oct 19</span> <span class="focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 text-primary-foreground hover:bg-primary/80 border-transparent font-bold absolute top-2 right-2 bg-yellow-600 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-star w-4 h-4"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></div> <div class="rounded-b-lg py-4 gap-4 relative flex items-center"><div class="min-w-0 flex-grow"><h1 title="Hockenheimring Race 1 DTM Racing Series" class="break-words line-clamp-2 text-ellipsis font-bold text-md">Hockenheimring Race 1 DTM Racing Series</h1> <p class="text-muted-foreground/70"><span class="font-semibold">Motor Sports</span> </p></div></div></a> </div></div></div></div></div></div> <div id="svelte-announcer" aria-live="assertive" aria-atomic="true" style="position: absolute; left: 0px; top: 0px; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); overflow: hidden; white-space: nowrap; width: 1px; height: 1px;"></div></div>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8d49e8aa2b23667b',t:'MTcyOTI2ODk4My4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe>

<div data-portal="" data-melt-dialog-portalled="" data-dialog-portal=""> </div><div data-portal="" data-melt-dialog-portalled="" data-dialog-portal="" class=""> </div><div data-portal="" data-melt-dialog-portalled="" data-dialog-portal=""> </div></body></html>