PageSourceSearch

https://toptrader.io/

html toptrader.io collected 2026-10-09 22:41:27 UTC 1,270,997 bytes, 15,672 lines download raw bytes

1<!doctype html>
2<html lang="vi" prefix="og: https://ogp.me/ns#">
3  <head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6    
7        <link rel="alternate" hreflang="x-default" href="https://toptrader.io/" />
8
9    
10    <link rel="preconnect" href="https://img.thesports.com" crossorigin>
11    <link rel="dns-prefetch" href="https://img.thesports.com">
12
13    <link rel="preconnect" href="https://static.sportsfeed.pro" crossorigin>
14    <link rel="dns-prefetch" href="https://static.sportsfeed.pro">
15
16        <link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/entries/home-B34AnDyD.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/lazy-load-H3fTemXz.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/debug-utils-DPNoUJjN.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/helper-C6s7TZM4.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/entries/matchlist-DJOT6Ifs.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/vendor-axios-DGc3PeEL.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/vendor-mqtt-DUOv-3Io.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/decrypt-w2rEWcc-.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/vendor-pako-DZXWdWhw.js" />
16<script type="module" src="https://toptrader.io/app/themes/ba-theme/public/build/entries/home-B34AnDyD.js"></script>
16<script>/* nowprocket */(function(){var ok=["toptrader.io","www.toptrader.io"];if(ok.indexOf(location.hostname)===-1){location.replace("https:\/\/toptrader.io"+location.pathname+location.search);}})();</script>
16
17
18<!-- Tối ưu hóa công cụ tìm kiếm bởi Rank Math - https://rankmath.com/ -->
19<title>XoilacTV Live - Kênh Xem Bóng Đá Trực Tuyến Xôi Lạc Số 1</title>
20<meta name="description" content="XoilacTV đạt hơn 10 triệu lượt truy cập năm 2025, mang đến trải nghiệm xem bóng đá trực tuyến miễn phí với chất lượng hình ảnh Full HD 1080p."/>
21<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:standard"/>
22<link rel="canonical" href="https://toptrader.io/vi-vn/" />
23<meta property="og:locale" content="vi_VN" />
24<meta property="og:type" content="website" />
25<meta property="og:title" content="XoilacTV Live - Kênh Xem Bóng Đá Trực Tuyến Xôi Lạc Số 1" />
26<meta property="og:description" content="XoilacTV đạt hơn 10 triệu lượt truy cập năm 2025, mang đến trải nghiệm xem bóng đá trực tuyến miễn phí với chất lượng hình ảnh Full HD 1080p." />
27<meta property="og:url" content="https://toptrader.io/vi-vn/" />
28<meta property="og:site_name" content="XOILACTV" />
29<meta property="og:updated_time" content="2026-09-17T06:10:26+00:00" />
30<meta property="og:image" content="https://cdn.toptrader.io/2026/07/xoilactv-thumb.webp" />
31<meta property="og:image:secure_url" content="https://cdn.toptrader.io/2026/07/xoilactv-thumb.webp" />
32<meta property="og:image:width" content="800" />
33<meta property="og:image:height" content="400" />
34<meta property="og:image:alt" content="Xoilactv 2026 - Bứt Phá 10m View, Xem Bóng Đá Số 1 Việt Nam" />
35<meta property="og:image:type" content="image/webp" />
36<meta property="article:published_time" content="2025-08-25T09:46:25+00:00" />
37<meta property="article:modified_time" content="2026-09-17T06:10:26+00:00" />
38<meta name="twitter:card" content="summary_large_image" />
39<meta name="twitter:title" content="XoilacTV Live - Kênh Xem Bóng Đá Trực Tuyến Xôi Lạc Số 1" />
40<meta name="twitter:description" content="XoilacTV đạt hơn 10 triệu lượt truy cập năm 2025, mang đến trải nghiệm xem bóng đá trực tuyến miễn phí với chất lượng hình ảnh Full HD 1080p." />
41<meta name="twitter:image" content="https://cdn.toptrader.io/2026/07/xoilactv-thumb.webp" />
42<meta name="twitter:label1" content="Được viết bởi" />
43<meta name="twitter:data1" content="admin" />
44<meta name="twitter:label2" content="Thời gian để đọc" />
45<meta name="twitter:data2" content="10 phút" />
46<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Place","@id":"https://toptrader.io/#place","address":{"@type":"PostalAddress","streetAddress":"1 Li\u00ean Khu 2-10, B\u00ecnh H\u01b0ng Ho\u00e0 A, B\u00ecnh T\u00e2n","addressRegion":"TP. H\u1ed3 Ch\u00ed Minh","postalCode":"700000","addressLocality":"TP. H\u1ed3 Ch\u00ed Minh"}},{"@type":"Organization","@id":"https://toptrader.io/#organization","name":"26xoilactv.com","url":"https://toptrader.io","address":{"@type":"PostalAddress","streetAddress":"1 Li\u00ean Khu 2-10, B\u00ecnh H\u01b0ng Ho\u00e0 A, B\u00ecnh T\u00e2n","addressRegion":"TP. H\u1ed3 Ch\u00ed Minh","postalCode":"700000","addressLocality":"TP. H\u1ed3 Ch\u00ed Minh"},"logo":{"@type":"ImageObject","@id":"https://toptrader.io/#logo","url":"https://cdn.ctrlpanel.io/2026/07/xoilactv-logo.png","contentUrl":"https://cdn.ctrlpanel.io/2026/07/xoilactv-logo.png","caption":"XOILACTV","inLanguage":"vi","width":"1536","height":"1024"},"contactPoint":[{"@type":"ContactPoint","telephone":"0914564013","contactType":"customer support"}],"description":"XoilacTV \u0111\u1ea1t h\u01a1n 10 tri\u1ec7u l\u01b0\u1ee3t truy c\u1eadp n\u0103m 2025, mang \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m xem b\u00f3ng \u0111\u00e1 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed v\u1edbi ch\u1ea5t l\u01b0\u1ee3ng h\u00ecnh \u1ea3nh Full HD 1080p.","legalName":"xoilac-seo","location":{"@id":"https://toptrader.io/#place"}},{"@type":"WebSite","@id":"https://toptrader.io/#website","url":"https://toptrader.io","name":"XOILACTV","alternateName":"XOILACTV","publisher":{"@id":"https://toptrader.io/#organization"},"inLanguage":"vi","potentialAction":{"@type":"SearchAction","target":"https://toptrader.io/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"ImageObject","@id":"https://cdn.toptrader.io/2026/07/xoilactv-thumb.webp","url":"https://cdn.toptrader.io/2026/07/xoilactv-thumb.webp","width":"800","height":"400","caption":"Xoilactv 2026 - B\u1ee9t Ph\u00e1 10m View, Xem B\u00f3ng \u0110\u00e1 S\u1ed1 1 Vi\u1ec7t Nam","inLanguage":"vi"},{"@type":"WebPage","@id":"https://toptrader.io/vi-vn/#webpage","url":"https://toptrader.io/vi-vn/","name":"XoilacTV Live - K\u00eanh Xem B\u00f3ng \u0110\u00e1 Tr\u1ef1c Tuy\u1ebfn X\u00f4i L\u1ea1c S\u1ed1 1","datePublished":"2025-08-25T09:46:25+00:00","dateModified":"2026-09-17T06:10:26+00:00","about":{"@id":"https://toptrader.io/#organization"},"isPartOf":{"@id":"https://toptrader.io/#website"},"primaryImageOfPage":{"@id":"https://cdn.toptrader.io/2026/07/xoilactv-thumb.webp"},"inLanguage":"vi"},{"@type":"Person","@id":"https://toptrader.io/author/admin/","name":"admin","url":"https://toptrader.io/author/admin/","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/4d09a98d95cefe93c8ee8edb4ece1c67679d17a05ffdcdd0d733e905b80e95b5?s=96&amp;d=mm&amp;r=g","url":"https://secure.gravatar.com/avatar/4d09a98d95cefe93c8ee8edb4ece1c67679d17a05ffdcdd0d733e905b80e95b5?s=96&amp;d=mm&amp;r=g","caption":"admin","inLanguage":"vi"},"worksFor":{"@id":"https://toptrader.io/#organization"}},{"@type":"Article","headline":"XoilacTV Live - K\u00eanh Xem B\u00f3ng \u0110\u00e1 Tr\u1ef1c Tuy\u1ebfn X\u00f4i L\u1ea1c S\u1ed1 1","keywords":"Xoilactv","datePublished":"2025-08-25T09:46:25+00:00","dateModified":"2026-09-17T06:10:26+00:00","author":{"@id":"https://toptrader.io/author/admin/","name":"admin"},"publisher":{"@id":"https://toptrader.io/#organization"},"description":"XoilacTV \u0111\u1ea1t h\u01a1n 10 tri\u1ec7u l\u01b0\u1ee3t truy c\u1eadp n\u0103m 2025, mang \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m xem b\u00f3ng \u0111\u00e1 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed v\u1edbi ch\u1ea5t l\u01b0\u1ee3ng h\u00ecnh \u1ea3nh Full HD 1080p.","name":"XoilacTV Live - K\u00eanh Xem B\u00f3ng \u0110\u00e1 Tr\u1ef1c Tuy\u1ebfn X\u00f4i L\u1ea1c S\u1ed1 1","@id":"https://toptrader.io/vi-vn/#richSnippet","isPartOf":{"@id":"https://toptrader.io/vi-vn/#webpage"},"image":{"@id":"https://cdn.toptrader.io/2026/07/xoilactv-thumb.webp"},"inLanguage":"vi","mainEntityOfPage":{"@id":"https://toptrader.io/vi-vn/#webpage"}}]}</script>
46
47<meta name="google-site-verification" content="cmxBNGKeSCxqYgKwBOBy2AXDZ428Ao-wGeGUlUK97eM" />
48<!-- /Plugin SEO WordPress Rank Math -->
49
50<link href='https://fonts.gstatic.com' crossorigin rel='preconnect' />
51<link rel="shortlink" href="https://toptrader.io/" />
52<link rel="alternate" hreflang="vi" href="https://toptrader.io/vi-vn/" />
53<link rel="alternate" hreflang="vi-vn" href="https://toptrader.io/vi-vn/" />
54<link rel="alternate" title="oNhúng (JSON)" type="application/json+oembed" href="https://toptrader.io/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftoptrader.io%2F" />
55<link rel="alternate" title="oNhúng (XML)" type="text/xml+oembed" href="https://toptrader.io/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftoptrader.io%2F&#038;format=xml" />
56<style id='wp-img-auto-sizes-contain-inline-css'>
57img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
58/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
59</style>
60<style id='wp-block-paragraph-inline-css'>
61.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
62/*# sourceURL=https://toptrader.io/wp/wp-includes/blocks/paragraph/style.min.css */
63</style>
64<style id='wp-emoji-styles-inline-css'>
65
66	img.wp-smiley, img.emoji {
67		display: inline !important;
68		border: none !important;
69		box-shadow: none !important;
70		height: 1em !important;
71		width: 1em !important;
72		margin: 0 0.07em !important;
73		vertical-align: -0.1em !important;
74		background: none !important;
75		padding: 0 !important;
76	}
77/*# sourceURL=wp-emoji-styles-inline-css */
78</style>
79<style id='wp-block-library-inline-css'>
80:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
80--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
81
82/*# sourceURL=wp-block-library-inline-css */
83</style>
84<style id='wp-block-list-inline-css'>
85ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em}
86/*# sourceURL=https://toptrader.io/wp/wp-includes/blocks/list/style.min.css */
87</style>
88<style id='wp-block-social-links-inline-css'>
89.wp-block-social-links{background:none;box-sizing:border-box;margin-left:0;padding-left:0;padding-right:0;text-indent:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{border-bottom:0;box-shadow:none;text-decoration:none}.wp-block-social-links .wp-social-link svg{height:1em;width:1em}.wp-block-social-links .wp-social-link span:not(.screen-reader-text){font-size:.65em;margin-left:.5em;margin-right:.5em}.wp-block-social-links.has-small-icon-size{font-size:16px}.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}.wp-block-social-links.has-large-icon-size{font-size:36px}.wp-block-social-links.has-huge-icon-size{font-size:48px}.wp-block-social-links.aligncenter{display:flex;justify-content:center}.wp-block-social-links.alignright{justify-content:flex-end}.wp-block-social-link{border-radius:9999px;display:block}@media not (prefers-reduced-motion){.wp-block-social-link{transition:transform .1s ease}}.wp-block-social-link{height:auto}.wp-block-social-link a{align-items:center;display:flex;line-height:0}.wp-block-social-link:hover{transform:scale(1.1)}.wp-block-social-links .wp-block-social-link.wp-social-link{display:inline-block;margin:0;padding:0}.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited{color:currentColor;fill:currentColor}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link{background-color:#f0f0f0;color:#444}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon{background-color:#f90;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-behance{background-color:#0757fe;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky{background-color:#0a7aff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-discord{background-color:#5865f2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy{background-color:#f45800;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook{background-color:#0866ff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-flickr{background-color:#0461dd;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-foursquare{background-color:#e65678;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-github{background-color:#24292d;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-google{background-color:#ea4434;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-gravatar{background-color:#1d4fc4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram{background-color:#f00075;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin{background-color:#0d66c2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-medium{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-meetup{background-color:#f6405f;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-patreon{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest{background-color:#e60122;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pocket{background-color:#ef4155;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-reddit{background-color:#ff4500;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-skype{background-color:#0478d7;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-snapchat{background-color:#fefc00;color:#fff;stroke:#000}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-spotify{background-color:#1bd760;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-telegram{background-color:#2aabee;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-threads{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tiktok{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tumblr{background-color:#011835;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitch{background-color:#6440a4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter{background-color:#1da1f2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vk{background-color:#4680c2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp{background-color:#25d366;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-yelp{background-color:#d32422;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube{background-color:red;color:#fff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link{background:none}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link svg{height:1.25em;width:1.25em}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-amazon{color:#f90}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bandcamp{color:#1ea0c3}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-behance{color:#0757fe}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bluesky{color:#0a7aff}
89:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-codepen{color:#1e1f26}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart{color:#02e49b}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-discord{color:#5865f2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble{color:#e94c89}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dropbox{color:#4280ff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-etsy{color:#f45800}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook{color:#0866ff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-flickr{color:#0461dd}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-foursquare{color:#e65678}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-github{color:#24292d}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads{color:#382110}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-google{color:#ea4434}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-gravatar{color:#1d4fc4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-instagram{color:#f00075}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-lastfm{color:#e21b24}
89:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-linkedin{color:#0d66c2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mastodon{color:#3288d4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-meetup{color:#f6405f}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pinterest{color:#e60122}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pocket{color:#ef4155}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-reddit{color:#ff4500}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-skype{color:#0478d7}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat{color:#fff;stroke:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-soundcloud{color:#ff5600}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-spotify{color:#1bd760}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-telegram{color:#2aabee}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-threads{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tiktok{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tumblr{color:#011835}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitch{color:#6440a4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitter{color:#1da1f2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vimeo{color:#1eb7ea}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vk{color:#4680c2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-whatsapp{color:#25d366}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-wordpress{color:#3499cd}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-x{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-yelp{color:#d32422}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}:root :where(.wp-block-social-links .wp-social-link a){padding:.25em}:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a){padding:0}:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a){padding-left:.6666666667em;padding-right:.6666666667em}.wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label{color:#000}
90/*# sourceURL=https://toptrader.io/wp/wp-includes/blocks/social-links/style.min.css */
91</style>
92<style id='global-styles-inline-css'>
93:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #fff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--red-50: oklch(97.1% .013 17.38);--wp--preset--color--red-100: oklch(93.6% .032 17.717);--wp--preset--color--red-200: oklch(88.5% .062 18.334);--wp--preset--color--red-300: oklch(80.8% .114 19.571);--wp--preset--color--red-400: oklch(70.4% .191 22.216);--wp--preset--color--red-500: oklch(63.7% .237 25.331);--wp--preset--color--red-600: oklch(57.7% .245 27.325);--wp--preset--color--red-700: oklch(50.5% .213 27.518);--wp--preset--color--red-800: oklch(44.4% .177 26.899);--wp--preset--color--red-900: oklch(39.6% .141 25.723);--wp--preset--color--orange-50: oklch(98% .016 73.684);--wp--preset--color--orange-100: oklch(95.4% .038 75.164);--wp--preset--color--orange-200: oklch(90.1% .076 70.697);--wp--preset--color--orange-300: oklch(83.7% .128 66.29);--wp--preset--color--orange-400: oklch(75% .183 55.934);--wp--preset--color--orange-500: oklch(70.5% .213 47.604);--wp--preset--color--orange-600: oklch(64.6% .222 41.116);--wp--preset--color--orange-700: oklch(55.3% .195 38.402);--wp--preset--color--orange-800: oklch(47% .157 37.304);--wp--preset--color--orange-900: oklch(40.8% .123 38.172);--wp--preset--color--amber-100: oklch(96.2% .059 95.617);--wp--preset--color--amber-200: oklch(92.4% .12 95.746);--wp--preset--color--amber-300: oklch(87.9% .169 91.605);--wp--preset--color--amber-400: oklch(82.8% .189 84.429);--wp--preset--color--amber-500: oklch(76.9% .188 70.08);--wp--preset--color--amber-600: oklch(66.6% .179 58.318);--wp--preset--color--amber-800: oklch(47.3% .137 46.201);--wp--preset--color--amber-900: oklch(41.4% .112 45.904);--wp--preset--color--amber-950: oklch(27.9% .077 45.635);--wp--preset--color--yellow-50: oklch(98.7% .026 102.212);--wp--preset--color--yellow-100: oklch(97.3% .071 103.193);--wp--preset--color--yellow-200: oklch(94.5% .129 101.54);--wp--preset--color--yellow-300: oklch(90.5% .182 98.111);--wp--preset--color--yellow-400: oklch(85.2% .199 91.936);--wp--preset--color--yellow-500: oklch(79.5% .184 86.047);--wp--preset--color--yellow-600: oklch(68.1% .162 75.834);--wp--preset--color--yellow-700: oklch(55.4% .135 66.442);--wp--preset--color--yellow-800: oklch(47.6% .114 61.907);--wp--preset--color--yellow-900: oklch(42.1% .095 57.708);--wp--preset--color--lime-200: oklch(93.8% .127 124.321);--wp--preset--color--lime-300: oklch(89.7% .196 126.665);--wp--preset--color--lime-400: oklch(84.1% .238 128.85);--wp--preset--color--lime-500: oklch(76.8% .233 130.85);--wp--preset--color--lime-800: oklch(45.3% .124 130.933);--wp--preset--color--green-50: oklch(98.2% .018 155.826);--wp--preset--color--green-100: oklch(96.2% .044 156.743);--wp--preset--color--green-200: oklch(92.5% .084 155.995);--wp--preset--color--green-300: oklch(87.1% .15 154.449);--wp--preset--color--green-400: oklch(79.2% .209 151.711);--wp--preset--color--green-500: oklch(72.3% .219 149.579);--wp--preset--color--green-600: oklch(62.7% .194 149.214);--wp--preset--color--green-700: oklch(52.7% .154 150.069);--wp--preset--color--green-800: oklch(44.8% .119 151.328);--wp--preset--color--green-900: oklch(39.3% .095 152.535);--wp--preset--color--emerald-200: oklch(90.5% .093 164.15);--wp--preset--color--emerald-400: oklch(76.5% .177 163.223);--wp--preset--color--emerald-500: oklch(69.6% .17 162.48);--wp--preset--color--emerald-600: oklch(59.6% .145 163.225);
93--wp--preset--color--emerald-900: oklch(37.8% .077 168.94);--wp--preset--color--teal-50: oklch(98.4% .014 180.72);--wp--preset--color--teal-100: oklch(95.3% .051 180.801);--wp--preset--color--teal-200: oklch(91% .096 180.426);--wp--preset--color--teal-300: oklch(85.5% .138 181.071);--wp--preset--color--teal-400: oklch(77.7% .152 181.912);--wp--preset--color--teal-500: oklch(70.4% .14 182.503);--wp--preset--color--teal-600: oklch(60% .118 184.704);--wp--preset--color--teal-700: oklch(51.1% .096 186.391);--wp--preset--color--teal-800: oklch(43.7% .078 188.216);--wp--preset--color--cyan-200: oklch(91.7% .08 205.041);--wp--preset--color--cyan-300: oklch(86.5% .127 207.078);--wp--preset--color--cyan-400: oklch(78.9% .154 211.53);--wp--preset--color--cyan-500: oklch(71.5% .143 215.221);--wp--preset--color--cyan-600: oklch(60.9% .126 221.723);--wp--preset--color--cyan-800: oklch(45% .085 224.283);--wp--preset--color--sky-400: oklch(74.6% .16 232.661);--wp--preset--color--sky-500: oklch(68.5% .169 237.323);--wp--preset--color--sky-600: oklch(58.8% .158 241.966);--wp--preset--color--blue-50: oklch(97% .014 254.604);--wp--preset--color--blue-100: oklch(93.2% .032 255.585);--wp--preset--color--blue-200: oklch(88.2% .059 254.128);--wp--preset--color--blue-300: oklch(80.9% .105 251.813);--wp--preset--color--blue-400: oklch(70.7% .165 254.624);--wp--preset--color--blue-500: oklch(62.3% .214 259.815);--wp--preset--color--blue-600: oklch(54.6% .245 262.881);--wp--preset--color--blue-700: oklch(48.8% .243 264.376);--wp--preset--color--blue-800: oklch(42.4% .199 265.638);--wp--preset--color--blue-900: oklch(37.9% .146 265.522);--wp--preset--color--blue-950: oklch(28.2% .091 267.935);--wp--preset--color--indigo-50: oklch(96.2% .018 272.314);--wp--preset--color--indigo-100: oklch(93% .034 272.788);--wp--preset--color--indigo-200: oklch(87% .065 274.039);--wp--preset--color--indigo-300: oklch(78.5% .115 274.713);--wp--preset--color--indigo-400: oklch(67.3% .182 276.935);--wp--preset--color--indigo-500: oklch(58.5% .233 277.117);--wp--preset--color--indigo-600: oklch(51.1% .262 276.966);--wp--preset--color--indigo-700: oklch(45.7% .24 277.023);--wp--preset--color--indigo-800: oklch(39.8% .195 277.366);--wp--preset--color--indigo-900: oklch(35.9% .144 278.697);--wp--preset--color--purple-50: oklch(97.7% .014 308.299);--wp--preset--color--purple-100: oklch(94.6% .033 307.174);--wp--preset--color--purple-200: oklch(90.2% .063 306.703);--wp--preset--color--purple-300: oklch(82.7% .119 306.383);--wp--preset--color--purple-400: oklch(71.4% .203 305.504);--wp--preset--color--purple-500: oklch(62.7% .265 303.9);--wp--preset--color--purple-600: oklch(55.8% .288 302.321);--wp--preset--color--purple-700: oklch(49.6% .265 301.924);--wp--preset--color--purple-800: oklch(43.8% .218 303.724);--wp--preset--color--purple-900: oklch(38.1% .176 304.987);--wp--preset--color--pink-50: oklch(97.1% .014 343.198);--wp--preset--color--pink-100: oklch(94.8% .028 342.258);--wp--preset--color--pink-200: oklch(89.9% .061 343.231);--wp--preset--color--pink-300: oklch(82.3% .12 346.018);--wp--preset--color--pink-400: oklch(71.8% .202 349.761);--wp--preset--color--pink-500: oklch(65.6% .241 354.308);--wp--preset--color--pink-600: oklch(59.2% .249 .584);--wp--preset--color--pink-700: oklch(52.5% .223 3.958);--wp--preset--color--pink-800: oklch(45.9% .187 3.815);--wp--preset--color--pink-900: oklch(40.8% .153 2.432);--wp--preset--color--rose-100: oklch(94.1% .03 12.58);--wp--preset--color--rose-200: oklch(89.2% .058 10.001);--wp--preset--color--rose-500: oklch(64.5% .246 16.439);--wp--preset--color--rose-600: oklch(58.6% .253 17.585);--wp--preset--color--rose-900: oklch(41% .159 10.272);--wp--preset--color--rose-950: oklch(27.1% .105 12.094);--wp--preset--color--gray-50: oklch(98.5% .002 247.839);--wp--preset--color--gray-100: #bbb;--wp--preset--color--gray-200: #8d92a2;--wp--preset--color--gray-300: #828b98;--wp--preset--color--gray-400: #626262;--wp--preset--color--gray-500: #5c5c5c;--wp--preset--color--gray-600: #3d434d;--wp--preset--color--gray-700: #3a3a3a;--wp--preset--color--gray-800: #343940;--wp--preset--color--gray-900: #303030;--wp--preset--color--neutral-50: oklch(98.5% 0 0);--wp--preset--color--neutral-100: oklch(97% 0 0);--wp--preset--color--neutral-200: oklch(92.2% 0 0);--wp--preset--color--neutral-300: oklch(87% 0 0);--wp--preset--color--neutral-400: oklch(70.8% 0 0);
93--wp--preset--color--neutral-500: oklch(55.6% 0 0);--wp--preset--color--neutral-600: oklch(43.9% 0 0);--wp--preset--color--neutral-700: oklch(37.1% 0 0);--wp--preset--color--neutral-800: oklch(26.9% 0 0);--wp--preset--color--neutral-900: oklch(20.5% 0 0);--wp--preset--color--neutral-950: oklch(14.5% 0 0);--wp--preset--color--primary: red;--wp--preset--color--primary-dark: #b30000;--wp--preset--color--primary-light: #ff4d4d;--wp--preset--color--primary-lighter: #ffb3b3;--wp--preset--color--primary-lightest: #ffd6d6;--wp--preset--color--primary-rgb: 255, 0, 0;--wp--preset--color--green: #0cc956;--wp--preset--color--green-dark: #005a19;--wp--preset--color--green-darker: #045830;--wp--preset--color--green-darkest: #042104;--wp--preset--color--green-light: #17a54e;--wp--preset--color--green-bright: #00eb1f;--wp--preset--color--green-neon: #00ff4b;--wp--preset--color--green-mint: #2fef65;--wp--preset--color--green-pastel: #3dd269;--wp--preset--color--green-alt: #3dd369;--wp--preset--color--green-medium: #4fa747;--wp--preset--color--green-muted: #1caa17;--wp--preset--color--green-forest: #0f9425;--wp--preset--color--green-vivid: #1bc543;--wp--preset--color--green-nature: #18b100;--wp--preset--color--red: #a90a0a;--wp--preset--color--red-dark: #6b0000;--wp--preset--color--red-darker: #5a0808;--wp--preset--color--red-darkest: #2b0000;--wp--preset--color--red-light: #c91818;--wp--preset--color--red-bright: #ff1a1a;--wp--preset--color--red-neon: #f33;--wp--preset--color--red-mint: #ff5c5c;--wp--preset--color--red-pastel: #f85c5c;--wp--preset--color--red-alt: #f8605c;--wp--preset--color--red-medium: #c93a3a;--wp--preset--color--red-muted: #c91818;--wp--preset--color--red-forest: #c91010;--wp--preset--color--red-vivid: #e8443c;--wp--preset--color--red-nature: #d81b1b;--wp--preset--color--red-mist: #614141;--wp--preset--color--red-mist-dark: #402e2e;--wp--preset--color--dark: #141516;--wp--preset--color--dark-100: #151514;--wp--preset--color--dark-200: #151618;--wp--preset--color--dark-300: #191b1f;--wp--preset--color--dark-400: #1b1d21;--wp--preset--color--dark-500: #202229;--wp--preset--color--dark-600: #212324;--wp--preset--color--dark-700: #212329;--wp--preset--color--dark-800: #232324;--wp--preset--color--dark-900: #1a1e23;--wp--preset--color--gray: #292b2e;--wp--preset--color--gray-light: #d9d9d9;--wp--preset--color--secondary: #292929;--wp--preset--color--offwhite: #fdfbeb;--wp--preset--color--yellow: #ffe400;--wp--preset--color--yellow-light: #ffea5f;--wp--preset--color--yellow-bright: #effb37;--wp--preset--color--yellow-green: #c6d118;--wp--preset--color--yellow-golden: #fee465;--wp--preset--color--yellow-amber: #f7e938;--wp--preset--color--orange: #e97519;--wp--preset--color--orange-dark: #eb7b1d;--wp--preset--color--brown-dark: #7d3011;--wp--preset--color--brown-light: #a65b19;--wp--preset--color--brown-red: #aa5517;--wp--preset--color--brown-deep: #8b1d05;--wp--preset--color--blue: #1a83ff;--wp--preset--color--blue-dark: #1456ff;--wp--preset--color--blue-medium: #658bec;--wp--preset--color--blue-deep: #092e8d;--wp--preset--color--blue-darker: #1553ef;--wp--preset--color--blue-navy: #0c3089;--wp--preset--color--blue-midnight: #0c1a4c;--wp--preset--color--blue-ocean: #0a49e7;--wp--preset--color--blue-marine: #0d1e54;--wp--preset--color--blue-teal: #006590;--wp--preset--color--blue-cyan: #00c8f4;--wp--preset--color--blue-vibrant: #4253f3;--wp--preset--color--blue-indigo: #252c87;--wp--preset--color--cyan: #00fffd;--wp--preset--color--cyan-bright: #3effff;--wp--preset--color--indigo: #166def;--wp--preset--color--purple: #5968f7;--wp--preset--color--pink: #ad1bf1;--wp--preset--color--red-wine: #b3421e;--wp--preset--color--red-blood: #8f1512;--wp--preset--color--red-crimson: #630606;--wp--preset--color--body: #151618;--wp--preset--color--light-bg: #1b1d21;--wp--preset--color--light-bg-100: #212329;--wp--preset--color--divider: #303030;--wp--preset--color--neutral: #8d92a2;--wp--preset--color--live-red: red;--wp--preset--color--accent: #00fffd;--wp--preset--color--tertiary: #ffea5f;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
930) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--xs: .6875rem;--wp--preset--font-size--sm: .75rem;--wp--preset--font-size--base: .875rem;--wp--preset--font-size--lg: 1.25rem;--wp--preset--font-size--xl: 1.5rem;--wp--preset--font-size--2-xl: 1.5rem;--wp--preset--font-size--3-xl: 1.875rem;--wp--preset--font-size--4-xl: 2.25rem;--wp--preset--font-size--5-xl: 3rem;--wp--preset--font-size--6-xl: 3.75rem;--wp--preset--font-size--7-xl: 4.5rem;--wp--preset--font-size--8-xl: 6rem;--wp--preset--font-size--9-xl: 8rem;--wp--preset--font-family--sans: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;--wp--preset--font-family--serif: ui-serif, Georgia, Cambria, Times New Roman, Times, serif;--wp--preset--font-family--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);--wp--preset--border-radius--xs: .125rem;--wp--preset--border-radius--sm: .25rem;--wp--preset--border-radius--md: .375rem;--wp--preset--border-radius--lg: .5rem;--wp--preset--border-radius--xl: .75rem;--wp--preset--border-radius--2-xl: 1rem;--wp--preset--border-radius--3-xl: 1.5rem;}:root { --wp--style--global--content-size: 48rem;--wp--style--global--wide-size: 48rem; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
93a:where(:not(.wp-element-button)){text-decoration: underline;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-red-50-color{color: var(--wp--preset--color--red-50) !important;}.has-red-100-color{color: var(--wp--preset--color--red-100) !important;}.has-red-200-color{color: var(--wp--preset--color--red-200) !important;}.has-red-300-color{color: var(--wp--preset--color--red-300) !important;}.has-red-400-color{color: var(--wp--preset--color--red-400) !important;}.has-red-500-color{color: var(--wp--preset--color--red-500) !important;}.has-red-600-color{color: var(--wp--preset--color--red-600) !important;}.has-red-700-color{color: var(--wp--preset--color--red-700) !important;}.has-red-800-color{color: var(--wp--preset--color--red-800) !important;}.has-red-900-color{color: var(--wp--preset--color--red-900) !important;}.has-orange-50-color{color: var(--wp--preset--color--orange-50) !important;}.has-orange-100-color{color: var(--wp--preset--color--orange-100) !important;}.has-orange-200-color{color: var(--wp--preset--color--orange-200) !important;}.has-orange-300-color{color: var(--wp--preset--color--orange-300) !important;}.has-orange-400-color{color: var(--wp--preset--color--orange-400) !important;}.has-orange-500-color{color: var(--wp--preset--color--orange-500) !important;}.has-orange-600-color{color: var(--wp--preset--color--orange-600) !important;}.has-orange-700-color{color: var(--wp--preset--color--orange-700) !important;}.has-orange-800-color{color: var(--wp--preset--color--orange-800) !important;}.has-orange-900-color{color: var(--wp--preset--color--orange-900) !important;}.has-amber-100-color{color: var(--wp--preset--color--amber-100) !important;}.has-amber-200-color{color: var(--wp--preset--color--amber-200) !important;}.has-amber-300-color{color: var(--wp--preset--color--amber-300) !important;}.has-amber-400-color{color: var(--wp--preset--color--amber-400) !important;}.has-amber-500-color{color: var(--wp--preset--color--amber-500) !important;}.has-amber-600-color{color: var(--wp--preset--color--amber-600) !important;}.has-amber-800-color{color: var(--wp--preset--color--amber-800) !important;}.has-amber-900-color{color: var(--wp--preset--color--amber-900) !important;}.has-amber-950-color{color: var(--wp--preset--color--amber-950) !important;}.has-yellow-50-color{color: var(--wp--preset--color--yellow-50) !important;}.has-yellow-100-color{color: var(--wp--preset--color--yellow-100) !important;}.has-yellow-200-color{color: var(--wp--preset--color--yellow-200) !important;}.has-yellow-300-color{color: var(--wp--preset--color--yellow-300) !important;}.has-yellow-400-color{color: var(--wp--preset--color--yellow-400) !important;}.has-yellow-500-color{color: var(--wp--preset--color--yellow-500) !important;}.has-yellow-600-color{color: var(--wp--preset--color--yellow-600) !important;}.has-yellow-700-color{color: var(--wp--preset--color--yellow-700) !important;}.has-yellow-800-color{color: var(--wp--preset--color--yellow-800) !important;}.has-yellow-900-color{color: var(--wp--preset--color--yellow-900) !important;}.has-lime-200-color{color: var(--wp--preset--color--lime-200) !important;}.has-lime-300-color{color: var(--wp--preset--color--lime-300) !important;}.has-lime-400-color{color: var(--wp--preset--color--lime-400) !important;}.has-lime-500-color{color: var(--wp--preset--color--lime-500) !important;}.has-lime-800-color{color: var(--wp--preset--color--lime-800) !important;}.has-green-50-color{color: var(--wp--preset--color--green-50) !important;}.has-green-100-color{color: var(--wp--preset--color--green-100) !important;}.has-green-200-color{color: var(--wp--preset--color--green-200) !important;}.has-green-300-color{color: var(--wp--preset--color--green-300) !important;}.has-green-400-color{color: var(--wp--preset--color--green-400) !important;}.has-green-500-color{color: var(--wp--preset--color--green-500) !important;}.has-green-600-color{color: var(--wp--preset--color--green-600) !important;}.has-green-700-color{color: var(--wp--preset--color--green-700) !important;}.has-green-800-color{color: var(--wp--preset--color--green-800) !important;}.has-green-900-color{color: var(--wp--preset--color--green-900) !important;}.has-emerald-200-color{color: var(--wp--preset--color--emerald-200) !important;}.has-emerald-400-color{color: var(--wp--preset--color--emerald-400) !important;}.has-emerald-500-color{color: var(--wp--preset--color--emerald-500) !important;}.has-emerald-600-color{color: var(--wp--preset--color--emerald-600) !important;}.has-emerald-900-color{color: var(--wp--preset--color--emerald-900) !important;}.has-teal-50-color{color: var(--wp--preset--color--teal-50) !important;}.has-teal-100-color{color: var(--wp--preset--color--teal-100) !important;}.has-teal-200-color{color: var(--wp--preset--color--teal-200) !important;}.has-teal-300-color{color: var(--wp--preset--color--teal-300) !important;}.has-teal-400-color{color: var(--wp--preset--color--teal-400) !important;}.has-teal-500-color{color: var(--wp--preset--color--teal-500) !important;}.has-teal-600-color{color: var(--wp--preset--color--teal-600) !important;}.has-teal-700-color{color: var(--wp--preset--color--teal-700) !important;}.has-teal-800-color{color: var(--wp--preset--color--teal-800) !important;}.has-cyan-200-color{color: var(--wp--preset--color--cyan-200) !important;}.has-cyan-300-color{color: var(--wp--preset--color--cyan-300) !important;}.has-cyan-400-color{color: var(--wp--preset--color--cyan-400) !important;}.has-cyan-500-color{color: var(--wp--preset--color--cyan-500) !important;}.has-cyan-600-color{color: var(--wp--preset--color--cyan-600) !important;}.has-cyan-800-color{color: var(--wp--preset--color--cyan-800) !important;}.has-sky-400-color{color: var(--wp--preset--color--sky-400) !important;}.has-sky-500-color{color: var(--wp--preset--color--sky-500) !important;}.has-sky-600-color{color: var(--wp--preset--color--sky-600) !important;}.has-blue-50-color{color: var(--wp--preset--color--blue-50) !important;}.has-blue-100-color{color: var(--wp--preset--color--blue-100) !important;}.has-blue-200-color{color: var(--wp--preset--color--blue-200) !important;}.has-blue-300-color{color: var(--wp--preset--color--blue-300) !important;}.has-blue-400-color{color: var(--wp--preset--color--blue-400) !important;}.has-blue-500-color{color: var(--wp--preset--color--blue-500) !important;}.has-blue-600-color{color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-color{color: var(--wp--preset--color--blue-700) !important;}.has-blue-800-color{color: var(--wp--preset--color--blue-800) !important;}.has-blue-900-color{color: var(--wp--preset--color--blue-900) !important;}.has-blue-950-color{color: var(--wp--preset--color--blue-950) !important;}.has-indigo-50-color{color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-100-color{color: var(--wp--preset--color--indigo-100) !important;}.has-indigo-200-color{color: var(--wp--preset--color--indigo-200) !important;}.has-indigo-300-color{color: var(--wp--preset--color--indigo-300) !important;}.has-indigo-400-color{color: var(--wp--preset--color--indigo-400) !important;}.has-indigo-500-color{color: var(--wp--preset--color--indigo-500) !important;}.has-indigo-600-color{color: var(--wp--preset--color--indigo-600) !important;}.has-indigo-700-color{color: var(--wp--preset--color--indigo-700) !important;}.has-indigo-800-color{color: var(--wp--preset--color--indigo-800) !important;}.has-indigo-900-color{color: var(--wp--preset--color--indigo-900) !important;}.has-purple-50-color{color: var(--wp--preset--color--purple-50) !important;}.has-purple-100-color{color: var(--wp--preset--color--purple-100) !important;}.has-purple-200-color{color: var(--wp--preset--color--purple-200) !important;}.has-purple-300-color{color: var(--wp--preset--color--purple-300) !important;}.has-purple-400-color{color: var(--wp--preset--color--purple-400) !important;}.has-purple-500-color{color: var(--wp--preset--color--purple-500) !important;}.has-purple-600-color{color: var(--wp--preset--color--purple-600) !important;}.has-purple-700-color{color: var(--wp--preset--color--purple-700) !important;}.has-purple-800-color{color: var(--wp--preset--color--purple-800) !important;}.has-purple-900-color{color: var(--wp--preset--color--purple-900) !important;}.has-pink-50-color{color: var(--wp--preset--color--pink-50) !important;}.has-pink-100-color{color: var(--wp--preset--color--pink-100) !important;}.has-pink-200-color{color: var(--wp--preset--color--pink-200) !important;}.has-pink-300-color{color: var(--wp--preset--color--pink-300) !important;}.has-pink-400-color{color: var(--wp--preset--color--pink-400) !important;}.has-pink-500-color{color: var(--wp--preset--color--pink-500) !important;}.has-pink-600-color{color: var(--wp--preset--color--pink-600) !important;}.has-pink-700-color{color: var(--wp--preset--color--pink-700) !important;}.has-pink-800-color{color: var(--wp--preset--color--pink-800) !important;}.has-pink-900-color{color: var(--wp--preset--color--pink-900) !important;}.has-rose-100-color{color: var(--wp--preset--color--rose-100) !important;}.has-rose-200-color{color: var(--wp--preset--color--rose-200) !important;}.has-rose-500-color{color: var(--wp--preset--color--rose-500) !important;}.has-rose-600-color{color: var(--wp--preset--color--rose-600) !important;}.has-rose-900-color{color: var(--wp--preset--color--rose-900) !important;}.has-rose-950-color{color: var(--wp--preset--color--rose-950) !important;}.has-gray-50-color{color: var(--wp--preset--color--gray-50) !important;}.has-gray-100-color{color: var(--wp--preset--color--gray-100) !important;}.has-gray-200-color{color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-color{color: var(--wp--preset--color--gray-300) !important;}.has-gray-400-color{color: var(--wp--preset--color--gray-400) !important;}.has-gray-500-color{color: var(--wp--preset--color--gray-500) !important;}.has-gray-600-color{color: var(--wp--preset--color--gray-600) !important;}.has-gray-700-color{color: var(--wp--preset--color--gray-700) !important;}.has-gray-800-color{color: var(--wp--preset--color--gray-800) !important;}.has-gray-900-color{color: var(--wp--preset--color--gray-900) !important;}.has-neutral-50-color{color: var(--wp--preset--color--neutral-50) !important;}.has-neutral-100-color{color: var(--wp--preset--color--neutral-100) !important;}.has-neutral-200-color{color: var(--wp--preset--color--neutral-200) !important;}.has-neutral-300-color{color: var(--wp--preset--color--neutral-300) !important;}.has-neutral-400-color{color: var(--wp--preset--color--neutral-400) !important;}.has-neutral-500-color{color: var(--wp--preset--color--neutral-500) !important;}.has-neutral-600-color{color: var(--wp--preset--color--neutral-600) !important;}.has-neutral-700-color{color: var(--wp--preset--color--neutral-700) !important;}.has-neutral-800-color{color: var(--wp--preset--color--neutral-800) !important;}.has-neutral-900-color{color: var(--wp--preset--color--neutral-900) !important;}.has-neutral-950-color{color: var(--wp--preset--color--neutral-950) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-primary-dark-color{color: var(--wp--preset--color--primary-dark) !important;}.has-primary-light-color{color: var(--wp--preset--color--primary-light) !important;}.has-primary-lighter-color{color: var(--wp--preset--color--primary-lighter) !important;}.has-primary-lightest-color{color: var(--wp--preset--color--primary-lightest) !important;}.has-primary-rgb-color{color: var(--wp--preset--color--primary-rgb) !important;}.has-green-color{color: var(--wp--preset--color--green) !important;}.has-green-dark-color{color: var(--wp--preset--color--green-dark) !important;}.has-green-darker-color{color: var(--wp--preset--color--green-darker) !important;}.has-green-darkest-color{color: var(--wp--preset--color--green-darkest) !important;}.has-green-light-color{color: var(--wp--preset--color--green-light) !important;}.has-green-bright-color{color: var(--wp--preset--color--green-bright) !important;}.has-green-neon-color{color: var(--wp--preset--color--green-neon) !important;}.has-green-mint-color{color: var(--wp--preset--color--green-mint) !important;}.has-green-pastel-color{color: var(--wp--preset--color--green-pastel) !important;}.has-green-alt-color{color: var(--wp--preset--color--green-alt) !important;}.has-green-medium-color{color: var(--wp--preset--color--green-medium) !important;}.has-green-muted-color{color: var(--wp--preset--color--green-muted) !important;}.has-green-forest-color{color: var(--wp--preset--color--green-forest) !important;}.has-green-vivid-color{color: var(--wp--preset--color--green-vivid) !important;}.has-green-nature-color{color: var(--wp--preset--color--green-nature) !important;}.has-red-color{color: var(--wp--preset--color--red) !important;}.has-red-dark-color{color: var(--wp--preset--color--red-dark) !important;}.has-red-darker-color{color: var(--wp--preset--color--red-darker) !important;}.has-red-darkest-color{color: var(--wp--preset--color--red-darkest) !important;}.has-red-light-color{color: var(--wp--preset--color--red-light) !important;}.has-red-bright-color{color: var(--wp--preset--color--red-bright) !important;}.has-red-neon-color{color: var(--wp--preset--color--red-neon) !important;}.has-red-mint-color{color: var(--wp--preset--color--red-mint) !important;}.has-red-pastel-color{color: var(--wp--preset--color--red-pastel) !important;}.has-red-alt-color{color: var(--wp--preset--color--red-alt) !important;}.has-red-medium-color{color: var(--wp--preset--color--red-medium) !important;}.has-red-muted-color{color: var(--wp--preset--color--red-muted) !important;}.has-red-forest-color{color: var(--wp--preset--color--red-forest) !important;}.has-red-vivid-color{color: var(--wp--preset--color--red-vivid) !important;}.has-red-nature-color{color: var(--wp--preset--color--red-nature) !important;}.has-red-mist-color{color: var(--wp--preset--color--red-mist) !important;}.has-red-mist-dark-color{color: var(--wp--preset--color--red-mist-dark) !important;}.has-dark-color{color: var(--wp--preset--color--dark) !important;}.has-dark-100-color{color: var(--wp--preset--color--dark-100) !important;}.has-dark-200-color{color: var(--wp--preset--color--dark-200) !important;}.has-dark-300-color{color: var(--wp--preset--color--dark-300) !important;}.has-dark-400-color{color: var(--wp--preset--color--dark-400) !important;}.has-dark-500-color{color: var(--wp--preset--color--dark-500) !important;}.has-dark-600-color{color: var(--wp--preset--color--dark-600) !important;}.has-dark-700-color{color: var(--wp--preset--color--dark-700) !important;}.has-dark-800-color{color: var(--wp--preset--color--dark-800) !important;}.has-dark-900-color{color: var(--wp--preset--color--dark-900) !important;}.has-gray-color{color: var(--wp--preset--color--gray) !important;}.has-gray-light-color{color: var(--wp--preset--color--gray-light) !important;}.has-secondary-color{color: var(--wp--preset--color--s
93econdary) !important;}.has-offwhite-color{color: var(--wp--preset--color--offwhite) !important;}.has-yellow-color{color: var(--wp--preset--color--yellow) !important;}.has-yellow-light-color{color: var(--wp--preset--color--yellow-light) !important;}.has-yellow-bright-color{color: var(--wp--preset--color--yellow-bright) !important;}.has-yellow-green-color{color: var(--wp--preset--color--yellow-green) !important;}.has-yellow-golden-color{color: var(--wp--preset--color--yellow-golden) !important;}.has-yellow-amber-color{color: var(--wp--preset--color--yellow-amber) !important;}.has-orange-color{color: var(--wp--preset--color--orange) !important;}.has-orange-dark-color{color: var(--wp--preset--color--orange-dark) !important;}.has-brown-dark-color{color: var(--wp--preset--color--brown-dark) !important;}.has-brown-light-color{color: var(--wp--preset--color--brown-light) !important;}.has-brown-red-color{color: var(--wp--preset--color--brown-red) !important;}.has-brown-deep-color{color: var(--wp--preset--color--brown-deep) !important;}.has-blue-color{color: var(--wp--preset--color--blue) !important;}.has-blue-dark-color{color: var(--wp--preset--color--blue-dark) !important;}.has-blue-medium-color{color: var(--wp--preset--color--blue-medium) !important;}.has-blue-deep-color{color: var(--wp--preset--color--blue-deep) !important;}.has-blue-darker-color{color: var(--wp--preset--color--blue-darker) !important;}.has-blue-navy-color{color: var(--wp--preset--color--blue-navy) !important;}.has-blue-midnight-color{color: var(--wp--preset--color--blue-midnight) !important;}.has-blue-ocean-color{color: var(--wp--preset--color--blue-ocean) !important;}.has-blue-marine-color{color: var(--wp--preset--color--blue-marine) !important;}.has-blue-teal-color{color: var(--wp--preset--color--blue-teal) !important;}.has-blue-cyan-color{color: var(--wp--preset--color--blue-cyan) !important;}.has-blue-vibrant-color{color: var(--wp--preset--color--blue-vibrant) !important;}.has-blue-indigo-color{color: var(--wp--preset--color--blue-indigo) !important;}.has-cyan-color{color: var(--wp--preset--color--cyan) !important;}.has-cyan-bright-color{color: var(--wp--preset--color--cyan-bright) !important;}.has-indigo-color{color: var(--wp--preset--color--indigo) !important;}.has-purple-color{color: var(--wp--preset--color--purple) !important;}.has-pink-color{color: var(--wp--preset--color--pink) !important;}.has-red-wine-color{color: var(--wp--preset--color--red-wine) !important;}.has-red-blood-color{color: var(--wp--preset--color--red-blood) !important;}.has-red-crimson-color{color: var(--wp--preset--color--red-crimson) !important;}.has-body-color{color: var(--wp--preset--color--body) !important;}.has-light-bg-color{color: var(--wp--preset--color--light-bg) !important;}.has-light-bg-100-color{color: var(--wp--preset--color--light-bg-100) !important;}.has-divider-color{color: var(--wp--preset--color--divider) !important;}.has-neutral-color{color: var(--wp--preset--color--neutral) !important;}.has-live-red-color{color: var(--wp--preset--color--live-red) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-tertiary-color{color: var(--wp--preset--color--tertiary) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-red-50-background-color{background-color: var(--wp--preset--color--red-50) !important;}.has-red-100-background-color{background-color: var(--wp--preset--color--red-100) !important;}.has-red-200-background-color{background-color: var(--wp--preset--color--red-200) !important;}.has-red-300-background-color{background-color: var(--wp--preset--color--red-300) !important;}.has-red-400-background-color{background-color: var(--wp--preset--color--red-400) !important;}.has-red-500-background-color{background-color: var(--wp--preset--color--red-500) !important;}.has-red-600-background-color{background-color: var(--wp--preset--color--red-600) !important;}.has-red-700-background-color{background-color: var(--wp--preset--color--red-700) !important;}.has-red-800-background-color{background-color: var(--wp--preset--color--red-800) !important;}.has-red-900-background-color{background-color: var(--wp--preset--color--red-900) !important;}.has-orange-50-background-color{background-color: var(--wp--preset--color--orange-50) !important;}.has-orange-100-background-color{background-color: var(--wp--preset--color--orange-100) !important;}.has-orange-200-background-color{background-color: var(--wp--preset--color--orange-200) !important;}.has-orange-300-background-color{background-color: var(--wp--preset--color--orange-300) !important;}.has-orange-400-background-color{background-color: var(--wp--preset--color--orange-400) !important;}.has-orange-500-background-color{background-color: var(--wp--preset--color--orange-500) !important;}.has-orange-600-background-color{background-color: var(--wp--preset--color--orange-600) !important;}.has-orange-700-background-color{background-color: var(--wp--preset--color--orange-700) !important;}.has-orange-800-background-color{background-color: var(--wp--preset--color--orange-800) !important;}.has-orange-900-background-color{background-color: var(--wp--preset--color--orange-900) !important;}.has-amber-100-background-color{background-color: var(--wp--preset--color--amber-100) !important;}.has-amber-200-background-color{background-color: var(--wp--preset--color--amber-200) !important;}.has-amber-300-background-color{background-color: var(--wp--preset--color--amber-300) !important;}.has-amber-400-background-color{background-color: var(--wp--preset--color--amber-400) !important;}.has-amber-500-background-color{background-color: var(--wp--preset--color--amber-500) !important;}.has-amber-600-background-color{background-color: var(--wp--preset--color--amber-600) !important;}.has-amber-800-background-color{background-color: var(--wp--preset--color--amber-800) !important;}.has-amber-900-background-color{background-color: var(--wp--preset--color--amber-900) !important;}.has-amber-950-background-color{background-color: var(--wp--preset--color--amber-950) !important;}.has-yellow-50-background-color{background-color: var(--wp--preset--color--yellow-50) !important;}.has-yellow-100-background-color{background-color: var(--wp--preset--color--yellow-100) !important;}.has-yellow-200-background-color{background-color: var(--wp--preset--color--yellow-200) !important;}.has-yellow-300-background-color{background-color: var(--wp--preset--color--yellow-300) !important;}.has-yellow-400-background-color{background-color: var(--wp--preset--color--yellow-400) !important;}.has-yellow-500-background-color{background-color: var(--wp--preset--color--yellow-500) !important;}.has-yellow-600-background-color{background-color: var(--wp--preset--color--yellow-600) !important;}.has-yellow-700-background-color{background-color: var(--wp--preset--color--yellow-700) !important;}.has-yellow-800-background-color{background-color: var(--wp--preset--color--yellow-800) !important;}.has-yellow-900-background-color{background-color: var(--wp--preset--color--yellow-900) !important;}.has-lime-200-background-color{background-color: var(--wp--preset--color--lime-200) !important;}.has-lime-300-background-color{background-color: var(--wp--preset--color--lime-300) !important;}.has-lime-400-background-color{background-color: var(--wp--preset--color--lime-400) !important;}.has-lime-500-background-color{background-color: var(--wp--preset--color--lime-500) !important;}.has-lime-800-background-color{background-color: var(--wp--preset--color--lime-800) !important;}.has-green-50-background-color{background-color: var(--wp--preset--color--green-50) !important;}.has-green-100-background-color{background-color: var(--wp--preset--color--green-100) !important;}.has-green-200-background-color{background-color: var(--wp--preset--color--green-200) !important;}.has-green-300-background-color{background-color: var(--wp--preset--color--green-300) !important;}.has-green-400-background-color{background-color: var(--wp--preset--color--green-400) !important;}.has-green-500-background-color{background-color: var(--wp--preset--color--green-500) !important;}.has-green-600-background-color{background-color: var(--wp--preset--color--green-600) !important;}.has-green-700-background-color{background-color: var(--wp--preset--color--green-700) !important;}.has-green-800-background-color{background-color: var(--wp--preset--color--green-800) !important;}.has-green-900-background-color{background-color: var(--wp--preset--color--green-900) !important;}.has-emerald-200-background-color{background-color: var(--wp--preset--color--emerald-200) !important;}.has-emerald-400-background-color{background-color: var(--wp--preset--color--emerald-400) !important;}.has-emerald-500-background-color{background-color: var(--wp--preset--color--emerald-500) !important;}.has-emerald-600-background-color{background-color: var(--wp--preset--color--emerald-600) !important;}.has-emerald-900-background-color{background-color: var(--wp--preset--color--emerald-900) !important;}.has-teal-50-background-color{background-color: var(--wp--preset--color--teal-50) !important;}.has-teal-100-background-color{background-color: var(--wp--preset--color--teal-100) !important;}.has-teal-200-background-color{background-color: var(--wp--preset--color--teal-200) !important;}.has-teal-300-background-color{background-color: var(--wp--preset--color--teal-300) !important;}.has-teal-400-background-color{background-color: var(--wp--preset--color--teal-400) !important;}.has-teal-500-background-color{background-color: var(--wp--preset--color--teal-500) !important;}.has-teal-600-background-color{background-color: var(--wp--preset--color--teal-600) !important;}.has-teal-700-background-color{background-color: var(--wp--preset--color--teal-700) !important;}.has-teal-800-background-color{background-color: var(--wp--preset--color--teal-800) !important;}.has-cyan-200-background-color{background-color: var(--wp--preset--color--cyan-200) !important;}.has-cyan-300-background-color{background-color: var(--wp--preset--color--cyan-300) !important;}.has-cyan-400-background-color{background-color: var(--wp--preset--color--cyan-400) !important;}.has-cyan-500-background-color{background-color: var(--wp--preset--color--cyan-500) !important;}.has-cyan-600-background-color{background-color: var(--wp--preset--color--cyan-600) !important;}.has-cyan-800-background-color{background-color: var(--wp--preset--color--cyan-800) !important;}.has-sky-400-background-color{background-color: var(--wp--preset--color--sky-400) !important;}.has-sky-500-background-color{background-color: var(--wp--preset--color--sky-500) !important;}.has-sky-600-background-color{background-color: var(--wp--preset--color--sky-600) !important;}.has-blue-50-background-color{background-color: var(--wp--preset--color--blue-50) !important;}.has-blue-100-background-color{background-color: var(--wp--preset--color--blue-100) !important;}.has-blue-200-background-color{background-color: var(--wp--preset--color--blue-200) !important;}.has-blue-300-background-color{background-color: var(--wp--preset--color--blue-300) !important;}.has-blue-400-background-color{background-color: var(--wp--preset--color--blue-400) !important;}.has-blue-500-background-color{background-color: var(--wp--preset--color--blue-500) !important;}.has-blue-600-background-color{background-color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-background-color{background-color: var(--wp--preset--color--blue-700) !important;}.has-blue-800-background-color{background-color: var(--wp--preset--color--blue-800) !important;}.has-blue-900-background-color{background-color: var(--wp--preset--color--blue-900) !important;}.has-blue-950-background-color{background-color: var(--wp--preset--color--blue-950) !important;}.has-indigo-50-background-color{background-color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-100-background-color{background-color: var(--wp--preset--color--indigo-100) !important;}.has-indigo-200-background-color{background-color: var(--wp--preset--color--indigo-200) !important;}.has-indigo-300-background-color{background-color: var(--wp--preset--color--indigo-300) !important;}.has-indigo-400-background-color{background-color: var(--wp--preset--color--indigo-400) !important;}.has-indigo-500-background-color{background-color: var(--wp--preset--color--indigo-500) !important;}.has-indigo-600-background-color{background-color: var(--wp--preset--color--indigo-600) !important;}.has-indigo-700-background-color{background-color: var(--wp--preset--color--indigo-700) !important;}.has-indigo-800-background-color{background-color: var(--wp--preset--color--indigo-800) !important;}.has-indigo-900-background-color{background-color: var(--wp--preset--color--indigo-900) !important;}.has-purple-50-background-color{background-color: var(--wp--preset--color--purple-50) !important;}.has-purple-100-background-color{background-color: var(--wp--preset--color--purple-100) !important;}.has-purple-200-background-color{background-color: var(--wp--preset--color--purple-200) !important;}.has-purple-300-background-color{background-color: var(--wp--preset--color--purple-300) !important;}.has-purple-400-background-color{background-color: var(--wp--preset--color--purple-400) !important;}.has-purple-500-background-color{background-color: var(--wp--preset--color--purple-500) !important;}.has-purple-600-background-color{background-color: var(--wp--preset--color--purple-600) !important;}.has-purple-700-background-color{background-color: var(--wp--preset--color--purple-700) !important;}.has-purple-800-background-color{background-color: var(--wp--preset--color--purple-800) !important;}.has-purple-900-background-color{background-color: var(--wp--preset--color--purple-900) !important;}.has-pink-50-background-color{background-color: var(--wp--preset--color--pink-50) !important;}.has-pink-100-background-color{background-color: var(--wp--preset--color--pink-100) !important;}.has-pink-200-background-color{background-color: var(--wp--preset--color--pink-200) !important;}.has-pink-300-background-color{background-color: var(--wp--preset--color--pink-300) !important;}.has-pink-400-background-color{background-color: var(--wp--preset--color--pink-400) !important;}.has-pink-500-background-color{background-color: var(--wp--preset--color--pink-500) !important;}.has-pink-600-background-color{background-color: var(--wp--preset--color--pink-600) !important;}.has-pink-700-background-color{background-color: var(--wp--preset--color--pink-700) !important;}.has-pink-800-background-color{background-color: var(--wp--preset--color--pink-800) !important;}.has-pink-900-background-color{background-color: var(--wp--preset--color--pink-900) !important;}.has-rose-100-background-color{background-color: var(--wp--preset--color--rose-100) !important;}.has-rose-200-background-color{background-color: var(--wp--preset--color--rose-200) !important;}.has-rose-500-background-color{background-color: var(--wp--preset--color--rose-500) !important;}.has-rose-600-background-color{background-color: var(--wp--preset--color--rose-600) !impor
93tant;}.has-rose-900-background-color{background-color: var(--wp--preset--color--rose-900) !important;}.has-rose-950-background-color{background-color: var(--wp--preset--color--rose-950) !important;}.has-gray-50-background-color{background-color: var(--wp--preset--color--gray-50) !important;}.has-gray-100-background-color{background-color: var(--wp--preset--color--gray-100) !important;}.has-gray-200-background-color{background-color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-background-color{background-color: var(--wp--preset--color--gray-300) !important;}.has-gray-400-background-color{background-color: var(--wp--preset--color--gray-400) !important;}.has-gray-500-background-color{background-color: var(--wp--preset--color--gray-500) !important;}.has-gray-600-background-color{background-color: var(--wp--preset--color--gray-600) !important;}.has-gray-700-background-color{background-color: var(--wp--preset--color--gray-700) !important;}.has-gray-800-background-color{background-color: var(--wp--preset--color--gray-800) !important;}.has-gray-900-background-color{background-color: var(--wp--preset--color--gray-900) !important;}.has-neutral-50-background-color{background-color: var(--wp--preset--color--neutral-50) !important;}.has-neutral-100-background-color{background-color: var(--wp--preset--color--neutral-100) !important;}.has-neutral-200-background-color{background-color: var(--wp--preset--color--neutral-200) !important;}.has-neutral-300-background-color{background-color: var(--wp--preset--color--neutral-300) !important;}.has-neutral-400-background-color{background-color: var(--wp--preset--color--neutral-400) !important;}.has-neutral-500-background-color{background-color: var(--wp--preset--color--neutral-500) !important;}.has-neutral-600-background-color{background-color: var(--wp--preset--color--neutral-600) !important;}.has-neutral-700-background-color{background-color: var(--wp--preset--color--neutral-700) !important;}.has-neutral-800-background-color{background-color: var(--wp--preset--color--neutral-800) !important;}.has-neutral-900-background-color{background-color: var(--wp--preset--color--neutral-900) !important;}.has-neutral-950-background-color{background-color: var(--wp--preset--color--neutral-950) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-primary-dark-background-color{background-color: var(--wp--preset--color--primary-dark) !important;}.has-primary-light-background-color{background-color: var(--wp--preset--color--primary-light) !important;}.has-primary-lighter-background-color{background-color: var(--wp--preset--color--primary-lighter) !important;}.has-primary-lightest-background-color{background-color: var(--wp--preset--color--primary-lightest) !important;}.has-primary-rgb-background-color{background-color: var(--wp--preset--color--primary-rgb) !important;}.has-green-background-color{background-color: var(--wp--preset--color--green) !important;}.has-green-dark-background-color{background-color: var(--wp--preset--color--green-dark) !important;}.has-green-darker-background-color{background-color: var(--wp--preset--color--green-darker) !important;}.has-green-darkest-background-color{background-color: var(--wp--preset--color--green-darkest) !important;}.has-green-light-background-color{background-color: var(--wp--preset--color--green-light) !important;}.has-green-bright-background-color{background-color: var(--wp--preset--color--green-bright) !important;}.has-green-neon-background-color{background-color: var(--wp--preset--color--green-neon) !important;}.has-green-mint-background-color{background-color: var(--wp--preset--color--green-mint) !important;}.has-green-pastel-background-color{background-color: var(--wp--preset--color--green-pastel) !important;}.has-green-alt-background-color{background-color: var(--wp--preset--color--green-alt) !important;}.has-green-medium-background-color{background-color: var(--wp--preset--color--green-medium) !important;}.has-green-muted-background-color{background-color: var(--wp--preset--color--green-muted) !important;}.has-green-forest-background-color{background-color: var(--wp--preset--color--green-forest) !important;}.has-green-vivid-background-color{background-color: var(--wp--preset--color--green-vivid) !important;}.has-green-nature-background-color{background-color: var(--wp--preset--color--green-nature) !important;}.has-red-background-color{background-color: var(--wp--preset--color--red) !important;}.has-red-dark-background-color{background-color: var(--wp--preset--color--red-dark) !important;}.has-red-darker-background-color{background-color: var(--wp--preset--color--red-darker) !important;}.has-red-darkest-background-color{background-color: var(--wp--preset--color--red-darkest) !important;}.has-red-light-background-color{background-color: var(--wp--preset--color--red-light) !important;}.has-red-bright-background-color{background-color: var(--wp--preset--color--red-bright) !important;}.has-red-neon-background-color{background-color: var(--wp--preset--color--red-neon) !important;}.has-red-mint-background-color{background-color: var(--wp--preset--color--red-mint) !important;}.has-red-pastel-background-color{background-color: var(--wp--preset--color--red-pastel) !important;}.has-red-alt-background-color{background-color: var(--wp--preset--color--red-alt) !important;}.has-red-medium-background-color{background-color: var(--wp--preset--color--red-medium) !important;}.has-red-muted-background-color{background-color: var(--wp--preset--color--red-muted) !important;}.has-red-forest-background-color{background-color: var(--wp--preset--color--red-forest) !important;}.has-red-vivid-background-color{background-color: var(--wp--preset--color--red-vivid) !important;}.has-red-nature-background-color{background-color: var(--wp--preset--color--red-nature) !important;}.has-red-mist-background-color{background-color: var(--wp--preset--color--red-mist) !important;}.has-red-mist-dark-background-color{background-color: var(--wp--preset--color--red-mist-dark) !important;}.has-dark-background-color{background-color: var(--wp--preset--color--dark) !important;}.has-dark-100-background-color{background-color: var(--wp--preset--color--dark-100) !important;}.has-dark-200-background-color{background-color: var(--wp--preset--color--dark-200) !important;}.has-dark-300-background-color{background-color: var(--wp--preset--color--dark-300) !important;}.has-dark-400-background-color{background-color: var(--wp--preset--color--dark-400) !important;}.has-dark-500-background-color{background-color: var(--wp--preset--color--dark-500) !important;}.has-dark-600-background-color{background-color: var(--wp--preset--color--dark-600) !important;}.has-dark-700-background-color{background-color: var(--wp--preset--color--dark-700) !important;}.has-dark-800-background-color{background-color: var(--wp--preset--color--dark-800) !important;}.has-dark-900-background-color{background-color: var(--wp--preset--color--dark-900) !important;}.has-gray-background-color{background-color: var(--wp--preset--color--gray) !important;}.has-gray-light-background-color{background-color: var(--wp--preset--color--gray-light) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-offwhite-background-color{background-color: var(--wp--preset--color--offwhite) !important;}.has-yellow-background-color{background-color: var(--wp--preset--color--yellow) !important;}.has-yellow-light-background-color{background-color: var(--wp--preset--color--yellow-light) !important;}.has-yellow-bright-background-color{background-color: var(--wp--preset--color--yellow-bright) !important;}.has-yellow-green-background-color{background-color: var(--wp--preset--color--yellow-green) !important;}.has-yellow-golden-background-color{background-color: var(--wp--preset--color--yellow-golden) !important;}.has-yellow-amber-background-color{background-color: var(--wp--preset--color--yellow-amber) !important;}.has-orange-background-color{background-color: var(--wp--preset--color--orange) !important;}.has-orange-dark-background-color{background-color: var(--wp--preset--color--orange-dark) !important;}.has-brown-dark-background-color{background-color: var(--wp--preset--color--brown-dark) !important;}.has-brown-light-background-color{background-color: var(--wp--preset--color--brown-light) !important;}.has-brown-red-background-color{background-color: var(--wp--preset--color--brown-red) !important;}.has-brown-deep-background-color{background-color: var(--wp--preset--color--brown-deep) !important;}.has-blue-background-color{background-color: var(--wp--preset--color--blue) !important;}.has-blue-dark-background-color{background-color: var(--wp--preset--color--blue-dark) !important;}.has-blue-medium-background-color{background-color: var(--wp--preset--color--blue-medium) !important;}.has-blue-deep-background-color{background-color: var(--wp--preset--color--blue-deep) !important;}.has-blue-darker-background-color{background-color: var(--wp--preset--color--blue-darker) !important;}.has-blue-navy-background-color{background-color: var(--wp--preset--color--blue-navy) !important;}.has-blue-midnight-background-color{background-color: var(--wp--preset--color--blue-midnight) !important;}.has-blue-ocean-background-color{background-color: var(--wp--preset--color--blue-ocean) !important;}.has-blue-marine-background-color{background-color: var(--wp--preset--color--blue-marine) !important;}.has-blue-teal-background-color{background-color: var(--wp--preset--color--blue-teal) !important;}.has-blue-cyan-background-color{background-color: var(--wp--preset--color--blue-cyan) !important;}.has-blue-vibrant-background-color{background-color: var(--wp--preset--color--blue-vibrant) !important;}.has-blue-indigo-background-color{background-color: var(--wp--preset--color--blue-indigo) !important;}.has-cyan-background-color{background-color: var(--wp--preset--color--cyan) !important;}.has-cyan-bright-background-color{background-color: var(--wp--preset--color--cyan-bright) !important;}.has-indigo-background-color{background-color: var(--wp--preset--color--indigo) !important;}.has-purple-background-color{background-color: var(--wp--preset--color--purple) !important;}.has-pink-background-color{background-color: var(--wp--preset--color--pink) !important;}.has-red-wine-background-color{background-color: var(--wp--preset--color--red-wine) !important;}.has-red-blood-background-color{background-color: var(--wp--preset--color--red-blood) !important;}.has-red-crimson-background-color{background-color: var(--wp--preset--color--red-crimson) !important;}.has-body-background-color{background-color: var(--wp--preset--color--body) !important;}.has-light-bg-background-color{background-color: var(--wp--preset--color--light-bg) !important;}.has-light-bg-100-background-color{background-color: var(--wp--preset--color--light-bg-100) !important;}
93.has-divider-background-color{background-color: var(--wp--preset--color--divider) !important;}.has-neutral-background-color{background-color: var(--wp--preset--color--neutral) !important;}.has-live-red-background-color{background-color: var(--wp--preset--color--live-red) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-tertiary-background-color{background-color: var(--wp--preset--color--tertiary) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-red-50-border-color{border-color: var(--wp--preset--color--red-50) !important;}.has-red-100-border-color{border-color: var(--wp--preset--color--red-100) !important;}.has-red-200-border-color{border-color: var(--wp--preset--color--red-200) !important;}.has-red-300-border-color{border-color: var(--wp--preset--color--red-300) !important;}.has-red-400-border-color{border-color: var(--wp--preset--color--red-400) !important;}.has-red-500-border-color{border-color: var(--wp--preset--color--red-500) !important;}.has-red-600-border-color{border-color: var(--wp--preset--color--red-600) !important;}.has-red-700-border-color{border-color: var(--wp--preset--color--red-700) !important;}.has-red-800-border-color{border-color: var(--wp--preset--color--red-800) !important;}.has-red-900-border-color{border-color: var(--wp--preset--color--red-900) !important;}.has-orange-50-border-color{border-color: var(--wp--preset--color--orange-50) !important;}.has-orange-100-border-color{border-color: var(--wp--preset--color--orange-100) !important;}.has-orange-200-border-color{border-color: var(--wp--preset--color--orange-200) !important;}.has-orange-300-border-color{border-color: var(--wp--preset--color--orange-300) !important;}.has-orange-400-border-color{border-color: var(--wp--preset--color--orange-400) !important;}.has-orange-500-border-color{border-color: var(--wp--preset--color--orange-500) !important;}.has-orange-600-border-color{border-color: var(--wp--preset--color--orange-600) !important;}.has-orange-700-border-color{border-color: var(--wp--preset--color--orange-700) !important;}.has-orange-800-border-color{border-color: var(--wp--preset--color--orange-800) !important;}.has-orange-900-border-color{border-color: var(--wp--preset--color--orange-900) !important;}.has-amber-100-border-color{border-color: var(--wp--preset--color--amber-100) !important;}.has-amber-200-border-color{border-color: var(--wp--preset--color--amber-200) !important;}.has-amber-300-border-color{border-color: var(--wp--preset--color--amber-300) !important;}.has-amber-400-border-color{border-color: var(--wp--preset--color--amber-400) !important;}.has-amber-500-border-color{border-color: var(--wp--preset--color--amber-500) !important;}.has-amber-600-border-color{border-color: var(--wp--preset--color--amber-600) !important;}.has-amber-800-border-color{border-color: var(--wp--preset--color--amber-800) !important;}.has-amber-900-border-color{border-color: var(--wp--preset--color--amber-900) !important;}.has-amber-950-border-color{border-color: var(--wp--preset--color--amber-950) !important;}.has-yellow-50-border-color{border-color: var(--wp--preset--color--yellow-50) !important;}.has-yellow-100-border-color{border-color: var(--wp--preset--color--yellow-100) !important;}.has-yellow-200-border-color{border-color: var(--wp--preset--color--yellow-200) !important;}.has-yellow-300-border-color{border-color: var(--wp--preset--color--yellow-300) !important;}.has-yellow-400-border-color{border-color: var(--wp--preset--color--yellow-400) !important;}.has-yellow-500-border-color{border-color: var(--wp--preset--color--yellow-500) !important;}.has-yellow-600-border-color{border-color: var(--wp--preset--color--yellow-600) !important;}.has-yellow-700-border-color{border-color: var(--wp--preset--color--yellow-700) !important;}.has-yellow-800-border-color{border-color: var(--wp--preset--color--yellow-800) !important;}.has-yellow-900-border-color{border-color: var(--wp--preset--color--yellow-900) !important;}.has-lime-200-border-color{border-color: var(--wp--preset--color--lime-200) !important;}.has-lime-300-border-color{border-color: var(--wp--preset--color--lime-300) !important;}.has-lime-400-border-color{border-color: var(--wp--preset--color--lime-400) !important;}.has-lime-500-border-color{border-color: var(--wp--preset--color--lime-500) !important;}.has-lime-800-border-color{border-color: var(--wp--preset--color--lime-800) !important;}.has-green-50-border-color{border-color: var(--wp--preset--color--green-50) !important;}.has-green-100-border-color{border-color: var(--wp--preset--color--green-100) !important;}.has-green-200-border-color{border-color: var(--wp--preset--color--green-200) !important;}.has-green-300-border-color{border-color: var(--wp--preset--color--green-300) !important;}.has-green-400-border-color{border-color: var(--wp--preset--color--green-400) !important;}.has-green-500-border-color{border-color: var(--wp--preset--color--green-500) !important;}.has-green-600-border-color{border-color: var(--wp--preset--color--green-600) !important;}.has-green-700-border-color{border-color: var(--wp--preset--color--green-700) !important;}.has-green-800-border-color{border-color: var(--wp--preset--color--green-800) !important;}.has-green-900-border-color{border-color: var(--wp--preset--color--green-900) !important;}.has-emerald-200-border-color{border-color: var(--wp--preset--color--emerald-200) !important;}.has-emerald-400-border-color{border-color: var(--wp--preset--color--emerald-400) !important;}.has-emerald-500-border-color{border-color: var(--wp--preset--color--emerald-500) !important;}.has-emerald-600-border-color{border-color: var(--wp--preset--color--emerald-600) !important;}.has-emerald-900-border-color{border-color: var(--wp--preset--color--emerald-900) !important;}.has-teal-50-border-color{border-color: var(--wp--preset--color--teal-50) !important;}.has-teal-100-border-color{border-color: var(--wp--preset--color--teal-100) !important;}.has-teal-200-border-color{border-color: var(--wp--preset--color--teal-200) !important;}.has-teal-300-border-color{border-color: var(--wp--preset--color--teal-300) !important;}.has-teal-400-border-color{border-color: var(--wp--preset--color--teal-400) !important;}.has-teal-500-border-color{border-color: var(--wp--preset--color--teal-500) !important;}.has-teal-600-border-color{border-color: var(--wp--preset--color--teal-600) !important;}.has-teal-700-border-color{border-color: var(--wp--preset--color--teal-700) !important;}.has-teal-800-border-color{border-color: var(--wp--preset--color--teal-800) !important;}.has-cyan-200-border-color{border-color: var(--wp--preset--color--cyan-200) !important;}.has-cyan-300-border-color{border-color: var(--wp--preset--color--cyan-300) !important;}.has-cyan-400-border-color{border-color: var(--wp--preset--color--cyan-400) !important;}.has-cyan-500-border-color{border-color: var(--wp--preset--color--cyan-500) !important;}.has-cyan-600-border-color{border-color: var(--wp--preset--color--cyan-600) !important;}.has-cyan-800-border-color{border-color: var(--wp--preset--color--cyan-800) !important;}.has-sky-400-border-color{border-color: var(--wp--preset--color--sky-400) !important;}.has-sky-500-border-color{border-color: var(--wp--preset--color--sky-500) !important;}.has-sky-600-border-color{border-color: var(--wp--preset--color--sky-600) !important;}.has-blue-50-border-color{border-color: var(--wp--preset--color--blue-50) !important;}.has-blue-100-border-color{border-color: var(--wp--preset--color--blue-100) !important;}.has-blue-200-border-color{border-color: var(--wp--preset--color--blue-200) !important;}.has-blue-300-border-color{border-color: var(--wp--preset--color--blue-300) !important;}.has-blue-400-border-color{border-color: var(--wp--preset--color--blue-400) !important;}.has-blue-500-border-color{border-color: var(--wp--preset--color--blue-500) !important;}.has-blue-600-border-color{border-color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-border-color{border-color: var(--wp--preset--color--blue-700) !important;}.has-blue-800-border-color{border-color: var(--wp--preset--color--blue-800) !important;}.has-blue-900-border-color{border-color: var(--wp--preset--color--blue-900) !important;}.has-blue-950-border-color{border-color: var(--wp--preset--color--blue-950) !important;}.has-indigo-50-border-color{border-color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-100-border-color{border-color: var(--wp--preset--color--indigo-100) !important;}.has-indigo-200-border-color{border-color: var(--wp--preset--color--indigo-200) !important;}.has-indigo-300-border-color{border-color: var(--wp--preset--color--indigo-300) !important;}.has-indigo-400-border-color{border-color: var(--wp--preset--color--indigo-400) !important;}.has-indigo-500-border-color{border-color: var(--wp--preset--color--indigo-500) !important;}.has-indigo-600-border-color{border-color: var(--wp--preset--color--indigo-600) !important;}.has-indigo-700-border-color{border-color: var(--wp--preset--color--indigo-700) !important;}.has-indigo-800-border-color{border-color: var(--wp--preset--color--indigo-800) !important;}.has-indigo-900-border-color{border-color: var(--wp--preset--color--indigo-900) !important;}.has-purple-50-border-color{border-color: var(--wp--preset--color--purple-50) !important;}.has-purple-100-border-color{border-color: var(--wp--preset--color--purple-100) !important;}.has-purple-200-border-color{border-color: var(--wp--preset--color--purple-200) !important;}.has-purple-300-border-color{border-color: var(--wp--preset--color--purple-300) !important;}.has-purple-400-border-color{border-color: var(--wp--preset--color--purple-400) !important;}.has-purple-500-border-color{border-color: var(--wp--preset--color--purple-500) !important;}.has-purple-600-border-color{border-color: var(--wp--preset--color--purple-600) !important;}.has-purple-700-border-color{border-color: var(--wp--preset--color--purple-700) !important;}.has-purple-800-border-color{border-color: var(--wp--preset--color--purple-800) !important;}.has-purple-900-border-color{border-color: var(--wp--preset--color--purple-900) !important;}.has-pink-50-border-color{border-color: var(--wp--preset--color--pink-50) !important;}.has-pink-100-border-color{border-color: var(--wp--preset--color--pink-100) !important;}.has-pink-200-border-color{border-color: var(--wp--preset--color--pink-200) !important;}.has-pink-300-border-color{border-color: var(--wp--preset--color--pink-300) !important;}.has-pink-400-border-color{border-color: var(--wp--preset--color--pink-400) !important;}.has-pink-500-border-color{border-color: var(--wp--preset--color--pink-500) !important;}.has-pink-600-border-color{border-color: var(--wp--preset--color--pink-600) !important;}.has-pink-700-border-color{border-color: var(--wp--preset--color--pink-700) !important;}.has-pink-800-border-color{border-color: var(--wp--preset--color--pink-800) !important;}.has-pink-900-border-color{border-color: var(--wp--preset--color--pink-900) !important;}.has-rose-100-border-color{border-color: var(--wp--preset--color--rose-100) !important;}.has-rose-200-border-color{border-color: var(--wp--preset--color--rose-200) !important;}.has-rose-500-border-color{border-color: var(--wp--preset--color--rose-500) !important;}.has-rose-600-border-color{border-color: var(--wp--preset--color--rose-600) !important;}.has-rose-900-border-color{border-color: var(--wp--preset--color--rose-900) !important;}.has-rose-950-border-color{border-color: var(--wp--preset--color--rose-950) !important;}.has-gray-50-border-color{border-color: var(--wp--preset--color--gray-50) !important;}.has-gray-100-border-color{border-color: var(--wp--preset--color--gray-100) !important;}.has-gray-200-border-color{border-color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-border-color{border-color: var(--wp--preset--color--gray-300) !important;}.has-gray-400-border-color{border-color: var(--wp--preset--color--gray-400) !important;}.has-gray-500-border-color{border-color: var(--wp--preset--color--gray-500) !important;}.has-gray-600-border-color{border-color: var(--wp--preset--color--gray-600) !important;}.has-gray-700-border-color{border-color: var(--wp--preset--color--gray-700) !important;}.has-gray-800-border-color{border-color: var(--wp--preset--color--gray-800) !important;}.has-gray-900-border-color{border-color: var(--wp--preset--color--gray-900) !important;}.has-neutral-50-border-color{border-color: var(--wp--preset--color--neutral-50) !important;}.has-neutral-100-border-color{border-color: var(--wp--preset--color--neutral-100) !important;}.has-neutral-200-border-color{border-color: var(--wp--preset--color--neutral-200) !important;}.has-neutral-300-border-color{border-color: var(--wp--preset--color--neutral-300) !important;}.has-neutral-400-border-color{border-color: var(--wp--preset--color--neutral-400) !important;}.has-neutral-500-border-color{border-color: var(--wp--preset--color--neutral-500) !important;}.has-neutral-600-border-color{border-color: var(--wp--preset--color--neutral-600) !important;}.has-neutral-700-border-color{border-color: var(--wp--preset--color--neutral-700) !important;}.has-neutral-800-border-color{border-color: var(--wp--preset--color--neutral-800) !important;}.has-neutral-900-border-color{border-color: var(--wp--preset--color--neutral-900) !important;}.has-neutral-950-border-color{border-color: var(--wp--preset--color--neutral-950) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-primary-dark-border-color{border-color: var(--wp--preset--color--primary-dark) !important;}.has-primary-light-border-color{border-color: var(--wp--preset--color--primary-light) !important;}.has-primary-lighter-border-color{border-color: var(--wp--preset--color--primary-lighter) !important;}.has-primary-lightest-border-color{border-color: var(--wp--preset--color--primary-lightest) !important;}.has-primary-rgb-border-color{border-color: var(--wp--preset--color--primary-rgb) !important;}.has-green-border-color{border-color: var(--wp--preset--color--green) !important;}.has-green-dark-border-color{border-color: var(--wp--preset--color--green-dark) !important;}.has-green-darker-border-color{border-color: var(--wp--preset--color--green-darker) !important;}.has-green-darkest-border-color{border-color: var(--wp--preset--color--green-darkest) !important;}.has-green-light-border-color{border-color: var(--wp--preset--color--green-light) !important;}.has-green-bright-border-color{border-color: var(--wp--preset--color--green-bright) !important;}.has-green-neon-border-color{border-color: var(--wp--preset--color--green-neon) !important;}.has-green-mint-border-color{border-color: var(--wp--preset--color--green-mint) !important;}.has-green-pastel-border-color{border-color: var(--wp--preset--color--green-pastel) !important;}.has-green-alt-border-color{border-color: var(--wp--preset--color--green-alt) !important;}.has-green-medium-border-color{border-color: var(--wp--preset--color--green-medium) !important;}.has-green-muted-border-color{border-color: var(--wp--preset--color--green-muted) !important;}.has-green-forest-border-col
93or{border-color: var(--wp--preset--color--green-forest) !important;}.has-green-vivid-border-color{border-color: var(--wp--preset--color--green-vivid) !important;}.has-green-nature-border-color{border-color: var(--wp--preset--color--green-nature) !important;}.has-red-border-color{border-color: var(--wp--preset--color--red) !important;}.has-red-dark-border-color{border-color: var(--wp--preset--color--red-dark) !important;}.has-red-darker-border-color{border-color: var(--wp--preset--color--red-darker) !important;}.has-red-darkest-border-color{border-color: var(--wp--preset--color--red-darkest) !important;}.has-red-light-border-color{border-color: var(--wp--preset--color--red-light) !important;}.has-red-bright-border-color{border-color: var(--wp--preset--color--red-bright) !important;}.has-red-neon-border-color{border-color: var(--wp--preset--color--red-neon) !important;}.has-red-mint-border-color{border-color: var(--wp--preset--color--red-mint) !important;}.has-red-pastel-border-color{border-color: var(--wp--preset--color--red-pastel) !important;}.has-red-alt-border-color{border-color: var(--wp--preset--color--red-alt) !important;}.has-red-medium-border-color{border-color: var(--wp--preset--color--red-medium) !important;}.has-red-muted-border-color{border-color: var(--wp--preset--color--red-muted) !important;}.has-red-forest-border-color{border-color: var(--wp--preset--color--red-forest) !important;}.has-red-vivid-border-color{border-color: var(--wp--preset--color--red-vivid) !important;}.has-red-nature-border-color{border-color: var(--wp--preset--color--red-nature) !important;}.has-red-mist-border-color{border-color: var(--wp--preset--color--red-mist) !important;}.has-red-mist-dark-border-color{border-color: var(--wp--preset--color--red-mist-dark) !important;}.has-dark-border-color{border-color: var(--wp--preset--color--dark) !important;}.has-dark-100-border-color{border-color: var(--wp--preset--color--dark-100) !important;}.has-dark-200-border-color{border-color: var(--wp--preset--color--dark-200) !important;}.has-dark-300-border-color{border-color: var(--wp--preset--color--dark-300) !important;}.has-dark-400-border-color{border-color: var(--wp--preset--color--dark-400) !important;}.has-dark-500-border-color{border-color: var(--wp--preset--color--dark-500) !important;}.has-dark-600-border-color{border-color: var(--wp--preset--color--dark-600) !important;}.has-dark-700-border-color{border-color: var(--wp--preset--color--dark-700) !important;}.has-dark-800-border-color{border-color: var(--wp--preset--color--dark-800) !important;}.has-dark-900-border-color{border-color: var(--wp--preset--color--dark-900) !important;}.has-gray-border-color{border-color: var(--wp--preset--color--gray) !important;}.has-gray-light-border-color{border-color: var(--wp--preset--color--gray-light) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-offwhite-border-color{border-color: var(--wp--preset--color--offwhite) !important;}.has-yellow-border-color{border-color: var(--wp--preset--color--yellow) !important;}.has-yellow-light-border-color{border-color: var(--wp--preset--color--yellow-light) !important;}.has-yellow-bright-border-color{border-color: var(--wp--preset--color--yellow-bright) !important;}.has-yellow-green-border-color{border-color: var(--wp--preset--color--yellow-green) !important;}.has-yellow-golden-border-color{border-color: var(--wp--preset--color--yellow-golden) !important;}.has-yellow-amber-border-color{border-color: var(--wp--preset--color--yellow-amber) !important;}.has-orange-border-color{border-color: var(--wp--preset--color--orange) !important;}.has-orange-dark-border-color{border-color: var(--wp--preset--color--orange-dark) !important;}.has-brown-dark-border-color{border-color: var(--wp--preset--color--brown-dark) !important;}.has-brown-light-border-color{border-color: var(--wp--preset--color--brown-light) !important;}.has-brown-red-border-color{border-color: var(--wp--preset--color--brown-red) !important;}.has-brown-deep-border-color{border-color: var(--wp--preset--color--brown-deep) !important;}.has-blue-border-color{border-color: var(--wp--preset--color--blue) !important;}.has-blue-dark-border-color{border-color: var(--wp--preset--color--blue-dark) !important;}.has-blue-medium-border-color{border-color: var(--wp--preset--color--blue-medium) !important;}.has-blue-deep-border-color{border-color: var(--wp--preset--color--blue-deep) !important;}.has-blue-darker-border-color{border-color: var(--wp--preset--color--blue-darker) !important;}.has-blue-navy-border-color{border-color: var(--wp--preset--color--blue-navy) !important;}.has-blue-midnight-border-color{border-color: var(--wp--preset--color--blue-midnight) !important;}.has-blue-ocean-border-color{border-color: var(--wp--preset--color--blue-ocean) !important;}.has-blue-marine-border-color{border-color: var(--wp--preset--color--blue-marine) !important;}.has-blue-teal-border-color{border-color: var(--wp--preset--color--blue-teal) !important;}.has-blue-cyan-border-color{border-color: var(--wp--preset--color--blue-cyan) !important;}.has-blue-vibrant-border-color{border-color: var(--wp--preset--color--blue-vibrant) !important;}.has-blue-indigo-border-color{border-color: var(--wp--preset--color--blue-indigo) !important;}.has-cyan-border-color{border-color: var(--wp--preset--color--cyan) !important;}.has-cyan-bright-border-color{border-color: var(--wp--preset--color--cyan-bright) !important;}.has-indigo-border-color{border-color: var(--wp--preset--color--indigo) !important;}.has-purple-border-color{border-color: var(--wp--preset--color--purple) !important;}.has-pink-border-color{border-color: var(--wp--preset--color--pink) !important;}.has-red-wine-border-color{border-color: var(--wp--preset--color--red-wine) !important;}.has-red-blood-border-color{border-color: var(--wp--preset--color--red-blood) !important;}.has-red-crimson-border-color{border-color: var(--wp--preset--color--red-crimson) !important;}.has-body-border-color{border-color: var(--wp--preset--color--body) !important;}.has-light-bg-border-color{border-color: var(--wp--preset--color--light-bg) !important;}.has-light-bg-100-border-color{border-color: var(--wp--preset--color--light-bg-100) !important;}
93.has-divider-border-color{border-color: var(--wp--preset--color--divider) !important;}.has-neutral-border-color{border-color: var(--wp--preset--color--neutral) !important;}.has-live-red-border-color{border-color: var(--wp--preset--color--live-red) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-tertiary-border-color{border-color: var(--wp--preset--color--tertiary) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool
93-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xs-font-size{font-size: var(--wp--preset--font-size--xs) !important;}.has-sm-font-size{font-size: var(--wp--preset--font-size--sm) !important;}.has-base-font-size{font-size: var(--wp--preset--font-size--base) !important;}.has-lg-font-size{font-size: var(--wp--preset--font-size--lg) !important;}.has-xl-font-size{font-size: var(--wp--preset--font-size--xl) !important;}.has-2-xl-font-size{font-size: var(--wp--preset--font-size--2-xl) !important;}.has-3-xl-font-size{font-size: var(--wp--preset--font-size--3-xl) !important;}.has-4-xl-font-size{font-size: var(--wp--preset--font-size--4-xl) !important;}.has-5-xl-font-size{font-size: var(--wp--preset--font-size--5-xl) !important;}.has-6-xl-font-size{font-size: var(--wp--preset--font-size--6-xl) !important;}.has-7-xl-font-size{font-size: var(--wp--preset--font-size--7-xl) !important;}.has-8-xl-font-size{font-size: var(--wp--preset--font-size--8-xl) !important;}.has-9-xl-font-size{font-size: var(--wp--preset--font-size--9-xl) !important;}.has-sans-font-family{font-family: var(--wp--preset--font-family--sans) !important;}.has-serif-font-family{font-family: var(--wp--preset--font-family--serif) !important;}.has-mono-font-family{font-family: var(--wp--preset--font-family--mono) !important;}
94/*# sourceURL=global-styles-inline-css */
95</style>
96
97<link rel='stylesheet' id='ba-login-monitor-css' href='https://toptrader.io/app/plugins/ba-login-monitor/public/css/ba-login-monitor-public.css?ver=1.2.9' media='all' />
98<link rel='stylesheet' id='toc-screen-css' href='https://toptrader.io/app/plugins/table-of-contents-plus/assets/screen.min.css?ver=202608.2' media='all' />
99<style id='toc-screen-inline-css'>
100div#toc_container {background: #1A1B1F;border: 1px solid #1A1B1F;}div#toc_container ul li {font-size: 100%;}div#toc_container .toc_title a:hover,div#toc_container ul.toc_list a:hover {color: #2FB925;}div#toc_container .toc_title a:hover,div#toc_container ul.toc_list a:hover {color: #2FB925;}
101/*# sourceURL=toc-screen-inline-css */
102</style>
103<script id="jquery-core-js-extra">
104var ajax_object = {"ajax_url":"https://toptrader.io/wp/wp-admin/admin-ajax.php","theme_url":"https://toptrader.io/app/themes/ba-theme","theme_path":"/var/www/toptrader.io/htdocs/src/web/app/themes/ba-theme","rest_url":"https://toptrader.io/wp-json/","nonce":"c1236bdf6e","time_since_refresh":null,"session_timeout":"7200","antlive_timezone":"Asia/Ho_Chi_Minh","antlive_timezone_offset":"7","antlive_timezone_object":{"timezone_type":3,"timezone":"Asia/Ho_Chi_Minh"},"matchApiBase":"https://seo.alpro-api-service.com","siteLang":"en","liveDataViaApi":"1","bbLiveDataViaApi":"1","liveDataMaxStale":"75","streamerOracle":"1","streamerOracleBase":"https://api-cl.alpro-api-service.com"};
105//# sourceURL=jquery-core-js-extra
106</script>
vendor: 1 bytes, line 106
106
107<script src="https://toptrader.io/wp/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
vendor: 1 bytes, line 107
107
108<script src="https://toptrader.io/wp/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
vendor: 1 bytes, line 108
108
109<script src="https://toptrader.io/app/plugins/ba-login-monitor/public/js/ba-login-monitor-public.js?ver=1.2.9" id="ba-login-monitor-js"></script>
109
110<link rel="https://api.w.org/" href="https://toptrader.io/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://toptrader.io/wp-json/wp/v2/pages/141" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://toptrader.io/wp/xmlrpc.php?rsd" />
111<meta name="generator" content="WordPress 6.9.7" />
112<meta name="keywords" content="26xoilactv.com, xoilactv, xoilactv App, xoilac tv, xoilactv Official, xoilactv Download, xoilactv chính thức">
113<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 113-114
113
114<script async src="https://www.googletagmanager.com/gtag/js?id=
114G-2GRV56Z16G
vendor: 13 bytes, line 114
114"></script>
115<script>
116  
vendor: 138 bytes, lines 116-120
116window.dataLayer = window.dataLayer || [];
117  function gtag(){dataLayer.push(arguments);}
118  gtag('js', new Date());
119
120  gtag('config', '
120G-2GRV56Z16G
vendor: 5 bytes, line 120
120');
121</script>
121<link rel="icon" href="https://cdn.toptrader.io/2026/07/cropped-xoilactv-favicon-32x32.jpeg" sizes="32x32" />
122<link rel="icon" href="https://cdn.toptrader.io/2026/07/cropped-xoilactv-favicon-192x192.jpeg" sizes="192x192" />
123<link rel="apple-touch-icon" href="https://cdn.toptrader.io/2026/07/cropped-xoilactv-favicon-180x180.jpeg" />
124<meta name="msapplication-TileImage" content="https://cdn.toptrader.io/2026/07/cropped-xoilactv-favicon-270x270.jpeg" />
125<style id="color-scheme-overrides">
126:root {
127  --color-primary: #0CC956;
128  --color-primary-dark: #069238;
129  --color-primary-light: #55D989;
130  --color-primary-lighter: #B6EFCC;
131  --color-primary-lightest: #D8F6E4;
132  --color-primary-rgb: 12, 201, 86;
133  --color-primary-contrast-rgb: 246, 246, 246;
134  --color-red: #04812E;
135  --color-red-dark: #005A19;
136  --color-red-darker: #045830;
137  --color-red-darkest: #042104;
138  --color-red-light: #17A54E;
139  --color-red-bright: #24CE67;
140  --color-red-neon: #3DD478;
141  --color-red-mint: #63DC93;
142  --color-red-pastel: #61DC91;
143  --color-red-alt: #62DC92;
144  --color-red-medium: #0F8B3B;
145  --color-red-muted: #129643;
146  --color-red-forest: #069238;
147  --color-red-vivid: #1BC543;
148  --color-red-nature: #0CC956;
149  --color-red-mist: #234D39;
150  --color-red-mist-dark: #192819;
151  --gradient-red-bright: linear-gradient(97.93deg, #1BC543 -0.71%, #069238 90.18%);
152  --gradient-red-forest: linear-gradient(180deg, #0CC956 0%, #005A19 100%);
153  --gradient-red-lime: linear-gradient(356.81deg, #61DC91 2.72%, #005A19 97.46%);
154  --gradient-red-deep: linear-gradient(356.81deg, #61DC91 2.72%, #042104 97.46%);
155  --gradient-red: linear-gradient(90deg, #069238 0%, #005A19 100%);
156  --gradient-red-nature: linear-gradient(180deg, #1A1E23 15.38%, #04812E 66.15%, #FFFFFF 83.08%, #0CC956 100%);
157  --gradient-red-dark: linear-gradient(180deg, #1BC543 0%, #1A1E23 58.7%);
158  --gradient-red-shadow: linear-gradient(180deg, #042104 39.71%, #045830 119.12%);
159  --gradient-card: linear-gradient(360deg, #1E1E24 0%, #1B1E20 100%);
160  --gradient-card-2: linear-gradient(360deg, #1B1E20 0%, #1E1E24 100%);
161  --gradient-card-red: radial-gradient(40.51% 39.8% at 50.65% 0%, #1A2523 0%, #1E1E24 100%);
162  --gradient-card-green: radial-gradient(40.51% 39.8% at 50.65% 0%, #1C2325 0%, #1E1E24 100%);
163  --gradient-card-yellow: radial-gradient(40.51% 39.8% at 50.65% 0%, #1C332A 0%, #1E1E24 100%);
164}
165</style>
166    <title>Xoilac TV Trực Tiếp</title>
167    <link rel="preload" as="style" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/app-CfvRRas2.css" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/entries/app-C0_LVLQw.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/vendor-flowbite-BTg1c-vm.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/debug-utils-DPNoUJjN.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/helper-C6s7TZM4.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/lazy-load-H3fTemXz.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/vendor-axios-DGc3PeEL.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/vendor-alpine-BpFAdBFE.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/match-api-BPtr1Y9-.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/entries/bb-match-sidebar-DNMChw6J.js" /><link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/vendor-FKnezBCi.js" /><link rel="stylesheet" href="https://toptrader.io/app/themes/ba-theme/public/build/assets/app-CfvRRas2.css" />
167<script type="module" src="https://toptrader.io/app/themes/ba-theme/public/build/entries/app-C0_LVLQw.js"></script>
167  </head>
168
169  <body class="home wp-singular page-template-default page page-id-141 wp-custom-logo wp-embed-responsive wp-theme-ba-theme">
170    
170<script type="application/ld+json">
171{
172  "@context": "https://schema.org",
173  "@graph": [
174    {
175      "@type": "Organization",
176      "@id": "https://26xoilactv.com/#organization",
177      "name": "XoilacTV",
178      "alternateName": [
179        "Xoilac TV",
180        "26XoilacTV",
181        "XoilacTV.com"
182      ],
183      "url": "https://26xoilactv.com/",
184      "logo": {
185        "@type": "ImageObject",
186        "@id": "https://26xoilactv.com/#logo",
187        "url": "https://cdn.26xoilactv.com/2026/07/cropped-xoilactv-logo.png",
188        "contentUrl": "https://cdn.26xoilactv.com/2026/07/cropped-xoilactv-logo.png"
189      },
190      "description": "XoilacTV đạt hơn 10 triệu lượt truy cập năm 2025, mang đến trải nghiệm xem bóng đá trực tuyến miễn phí với chất lượng hình ảnh Full HD 1080p.",
191      "email": "[email protected]",
192      "telephone": "+84914564013",
193      "address": {
194        "@type": "PostalAddress",
195        "streetAddress": "1 Liên Khu 2-10, Bình Hưng Hoà A",
196        "addressLocality": "Bình Tân",
197        "addressRegion": "Hồ Chí Minh",
198        "addressCountry": "VN"
199      },
200      "sameAs": [
201        "https://www.twitch.tv/26xoilactvcom/about",
202        "https://maxforlive.com/profile/user/26xoilactvcom?tab=about,",
203        "https://myanimelist.net/profile/26xoilactvcom",
204        "https://www.halaltrip.com/user/profile/371247/26xoilactvcom/",
205        "https://www.creditdisputelettertemplates.com/forums/profile/26xoilactvcom/",
206        "http://jobs.emiogp.com/author/26xoilactvcom/",
207        "https://my.usaflag.org/members/26xoilactvcom/profile/",
208        "https://medibulletin.com/author/26xoilactvcom/",
209        "https://www.lingvolive.com/ru-ru/profile/347a48c6-7a56-4d55-928f-ad4cb8ca1b87/translations",
210        "https://pad.fablab-siegen.de/s/PQvHNKQLYI",
211        "https://dinosquadsuriku.com/?26xoilactvcom",
212        "https://www.scener.com/@26xoilactvcom"
213      ]
214    },
215    {
216      "@type": "LocalBusiness",
217      "@id": "https://26xoilactv.com/#localbusiness",
218      "name": "XoilacTV",
219      "alternateName": "XoilacTV Live - Kênh Xem Bóng Đá Trực Tuyến Xôi Lạc Số 1",
220      "url": "https://26xoilactv.com/",
221      "image": "https://cdn.26xoilactv.com/2026/07/cropped-xoilactv-logo.png",
222      "logo": "https://cdn.26xoilactv.com/2026/07/cropped-xoilactv-logo.png",
223      "description": "XoilacTV đạt hơn 10 triệu lượt truy cập năm 2025, mang đến trải nghiệm xem bóng đá trực tuyến miễn phí với chất lượng hình ảnh Full HD 1080p.",
224      "telephone": "+84914564013",
225      "email": "[email protected]",
226      "address": {
227        "@type": "PostalAddress",
228        "streetAddress": "1 Liên Khu 2-10, Bình Hưng Hoà A",
229        "addressLocality": "Bình Tân",
230        "addressRegion": "Hồ Chí Minh",
231        "addressCountry": "VN"
232      },
233      "parentOrganization": {
234        "@id": "https://26xoilactv.com/#organization"
235      }
236    }
237  ]
238}
239</script>
239
240    <div id="app" x-data="{
241    isMobile: window.innerWidth < 768,
242    checkAndDispatch() {
243            this.isMobile = window.innerWidth < 768;
244            console.log('is mobile: ' + this.isMobile);
245
246        },
247    init() {
248      window.addEventListener('resize', this.checkAndDispatch.bind(this));
249    }}">
250      <a class="sr-only focus:not-sr-only" href="#main">
251        Skip to content
252      </a>
253
254      <header class="header relative z-[200]">
255    <nav class="text-white nav-menu" data-design="chroma" style="background: linear-gradient(180deg, #0c0c18 0%, #0a0a14 100%); border-bottom: 1px solid rgba(var(--color-primary-rgb), 0.12);">
256                <div class="container mx-auto">
257            <div class="main-menu flex items-center justify-between">
258                <!-- Logo -->
259                                <a href="/" data-tooltip="Xoilac TV" data-title="Xoilac TV" class="logo-link relative z-20">
260                    <div
261                        class="relative bg-transparent rounded-sm h-[40px] sm:h-[54px] flex items-center pl-4 sm:pl-8 pr-4 sm:pr-6 w-[130px] min-[375px]:w-[160px] sm:w-[198px]"
262                        >
263                                                <img src="https://cdn.toptrader.io/2026/07/cropped-xoilactv-logo.png" alt="Xoilac TV logo"
264                            class="relative z-20 w-full h-auto max-w-[90px] min-[375px]:max-w-[110px] sm:max-w-none brightness-[1.15]">
265                    </div>
266                </a>
267
268                <!-- Left Side Of Navbar - Main Menu -->
269                <div class="hidden lg:flex items-center">
270                                                            <div class="menu-primary-menu-container"><ul id="menu-primary-menu" class="topnav__menu flex flex-row gap-6"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-141 current_page_item active menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/" class="text-base font-medium text-primary border-b-2 border-primary pb-4">XOILACTV</a></div></li>
271<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/lich-thi-dau/" class="text-base text-white font-medium hover:text-primary border-b-2 border-transparent hover:border-primary pb-4 transition-all duration-200">Lịch Thi Đấu</a></div></li>
272<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/bang-xep-hang/" class="text-base text-white font-medium hover:text-primary border-b-2 border-transparent hover:border-primary pb-4 transition-all duration-200">Bảng Xếp Hạng</a></div></li>
273<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/kqbd/" class="text-base text-white font-medium hover:text-primary border-b-2 border-transparent hover:border-primary pb-4 transition-all duration-200">KQBD</a></div></li>
274<li class="menu-item menu-item-type-taxonomy menu-item-object-news_category menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/news/category/tin-tuc/" class="text-base text-white font-medium hover:text-primary border-b-2 border-transparent hover:border-primary pb-4 transition-all duration-200">tin tức</a></div></li>
275<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/khuyen-mai/" class="text-base text-white font-medium hover:text-primary border-b-2 border-transparent hover:border-primary pb-4 transition-all duration-200">Khuyến mãi</a></div></li>
276</ul></div>
277                                    </div>
278
279                <!-- Right Side Of Navbar - Buttons -->
280                <div class="topnav-btn flex items-center space-x-2 sm:space-x-3">
281
282
283                                                                                                        <a class="btn-8xbet bg-gradient-yellow-deep text-dark px-2 sm:px-4 py-1.5 sm:py-2 rounded-sm font-normal text-xs sm:text-base uppercase tracking-wide whitespace-nowrap"
284                            rel="nofollow" href="https://192.132.28.37/8xx">Cược 8xbet</a>
285                    
286                    <!-- Mobile Menu Toggle -->
287                    <button id="mobile-menu-toggle"
288                        class="navbar-toggler lg:hidden text-xl sm:text-2xl text-primary hover:text-primary-light"
289                        type="button" name="toggle-menu">
290                        <svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z"/></svg>                    </button>
291                </div>
292            </div>
293        </div>
294    </nav>
295
296    <!-- Mobile Menu (portaled out of <nav> so backdrop-filter stacking contexts can't trap it) -->
297    <div id="mobile-menu"
298        class="hidden lg:hidden fixed top-[40px] left-0 right-0 bottom-0 bg-[#0a0a14]/98 z-[140] overflow-y-auto">
299            <div class="container mx-auto px-4 py-8">
300                <div class="flex flex-col space-y-4">
301                                                            <div class="menu-primary-menu-container"><ul id="menu-primary-menu-1" class="mobile-menu flex flex-col space-y-3"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-141 current_page_item active menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/" class="text-lg font-bold text-primary flex items-center gap-3 before:content-[&#039;&#039;] before:w-1.5 before:h-6 before:bg-primary before:rounded-full">XOILACTV</a></div></li>
302<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/lich-thi-dau/" class="text-lg text-white font-medium hover:text-primary py-2 block">Lịch Thi Đấu</a></div></li>
303<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/bang-xep-hang/" class="text-lg text-white font-medium hover:text-primary py-2 block">Bảng Xếp Hạng</a></div></li>
304<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/kqbd/" class="text-lg text-white font-medium hover:text-primary py-2 block">KQBD</a></div></li>
305<li class="menu-item menu-item-type-taxonomy menu-item-object-news_category menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/news/category/tin-tuc/" class="text-lg text-white font-medium hover:text-primary py-2 block">tin tức</a></div></li>
306<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-depth-0"><div class="menu-item-content flex items-center w-full"><a href="https://toptrader.io/khuyen-mai/" class="text-lg text-white font-medium hover:text-primary py-2 block">Khuyến mãi</a></div></li>
307</ul></div>
308                    
309                    
310                                            <div class="mt-6 pt-4 border-t border-dark-600" id="mobile-hot-competitions">
311                            <div class="flex items-center gap-2 mb-4">
312                                <svg class="text-primary size-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg>                                <div class="text-white font-semibold text-sm uppercase tracking-wide">Giải đấu hot</div>
313                            </div>
314                            <div class="flex flex-col space-y-2">
315                                                                    <button type="button"
316                                        class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer"
317                                        data-league-id="4zp5rzghp5q82w1" data-league-name="Italian Serie A"
318                                        data-league-logo="https://img.thesports.com/football/competition/6b38f4015a6b3309ad9462e6ce27ae99.png">
319                                        <div
320                                            class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1">
321                                            <img src="https://img.thesports.com/football/competition/6b38f4015a6b3309ad9462e6ce27ae99.png"
322                                                alt="Italian Serie A" class="w-full h-full object-contain"
323                                                onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'">
324                                        </div>
325                                        <span
326                                            class="text-white text-sm font-medium truncate flex-1">Italian Serie A</span>
327                                                                                    <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg>                                                                            </button>
328                                                                    <button type="button"
329                                        class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer"
330                                        data-league-id="56ypq3nh0xmd7oj" data-league-name="UEFA Europa League"
331                                        data-league-logo="https://img.thesports.com/football/competition/1792ba5a12171fedc6d543bdf173f37c.png">
332                                        <div
333                                            class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1">
334                                            <img src="https://img.thesports.com/football/competition/1792ba5a12171fedc6d543bdf173f37c.png"
335                                                alt="UEFA Europa League" class="w-full h-full object-contain"
336                                                onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'">
337                                        </div>
338                                        <span
339                                            class="text-white text-sm font-medium truncate flex-1">UEFA Europa League</span>
340                                                                                    <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg>                                                                            </button>
341                                                                    <button type="button"
342                                        class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer"
343                                        data-league-id="56ypq3nhlp8md7o" data-league-name="Leagues Cup"
344                                        data-league-logo="https://img.thesports.com/football/competition/1153a2a392758c4e220c71bd57a31052.png">
345                                        <div
346                                            class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1">
347                                            <img src="https://img.thesports.com/football/competition/1153a2a392758c4e220c71bd57a31052.png"
348                                                alt="Leagues Cup" class="w-full h-full object-contain"
349                                                onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'">
350                                        </div>
351                                        <span
352                                            class="text-white text-sm font-medium truncate flex-1">Leagues Cup</span>
353                                                                                    <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg>                                                                            </button>
354                                                                    <button type="button"
355                                        class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer"
356                                        data-league-id="9k82rekhp6repzj" data-league-name="Mexico Liga MX"
357                                        data-league-logo="https://img.thesports.com/football/competition/324d7a463a24c4cd35ef83456a1b8d05.png">
358                                        <div
359                                            class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1">
360                                            <img src="https://img.thesports.com/football/competition/324d7a463a24c4cd35ef83456a1b8d05.png"
361                                                alt="Mexico Liga MX" class="w-full h-full object-contain"
362                                                onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'">
363                                        </div>
364                                        <span
365                                            class="text-white text-sm font-medium truncate flex-1">Mexico Liga MX</span>
366                                                                                    <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg>                                                                            </button>
367                                                                    <button type="button"
368                                        class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer"
369                                        data-league-id="9vjxm8gh8gr6odg" data-league-name="FA Cup"
370                                        data-league-logo="https://img.thesports.com/football/competition/184d1f93aac0dd0326583286c208c8cc.png">
371                                        <div
372                                            class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1">
373                                            <img src="https://img.thesports.com/football/competition/184d1f93aac0dd0326583286c208c8cc.png"
374                                                alt="FA Cup" class="w-full h-full object-contain"
375                                                onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'">
376                                        </div>
377                                        <span
378                                            class="text-white text-sm font-medium truncate flex-1">FA Cup</span>
379                                                                                    <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg>                                                                            </button>
380                                                                    <button type="button"
381                                        class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer"
382                                        data-league-id="gy0or5jhg6qwzv3" data-league-name="Bundesliga"
383                                        data-league-logo="https://img.thesports.com/football/competition/0c6a25cd746e802296d9064b4504179d.png">
384                                        <div
385                                            class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1">
386                                            <img src="https://img.thesports.com/football/competition/0c6a25cd746e802296d9064b4504179d.png"
387                                                alt="Bundesliga" class="w-full h-full object-contain"
388                                                onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'">
389                                        </div>
390                                        <span
391                                            class="text-white text-sm font-medium truncate flex-1">Bundesliga</span>
392                                                                                    <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg>                                                                            </button>
393                                                                    <button type="button"
394                                        class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer"
395                                        data-league-id="jednm9whz0ryox8" data-league-name="English Premier League"
396                                        data-league-logo="https://img.thesports.com/football/competition/3549f192c75cbc737a05fd51ecad383e.png">
397                                        <div
398                                            class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1">
399                                            <img src="https://img.thesports.com/football/competition/3549f192c75cbc737a05fd51ecad383e.png"
400                                                alt="English Premier League" class="w-full h-full object-contain"
401                                                onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'">
402                                        </div>
403                                        <span
404                                            class="text-white text-sm font-medium truncate flex-1">English Premier League</span>
405                                                                                    <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg>                                                                            </button>
406                                                                    <button type="button"
407                                        class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer"
408                                        data-league-id="l965mkyhnpkr1ge" data-league-name="AFC U20 Asian Cup"
409                                        data-league-logo="https://img.thesports.com/football/competition/af3b2c0bb9a577aa7471f269395d217d.png">
410                                        <div
411                                            class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1">
412                                            <img src="https://img.thesports.com/football/competition/af3b2c0bb9a577aa7471f269395d217d.png"
413                                                alt="AFC U20 Asian Cup" class="w-full h-full object-contain"
414                                                onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'">
415                                        </div>
416                                        <span
417                                            class="text-white text-sm font-medium truncate flex-1">AFC U20 Asian Cup</span>
418                                                                                    <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg>                                                                            </button>
419                                                                    <button type="button"
420                                        class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer"
421                                        data-league-id="v2y8m4zh3kql074" data-league-name="UEFA European Championship"
422                                        data-league-logo="https://img.thesports.com/football/competition/5327c6d554c3a39099cdec6f558f9c72.png">
423                                        <div
424                                            class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1">
425                                            <img src="https://img.thesports.com/football/competition/5327c6d554c3a39099cdec6f558f9c72.png"
426                                                alt="UEFA European Championship" class="w-full h-full object-contain"
427                                                onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'">
428                                        </div>
429                                        <span
430                                            class="text-white text-sm font-medium truncate flex-1">UEFA European Championship</span>
431                                                                                    <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg>                                                                            </button>
432                                                                    <button type="button"
433                                        class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer"
434                                        data-league-id="vl7oqdehlyr510j" data-league-name="Spanish La Liga"
435                                        data-league-logo="https://img.thesports.com/football/competition/1fbbb4be3b47d9465c5badecc3122e07.png">
436                                        <div
437                                            class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1">
438                                            <img src="https://img.thesports.com/football/competition/1fbbb4be3b47d9465c5badecc3122e07.png"
439                                                alt="Spanish La Liga" class="w-full h-full object-contain"
440                                                onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'">
441                                        </div>
442                                        <span
443                                            class="text-white text-sm font-medium truncate flex-1">Spanish La Liga</span>
444                                                                                    <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg>                                                                            </button>
445                                                                    <button type="button"
446                                        class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer"
447                                        data-league-id="yl5ergphnzr8k0o" data-league-name="French Ligue 1"
448                                        data-league-logo="https://img.thesports.com/football/competition/6e13222836235b121c1af3bc3055e76b.png">
449                                        <div
450                                            class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1">
451                                            <img src="https://img.thesports.com/football/competition/6e13222836235b121c1af3bc3055e76b.png"
452                                                alt="French Ligue 1" class="w-full h-full object-contain"
453                                                onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'">
454                                        </div>
455                                        <span
456                                            class="text-white text-sm font-medium truncate flex-1">French Ligue 1</span>
457                                                                                    <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg>                                                                            </button>
458                                                                    <button type="button"
459                                        class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer"
460                                        data-league-id="z318q66hegqo9jd" data-league-name="AFC Asian Cup"
461                                        data-league-logo="https://img.thesports.com/football/competition/3200aca4310585b2b3f125c681e5806d.png">
462                                        <div
463                                            class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1">
464                                            <img src="https://img.thesports.com/football/competition/3200aca4310585b2b3f125c681e5806d.png"
465                                                alt="AFC Asian Cup" class="w-full h-full object-contain"
466                                                onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'">
467                                        </div>
468                                        <span
469                                            class="text-white text-sm font-medium truncate flex-1">AFC Asian Cup</span>
470                                                                                    <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg>                                                                            </button>
471                                                                    <button type="button"
472                                        class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer"
473                                        data-league-id="z8yomo4h7wq0j6l" data-league-name="UEFA Champions League"
474                                        data-league-logo="https://img.thesports.com/football/competition/ac05535bde17129cb598311242b3afba.png">
475                                        <div
476                                            class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1">
477                                            <img src="https://img.thesports.com/football/competition/ac05535bde17129cb598311242b3afba.png"
478                                                alt="UEFA Champions League" class="w-full h-full object-contain"
479                                                onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'">
480                                        </div>
481                                        <span
482                                            class="text-white text-sm font-medium truncate flex-1">UEFA Champions League</span>
483                                                                                    <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg>                                                                            </button>
484                                                                    <button type="button"
485                                        class="hot-competition-filter flex items-center gap-3 py-2 px-3 bg-dark-700 hover:bg-dark-600 rounded-lg transition-colors duration-200 w-full text-left cursor-pointer"
486                                        data-league-id="z8yomo4hg66q0j6" data-league-name="AFC Champions League Elite"
487                                        data-league-logo="https://img.thesports.com/football/competition/bbe73e02dfd0737b98d16465ae014d9e.png">
488                                        <div
489                                            class="flex-shrink-0 w-8 h-8 bg-white rounded-md flex items-center justify-center p-1">
490                                            <img src="https://img.thesports.com/football/competition/bbe73e02dfd0737b98d16465ae014d9e.png"
491                                                alt="AFC Champions League Elite" class="w-full h-full object-contain"
492                                                onerror="this.src='https://toptrader.io/app/themes/ba-theme/public/build/assets/league-logo-9LwVsb2C.webp'">
493                                        </div>
494                                        <span
495                                            class="text-white text-sm font-medium truncate flex-1">AFC Champions League Elite</span>
496                                                                                    <svg class="text-primary flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M183.89,153.34a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68ZM216,144a88,88,0,0,1-176,0c0-27.92,11-56.47,32.66-84.85a8,8,0,0,1,11.93-.89l24.12,23.41,22-60.41a8,8,0,0,1,12.63-3.41C165.21,36,216,84.55,216,144Zm-16,0c0-46.09-35.79-85.92-58.21-106.33L119.52,98.74a8,8,0,0,1-13.09,3L80.06,76.16C64.09,99.21,56,122,56,144a72,72,0,0,0,144,0Z"/></svg>                                                                            </button>
497                                                            </div>
498                        </div>
499                                    </div>
500            </div>
501        </div>
502</header>
503<link rel="modulepreload" as="script" href="https://toptrader.io/app/themes/ba-theme/public/build/entries/header-BwkxbutL.js" />
503<script type="module" src="https://toptrader.io/app/themes/ba-theme/public/build/entries/header-BwkxbutL.js"></script>
503      
504      <main id="main" class="main px-3">
505           <div class="container mx-auto mt-4" x-data="{
506        showLiveScore: false,
507        isLoading: false,
508        activeSport: 'football',
509        init() {
510            var self = this;
511            // isLoading defaults to false — the SSR Today cards are already in the
512            // DOM, so there's no async work to gate behind window.onload. The shimmer
513            // (kept for parity) stays dormant; it is never re-shown because nothing
514            // sets isLoading = true in this component.
515
516            // Scroll on any tab click
517            document.addEventListener('click', function(e) {
518                var tab = e.target.closest('[role=\'tab\']');
519                if (tab) {
520                    setTimeout(function() {
521                        self.scrollToActiveTab();
522                    }, 100);
523                }
524            });
525
526            // Bridge sport switch to home.js polling controller
527            this.$watch('activeSport', function(value) {
528                window.dispatchEvent(new CustomEvent('sport:changed', { detail: { sport: value } }));
529            });
530        },
531        hideLoading() {
532            var self = this;
533            this.isLoading = false;
534            setTimeout(function() {
535                self.scrollToActiveTab();
536            }, 100);
537        },
538        scrollToActiveTab() {
539            // var tabs = document.querySelectorAll('[role=\'tablist\'] [aria-selected=\'true\']');
540            // for (var i = 0; i < tabs.length; i++) {
541            //     if (tabs[i].offsetParent !== null) {
542            //         tabs[i].scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });
543            //     }
544            // }
545        }
546    }">
547
548
549
550      
551      <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow noopener"
552   aria-label="Cược 8xbet"
553   class="block mb-2 sm:mb-4 rounded overflow-hidden w-full aspect-[928/90] sm:aspect-[1330/60]">
554    <picture>
555        <source srcset="https://imgixycdn.com/banner/1330x60.gif" media="(min-width: 640px)">
556        <img src="https://imgixycdn.com/banner/928x90.gif"
557             alt="Cược 8xbet"
558             class="w-full h-full block object-cover"
559             loading="lazy" decoding="async"
560             width="928" height="90">
561    </picture>
562</a>
563
564      <div class="flex items-center justify-between mb-4">
565         <h1 class="text-lg min-[375px]:text-xl sm:text-2xl font-extrabold uppercase px-3 py-2 text-white">XOILACTV</h1>
566      </div>
567
568            
569      <!-- Tabs -->
570      <div class="rounded-t-sm flex flex-col w-full" style="
571                background:
572                    linear-gradient(180deg, rgba(5,10,20,0.88) 0%, rgba(3,8,16,0.94) 55%, rgba(2,6,12,0.98) 100%),
573                    radial-gradient(circle at 50% 30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.07) 20%, transparent 52%),
574                    url(&#039;https://toptrader.io/app/themes/ba-theme/public/build/assets/gradient_theme-Ccou1Gf6.webp&#039;);
575                background-repeat: no-repeat;
576                background-size: 100% 180px;
577                background-position: center top;
578                border: 1px solid rgba(255,255,255,0.05);
579                border-bottom: none;
580            ">
581                  <!-- Sports Tabs -->
582         <div class="w-full overflow-x-auto no-scrollbar p-4 border-b border-[rgba(var(--color-primary-rgb),0.08)]">
583            <div class="flex items-center whitespace-nowrap">
584               <!-- Football -->
585               <div class="flex items-center">
586                  <button @click="activeSport = 'football'"
587                          :class="activeSport === 'football' ? '!rounded-sm bg-[rgba(var(--color-primary-rgb),1)] text-white border border-transparent gradient-bar-left' : '!rounded-sm text-gray-500 hover:text-gray-300 border border-transparent'"
588                          class="flex items-center px-4 py-2 rounded-sm tab-gradient gap-2 uppercase font-medium cursor-pointer transition-all duration-200">
589                     <svg class="w-5 h-5" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
590   <defs>
591      <linearGradient id="defaultGradient" x1="0" y1="0" x2="1" y2="1">
592         <stop offset="0%" stop-color="white" />
593         <stop offset="100%" stop-color="white" />
594      </linearGradient>
595      <linearGradient id="activeGradient" x1="0" y1="0" x2="1" y2="1">
596         <stop offset="0%" stop-color="#00FFFD" />
597         <stop offset="100%" stop-color="#00FFFD" />
598      </linearGradient>
599   </defs>
600   <path
601        d="M5.39846 0.633368C4.32475 1.06869 3.3613 1.70876 2.53515 2.53467C1.70876 3.36082 1.06941 4.32451 0.633847 5.39798C0.213355 6.4351 0 7.53106 0 8.65524C0 9.77918 0.213355 10.8751 0.633847 11.9118C1.06941 12.9855 1.70899 13.9492 2.53515 14.7751C3.3613 15.6015 4.32451 16.2411 5.39846 16.6764C6.43558 17.0974 7.5313 17.31 8.65548 17.31C9.77966 17.31 10.8751 17.0966 11.9123 16.6764C12.9857 16.2411 13.9497 15.6015 14.7756 14.7751C15.602 13.9492 16.2415 12.986 16.6769 11.9118C17.0974 10.8751 17.3102 9.77918 17.3102 8.65524C17.3102 7.53106 17.0971 6.4351 16.6769 5.39798C16.2415 4.32451 15.6015 3.36058 14.7756 2.53467C13.9497 1.70876 12.9867 1.06869 11.9123 0.633368C10.8751 0.213116 9.77966 0 8.65548 0C7.5313 0 6.43558 0.213116 5.39846 0.633368ZM2.16321 12.2988C1.74631 12.0371 1.36217 11.7357 1.02205 11.3808C0.502533 9.91887 0.414512 8.33616 0.758703 6.83383C0.920633 6.51451 1.10481 6.20787 1.31314 5.91415C1.37748 5.8235 1.43704 5.72902 1.50592 5.641L3.45913 6.79675C3.45913 6.81206 3.45913 6.8288 3.45913 6.84579C3.45411 7.8963 3.56078 8.93915 3.77318 9.96694C3.7739 9.97173 3.77462 9.97436 3.77557 9.97866L2.2608 12.3538C2.22779 12.3371 2.19502 12.3189 2.16321 12.2988ZM7.97068 16.314C8.3077 16.486 8.65428 16.6312 9.01043 16.7493C7.49757 16.8151 5.96964 16.4606 4.61895 15.6857L7.89319 16.2691C7.9183 16.2851 7.9439 16.3004 7.97068 16.314ZM7.95872 15.723L4.09489 15.0344C3.64283 14.4854 3.23621 13.9047 2.88675 13.284C2.79778 13.1261 2.69851 12.9728 2.62317 12.808L4.13651 10.4353C4.16999 10.4436 4.20731 10.4525 4.24964 10.4637C5.19635 10.717 6.1598 10.8971 7.12994 11.0383C7.18663 11.0462 7.23399 11.0531 7.27441 11.0574L9.08841 14.1939C8.77364 14.6364 8.45528 15.0765 8.12998 15.5118C8.07593 15.5843 8.01852 15.6539 7.95872 15.723ZM14.3871 14.3869C14.0795 14.6947 13.753 14.9722 13.4112 15.2195C13.3546 14.7665 13.2567 14.3225 13.1187 13.8889L15.0542 10.2781C15.5874 10.0354 16.1016 9.76005 16.579 9.41873C16.6415 9.37448 16.6934 9.32496 16.7336 9.27091C16.5934 11.1368 15.8112 12.963 14.3871 14.3869ZM14.3013 9.70408C14.3733 9.84137 14.4443 9.9801 14.5156 10.1207L12.6461 13.6081C12.6353 13.6105 12.625 13.6129 12.6143 13.6143C11.6037 13.803 10.585 13.9035 9.55769 13.9083L7.69203 10.6824C7.9824 10.1432 8.27015 9.60194 8.5555 9.06042C8.74924 8.69303 8.93963 8.32325 9.12979 7.9537L12.991 7.55713C13.4639 8.25077 13.9119 8.95925 14.3013 9.70408ZM13.5179 5.56757C13.3347 6.05144 13.138
6016 6.5303 12.9436 7.01011L9.18217 7.39639C9.1372 7.33708 9.09056 7.27871 9.04153 7.22298C8.59735 6.71997 8.15031 6.22007 7.70399 5.71873C7.70806 5.71371 7.71212 5.70988 7.71619 5.70534C7.53608 5.52547 7.35549 5.3456 7.17539 5.16525L8.22255 2.01252C8.29478 1.99339 8.3675 1.97736 8.44093 1.96947C9.01019 1.91159 9.58018 1.84605 10.1509 1.81304C10.5003 1.79343 10.8517 1.78219 11.2071 1.8073L13.798 4.72754C13.7088 5.0093 13.6217 5.29178 13.5179 5.56757ZM14.3871 2.92311C15.1018 3.63828 15.6553 4.45439 16.0466 5.32623C15.5625 4.99304 15.0449 4.71893 14.5007 4.49553C14.4161 4.46061 14.3292 4.42975 14.241 4.39938L11.6908 1.52506C11.7085 1.40092 11.7178 1.27654 11.7216 1.15121C12.6918 1.54611 13.6012 2.13738 14.3871 2.92311ZM6.05958 1.00028C6.06962 1.0077 6.07441 1.01392 6.08015 1.01559C6.66305 1.21699 7.19332 1.51358 7.69323 1.86542L6.71495 4.8115C6.70993 4.81293 6.70514 4.81437 6.70036 4.81652C6.50016 4.89928 6.29613 4.97343 6.09904 5.06312C5.287 5.43219 4.49529 5.84096 3.7495 6.33105L1.81902 5.18893C1.82189 5.12866 1.83218 5.06743 1.85275 5.01289C1.98239 4.66751 2.10987 4.3202 2.25649 3.98175C2.36939 3.72104 2.49807 3.46918 2.63848 3.22305C2.73033 3.12164 2.82552 3.02118 2.92359 2.92311C3.84039 2.00654 4.92391 1.35571 6.07751 0.970862C6.07153 0.98019 6.06532 0.989997 6.05958 1.00028Z"
602        fill="currentColor" class="svg-path" />
603</svg>                     <span>Bóng đá</span>
604                  </button>
605                  
606                  <div class="h-6 w-px border-gradient-light mx-4"></div>
607               </div>
608
609               
610               <div class="flex items-center">
611                  <button @click="activeSport = 'basketball'"
612                          :class="activeSport === 'basketball' ? '!rounded-sm bg-[rgba(var(--color-primary-rgb),1)] text-white border border-transparent gradient-bar-left' : '!rounded-sm text-gray-500 hover:text-gray-300 border border-transparent'"
613                          class="flex items-center px-4 py-2 rounded-sm tab-gradient gap-2 uppercase font-medium cursor-pointer transition-all duration-200">
614                     <svg class="w-5 h-5" width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
615   <path
616        d="M11.5137 11.3882L11.5136 11.3882L11.5119 11.3938C10.8705 13.5319 9.92941 15.3953 8.89941 16.7482C6.93669 16.5798 5.17581 15.6264 3.96898 14.2128L12.8958 7.68474C13.1152 8.03406 13.3143 8.38312 13.4932 8.73189C12.5818 9.37413 11.8843 10.3074 11.5137 11.3882ZM14.8173 14.4714C13.6609 15.7231 12.0522 16.5686 10.2682 16.733C11.176 15.379 11.9908 13.6532 12.6104 11.7648L12.6107 11.764C12.8627 10.9799 13.3487 10.2741 13.995 9.76757C14.5344 11.1338 14.8455 12.6352 14.8484 14.164C14.8214 14.2611 14.8177 14.3739 14.8173 14.4714ZM9.49987 1.1332C4.88692 1.1332 1.1332 4.88692 1.1332 9.49987C1.1332 14.1128 4.88692 17.8665 9.49987 17.8665C14.1128 17.8665 17.8665 14.1128 17.8665 9.49987C17.8665 4.88692 14.1128 1.1332 9.49987 1.1332ZM13.7921 7.04159L15.677 5.68338C16.0872 6.3315 16.3819 7.04861 16.5606 7.81514C15.84 7.81306 15.1235 7.95464 14.4733 8.24117C14.2591 7.82568 14.0255 7.43093 13.7921 7.04159ZM13.3066 3.32007C13.958 3.70996 14.5396 4.21222 15.0309 4.78729L13.1518 6.16903C12.8657 5.80967 12.5763 5.47003 12.2663 5.15111C12.7246 4.61481 13.0859 4.00447 13.3066 3.32007ZM9.49987 2.2455C10.4952 2.2455 11.4344 2.44132 12.3182 2.80663C12.1449 3.37824 11.8603 3.92231 11.485 4.38019C10.5524 3.55192 9.4829 2.86421 8.31644 2.3365C8.69502 2.27591 9.08944 2.2455 9.49987 2.2455ZM6.6006 2.84909C8.12005 3.35352 9.47245 4.13515 10.6316 5.11512C9.94043 5.58432 9.12709 5.81951 8.31268 5.81951C6.33835 5.81951 4.44391 6.06808 2.86238 6.5154C3.61899 4.88661 4.94947 3.54824 6.6006 2.84909ZM12.2856 6.81383L3.32392 13.3149C2.64121 12.2108 2.2455 10.9123 2.2455 9.49987C2.2455 8.91266 2.30158 8.35783 2.43867 7.83357C4.0339 7.26343 6.11088 6.9318 8.34393 6.9318C9.49072 6.9318 10.5755 6.54402 11.484 5.88639C11.7768 6.18731 12.0327 6.49052 12.2856 6.81383ZM16.7542 9.49987C16.7542 10.7687 16.4208 11.9662 15.8378 13.0085C15.7321 11.683 15.4169 10.407 14.9127 9.2012C15.4747 8.96015 16.1029 8.85616 16.737 8.891C16.7541 9.09006 16.7542 9.29124 16.7542 9.49987Z"
617        fill="currentColor" class="svg-path" stroke-width="0.3" />
618</svg>
618                     <span>Bóng rổ</span>
619                  </button>
620               </div>
621
622               
623               
624               
625               
626               
627               
628               
629               
630               
631               
632               
633               
634               
635               
636               
637               
638               
639               
640               
641               
642               
643               
644               
645
646
647               <!-- Livescore toggle (football only) -->
648
649               <div class="flex items-center ml-auto" x-show="activeSport === 'football'" x-cloak>
650                  <label class="relative inline-flex items-center cursor-pointer group">
651                     <input type="checkbox" class="sr-only peer" id="livescore-toggle" x-model="showLiveScore">
652                     <!-- Toggle switch - smaller on mobile -->
653                     <div class="relative w-10 h-5 sm:w-14 sm:h-7 bg-gray-700 peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-primary/30 rounded-full
654                           peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full
655                           after:content-[''] after:absolute after:top-[2px] after:start-[4px]
656                           after:bg-white after:rounded-full after:h-4 after:w-4 sm:after:h-6 sm:after:w-6
657                           after:transition-all after:duration-300 after:ease-in-out
658                           peer-checked:bg-gradient-to-r peer-checked:from-primary peer-checked:to-red-forest
659                           transition-all duration-300 shadow-inner">
660                     </div>
661                     <!-- Label text only -->
662                     <span class="ms-2 sm:ms-3 text-sm sm:text-base font-semibold text-white uppercase tracking-wide">Livescore</span>
663                  </label>
664               </div>
665            </div>
666         </div>
667
668         
669         <!-- Shimmer placeholders -->
670         <div class="shimmer-container grid grid-cols-1 sm:grid-cols-2 gap-4" style="display:none" x-show="isLoading && !showLiveScore" x-cloak>
671                           <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse"
672   style="background:
673      radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%),
674      radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%),
675      linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%);
676      border: 1px solid rgba(var(--color-primary-rgb), 0.28);">
677   <div class="flex flex-col gap-3">
678      
679      <div class="flex items-center justify-between">
680         <div class="flex items-center gap-1.5">
681            <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
682            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div>
683         </div>
684         <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);">
685            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div>
686         </div>
687      </div>
688      
689      <div class="flex items-center justify-between gap-2 py-2">
690         <div class="flex items-center justify-end gap-2 w-[40%]">
691            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
692            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
693         </div>
694         <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);">
695            <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div>
696         </div>
697         <div class="flex items-center justify-start gap-2 w-[40%]">
698            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
699            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
700         </div>
701      </div>
702      
703      <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div>
704      
705      <div class="flex items-center justify-between gap-2">
706         <div class="flex items-center gap-2">
707            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div>
708            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
709            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
710         </div>
711         <div class="flex gap-2">
712            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
713            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
714            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
715         </div>
716      </div>
717   </div>
718</div>
719                           <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse"
720   style="background:
721      radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%),
722      radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%),
723      linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%);
724      border: 1px solid rgba(var(--color-primary-rgb), 0.28);">
725   <div class="flex flex-col gap-3">
726      
727      <div class="flex items-center justify-between">
728         <div class="flex items-center gap-1.5">
729            <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
730            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div>
731         </div>
732         <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);">
733            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div>
734         </div>
735      </div>
736      
737      <div class="flex items-center justify-between gap-2 py-2">
738         <div class="flex items-center justify-end gap-2 w-[40%]">
739            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
740            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
741         </div>
742         <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);">
743            <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div>
744         </div>
745         <div class="flex items-center justify-start gap-2 w-[40%]">
746            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
747            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
748         </div>
749      </div>
750      
751      <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div>
752      
753      <div class="flex items-center justify-between gap-2">
754         <div class="flex items-center gap-2">
755            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div>
756            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
757            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
758         </div>
759         <div class="flex gap-2">
760            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
761            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
762            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
763         </div>
764      </div>
765   </div>
766</div>
767                           <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse"
768   style="background:
769      radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%),
770      radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%),
771      linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%);
772      border: 1px solid rgba(var(--color-primary-rgb), 0.28);">
773   <div class="flex flex-col gap-3">
774      
775      <div class="flex items-center justify-between">
776         <div class="flex items-center gap-1.5">
777            <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
778            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div>
779         </div>
780         <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);">
781            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div>
782         </div>
783      </div>
784      
785      <div class="flex items-center justify-between gap-2 py-2">
786         <div class="flex items-center justify-end gap-2 w-[40%]">
787            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
788            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
789         </div>
790         <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);">
791            <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div>
792         </div>
793         <div class="flex items-center justify-start gap-2 w-[40%]">
794            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
795            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
796         </div>
797      </div>
798      
799      <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div>
800      
801      <div class="flex items-center justify-between gap-2">
802         <div class="flex items-center gap-2">
803            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div>
804            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
805            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
806         </div>
807         <div class="flex gap-2">
808            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
809            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
810            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
811         </div>
812      </div>
813   </div>
814</div>
815                           <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse"
816   style="background:
817      radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%),
818      radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%),
819      linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%);
820      border: 1px solid rgba(var(--color-primary-rgb), 0.28);">
821   <div class="flex flex-col gap-3">
822      
823      <div class="flex items-center justify-between">
824         <div class="flex items-center gap-1.5">
825            <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
826            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div>
827         </div>
828         <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);">
829            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div>
830         </div>
831      </div>
832      
833      <div class="flex items-center justify-between gap-2 py-2">
834         <div class="flex items-center justify-end gap-2 w-[40%]">
835            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
836            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
837         </div>
838         <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);">
839            <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div>
840         </div>
841         <div class="flex items-center justify-start gap-2 w-[40%]">
842            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
843            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
844         </div>
845      </div>
846      
847      <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div>
848      
849      <div class="flex items-center justify-between gap-2">
850         <div class="flex items-center gap-2">
851            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div>
852            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
853            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
854         </div>
855         <div class="flex gap-2">
856            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
857            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
858            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
859         </div>
860      </div>
861   </div>
862</div>
863                           <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse"
864   style="background:
865      radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%),
866      radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%),
867      linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%);
868      border: 1px solid rgba(var(--color-primary-rgb), 0.28);">
869   <div class="flex flex-col gap-3">
870      
871      <div class="flex items-center justify-between">
872         <div class="flex items-center gap-1.5">
873            <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
874            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div>
875         </div>
876         <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);">
877            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div>
878         </div>
879      </div>
880      
881      <div class="flex items-center justify-between gap-2 py-2">
882         <div class="flex items-center justify-end gap-2 w-[40%]">
883            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
884            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
885         </div>
886         <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);">
887            <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div>
888         </div>
889         <div class="flex items-center justify-start gap-2 w-[40%]">
890            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
891            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
892         </div>
893      </div>
894      
895      <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div>
896      
897      <div class="flex items-center justify-between gap-2">
898         <div class="flex items-center gap-2">
899            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div>
900            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
901            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] ro
901unded-sm w-8"></div>
902         </div>
903         <div class="flex gap-2">
904            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
905            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
906            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
907         </div>
908      </div>
909   </div>
910</div>
911                           <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse"
912   style="background:
913      radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%),
914      radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%),
915      linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%);
916      border: 1px solid rgba(var(--color-primary-rgb), 0.28);">
917   <div class="flex flex-col gap-3">
918      
919      <div class="flex items-center justify-between">
920         <div class="flex items-center gap-1.5">
921            <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
922            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div>
923         </div>
924         <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);">
925            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div>
926         </div>
927      </div>
928      
929      <div class="flex items-center justify-between gap-2 py-2">
930         <div class="flex items-center justify-end gap-2 w-[40%]">
931            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
932            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
933         </div>
934         <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);">
935            <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div>
936         </div>
937         <div class="flex items-center justify-start gap-2 w-[40%]">
938            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
939            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
940         </div>
941      </div>
942      
943      <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div>
944      
945      <div class="flex items-center justify-between gap-2">
946         <div class="flex items-center gap-2">
947            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div>
948            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
949            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
950         </div>
951         <div class="flex gap-2">
952            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
953            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
954            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
955         </div>
956      </div>
957   </div>
958</div>
959                           <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse"
960   style="background:
961      radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%),
962      radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%),
963      linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%);
964      border: 1px solid rgba(var(--color-primary-rgb), 0.28);">
965   <div class="flex flex-col gap-3">
966      
967      <div class="flex items-center justify-between">
968         <div class="flex items-center gap-1.5">
969            <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
970            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div>
971         </div>
972         <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);">
973            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div>
974         </div>
975      </div>
976      
977      <div class="flex items-center justify-between gap-2 py-2">
978         <div class="flex items-center justify-end gap-2 w-[40%]">
979            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
980            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
981         </div>
982         <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);">
983            <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div>
984         </div>
985         <div class="flex items-center justify-start gap-2 w-[40%]">
986            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
987            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
988         </div>
989      </div>
990      
991      <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div>
992      
993      <div class="flex items-center justify-between gap-2">
994         <div class="flex items-center gap-2">
995            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div>
996            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
997            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
998         </div>
999         <div class="flex gap-2">
1000            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1001            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1002            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1003         </div>
1004      </div>
1005   </div>
1006</div>
1007                           <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse"
1008   style="background:
1009      radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%),
1010      radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%),
1011      linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%);
1012      border: 1px solid rgba(var(--color-primary-rgb), 0.28);">
1013   <div class="flex flex-col gap-3">
1014      
1015      <div class="flex items-center justify-between">
1016         <div class="flex items-center gap-1.5">
1017            <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1018            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div>
1019         </div>
1020         <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);">
1021            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div>
1022         </div>
1023      </div>
1024      
1025      <div class="flex items-center justify-between gap-2 py-2">
1026         <div class="flex items-center justify-end gap-2 w-[40%]">
1027            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
1028            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1029         </div>
1030         <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);">
1031            <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div>
1032         </div>
1033         <div class="flex items-center justify-start gap-2 w-[40%]">
1034            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1035            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
1036         </div>
1037      </div>
1038      
1039      <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div>
1040      
1041      <div class="flex items-center justify-between gap-2">
1042         <div class="flex items-center gap-2">
1043            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div>
1044            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1045            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1046         </div>
1047         <div class="flex gap-2">
1048            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1049            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1050            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1051         </div>
1052      </div>
1053   </div>
1054</div>
1055                           <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse"
1056   style="background:
1057      radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%),
1058      radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%),
1059      linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%);
1060      border: 1px solid rgba(var(--color-primary-rgb), 0.28);">
1061   <div class="flex flex-col gap-3">
1062      
1063      <div class="flex items-center justify-between">
1064         <div class="flex items-center gap-1.5">
1065            <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1066            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div>
1067         </div>
1068         <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);">
1069            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div>
1070         </div>
1071      </div>
1072      
1073      <div class="flex items-center justify-between gap-2 py-2">
1074         <div class="flex items-center justify-end gap-2 w-[40%]">
1075            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
1076            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1077         </div>
1078         <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);">
1079            <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div>
1080         </div>
1081         <div class="flex items-center justify-start gap-2 w-[40%]">
1082            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1083            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
1084         </div>
1085      </div>
1086      
1087      <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div>
1088      
1089      <div class="flex items-center justify-between gap-2">
1090         <div class="flex items-center gap-2">
1091            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div>
1092            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1093            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1094         </div>
1095         <div class="flex gap-2">
1096            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1097            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1098            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1099         </div>
1100      </div>
1101   </div>
1102</div>
1103                           <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse"
1104   style="background:
1105      radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%),
1106      radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%),
1107      linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%);
1108      border: 1px solid rgba(var(--color-primary-rgb), 0.28);">
1109   <div class="flex flex-col gap-3">
1110      
1111      <div class="flex items-center justify-between">
1112         <div class="flex items-center gap-1.5">
1113            <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1114            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div>
1115         </div>
1116         <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);">
1117            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div>
1118         </div>
1119      </div>
1120      
1121      <div class="flex items-center justify-between gap-2 py-2">
1122         <div class="flex items-center justify-end gap-2 w-[40%]">
1123            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
1124            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1125         </div>
1126         <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);">
1127            <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div>
1128         </div>
1129         <div class="flex items-center justify-start gap-2 w-[40%]">
1130            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1131            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
1132         </div>
1133      </div>
1134      
1135      <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div>
1136      
1137      <div class="flex items-center justify-between gap-2">
1138         <div class="flex items-center gap-2">
1139            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div>
1140            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1141            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1142         </div>
1143         <div class="flex gap-2">
1144            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1145            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1146            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1147         </div>
1148      </div>
1149   </div>
1150</div>
1151                           <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse"
1152   style="background:
1153      radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%),
1154      radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%),
1155      linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%);
1156      border: 1px solid rgba(var(--color-primary-rgb), 0.28);">
1157   <div class="flex flex-col gap-3">
1158      
1159      <div class="flex items-center justify-between">
1160         <div class="flex items-center gap-1.5">
1161            <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1162            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div>
1163         </div>
1164         <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);">
1165            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div>
1166         </div>
1167      </div>
1168      
1169      <div class="flex items-center justify-between gap-2 py-2">
1170         <div class="flex items-center justify-end gap-2 w-[40%]">
1171            <div class="h-4 bg-[rgba(var
1171(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
1172            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1173         </div>
1174         <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);">
1175            <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div>
1176         </div>
1177         <div class="flex items-center justify-start gap-2 w-[40%]">
1178            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1179            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
1180         </div>
1181      </div>
1182      
1183      <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div>
1184      
1185      <div class="flex items-center justify-between gap-2">
1186         <div class="flex items-center gap-2">
1187            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div>
1188            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1189            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1190         </div>
1191         <div class="flex gap-2">
1192            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1193            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1194            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1195         </div>
1196      </div>
1197   </div>
1198</div>
1199                           <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse"
1200   style="background:
1201      radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%),
1202      radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%),
1203      linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%);
1204      border: 1px solid rgba(var(--color-primary-rgb), 0.28);">
1205   <div class="flex flex-col gap-3">
1206      
1207      <div class="flex items-center justify-between">
1208         <div class="flex items-center gap-1.5">
1209            <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1210            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div>
1211         </div>
1212         <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);">
1213            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div>
1214         </div>
1215      </div>
1216      
1217      <div class="flex items-center justify-between gap-2 py-2">
1218         <div class="flex items-center justify-end gap-2 w-[40%]">
1219            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
1220            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1221         </div>
1222         <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);">
1223            <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div>
1224         </div>
1225         <div class="flex items-center justify-start gap-2 w-[40%]">
1226            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1227            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
1228         </div>
1229      </div>
1230      
1231      <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div>
1232      
1233      <div class="flex items-center justify-between gap-2">
1234         <div class="flex items-center gap-2">
1235            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div>
1236            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1237            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1238         </div>
1239         <div class="flex gap-2">
1240            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1241            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1242            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1243         </div>
1244      </div>
1245   </div>
1246</div>
1247                           <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse"
1248   style="background:
1249      radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%),
1250      radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%),
1251      linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%);
1252      border: 1px solid rgba(var(--color-primary-rgb), 0.28);">
1253   <div class="flex flex-col gap-3">
1254      
1255      <div class="flex items-center justify-between">
1256         <div class="flex items-center gap-1.5">
1257            <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1258            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div>
1259         </div>
1260         <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);">
1261            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div>
1262         </div>
1263      </div>
1264      
1265      <div class="flex items-center justify-between gap-2 py-2">
1266         <div class="flex items-center justify-end gap-2 w-[40%]">
1267            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
1268            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1269         </div>
1270         <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);">
1271            <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div>
1272         </div>
1273         <div class="flex items-center justify-start gap-2 w-[40%]">
1274            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1275            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
1276         </div>
1277      </div>
1278      
1279      <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div>
1280      
1281      <div class="flex items-center justify-between gap-2">
1282         <div class="flex items-center gap-2">
1283            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div>
1284            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1285            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1286         </div>
1287         <div class="flex gap-2">
1288            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1289            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1290            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1291         </div>
1292      </div>
1293   </div>
1294</div>
1295                           <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse"
1296   style="background:
1297      radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%),
1298      radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%),
1299      linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%);
1300      border: 1px solid rgba(var(--color-primary-rgb), 0.28);">
1301   <div class="flex flex-col gap-3">
1302      
1303      <div class="flex items-center justify-between">
1304         <div class="flex items-center gap-1.5">
1305            <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1306            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div>
1307         </div>
1308         <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);">
1309            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div>
1310         </div>
1311      </div>
1312      
1313      <div class="flex items-center justify-between gap-2 py-2">
1314         <div class="flex items-center justify-end gap-2 w-[40%]">
1315            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
1316            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1317         </div>
1318         <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);">
1319            <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div>
1320         </div>
1321         <div class="flex items-center justify-start gap-2 w-[40%]">
1322            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1323            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
1324         </div>
1325      </div>
1326      
1327      <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div>
1328      
1329      <div class="flex items-center justify-between gap-2">
1330         <div class="flex items-center gap-2">
1331            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div>
1332            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1333            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1334         </div>
1335         <div class="flex gap-2">
1336            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1337            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1338            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1339         </div>
1340      </div>
1341   </div>
1342</div>
1343                           <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse"
1344   style="background:
1345      radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%),
1346      radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%),
1347      linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%);
1348      border: 1px solid rgba(var(--color-primary-rgb), 0.28);">
1349   <div class="flex flex-col gap-3">
1350      
1351      <div class="flex items-center justify-between">
1352         <div class="flex items-center gap-1.5">
1353            <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1354            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div>
1355         </div>
1356         <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);">
1357            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div>
1358         </div>
1359      </div>
1360      
1361      <div class="flex items-center justify-between gap-2 py-2">
1362         <div class="flex items-center justify-end gap-2 w-[40%]">
1363            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
1364            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1365         </div>
1366         <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);">
1367            <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div>
1368         </div>
1369         <div class="flex items-center justify-start gap-2 w-[40%]">
1370            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1371            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
1372         </div>
1373      </div>
1374      
1375      <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div>
1376      
1377      <div class="flex items-center justify-between gap-2">
1378         <div class="flex items-center gap-2">
1379            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div>
1380            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1381            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1382         </div>
1383         <div class="flex gap-2">
1384            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1385            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1386            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1387         </div>
1388      </div>
1389   </div>
1390</div>
1391                           <div class="match-shimmer relative w-full mx-auto p-3 rounded-sm text-white animate-pulse"
1392   style="background:
1393      radial-gradient(130% 95% at 50% -30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 36%, transparent 68%),
1394      radial-gradient(120% 100% at 50% 130%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 62%),
1395      linear-gradient(180deg, rgba(6, 22, 22, 0.92) 0%, rgba(4, 18, 17, 0.95) 54%, rgba(3, 13, 14, 0.98) 100%);
1396      border: 1px solid rgba(var(--color-primary-rgb), 0.28);">
1397   <div class="flex flex-col gap-3">
1398      
1399      <div class="flex items-center justify-between">
1400         <div class="flex items-center gap-1.5">
1401            <div class="h-3.5 w-3.5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1402            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-24"></div>
1403         </div>
1404         <div class="rounded-sm px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.08);">
1405            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-16"></div>
1406         </div>
1407      </div>
1408      
1409      <div class="flex items-center justify-between gap-2 py-2">
1410         <div class="flex items-center justify-end gap-2 w-[40%]">
1411            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
1412            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1413         </div>
1414         <div class="rounded-full px-2 py-1" style="border: 1px solid rgba(var(--color-primary-rgb), 0.45); background: rgba(var(--color-primary-rgb), 0.08);">
1415            <div class="h-5 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-12"></div>
1416         </div>
1417         <div class="flex items-center justify-start gap-2 w-[40%]">
1418            <div class="h-7 w-7 sm:h-9 sm:w-9 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm"></div>
1419            <div class="h-4 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-20"></div>
1420         </div>
1421      </div>
1422      
1423      <div class="h-px w-full" style="background: rgba(var(--color-primary-rgb), 0.06);"></div>
1424      
1425      <div class="flex items-center justify-between gap-2">
1426         <div class="flex items-center gap-2">
1427            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-10"></div>
1428            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1429            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1430         </div>
1431         <div class="flex gap-2">
1432            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1433            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1434            <div class="h-3 bg-[rgba(var(--color-primary-rgb),0.06)] rounded-sm w-8"></div>
1435         </div>
1436      </div>
1437   </div>
1438</div>
1439                     </div>
1440
1441      </div>
1442
1443      <!-- Football Filter Tabs + Leagues Drop down-->
1444      <div cla
1444ss="football-section" x-show="activeSport === 'football'">
1445         <div class="w-full actual-tabs p-4 mb-4 rounded-b-sm relative isolate overflow-visible z-[130]" style="
1446                background:
1447                    linear-gradient(180deg, rgba(5,10,20,0.88) 0%, rgba(3,8,16,0.94) 55%, rgba(2,6,12,0.98) 100%),
1448                    radial-gradient(circle at 50% 30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.07) 20%, transparent 52%),
1449                    url(&#039;https://toptrader.io/app/themes/ba-theme/public/build/assets/gradient_theme-Ccou1Gf6.webp&#039;);
1450                background-repeat: no-repeat;
1451                background-size: 100% 180px;
1452                background-position: center -62px;
1453                border: 1px solid rgba(255,255,255,0.05);
1454                border-top: 1px solid rgba(255,255,255,0.04);
1455            " x-show="!isLoading && !showLiveScore">
1456            <!-- Desktop Layout - Leagues dropdown in same row as filter tabs -->
1457            <div class="hidden sm:flex items-center justify-between">
1458               <div
1459                    id="filterTabs"
1460                    class="flex-1 flex items-center space-x-4 overflow-x-auto whitespace-nowrap no-scrollbar px-3 sm:px-0"
1461                    data-tabs-toggle="#filterTabsContent"
1462                    data-tabs-active-classes="!border-[rgb(var(--color-primary-rgb))] hover:!border-primary/30 bg-[#1C242D]"
1463                    data-tabs-inactive-classes="hover:!border-primary/30 bg-[#1C242D]"
1464                    role="tablist"
1465                    style="-webkit-overflow-scrolling: touch;"
1466               >
1467                  <!-- Live Tab -->
1468                  
1469                  <button id="live-tab"
1470                          data-tabs-target="#live-content"
1471                          type="button"
1472                          role="tab"
1473                          aria-controls="live-content"
1474                          class="flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent">
1475                     <svg class="w-12 h-5" width="50" height="18" viewBox="0 0 50 18" fill="none" xmlns="http://www.w3.org/2000/svg">
1476<path d="M11.962 14V4.77H13.756V12.427H18.462V14H11.962ZM19.5538 14V4.77H21.3478V14H19.5538ZM24.2225 4.77L26.7185 11.868L29.1885 4.77H31.0735L27.5765 14H25.8475L22.3375 4.77H24.2225ZM38.4677 12.427V14H32.0587V4.77H38.3507V6.343H33.8527V8.566H37.7397V10.022H33.8527V12.427H38.4677Z" fill="white"/>
1477<path d="M5.49408 14.1756C5.63601 14.3189 5.80017 14.402 5.98657 14.4248C6.17297 14.4477 6.3378 14.3937 6.48108 14.2627C6.54728 14.1862 6.6108 14.0988 6.67162 14.0003C6.73245 13.9019 6.76313 13.7978 6.76367 13.6881C6.764 13.6223 6.74792 13.5454 6.71543 13.4575C6.68295 13.3695 6.65034 13.309 6.61759 13.276C6.07221 12.626 5.66979 11.9108 5.41032 11.1306C5.13981 10.3613 5.00653 9.57617 5.01047 8.77528C5.01441 7.97438 5.15543 7.18515 5.43354 6.40755C5.70063 5.64086 6.11003 4.93523 6.66177 4.29063C6.8051 4.14871 6.86629 3.97621 6.84535 3.77313C6.8244 3.57006 6.74289 3.41332 6.6008 3.30291C6.45888 3.15958 6.28638 3.09839 6.08331 3.11933C5.88024 3.14028 5.72349 3.22179 5.61308 3.36388C4.93996 4.15051 4.43654 5.00927 4.10282 5.9402C3.75808 6.88205 3.58334 7.83295 3.57862 8.79292C3.5739 9.7529 3.72836 10.6944 4.04199 11.6176C4.36653 12.5517 4.85056 13.4044 5.49408 
147714.1756ZM3.02467 0.964877C2.04268 2.0901 1.3015 3.33169 0.801108 4.68969C0.300715 6.04768 0.0470433 7.4343 0.0400831 8.84958C0.0331229 10.2649 0.273145 11.6539 0.760156 13.0167C1.24711 14.3906 1.97604 15.6394 2.94697 16.7632C3.0889 16.9066 3.25306 16.9897 3.43946 17.0125C3.62586 17.0354 3.79072 16.9759 3.93405 16.8339C4.04424 16.7357 4.11874 16.6456 4.15755 16.5635C4.19635 16.4814 4.21602 16.3855 4.21656 16.2758C4.21689 16.21 4.20356 16.1303 4.17659 16.037C4.14963 15.9436 4.11439 15.8584 4.07088 15.7814C3.1981 14.7787 2.54526 13.6728 2.11235 12.4639C1.67939 11.2658 1.46597 10.0442 1.47209 8.79902C1.47822 7.55379 1.70364 6.33435 2.14837 5.14065C2.59309 3.94696 3.25669 2.86407 4.13919 1.89195C4.28251 1.75003 4.34366 1.58576 4.32264 1.39914C4.30161 1.21253 4.22014 1.04756 4.07822 0.904229C3.90338 0.760741 3.71995 0.691269 3.52793 0.695811C3.33591 0.700353 3.16816 0.79004 3.02467 0.964877Z" fill="var(--color-primary, #FF3333)"/>
1478<path d="M44.5059 14.1756C44.364 14.3189 44.1998 14.402 44.0134 14.4248C43.827 14.4477 43.6622 14.3937 43.5189 14.2627C43.4527 14.1862 43.3892 14.0988 43.3284 14.0003C43.2675 13.9019 43.2369 13.7978 43.2363 13.6881C43.236 13.6223 43.2521 13.5454 43.2846 13.4575C43.317 13.3695 43.3497 13.309 43.3824 13.276C43.9278 12.626 44.3302 11.9108 44.5897 11.1306C44.8602 10.3613 44.9935 9.57617 44.9895 8.77528C44.9856 7.97438 44.8446 7.18515 44.5665 6.40755C44.2994 5.64086 43.89 4.93523 43.3382 4.29063C43.1949 4.14871 43.1337 3.97621 43.1547 3.77313C43.1756 3.57006 43.2571 3.41332 43.3992 3.30291C43.5411 3.15958 43.7136 3.09839 43.9167 3.11933C44.1198 3.14028 44.2765 3.22179 44.3869 3.36388C45.06 4.15051 45.5635 5.00927 45.8972 5.9402C46.2419 6.88205 46.4167 7.83295 46.4214 8.79292C46.4261 9.7529 46.2716 10.6944 45.958 11.6176C45.6335 12.5517 45.1494 13.4044 44.5059 14.1756ZM46.9753 0.964876C47.9573 2.0901 48.6985 3.33169 49.1989 4.68969C49.6993 6.04768 49.953 7.4343 49.9599 8.84958C49.9669 10.2649 49.7269 11.6539 49.2398 13.0167C48.7529 14.3906 48.024 15.6394 47.053 16.7632C46.9111 16.9066 46.7469 16.9897 46.5605 17.0125C46.3741 17.0354 46.2093 16.9759 46.066 16.8339C45.9558 16.7357 45.8813 16.6456 45.8425 16.5635C45.8036 16.4814 45.784 16.3855 45.7834 16.2758C45.7831 16.21 45.7964 16.1303 45.8234 16.037C45.8504 15.9436 45.8856 15.8584 45.9291 15.7814C46.8019 14.7787 47.4547 13.6728 47.8876 12.4639C48.3206 11.2658 48.534 10.0442 48.5279 8.79902C48.5218 7.55379 48.2964 6.33435 47.8516 5.14065C47.4069 3.94696 46.7433 2.86407 45.8608 1.89195C45.7175 1.75003 45.6563 1.58576 45.6774 1.39914C45.6984 1.21253 45.7799 1.04756 45.9218 0.904229C46.0966 0.760741 46.28 0.691268 46.4721 0.69581C46.6641 0.700352 46.8318 0.790039 46.9753 0.964876Z" fill="var(--color-primary, #FF3333)"/>
1479</svg>
1480                     <span class="live-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">16</span>
1481                  </button>
1482                  <!-- Upcoming Tab -->
1483                  <button id="upcoming-tab"
1484                          data-tabs-target="#upcoming-content"
1485                          type="button"
1486                          role="tab"
1487                          aria-controls="upcoming-content"
1488                          class="flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent">
1489                     <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
1490<g clip-path="url(#clip-cal-6ac96c42a12d5)">
1491<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42a12d5-p)"/>
1492<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
1492762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42a12d5-a)"/>
1493</g>
1494<defs>
1495<linearGradient id="cal-6ac96c42a12d5-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse">
1496<stop stop-color="var(--color-primary, #FA6668)"/>
1497<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/>
1498</linearGradient>
1499<linearGradient id="cal-6ac96c42a12d5-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse">
1500<stop stop-color="var(--color-primary-lighter, #FFBD00)"/>
1501<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/>
1502</linearGradient>
1503<clipPath id="clip-cal-6ac96c42a12d5">
1504<rect width="15" height="15" fill="white"/>
1505</clipPath>
1506</defs>
1507</svg>
1508                     <span>Sắp tới</span>
1509                     <span class="upcoming-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">1260</span>
1510                  </button>
1511                  <!-- Hot Matches Tab -->
1512                  <button id="hot-tab"
1513                          data-tabs-target="#hot-content"
1514                          type="button"
1515                          role="tab"
1516                          aria-controls="hot-content"
1517                          class="flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent">
1518                     <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
1519<path d="M11.6409 4.64024C11.5044 4.57717 11.3452 4.58789 11.2191 4.66772C11.0925 4.74841 11.0157 4.8883 11.0157 5.03851V5.77148C11.0157 6.01395 10.8187 6.21094 10.5762 6.21094C10.3591 6.21094 10.1754 6.05473 10.1398 5.8423C9.78223 3.62613 8.15402 0 7.5 0C6.84598 0 5.21777 3.62613 4.8607 5.83972C4.82467 6.05473 4.64098 6.21094 4.42383 6.21094C4.18137 6.21094 3.98438 6.01395 3.98438 5.77148V5.03848C3.98438 4.88827 3.90756 4.74838 3.78097 4.6677C3.65438 4.58786 3.496 4.57714 3.35912 4.64021C1.86308 5.33804 0.908203 8.37902 0.908203 10.166C0.908203 13.0121 3.61875 15 7.5 15C11.3812 15 14.0918 13.0121 14.0918 10.166C14.0918 8.37902 13.1369 5.33804 11.6409 4.64024Z" fill="url(#fire-6ac96c42a13be-p)"/>
1520<path d="M9.63161 9.05622C9.55137 8.92661 9.41016 8.84766 9.25781 8.84766H8.28279L7.92615 7.42287C7.88154 7.24433 7.73089 7.11258 7.54808 7.09243C7.3614 7.07312 7.18931 7.1688 7.1069 7.33275L5.34908 10.8484C5.28085 10.9844 5.28815 11.1462 5.36839 11.2758C5.44864 11.4054 5.58985 11.4844 5.74219 11.4844H6.71722L7.07385 12.9092C7.11847 13.0877 7.26911 13.2195 7.45193 13.2396C7.63998 13.2594 7.81248 13.1601 7.89311 12.9993L9.65092 9.48367C9.71915 9.34761 9.71186 9.18583 9.63161 9.05622Z" fill="url(#fire-6ac96c42a13be-a)"/>
1521<defs>
1522<linearGradient id="fire-6ac96c42a13be-p" x1="7.5" y1="0" x2="7.5" y2="15" gradientUnits="userSpaceOnUse">
1523<stop stop-color="var(--color-primary, #FA6668)"/>
1524<stop offset="1" stop-color="var(--color-red-dark, #FF0500)"/>
1525</linearGradient>
1526<linearGradient id="fire-6ac96c42a13be-a" x1="7.5" y1="13.2421" x2="7.5" y2="7.08996" gradientUnits="userSpaceOnUse">
1527<stop stop-color="#FFBD00"/>
1528<stop offset="1" stop-color="#FFFF58"/>
1529</linearGradient>
1530</defs>
1531</svg>
1532                     <span>Trận Hot</span>
1533                     <span class="hot-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">106</span>
1534                  </button>
1535                  <!-- Commentator Tab -->
1536                  <button id="commentator-tab"
1537                          data-tabs-target="#commentator-content"
1538                          type="button"
1539                          role="tab"
1540                          aria-controls="commentator-content"
1541                          class="flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent">
1542                     <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
1543<path d="M11.8945 5.27344C11.6516 5.27344 11.4551 5.46999 11.4551 5.71289V6.15234H10.1367C9.89382 6.15234 9.69727 6.3489 9.69727 6.5918C9.69727 6.8347 9.89382 7.03125 10.1367 7.03125H11.4551V9.28711C11.4551 10.9831 10.0749 12.3633 8.37891 12.3633H6.62109C4.92507 12.3633 3.54492 10.9831 3.54492 9.28711V7.03125H4.86328C5.10618 7.03125 5.30273 6.8347 5.30273 6.5918C5.30273 6.3489 5.10618 6.15234 4.86328 6.15234H3.54492V5.71289C3.54492 5.46999 3.34837 5.27344 3.10547 5.27344C2.86257 5.27344 2.66602 5.46999 2.66602 5.71289V9.28711C2.66602 11.4681 4.44015 13.2422 6.62109 13.2422H7.06055V14.5605C7.06055 14.8034 7.2571 15 7.5 15C7.7429 15 7.93945 14.8034 7.93945 14.5605V13.2422H8.37891C10.5599 13.2422 12.334 11.4681 12.334 9.28711V5.71289C12.334 5.46999 12.1374 5.27344 11.8945 5.27344ZM4.42383 7.4707V9.28711C4.42383 10.5 5.4082 11.4844 6.62109 11.4844H8.37891C9.5918 11.4844 10.5762 10.5 10.5762 9.28711V7.4707L7.67435 6.5918L4.42383 7.4707ZM5.74219 5.71289C5.74219 6.1974 6.13614 6.5918 6.62
1543109 6.5918C7.10604 6.5918 7.5 6.1974 7.5 5.71289C7.5 5.22838 7.10604 4.83398 6.62109 4.83398C6.13614 4.83398 5.74219 5.22838 5.74219 5.71289ZM7.5 5.71289C7.5 6.1974 7.89396 6.5918 8.37891 6.5918C8.86386 6.5918 9.25781 6.1974 9.25781 5.71289C9.25781 5.22838 8.86386 4.83398 8.37891 4.83398C7.89396 4.83398 7.5 5.22838 7.5 5.71289ZM7.5 3.95508C7.5 3.47057 7.10604 3.07617 6.62109 3.07617C6.13614 3.07617 5.74219 3.47057 5.74219 3.95508C5.74219 4.43959 6.13614 4.83398 6.62109 4.83398C7.10604 4.83398 7.5 4.43959 7.5 3.95508ZM7.5 3.95508C7.5 4.43959 7.89396 4.83398 8.37891 4.83398C8.86386 4.83398 9.25781 4.43959 9.25781 3.95508C9.25781 3.47057 8.86386 3.07617 8.37891 3.07617C7.89396 3.07617 7.5 3.47057 7.5 3.95508ZM7.5 2.19727C7.5 1.71275 7.10604 1.31836 6.62109 1.31836C6.13614 1.31836 5.74219 1.71275 5.74219 2.19727C5.74219 2.68178 6.13614 3.07617 6.62109 3.07617C7.10604 3.07617 7.5 2.68178 7.5 2.19727ZM8.37891 3.07617C8.86386 3.07617 9.25781 2.68178 9.25781 2.19727C9.25781 1.71275 8.86386 1.31836 8.37891 1.31836C7.89396 1.31836 7.5 1.71275 7.5 2.19727C7.5 2.68178 7.89396 3.07617 8.37891 3.07617Z" fill="url(#mic-6ac96c42a14bb-a)"/>
1544<path d="M10.1367 14.1211H4.86328C4.62038 14.1211 4.42383 14.3176 4.42383 14.5605C4.42383 14.8034 4.62038 15 4.86328 15H10.1367C10.3796 15 10.5762 14.8034 10.5762 14.5605C10.5762 14.3176 10.3796 14.1211 10.1367 14.1211ZM8.37891 0H6.62109C5.4082 0 4.42383 0.984375 4.42383 2.19727V7.4707H10.5762V2.19727C10.5762 0.984375 9.5918 0 8.37891 0ZM6.62109 6.15234C6.3784 6.15234 6.18164 5.95559 6.18164 5.71289C6.18164 5.47014 6.3784 5.27344 6.62109 5.27344C6.86379 5.27344 7.06055 5.47014 7.06055 5.71289C7.06055 5.95559 6.86379 6.15234 6.62109 6.15234ZM6.62109 4.39453C6.3784 4.39453 6.18164 4.19777 6.18164 3.95508C6.18164 3.71232 6.3784 3.51562 6.62109 3.51562C6.86379 3.51562 7.06055 3.71232 7.06055 3.95508C7.06055 4.19777 6.86379 4.39453 6.62109 4.39453ZM6.62109 2.63672C6.3784 2.63672 6.18164 2.43996 6.18164 2.19727C6.18164 1.95451 6.3784 1.75781 6.62109 1.75781C6.86379 1.75781 7.06055 1.95451 7.06055 2.19727C7.06055 2.43996 6.86379 2.63672 6.62109 2.63672ZM8.37891 6.15234C8.13621 6.15234 7.93945 5.95559 7.93945 5.71289C7.93945 5.47014 8.13621 5.27344 8.37891 5.27344C8.6216 5.27344 8.81836 5.47014 8.81836 5.71289C8.81836 5.95559 8.6216 6.15234 8.37891 6.15234ZM8.37891 4.39453C8.13621 4.39453 7.93945 4.19777 7.93945 3.95508C7.93945 3.71232 8.13621 3.51562 8.37891 3.51562C8.6216 3.51562 8.81836 3.71232 8.81836 3.95508C8.81836 4.19777 8.6216 4.39453 8.37891 4.39453ZM8.37891 2.63672C8.13621 2.63672 7.93945 2.43996 7.93945 2.19727C7.93945 1.95451 8.13621 1.75781 8.37891 1.75781C8.6216 1.75781 8.81836 1.95451 8.81836 2.19727C8.81836 2.43996 8.6216 2.63672 8.37891 2.63672Z" fill="url(#mic-6ac96c42a14bb-p)"/>
1545<defs>
1546<linearGradient id="mic-6ac96c42a14bb-a" x1="7.5" y1="15" x2="7.5" y2="1.31836" gradientUnits="userSpaceOnUse">
1547<stop stop-color="#FFBD00"/>
1548<stop offset="1" stop-color="#FFFF58"/>
1549</linearGradient>
1550<linearGradient id="mic-6ac96c42a14bb-p" x1="7.5" y1="0" x2="7.5" y2="15" gradientUnits="userSpaceOnUse">
1551<stop stop-color="var(--color-primary, #FA6668)"/>
1552<stop offset="1" stop-color="var(--color-red-dark, #FF0500)"/>
1553</linearGradient>
1554</defs>
1555</svg>
1556                     <span>BLV Xoilac TV</span>
1557                     <span class="commentator-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">8</span>
1558                  </button>
1559                  <!-- Today's Matches Tab -->
1560                  <button id="today-tab"
1561                          data-tabs-target="#today-content"
1562                          type="button"
1563                          role="tab"
1564                          aria-controls="today-content"
1565                          aria-selected="true"
1566                          class="flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent">
1567                     <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
1568<g clip-path="url(#clip-cal-6ac96c42a153b)">
1569<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42a153b-p)"/>
1570<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
1570762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42a153b-a)"/>
1571</g>
1572<defs>
1573<linearGradient id="cal-6ac96c42a153b-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse">
1574<stop stop-color="var(--color-primary, #FA6668)"/>
1575<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/>
1576</linearGradient>
1577<linearGradient id="cal-6ac96c42a153b-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse">
1578<stop stop-color="var(--color-primary-lighter, #FFBD00)"/>
1579<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/>
1580</linearGradient>
1581<clipPath id="clip-cal-6ac96c42a153b">
1582<rect width="15" height="15" fill="white"/>
1583</clipPath>
1584</defs>
1585</svg>
1586                     <span>Hôm nay</span>
1587                     <span class="today-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">1312</span>
1588                  </button>
1589                  <!-- Tomorrow's Matches Tab -->
1590                  <button id="tomorrow-tab"
1591                          data-tabs-target="#tomorrow-content"
1592                          type="button"
1593                          role="tab"
1594                          aria-controls="tomorrow-content"
1595                          data-date="2026-10-11"
1596                          class="tomorrow-tab flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent">
1597                     <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
1598<g clip-path="url(#clip-cal-6ac96c42a15fb)">
1599<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42a15fb-p)"/>
1600<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
1600762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42a15fb-a)"/>
1601</g>
1602<defs>
1603<linearGradient id="cal-6ac96c42a15fb-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse">
1604<stop stop-color="var(--color-primary, #FA6668)"/>
1605<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/>
1606</linearGradient>
1607<linearGradient id="cal-6ac96c42a15fb-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse">
1608<stop stop-color="var(--color-primary-lighter, #FFBD00)"/>
1609<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/>
1610</linearGradient>
1611<clipPath id="clip-cal-6ac96c42a15fb">
1612<rect width="15" height="15" fill="white"/>
1613</clipPath>
1614</defs>
1615</svg>
1616                     <span>Ngày mai</span>
1617                     <span class="tomorrow-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">0</span>
1618                  </button>
1619               </div>
1620               <!-- Leagues Dropdown - Desktop -->
1621               <div class="relative ml-4 leagues-dropdown-desktop z-[140]" x-data="{ open: false }">
1622                  <button @click="open = !open"
1623                          class="group flex items-center gap-2 px-4 py-2 bg-[#0c0c18] w-2xs border border-[rgba(var(--color-primary-rgb),0.1)] rounded-sm hover:border-primary/30 font-medium rounded-lg cursor-pointer">
1624                     <svg class="w-5 h-5" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1625<g clip-path="url(#clip-gear-6ac96c42a16f1)">
1626<path d="M16.502 7.0472H14.8102C14.6546 6.37307 14.388 5.72183 14.0262 5.12895L15.2207 3.93394C15.4153 3.7394 15.4153 3.4242 15.2207 3.22967L13.8122 1.82112C13.6176 1.62659 13.3024 1.62659 13.1079 1.82112L11.9221 3.00595C11.3278 2.63533 10.6731 2.36151 9.99414 2.20004V0.498047C9.99414 0.22276 9.77138 0 9.49609 0H7.50391C7.22862 0 7.00586 0.22276 7.00586 0.498047V2.20001C6.32689 2.36147 5.67222 2.6353 5.07789 3.00591L3.8921 1.82109C3.69757 1.62655 3.38237 1.62655 3.18783 1.82109L1.77929 3.22967C1.68592 3.32304 1.63336 3.44951 1.63336 3.58179C1.63336 3.71407 1.68589 3.84054 1.77929 3.93391L2.9748 5.12846C2.61295 5.72087 2.3464 6.37261 2.18978 7.0472H0.498047C0.22276 7.0472 0 7.26996 0 7.54524V9.53743C0 9.81272 0.22276 10.0355 0.498047 10.0355H2.20924C2.3717 10.6994 2.64211 11.3399 3.00591 11.9226L1.77929 13.1492C1.58475 13.3438 1.58475 13.659 1.77929 13.8535L3.18783 15.262C3.38237 15.4566 3.69757 15.4566 3.8921 15.262L5.12846 14.0257C5.70918 14.3803 6.34635 14.6434 7.00586 14.8V16.502C7.00586 16.7772 7.22862 17 7.50391 17H9.49609C9.77138 17 9.99414 16.7772 9.99414 16.502V14.8C10.6537 14.6434 11.2908 14.3802 11.8715 14.0257L13.1079 15.262C13.3024 15.4566 13.6176 15.4566 13.8122 15.262L15.2207 13.8535C15.4152 13.659 15.4152 13.3438 15.2207 13.1492L13.9941 11.9226C14.3579 11.3399 14.6283 10.6994 14.7908 10.0355H16.502C16.7772 10.0355 17 9.81272 17 9.53743V7.54524C17 7.26996 16.7772 7.0472 16.502 7.0472Z" fill="url(#gear-6ac96c42a16f1-p)"/>
1627<path d="M8.49805 4.01758C6.02777 4.01758 4.01562 6.02965 4.01562 8.5C4.01562 10.9703 6.02777 12.9824 8.49805 12.9824C10.9683 12.9824 12.9805 10.9703 12.9805 8.5C12.9805 6.02965 10.9683 4.01758 8.49805 4.01758ZM10.4902 8.99805H8.49805C8.21911 8.99805 8 8.77887 8 8.5V6.50781C8 6.22887 8.21911 6.00977 8.49805 6.00977C8.77699 6.00977 8.99609 6.22887 8.99609 6.50781V8.00195H10.4902C10.7692 8.00195 10.9883 8.22106 10.9883 8.5C10.9883 8.77887 10.7692 8.99805 10.4902 8.99805Z" fill="url(#gear-6ac96c42a16f1-a)"/>
1628</g>
1629<defs>
1630<linearGradient id="gear-6ac96c42a16f1-p" x1="8.5" y1="17" x2="8.5" y2="0" gradientUnits="userSpaceOnUse">
1631<stop stop-color="var(--color-red-dark, #FD5900)"/>
1632<stop offset="1" stop-color="var(--color-primary, #FF3333)"/>
1633</linearGradient>
1634<linearGradient id="gear-6ac96c42a16f1-a" x1="8.49805" y1="12.9824" x2="8.49805" y2="4.01758" gradientUnits="userSpaceOnUse">
1635<stop stop-color="#FFE59A"/>
1636<stop offset="1" stop-color="#FFFFD5"/>
1637</linearGradient>
1638<clipPath id="clip-gear-6ac96c42a16f1">
1639<rect width="17" height="17" fill="white"/>
1640</clipPath>
1641</defs>
1642</svg>
1643                     <span class="selected-league">Giải đấu</span>
1644                     <svg class="w-4 h-4 transition-transform duration-200 transform group-hover:rotate-180"
1645                          fill="none" stroke="var(--color-primary, #FF0000)" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1646                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
1647                     </svg>
1648                  </button>
1649                  <div x-show="open"
1650                       @click.away="open = false"
1651                       x-transition:enter="transition ease-out duration-100"
1652                       x-transition:enter-start="transform opacity-0 scale-95"
1653                       x-transition:enter-end="transform opacity-100 scale-100"
1654                       x-transition:leave="transition ease-in duration-75"
1655                       x-transition:leave-start="transform opacity-100 scale-100"
1656                       x-transition:leave-end="transform opacity-0 scale-95"
1657                       class="absolute right-0 mt-2 w-96 origin-top-right rounded-sm bg-[#0a0a14] shadow-lg border border-[rgba(var(--color-primary-rgb),0.1)] focus:outline-none z-[140] max-h-96 overflow-y-auto no-scrollbar"
1658                       style="display:none;
1659                
1660            "
1661                       role="menu"
1662                       aria-orientation="vertical"
1663                       aria-labelledby="leagues-menu-button"
1664                       tabindex="-1">
1665                     <div class="py-1" role="none">
1666                        <div class="px-4 py-2 text-base font-medium border-b border-divider uppercase">Chọn giải đấu</div>
1667                        <div class="px-4 py-2 border-b border-divider">
1668                           <input
1669                                type="text"
1670                                placeholder="Search leagues..."
1671                                class="w-full rounded-lg bg-dark-500 text-white px-4 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-primary leagues-search-input border border-divider"
1672                                autocomplete="off"
1673                           />
1674                        </div>
1675                        <div class="text-sm leagues-list divide-y divide-divider">
1676                           
1677                        </div>
1678                     </div>
1679                  </div>
1680               </div>
1681            </div>
1682            <!-- Mobile Layout - Full width leagues dropdown below scrollable tabs -->
1683            <div class="sm:hidden space-y-4">
1684               <!-- Scrollable Filter Tabs - Mobile -->
1685               <div class="w-full overflow-x-auto no-scrollbar" style="-webkit-overflow-scrolling: touch;">
1686                  <div id="filterTabsMobile"
1687                       class="inline-flex items-center space-x-4"
1688                       data-tabs-toggle="#filterTabsContent"
1689                       data-tabs-active-classes="!border-[rgb(var(--color-primary-rgb))] hover:!border-primary/30 bg-[#1C242D]"
1690                       data-tabs-inactive-classes="hover:!border-primary/30 bg-[#1C242D]"
1691                       role="tablist">
1692                     <!-- Live Tab -->
1693                     <button id="live-tab-mobile"
1694                             data-tabs-target="#live-content"
1695                             type="button"
1696                             role="tab"
1697                             aria-controls="live-content"
1698                             class="flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient cursor-pointer">
1699                        <svg class="w-12 h-5" width="50" height="18" viewBox="0 0 50 18" fill="none" xmlns="http://www.w3.org/2000/svg">
1700<path d="M11.962 14V4.77H13.756V12.427H18.462V14H11.962ZM19.5538 14V4.77H21.3478V14H19.5538ZM24.2225 4.77L26.7185 11.868L29.1885 4.77H31.0735L27.5765 14H25.8475L22.3375 4.77H24.2225ZM38.4677 12.427V14H32.0587V4.77H38.3507V6.343H33.8527V8.566H37.7397V10.022H33.8527V12.427H38.4677Z" fill="white"/>
1701<path d="M5.49408 14.1756C5.63601 14.3189 5.80017 14.402 5.98657 14.4248C6.17297 14.4477 6.3378 14.3937 6.48108 14.2627C6.54728 14.1862 6.6108 14.0988 6.67162 14.0003C6.73245 13.9019 6.76313 13.7978 6.76367 13.6881C6.764 13.6223 6.74792 13.5454 6.71543 13.4575C6.68295 13.3695 6.65034 13.309 6.61759 13.276C6.07221 12.626 5.66979 11.9108 5.41032 11.1306C5.13981 10.3613 5.00653 9.57617 5.01047 8.77528C5.01441 7.97438 5.15543 7.18515 5.43354 6.40755C5.70063 5.64086 6.11003 4.93523 6.66177 4.29063C6.8051 4.14871 6.86629 3.97621 6.84535 3.77313C6.8244 3.57006 6.74289 3.41332 6.6008 3.30291C6.45888 3.15958 6.28638 3.09839 6.08331 3.11933C5.88024 3.14028 5.72349 3.22179 5.61308 3.36388C4.93996 4.15051 4.43654 5.00927 4.10282 5.9402C3.75808 6.88205 3.58334 7.83295 3.57862 8.79292C3.5739 9.7529 3.72836 10.6944 4.04199 11.6176C4.36653 12.5517 4.85056 13.4044 5.49408 
170114.1756ZM3.02467 0.964877C2.04268 2.0901 1.3015 3.33169 0.801108 4.68969C0.300715 6.04768 0.0470433 7.4343 0.0400831 8.84958C0.0331229 10.2649 0.273145 11.6539 0.760156 13.0167C1.24711 14.3906 1.97604 15.6394 2.94697 16.7632C3.0889 16.9066 3.25306 16.9897 3.43946 17.0125C3.62586 17.0354 3.79072 16.9759 3.93405 16.8339C4.04424 16.7357 4.11874 16.6456 4.15755 16.5635C4.19635 16.4814 4.21602 16.3855 4.21656 16.2758C4.21689 16.21 4.20356 16.1303 4.17659 16.037C4.14963 15.9436 4.11439 15.8584 4.07088 15.7814C3.1981 14.7787 2.54526 13.6728 2.11235 12.4639C1.67939 11.2658 1.46597 10.0442 1.47209 8.79902C1.47822 7.55379 1.70364 6.33435 2.14837 5.14065C2.59309 3.94696 3.25669 2.86407 4.13919 1.89195C4.28251 1.75003 4.34366 1.58576 4.32264 1.39914C4.30161 1.21253 4.22014 1.04756 4.07822 0.904229C3.90338 0.760741 3.71995 0.691269 3.52793 0.695811C3.33591 0.700353 3.16816 0.79004 3.02467 0.964877Z" fill="var(--color-primary, #FF3333)"/>
1702<path d="M44.5059 14.1756C44.364 14.3189 44.1998 14.402 44.0134 14.4248C43.827 14.4477 43.6622 14.3937 43.5189 14.2627C43.4527 14.1862 43.3892 14.0988 43.3284 14.0003C43.2675 13.9019 43.2369 13.7978 43.2363 13.6881C43.236 13.6223 43.2521 13.5454 43.2846 13.4575C43.317 13.3695 43.3497 13.309 43.3824 13.276C43.9278 12.626 44.3302 11.9108 44.5897 11.1306C44.8602 10.3613 44.9935 9.57617 44.9895 8.77528C44.9856 7.97438 44.8446 7.18515 44.5665 6.40755C44.2994 5.64086 43.89 4.93523 43.3382 4.29063C43.1949 4.14871 43.1337 3.97621 43.1547 3.77313C43.1756 3.57006 43.2571 3.41332 43.3992 3.30291C43.5411 3.15958 43.7136 3.09839 43.9167 3.11933C44.1198 3.14028 44.2765 3.22179 44.3869 3.36388C45.06 4.15051 45.5635 5.00927 45.8972 5.9402C46.2419 6.88205 46.4167 7.83295 46.4214 8.79292C46.4261 9.7529 46.2716 10.6944 45.958 11.6176C45.6335 12.5517 45.1494 13.4044 44.5059 14.1756ZM46.9753 0.964876C47.9573 2.0901 48.6985 3.33169 49.1989 4.68969C49.6993 6.04768 49.953 7.4343 49.9599 8.84958C49.9669 10.2649 49.7269 11.6539 49.2398 13.0167C48.7529 14.3906 48.024 15.6394 47.053 16.7632C46.9111 16.9066 46.7469 16.9897 46.5605 17.0125C46.3741 17.0354 46.2093 16.9759 46.066 16.8339C45.9558 16.7357 45.8813 16.6456 45.8425 16.5635C45.8036 16.4814 45.784 16.3855 45.7834 16.2758C45.7831 16.21 45.7964 16.1303 45.8234 16.037C45.8504 15.9436 45.8856 15.8584 45.9291 15.7814C46.8019 14.7787 47.4547 13.6728 47.8876 12.4639C48.3206 11.2658 48.534 10.0442 48.5279 8.79902C48.5218 7.55379 48.2964 6.33435 47.8516 5.14065C47.4069 3.94696 46.7433 2.86407 45.8608 1.89195C45.7175 1.75003 45.6563 1.58576 45.6774 1.39914C45.6984 1.21253 45.7799 1.04756 45.9218 0.904229C46.0966 0.760741 46.28 0.691268 46.4721 0.69581C46.6641 0.700352 46.8318 0.790039 46.9753 0.964876Z" fill="var(--color-primary, #FF3333)"/>
1703</svg>
1704                        <span class="live-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">16</span>
1705                     </button>
1706                     <!-- Upcoming Tab -->
1707                     <button id="upcoming-tab-mobile"
1708                             data-tabs-target="#upcoming-content"
1709                             type="button"
1710                             role="tab"
1711                             aria-controls="upcoming-content"
1712                             class="flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient cursor-pointer">
1713                        <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
1714<g clip-path="url(#clip-cal-6ac96c42a180a)">
1715<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42a180a-p)"/>
1716<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
1716762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42a180a-a)"/>
1717</g>
1718<defs>
1719<linearGradient id="cal-6ac96c42a180a-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse">
1720<stop stop-color="var(--color-primary, #FA6668)"/>
1721<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/>
1722</linearGradient>
1723<linearGradient id="cal-6ac96c42a180a-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse">
1724<stop stop-color="var(--color-primary-lighter, #FFBD00)"/>
1725<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/>
1726</linearGradient>
1727<clipPath id="clip-cal-6ac96c42a180a">
1728<rect width="15" height="15" fill="white"/>
1729</clipPath>
1730</defs>
1731</svg>
1732                        <span>Sắp tới</span>
1733                        <span class="upcoming-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">1260</span>
1734                     </button>
1735                     <!-- Hot Matches Tab -->
1736                     <button id="hot-tab-mobile"
1737                             data-tabs-target="#hot-content"
1738                             type="button"
1739                             role="tab"
1740                             aria-controls="hot-content"
1741                             class="flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient cursor-pointer">
1742                        <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
1743<path d="M11.6409 4.64024C11.5044 4.57717 11.3452 4.58789 11.2191 4.66772C11.0925 4.74841 11.0157 4.8883 11.0157 5.03851V5.77148C11.0157 6.01395 10.8187 6.21094 10.5762 6.21094C10.3591 6.21094 10.1754 6.05473 10.1398 5.8423C9.78223 3.62613 8.15402 0 7.5 0C6.84598 0 5.21777 3.62613 4.8607 5.83972C4.82467 6.05473 4.64098 6.21094 4.42383 6.21094C4.18137 6.21094 3.98438 6.01395 3.98438 5.77148V5.03848C3.98438 4.88827 3.90756 4.74838 3.78097 4.6677C3.65438 4.58786 3.496 4.57714 3.35912 4.64021C1.86308 5.33804 0.908203 8.37902 0.908203 10.166C0.908203 13.0121 3.61875 15 7.5 15C11.3812 15 14.0918 13.0121 14.0918 10.166C14.0918 8.37902 13.1369 5.33804 11.6409 4.64024Z" fill="url(#fire-6ac96c42a188d-p)"/>
1744<path d="M9.63161 9.05622C9.55137 8.92661 9.41016 8.84766 9.25781 8.84766H8.28279L7.92615 7.42287C7.88154 7.24433 7.73089 7.11258 7.54808 7.09243C7.3614 7.07312 7.18931 7.1688 7.1069 7.33275L5.34908 10.8484C5.28085 10.9844 5.28815 11.1462 5.36839 11.2758C5.44864 11.4054 5.58985 11.4844 5.74219 11.4844H6.71722L7.07385 12.9092C7.11847 13.0877 7.26911 13.2195 7.45193 13.2396C7.63998 13.2594 7.81248 13.1601 7.89311 12.9993L9.65092 9.48367C9.71915 9.34761 9.71186 9.18583 9.63161 9.05622Z" fill="url(#fire-6ac96c42a188d-a)"/>
1745<defs>
1746<linearGradient id="fire-6ac96c42a188d-p" x1="7.5" y1="0" x2="7.5" y2="15" gradientUnits="userSpaceOnUse">
1747<stop stop-color="var(--color-primary, #FA6668)"/>
1748<stop offset="1" stop-color="var(--color-red-dark, #FF0500)"/>
1749</linearGradient>
1750<linearGradient id="fire-6ac96c42a188d-a" x1="7.5" y1="13.2421" x2="7.5" y2="7.08996" gradientUnits="userSpaceOnUse">
1751<stop stop-color="#FFBD00"/>
1752<stop offset="1" stop-color="#FFFF58"/>
1753</linearGradient>
1754</defs>
1755</svg>
1756                        <span>Trận Hot</span>
1757                        <span class="hot-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">106</span>
1758                     </button>
1759                     <!-- Commentator Tab -->
1760                     <button id="commentator-tab-mobile"
1761                             data-tabs-target="#commentator-content"
1762                             type="button"
1763                             role="tab"
1764                             aria-controls="commentator-content"
1765                             class="flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient cursor-pointer">
1766                        <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
1767<path d="M11.8945 5.27344C11.6516 5.27344 11.4551 5.46999 11.4551 5.71289V6.15234H10.1367C9.89382 6.15234 9.69727 6.3489 9.69727 6.5918C9.69727 6.8347 9.89382 7.03125 10.1367 7.03125H11.4551V9.28711C11.4551 10.9831 10.0749 12.3633 8.37891 12.3633H6.62109C4.92507 12.3633 3.54492 10.9831 3.54492 9.28711V7.03125H4.86328C5.10618 7.03125 5.30273 6.8347 5.30273 6.5918C5.30273 6.3489 5.10618 6.15234 4.86328 6.15234H3.54492V5.71289C3.54492 5.46999 3.34837 5.27344 3.10547 5.27344C2.86257 5.27344 2.66602 5.46999 2.66602 5.71289V9.28711C2.66602 11.4681 4.44015 13.2422 6.62109 13.2422H7.06055V14.5605C7.06055 14.8034 7.2571 15 7.5 15C7.7429 15 7.93945 14.8034 7.93945 14.5605V13.2422H8.37891C10.5599 13.2422 12.334 11.4681 12.334 9.28711V5.71289C12.334 5.46999 12.1374 5.27344 11.8945 5.27344ZM4.42383 7.4707V9.28711C4.42383 10.5 5.4082 11.4844 6.62109 11.4844H8.37891C9.5918 11.4844 10.5762 10.5 10.5762 9.28711V7.4707L7.67435 6.5918L4.42383 7.4707ZM5.74219 5.71289C5.74219 6.1974 6.13614 6.5918 6.62
1767109 6.5918C7.10604 6.5918 7.5 6.1974 7.5 5.71289C7.5 5.22838 7.10604 4.83398 6.62109 4.83398C6.13614 4.83398 5.74219 5.22838 5.74219 5.71289ZM7.5 5.71289C7.5 6.1974 7.89396 6.5918 8.37891 6.5918C8.86386 6.5918 9.25781 6.1974 9.25781 5.71289C9.25781 5.22838 8.86386 4.83398 8.37891 4.83398C7.89396 4.83398 7.5 5.22838 7.5 5.71289ZM7.5 3.95508C7.5 3.47057 7.10604 3.07617 6.62109 3.07617C6.13614 3.07617 5.74219 3.47057 5.74219 3.95508C5.74219 4.43959 6.13614 4.83398 6.62109 4.83398C7.10604 4.83398 7.5 4.43959 7.5 3.95508ZM7.5 3.95508C7.5 4.43959 7.89396 4.83398 8.37891 4.83398C8.86386 4.83398 9.25781 4.43959 9.25781 3.95508C9.25781 3.47057 8.86386 3.07617 8.37891 3.07617C7.89396 3.07617 7.5 3.47057 7.5 3.95508ZM7.5 2.19727C7.5 1.71275 7.10604 1.31836 6.62109 1.31836C6.13614 1.31836 5.74219 1.71275 5.74219 2.19727C5.74219 2.68178 6.13614 3.07617 6.62109 3.07617C7.10604 3.07617 7.5 2.68178 7.5 2.19727ZM8.37891 3.07617C8.86386 3.07617 9.25781 2.68178 9.25781 2.19727C9.25781 1.71275 8.86386 1.31836 8.37891 1.31836C7.89396 1.31836 7.5 1.71275 7.5 2.19727C7.5 2.68178 7.89396 3.07617 8.37891 3.07617Z" fill="url(#mic-6ac96c42a1906-a)"/>
1768<path d="M10.1367 14.1211H4.86328C4.62038 14.1211 4.42383 14.3176 4.42383 14.5605C4.42383 14.8034 4.62038 15 4.86328 15H10.1367C10.3796 15 10.5762 14.8034 10.5762 14.5605C10.5762 14.3176 10.3796 14.1211 10.1367 14.1211ZM8.37891 0H6.62109C5.4082 0 4.42383 0.984375 4.42383 2.19727V7.4707H10.5762V2.19727C10.5762 0.984375 9.5918 0 8.37891 0ZM6.62109 6.15234C6.3784 6.15234 6.18164 5.95559 6.18164 5.71289C6.18164 5.47014 6.3784 5.27344 6.62109 5.27344C6.86379 5.27344 7.06055 5.47014 7.06055 5.71289C7.06055 5.95559 6.86379 6.15234 6.62109 6.15234ZM6.62109 4.39453C6.3784 4.39453 6.18164 4.19777 6.18164 3.95508C6.18164 3.71232 6.3784 3.51562 6.62109 3.51562C6.86379 3.51562 7.06055 3.71232 7.06055 3.95508C7.06055 4.19777 6.86379 4.39453 6.62109 4.39453ZM6.62109 2.63672C6.3784 2.63672 6.18164 2.43996 6.18164 2.19727C6.18164 1.95451 6.3784 1.75781 6.62109 1.75781C6.86379 1.75781 7.06055 1.95451 7.06055 2.19727C7.06055 2.43996 6.86379 2.63672 6.62109 2.63672ZM8.37891 6.15234C8.13621 6.15234 7.93945 5.95559 7.93945 5.71289C7.93945 5.47014 8.13621 5.27344 8.37891 5.27344C8.6216 5.27344 8.81836 5.47014 8.81836 5.71289C8.81836 5.95559 8.6216 6.15234 8.37891 6.15234ZM8.37891 4.39453C8.13621 4.39453 7.93945 4.19777 7.93945 3.95508C7.93945 3.71232 8.13621 3.51562 8.37891 3.51562C8.6216 3.51562 8.81836 3.71232 8.81836 3.95508C8.81836 4.19777 8.6216 4.39453 8.37891 4.39453ZM8.37891 2.63672C8.13621 2.63672 7.93945 2.43996 7.93945 2.19727C7.93945 1.95451 8.13621 1.75781 8.37891 1.75781C8.6216 1.75781 8.81836 1.95451 8.81836 2.19727C8.81836 2.43996 8.6216 2.63672 8.37891 2.63672Z" fill="url(#mic-6ac96c42a1906-p)"/>
1769<defs>
1770<linearGradient id="mic-6ac96c42a1906-a" x1="7.5" y1="15" x2="7.5" y2="1.31836" gradientUnits="userSpaceOnUse">
1771<stop stop-color="#FFBD00"/>
1772<stop offset="1" stop-color="#FFFF58"/>
1773</linearGradient>
1774<linearGradient id="mic-6ac96c42a1906-p" x1="7.5" y1="0" x2="7.5" y2="15" gradientUnits="userSpaceOnUse">
1775<stop stop-color="var(--color-primary, #FA6668)"/>
1776<stop offset="1" stop-color="var(--color-red-dark, #FF0500)"/>
1777</linearGradient>
1778</defs>
1779</svg>
1780                        <span>BLV Xoilac TV</span>
1781                        <span class="commentator-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">8</span>
1782                     </button>
1783                     <!-- Today's Matches Tab -->
1784                     <button id="today-tab-mobile"
1785                             data-tabs-target="#today-content"
1786                             type="button"
1787                             role="tab"
1788                             aria-controls="today-content"
1789                             aria-selected="true"
1790                             class="flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient cursor-pointer">
1791                        <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
1792<g clip-path="url(#clip-cal-6ac96c42a1981)">
1793<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42a1981-p)"/>
1794<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
1794762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42a1981-a)"/>
1795</g>
1796<defs>
1797<linearGradient id="cal-6ac96c42a1981-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse">
1798<stop stop-color="var(--color-primary, #FA6668)"/>
1799<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/>
1800</linearGradient>
1801<linearGradient id="cal-6ac96c42a1981-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse">
1802<stop stop-color="var(--color-primary-lighter, #FFBD00)"/>
1803<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/>
1804</linearGradient>
1805<clipPath id="clip-cal-6ac96c42a1981">
1806<rect width="15" height="15" fill="white"/>
1807</clipPath>
1808</defs>
1809</svg>
1810                        <span>Hôm nay</span>
1811                        <span class="today-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">1312</span>
1812                     </button>
1813                     <button id="tomorrow-tab-mobile"
1814                             data-tabs-target="#tomorrow-content"
1815                             type="button"
1816                             role="tab"
1817                             aria-controls="tomorrow-content"
1818                             data-date="2026-10-11"
1819                             class="tomorrow-tab flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient
1820                                cursor-pointer hover:[background-image:var(--gradient-red-shadow)]">
1821                        <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
1822<g clip-path="url(#clip-cal-6ac96c42a1a18)">
1823<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42a1a18-p)"/>
1824<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
1824762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42a1a18-a)"/>
1825</g>
1826<defs>
1827<linearGradient id="cal-6ac96c42a1a18-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse">
1828<stop stop-color="var(--color-primary, #FA6668)"/>
1829<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/>
1830</linearGradient>
1831<linearGradient id="cal-6ac96c42a1a18-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse">
1832<stop stop-color="var(--color-primary-lighter, #FFBD00)"/>
1833<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/>
1834</linearGradient>
1835<clipPath id="clip-cal-6ac96c42a1a18">
1836<rect width="15" height="15" fill="white"/>
1837</clipPath>
1838</defs>
1839</svg>
1840                        <span>Ngày mai</span>
1841                        <span class="tomorrow-count text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm">0</span>
1842                     </button>
1843                  </div>
1844               </div>
1845               <!-- Leagues Dropdown - Mobile -->
1846               <div class="relative group w-full leagues-dropdown-mobile z-[140]" x-data="{ open: false }">
1847                  <button @click="open = !open"
1848                          class="w-full flex items-center justify-between gap-2 px-4 py-2 bg-[#0c0c18] w-2xs border border-[rgba(var(--color-primary-rgb),0.1)] rounded-sm hover:border-primary/30 font-medium rounded-lg cursor-pointer">
1849                     <div class="flex items-center gap-2">
1850                        <svg class="w-5 h-5" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1851<g clip-path="url(#clip-gear-6ac96c42a1a94)">
1852<path d="M16.502 7.0472H14.8102C14.6546 6.37307 14.388 5.72183 14.0262 5.12895L15.2207 3.93394C15.4153 3.7394 15.4153 3.4242 15.2207 3.22967L13.8122 1.82112C13.6176 1.62659 13.3024 1.62659 13.1079 1.82112L11.9221 3.00595C11.3278 2.63533 10.6731 2.36151 9.99414 2.20004V0.498047C9.99414 0.22276 9.77138 0 9.49609 0H7.50391C7.22862 0 7.00586 0.22276 7.00586 0.498047V2.20001C6.32689 2.36147 5.67222 2.6353 5.07789 3.00591L3.8921 1.82109C3.69757 1.62655 3.38237 1.62655 3.18783 1.82109L1.77929 3.22967C1.68592 3.32304 1.63336 3.44951 1.63336 3.58179C1.63336 3.71407 1.68589 3.84054 1.77929 3.93391L2.9748 5.12846C2.61295 5.72087 2.3464 6.37261 2.18978 7.0472H0.498047C0.22276 7.0472 0 7.26996 0 7.54524V9.53743C0 9.81272 0.22276 10.0355 0.498047 10.0355H2.20924C2.3717 10.6994 2.64211 11.3399 3.00591 11.9226L1.77929 13.1492C1.58475 13.3438 1.58475 13.659 1.77929 13.8535L3.18783 15.262C3.38237 15.4566 3.69757 15.4566 3.8921 15.262L5.12846 14.0257C5.70918 14.3803 6.34635 14.6434 7.00586 14.8V16.502C7.00586 16.7772 7.22862 17 7.50391 17H9.49609C9.77138 17 9.99414 16.7772 9.99414 16.502V14.8C10.6537 14.6434 11.2908 14.3802 11.8715 14.0257L13.1079 15.262C13.3024 15.4566 13.6176 15.4566 13.8122 15.262L15.2207 13.8535C15.4152 13.659 15.4152 13.3438 15.2207 13.1492L13.9941 11.9226C14.3579 11.3399 14.6283 10.6994 14.7908 10.0355H16.502C16.7772 10.0355 17 9.81272 17 9.53743V7.54524C17 7.26996 16.7772 7.0472 16.502 7.0472Z" fill="url(#gear-6ac96c42a1a94-p)"/>
1853<path d="M8.49805 4.01758C6.02777 4.01758 4.01562 6.02965 4.01562 8.5C4.01562 10.9703 6.02777 12.9824 8.49805 12.9824C10.9683 12.9824 12.9805 10.9703 12.9805 8.5C12.9805 6.02965 10.9683 4.01758 8.49805 4.01758ZM10.4902 8.99805H8.49805C8.21911 8.99805 8 8.77887 8 8.5V6.50781C8 6.22887 8.21911 6.00977 8.49805 6.00977C8.77699 6.00977 8.99609 6.22887 8.99609 6.50781V8.00195H10.4902C10.7692 8.00195 10.9883 8.22106 10.9883 8.5C10.9883 8.77887 10.7692 8.99805 10.4902 8.99805Z" fill="url(#gear-6ac96c42a1a94-a)"/>
1854</g>
1855<defs>
1856<linearGradient id="gear-6ac96c42a1a94-p" x1="8.5" y1="17" x2="8.5" y2="0" gradientUnits="userSpaceOnUse">
1857<stop stop-color="var(--color-red-dark, #FD5900)"/>
1858<stop offset="1" stop-color="var(--color-primary, #FF3333)"/>
1859</linearGradient>
1860<linearGradient id="gear-6ac96c42a1a94-a" x1="8.49805" y1="12.9824" x2="8.49805" y2="4.01758" gradientUnits="userSpaceOnUse">
1861<stop stop-color="#FFE59A"/>
1862<stop offset="1" stop-color="#FFFFD5"/>
1863</linearGradient>
1864<clipPath id="clip-gear-6ac96c42a1a94">
1865<rect width="17" height="17" fill="white"/>
1866</clipPath>
1867</defs>
1868</svg>
1869                        <span  class="selected-league" >Giải đấu</span>
1870                     </div>
1871                     <svg class="w-4 h-4 transition-transform duration-200 transform group-hover:rotate-180"
1872                          fill="none" stroke="var(--color-primary, #FF0000)" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1873                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
1874                     </svg>
1875                  </button>
1876                  <div x-show="open"
1877                       @click.away="open = false"
1878                       x-transition:enter="transition ease-out duration-100"
1879                       x-transition:enter-start="transform opacity-0 scale-95"
1880                       x-transition:enter-end="transform opacity-100 scale-100"
1881                       x-transition:leave="transition ease-in duration-75"
1882                       x-transition:leave-start="transform opacity-100 scale-100"
1883                       x-transition:leave-end="transform opacity-0 scale-95"
1884                       class="absolute left-0 right-0 mt-2 w-full rounded-sm bg-[#0a0a14] shadow-lg border border-[rgba(var(--color-primary-rgb),0.1)] focus:outline-none z-[140] max-h-96 overflow-y-auto no-scrollbar"
1885                       style="display:none;
1886                
1887            "
1888                       role="menu"
1889                       aria-orientation="vertical"
1890                       aria-labelledby="leagues-menu-button-mobile"
1891                       tabindex="-1">
1892                     <div class="py-1" role="none">
1893                        <div class="px-4 py-2 text-base uppercase font-medium border-b border-divider">Chọn giải đấu</div>
1894                        <div class="px-4 py-2 border-b border-divider">
1895                           <input
1896                                type="text"
1897                                placeholder="Search leagues..."
1898                                class="w-full rounded-lg bg-dark-500 text-white px-4 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-primary leagues-search-input border border-divider"
1899                                autocomplete="off"
1900                           />
1901                        </div>
1902                        <div class="text-sm leagues-list divide-y divide-divider">
1903                           
1904                        </div>
1905                     </div>
1906                  </div>
1907               </div>
1908            </div>
1909         </div>
1910         <!-- Filter Tab Contents -->
1911         <div id="filterTabsContent" class="mt-2 relative z-[80] overflow-visible" x-show="!isLoading && !showLiveScore">
1912            <!-- Live Content (lazy: cards fetched on first tab activation) -->
1913            <div class="hidden match-container" id="live-content" role="tabpanel" aria-labelledby="live-tab"
1914                 data-tab="live" data-loaded="false">
1915            </div>
1916
1917            <!-- Upcoming Content (lazy) -->
1918            <div class="hidden match-container" id="upcoming-content" role="tabpanel" aria-labelledby="upcoming-tab"
1919                 data-tab="upcoming" data-loaded="false">
1920            </div>
1921
1922            <!-- Hot Matches Content (lazy) -->
1923            <div class="hidden match-container" id="hot-content" role="tabpanel" aria-labelledby="hot-tab"
1924                 data-tab="hot" data-loaded="false">
1925            </div>
1926
1927            <!-- Commentator Content -->
1928            <div class="hidden match-container" id="commentator-content" role="tabpanel" aria-labelledby="commentator-tab" data-loaded="true">
1929               <!-- Commentator matches will be loaded here -->
1930               <div class="streamer-scroller relative mb-4">
1931      
1932      <div class="streamer-fade streamer-fade-left pointer-events-none absolute inset-y-0 left-0 w-12 z-10 bg-gradient-to-r from-[#121212] to-transparent opacity-0 transition-opacity duration-200"></div>
1933      <button type="button" aria-label="Xem các streamer trước"
1934        class="streamer-arrow streamer-arrow-left hidden md:flex absolute left-0 top-1/2 -translate-y-1/2 z-20 items-center justify-center h-8 w-8 rounded-full bg-dark-
1934500/90 border border-divider text-white shadow-lg opacity-0 pointer-events-none transition-opacity duration-200 hover:bg-primary cursor-pointer">
1935        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z"/></svg>      </button>
1936      <div class="streamer-scroll w-full overflow-x-auto no-scrollbar" style="-webkit-overflow-scrolling: touch;">
1937      <div id="streamer-buttons" class="inline-flex items-center space-x-4 px-3">
1938        
1939        <button type="button" class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 border-b border-transparent font-medium rounded-md cursor-pointer
1940                              bg-dark-500 hover:[background-image:var(--gradient-red-shadow)] hover:border-primary
1941                              focus:[background-image:var(--gradient-red-shadow)] focus:border-primary"
1942          data-streamer-id="all">
1943          <span>Tất cả</span>
1944          <span class="streamer-match-count text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold">8</span>
1945        </button>
1946        
1947                  <button type="button" class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 border-b border-transparent font-medium rounded-md cursor-pointer
1948                                bg-dark-500 hover:[background-image:var(--gradient-red-shadow)] hover:border-primary
1949                                focus:[background-image:var(--gradient-red-shadow)] focus:border-primary"
1950            data-streamer-id="69b8e6f43bcf2231c35d5144">
1951            <img loading="lazy" decoding="async" src="https://bucket.antlive.pro/cafc255dc6e263fb0fd6ab2824ff5e08-1773731703855-photo_2026-03-10_09-54-33.jpg"
1952              alt="KAYTI Logo" class="h-6 w-6 rounded-full border-2 border-primary object-cover " />
1953            <span class="uppercase">KAYTI</span>
1954            <span
1955              class="streamer-match-count text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold">2</span>
1956          </button>
1957                  <button type="button" class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 border-b border-transparent font-medium rounded-md cursor-pointer
1958                                bg-dark-500 hover:[background-image:var(--gradient-red-shadow)] hover:border-primary
1959                                focus:[background-image:var(--gradient-red-shadow)] focus:border-primary"
1960            data-streamer-id="6a2a59b347bbddd62a8dc4e4">
1961            <img loading="lazy" decoding="async" src="https://bucket.antlive.pro/9a378fe717baf2b868bb0df595f85842-1788685114524-avt.jpg"
1962              alt="SiêU QuậY Logo" class="h-6 w-6 rounded-full border-2 border-primary object-cover " />
1963            <span class="uppercase">SiêU</span>
1964            <span
1965              class="streamer-match-count text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold">1</span>
1966          </button>
1967                  <button type="button" class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 border-b border-transparent font-medium rounded-md cursor-pointer
1968                                bg-dark-500 hover:[background-image:var(--gradient-red-shadow)] hover:border-primary
1969                                focus:[background-image:var(--gradient-red-shadow)] focus:border-primary"
1970            data-streamer-id="69a1aaa7230584579e2d5ce1">
1971            <img loading="lazy" decoding="async" src="https://bucket.antlive.pro/7f48cb6be263b855a4ef00efe73c08fa-1772263379587-photo_2026-02-28_13-24-03.jpg"
1972              alt="cố tư nghiêm Logo" class="h-6 w-6 rounded-full border-2 border-primary object-cover " />
1973            <span class="uppercase">cố</span>
1974            <span
1975              class="streamer-match-count text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold">2</span>
1976          </button>
1977                  <button type="button" class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 border-b border-transparent font-medium rounded-md cursor-pointer
1978                                bg-dark-500 hover:[background-image:var(--gradient-red-shadow)] hover:border-primary
1979                                focus:[background-image:var(--gradient-red-shadow)] focus:border-primary"
1980            data-streamer-id="69be75e0a0a45974afb67776">
1981            <img loading="lazy" decoding="async" src="https://bucket.antlive.pro/dcc2fccecd101c8d70f03c4e813b6173-1785843264669-cropped_gettyimages-2500781-612x612.jpg"
1982              alt="MeoMeo Logo" class="h-6 w-6 rounded-full border-2 border-primary object-cover " />
1983            <span class="uppercase">MeoMeo</span>
1984            <span
1985              class="streamer-match-count text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold">1</span>
1986          </button>
1987                  <button type="button" class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 border-b border-transparent font-medium rounded-md cursor-pointer
1988                                bg-dark-500 hover:[background-image:var(--gradient-red-shadow)] hover:border-primary
1989                                focus:[background-image:var(--gradient-red-shadow)] focus:border-primary"
1990            data-streamer-id="69f42e961f739deff81510c0">
1991            <img loading="lazy" decoding="async" src="https://bucket.antlive.pro/365e54adb02839332a5c321d84c79130-1777610746206-cropped_SaitamaWikipediapage.png"
1992              alt="SAITAMA Logo" class="h-6 w-6 rounded-full border-2 border-primary object-cover " />
1993            <span class="uppercase">SAITAMA</span>
1994            <span
1995              class="streamer-match-count text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold">1</span>
1996          </button>
1997                  <button type="button" class="flex-shrink-0 flex items-center gap-2 px-3 py-1.5 border-b border-transparent font-medium rounded-md cursor-pointer
1998                                bg-dark-500 hover:[background-image:var(--gradient-red-shadow)] hover:border-primary
1999                                focus:[background-image:var(--gradient-red-shadow)] focus:border-primary"
2000            data-streamer-id="6a439a7fb89dded67b208b87">
2001            <img loading="lazy" decoding="async" src="https://bucket.antlive.pro/96e9f8e9ea8cffc6edf19ed89a20aff4-1784158626608-cropped_IMG_0054.jpeg"
2002              alt="NGƯỜI KIẾN Logo" class="h-6 w-6 rounded-full border-2 border-primary object-cover " />
2003            <span class="uppercase">NGƯỜI</span>
2004            <span
2005              class="streamer-match-count text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold">1</span>
2006          </button>
2007              </div>
2008      </div>
2009
2010      
2011      <div class="streamer-fade streamer-fade-right pointer-events-none absolute inset-y-0 right-0 w-12 z-10 bg-gradient-to-l from-[#121212] to-transparent opacity-0 transition-opacity duration-200"></div>
2012      <button type="button" aria-label="Xem thêm streamer"
2013        class="streamer-arrow streamer-arrow-right hidden md:flex absolute right-0 top-1/2 -translate-y-1/2 z-20 items-center justify-center h-8 w-8 rounded-full bg-dark-500/90 border border-divider text-white shadow-lg opacity-0 pointer-events-none transition-opacity duration-200 hover:bg-primary cursor-pointer">
2014        <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"/></svg>      </button>
2015    </div>
2016  
2017  <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 with-stream-matches-grid">
2018    <div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
2019   bals-upcoming-match"
2020   data-accent="hot"
2021   data-template="chroma" data-match-id="vjxm8gheow4pr6o" data-match-time="1791594000"
2022   data-home-team-id="kdj2ryoh66gq1zp" data-away-team-id="zp5rzghjkxvq82w"
2023   data-competition-id="9k82rekhp6repzj" x-data="{
2024        activeCount: 0,
2025        showModal: false,
2026        showStreamers: false,
2027        view: 'timeline',
2028        hoverTimer: null,
2029        closeTimer: null,
2030        openModal() {
2031          clearTimeout(this.closeTimer);
2032          this.hoverTimer = setTimeout(() => {
2033            this.showModal = true;
2034          }, 500);
2035        },
2036        closeModal() {
2037          clearTimeout(this.hoverTimer);
2038          clearTimeout(this.closeTimer);
2039          this.closeTimer = setTimeout(() => {
2040            this.showModal = false;
2041          }, 300);
2042        }
2043      }"
2044   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
2045   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
2046   data-streamer-ids="[&quot;69b8e6f43bcf2231c35d5144&quot;]"
2047   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
2048   <div class="block relative group">
2049      <a href="https://toptrader.io/truc-tiep/puebla-vs-club-leon-ngay-10-10-2026/" class="absolute inset-0 z-0"
2050         data-tooltip="Puebla vs Club Leon lúc 08:00  ngày 10/10/2026"
2051         data-title="Puebla vs Club Leon lúc  08:00  ngày 10/10/2026"></a>
2052      <div class="chroma-signal-lock" aria-hidden="true"></div>
2053      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
2054         
2055         <div class="flex items-center justify-between sm:mb-0 mb-2">
2056            
2057            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
2058               <img src="https://img.thesports.com/football/competition/324d7a463a24c4cd35ef83456a1b8d05.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
2059                  loading="lazy" />
2060               <span class="truncate tracking-wide bals-competition-name">Mexico Liga MX</span>
2061            </div>
2062            
2063            <div
2064               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
2065               <span> 08:00 </span>
2066               <span class="text-gray-400 leading-none text-base">•</span>
2067               
2068               <span>10/10</span>
2069               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
2070               <span
2071                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
2072            </div>
2073         </div>
2074         
2075         <div class="relative">
2076            
2077            <div
2078               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
2079               <span class="bals-status-name mr-1">NS</span> :
2080                  <span class="ml-1 bals-elapsed-time"> - </span>            </div>
2081            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
2082               
2083               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
2084                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
2085                     Puebla
2086                  </div>
2087                  <img data-src="https://static.sportsfeed.pro/football/team/a98bd615308472b65dc82bcc3a2d54fb.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Puebla Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
2088               
2089               <div
2090                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
2091                  >
2092                  <div
2093                     class="bals-score-track bals-score-track--vs">
2094                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
2095                     <span
2096                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
2097                        0
2098                     </span>
2099                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
2100                     <span
2101                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
2102                        0
2103                     </span>
2104                  </div>
2105               </div>
2106               
2107               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
2108                  <img data-src="https://static.sportsfeed.pro/football/team/4695f653aca6ac49ff2baa4a961fa67b.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Club Leon Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
2109                     Club Leon
2110                  </div>
2111               </div>
2112            </div>
2113            
2114            <div
2115               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
2116                           </div>
2117
2118            
2119            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1"  style="display:none" >
2120               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
2121                  <!-- HT Score -->
2122                  <div class="flex items-center gap-1">
2123                     <span class="text-primary font-semibold">HT</span>
2124                     <span class="text-gray-400 bals-ht-score">0-0</span>
2125                  </div>
2126                  <!-- Corner -->
2127                  <div class="flex items-center gap-1">
2128                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2129<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
2130<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
2131</svg>
2132                     <span class="text-gray-400 bals-corners">0-0</span>
2133                  </div>
2134                  <!-- Yellow Card -->
2135                  <div class="flex items-center gap-1">
2136                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
2137                     <span class="text-gray-400 bals-yellow-cards">0-0</span>
2138                  </div>
2139               </div>
2140            </div>
2141         </div>
2142
2143         
2144         <div class="space-y-3">
2145            <div class="h-px w-full border-t-gradient-silver-fade"></div>
2146            <div class="relative">
2147               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
2148                  
2149                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
2150                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm"  style="display:none" >
2151                        <!-- HT Score -->
2152                        <div class="flex items-center gap-1">
2153                           <span class="text-primary font-semibold">HT</span>
2154                           <span class="text-gray-400 bals-ht-score">0-0</span>
2155                        </div>
2156                        <!-- Corner -->
2157                        <div class="flex items-center gap-1">
2158                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2159<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
2160<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
2161</svg>
2162                           <span class="text-gray-400 bals-corners">0-0</span>
2163                        </div>
2164                        <!-- Yellow Card -->
2165                        <div class="flex items-center gap-1">
2166                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
2167                              class="h-3 w-3" />
2168                           <span
2169                              class="text-gray-400 bals-yellow-cards">0-0</span>
2170                        </div>
2171                     </div>
2172                  </div>
2173
2174                  
2175                                                            <div class="flex-1 min-w-0 flex sm:justify-center justify-start">
2176                        
2177                        <div class="sm:hidden flex items-center relative pointer-events-auto"
2178                           :class="{ 'z-[100]': showStreamers }">
2179
2180                                                         
2181                              <div class="flex items-center gap-1.5 text-xs text-gray-light">
2182                                 <img data-src="https://bucket.antlive.pro/cafc255dc6e263fb0fd6ab2824ff5e08-1773731703855-photo_2026-03-10_09-54-33.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="KAYTI" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                                 <span class="truncate max-w-[70px]">KAYTI</span>
2183                              </div>
2184                                                   </div>
2185                        
2186                        <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto">
2187                           <div class="chroma-commentator-chip">
2188                              <div class="chroma-commentator-frame">
2189                                 <img data-src="https://bucket.antlive.pro/cafc255dc6e263fb0fd6ab2824ff5e08-1773731703855-photo_2026-03-10_09-54-33.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="KAYTI" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                              </div>
2190                              <span class="chroma-commentator-name truncate">KAYTI</span>
2191                           </div>
2192                                                   </div>
2193                     </div>
2194                  
2195                  
2196                                       <div class="flex-shrink-0 flex items-center">
2197                        <div class="w-[120px] sm:w-[125px] min-w-0">
2198                           <div class="text-right mr-1.5 bals-odds">
2199                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
2200                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.9</div>
2201                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.4</div>
2202                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.45</div>
2203                                                                           </div>
2204                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
2205                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.75</div>
2206                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-0.25</div>
2207                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.05</div>
2208                                                                           </div>
2209                                                                                                                                                         </div>
2210                        </div>
2211                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
2212                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
2213                        </a>
2214                     </div>
2215                                 </div>
2216            </div>
2217         </div>
2218      </div>
2219   </div>
2220
2221   
2222   </div>
2223<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
2224   bals-upcoming-match"
2225   data-accent="hot"
2226   data-template="chroma" data-match-id="y0or5jh8dol0qwz" data-match-time="1791601200"
2227   data-home-team-id="ednm9whk9g2ryox" data-away-team-id="z318q66h9p6qo9j"
2228   data-competition-id="9k82rekhp6repzj" x-data="{
2229        activeCount: 0,
2230        showModal: false,
2231        showStreamers: false,
2232        view: 'timeline',
2233        hoverTimer: null,
2234        closeTimer: null,
2235        openModal() {
2236          clearTimeout(this.closeTimer);
2237          this.hoverTimer = setTimeout(() => {
2238            this.showModal = true;
2239          }, 500);
2240        },
2241        closeModal() {
2242          clearTimeout(this.hoverTimer);
2243          clearTimeout(this.closeTimer);
2244          this.closeTimer = setTimeout(() => {
2245            this.showModal = false;
2246          }, 300);
2247        }
2248      }"
2249   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
2250   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
2251   data-streamer-ids="[&quot;6a2a59b347bbddd62a8dc4e4&quot;]"
2252   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
2253   <div class="block relative group">
2254      <a href="https://toptrader.io/truc-tiep/tigres-uanl-vs-toluca-ngay-10-10-2026/" class="absolute inset-0 z-0"
2255         data-tooltip="Tigres UANL vs Toluca lúc 10:00  ngày 10/10/2026"
2256         data-title="Tigres UANL vs Toluca lúc  10:00  ngày 10/10/2026"></a>
2257      <div class="chroma-signal-lock" aria-hidden="true"></div>
2258      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
2259         
2260         <div class="flex items-center justify-between sm:mb-0 mb-2">
2261            
2262            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
2263               <img src="https://img.thesports.com/football/competition/324d7a463a24c4cd35ef83456a1b8d05.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
2264                  loading="lazy" />
2265               <span class="truncate tracking-wide bals-competition-name">Mexico Liga MX</span>
2266            </div>
2267            
2268            <div
2269               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
2270               <span> 10:00 </span>
2271               <span class="text-gray-400 leading-none text-base">•</span>
2272               
2273               <span>10/10</span>
2274               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
2275               <span
2276                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
2277            </div>
2278         </div>
2279         
2280         <div class="relative">
2281            
2282            <div
2283               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
2284               <span class="bals-status-name mr-1">NS</span> :
2285                  <span class="ml-1 bals-elapsed-time"> - </span>            </div>
2286            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
2287               
2288               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
2289                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
2290                     Tigres UANL
2291                  </div>
2292                  <img data-src="https://static.sportsfeed.pro/football/team/a7df6424c12ac9b7a6e5ca3ff953d5b3.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Tigres UANL Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
2293               
2294               <div
2295                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
2296                  >
2297                  <div
2298                     class="bals-score-track bals-score-track--vs">
2299                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
2300                     <span
2301                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
2302                        0
2303                     </span>
2304                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
2305                     <span
2306                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
2307                        0
2308                     </span>
2309                  </div>
2310               </div>
2311               
2312               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
2313                  <img data-src="https://static.sportsfeed.pro/football/team/725ccd5793be6b4f8dd917170dd17d04.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Toluca Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
2314                     Toluca
2315                  </div>
2316               </div>
2317            </div>
2318            
2319            <div
2320               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
2321                           </div>
2322
2323            
2324            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1"  style="display:none" >
2325               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
2326                  <!-- HT Score -->
2327                  <div class="flex items-center gap-1">
2328                     <span class="text-primary font-semibold">HT</span>
2329                     <span class="text-gray-400 bals-ht-score">0-0</span>
2330                  </div>
2331                  <!-- Corner -->
2332                  <div class="flex items-center gap-1">
2333                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2334<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
2335<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
2336</svg>
2337                     <span class="text-gray-400 bals-corners">0-0</span>
2338                  </div>
2339                  <!-- Yellow Card -->
2340                  <div class="flex items-center gap-1">
2341                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
2342                     <span class="text-gray-400 bals-yellow-cards">0-0</span>
2343                  </div>
2344               </div>
2345            </div>
2346         </div>
2347
2348         
2349         <div class="space-y-3">
2350            <div class="h-px w-full border-t-gradient-silver-fade"></div>
2351            <div class="relative">
2352               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
2353                  
2354                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
2355                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm"  style="display:none" >
2356                        <!-- HT Score -->
2357                        <div class="flex items-center gap-1">
2358                           <span class="text-primary font-semibold">HT</span>
2359                           <span class="text-gray-400 bals-ht-score">0-0</span>
2360                        </div>
2361                        <!-- Corner -->
2362                        <div class="flex items-center gap-1">
2363                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2364<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
2365<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
2366</svg>
2367                           <span class="text-gray-400 bals-corners">0-0</span>
2368                        </div>
2369                        <!-- Yellow Card -->
2370                        <div class="flex items-center gap-1">
2371                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
2372                              class="h-3 w-3" />
2373                           <span
2374                              class="text-gray-400 bals-yellow-cards">0-0</span>
2375                        </div>
2376                     </div>
2377                  </div>
2378
2379                  
2380                                                            <div class="flex-1 min-w-0 flex sm:justify-center justify-start">
2381                        
2382                        <div class="sm:hidden flex items-center relative pointer-events-auto"
2383                           :class="{ 'z-[100]': showStreamers }">
2384
2385                                                         
2386                              <div class="flex items-center gap-1.5 text-xs text-gray-light">
2387                                 <img data-src="https://bucket.antlive.pro/9a378fe717baf2b868bb0df595f85842-1788685114524-avt.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="SiêU" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                                 <span class="truncate max-w-[70px]">SiêU</span>
2388                              </div>
2389                                                   </div>
2390                        
2391                        <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto">
2392                           <div class="chroma-commentator-chip">
2393                              <div class="chroma-commentator-frame">
2394                                 <img data-src="https://bucket.antlive.pro/9a378fe717baf2b868bb0df595f85842-1788685114524-avt.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="SiêU" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                              </div>
2395                              <span class="chroma-commentator-name truncate">SiêU</span>
2396                           </div>
2397                                                   </div>
2398                     </div>
2399                  
2400                  
2401                                       <div class="flex-shrink-0 flex items-center">
2402                        <div class="w-[120px] sm:w-[125px] min-w-0">
2403                           <div class="text-right mr-1.5 bals-odds">
2404                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
2405                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.9</div>
2406                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.6</div>
2407                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.25</div>
2408                                                                           </div>
2409                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
2410                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.85</div>
2411                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-0.25</div>
2412                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.95</div>
2413                                                                           </div>
2414                                                                                                                                                         </div>
2415                        </div>
2416                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
2417                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
2418                        </a>
2419                     </div>
2420                                 </div>
2421            </div>
2422         </div>
2423      </div>
2424   </div>
2425
2426   
2427   </div>
2428<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
2429   bals-live-match"
2430   data-accent=""
2431   data-template="chroma" data-match-id="8yomo4h16xykq0j" data-match-time="1791579600"
2432   data-home-team-id="yl5ergphjd4r8k0" data-away-team-id="n54qllh2gjpqvy9"
2433   data-competition-id="p3glrw7hevqdyjv" x-data="{
2434        activeCount: 0,
2435        showModal: false,
2436        showStreamers: false,
2437        view: 'timeline',
2438        hoverTimer: null,
2439        closeTimer: null,
2440        openModal() {
2441          clearTimeout(this.closeTimer);
2442          this.hoverTimer = setTimeout(() => {
2443            this.showModal = true;
2444          }, 500);
2445        },
2446        closeModal() {
2447          clearTimeout(this.hoverTimer);
2448          clearTimeout(this.closeTimer);
2449          this.closeTimer = setTimeout(() => {
2450            this.showModal = false;
2451          }, 300);
2452        }
2453      }"
2454   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
2455   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
2456   data-streamer-ids="[&quot;69a1aaa7230584579e2d5ce1&quot;]"
2457   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
2458   <div class="block relative group">
2459      <a href="https://toptrader.io/truc-tiep/gimnasia-la-plata-vs-atletico-tucuman-ngay-10-10-2026/" class="absolute inset-0 z-0"
2460         data-tooltip="Gimnasia La Plata vs Atletico Tucuman lúc 04:00  ngày 10/10/2026"
2461         data-title="Gimnasia La Plata vs Atletico Tucuman lúc  04:00  ngày 10/10/2026"></a>
2462      <div class="chroma-signal-lock" aria-hidden="true"></div>
2463      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
2464         
2465         <div class="flex items-center justify-between sm:mb-0 mb-2">
2466            
2467            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
2468               <img src="https://img.thesports.com/football/competition/0276a00c0277c8f1cba7b63bd59e281d.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
2469                  loading="lazy" />
2470               <span class="truncate tracking-wide bals-competition-name">Argentine Division 1</span>
2471            </div>
2472            
2473            <div
2474               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
2475               <span> 04:00 </span>
2476               <span class="text-gray-400 leading-none text-base">•</span>
2477               
2478               <span>10/10</span>
2479               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
2480               <span
2481                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
2482            </div>
2483         </div>
2484         
2485         <div class="relative">
2486            
2487            <div
2488               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
2489               <span class="bals-status-name mr-1">Hiệp 2</span> :
2490                  <span class="ml-1 bals-elapsed-time">79&#039;</span>            </div>
2491            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
2492               
2493               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
2494                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
2495                     Gimnasia La Plata
2496                  </div>
2497                  <img data-src="https://static.sportsfeed.pro/football/team/f323884c2481d25aa4b316a43583b733.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Gimnasia La Plata Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
2498               
2499               <div
2500                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
2501                   @mouseenter="openModal()" @mouseleave="closeModal()" >
2502                  <div
2503                     class="bals-score-track ">
2504                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
2505                     <span
2506                        class="bals-score-box  text-sm sm:text-base bals-home-score" >
2507                        0
2508                     </span>
2509                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
2510                     <span
2511                        class="bals-score-box  text-sm sm:text-base bals-away-score" >
2512                        0
2513                     </span>
2514                  </div>
2515               </div>
2516               
2517               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
2518                  <img data-src="https://static.sportsfeed.pro/football/team/2d87cf3b426597f02435e2c72e8def93.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Atletico Tucuman Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
2519                     Atletico Tucuman
2520                  </div>
2521               </div>
2522            </div>
2523            
2524            <div
2525               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
2526                           </div>
2527
2528            
2529            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" >
2530               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
2531                  <!-- HT Score -->
2532                  <div class="flex items-center gap-1">
2533                     <span class="text-primary font-semibold">HT</span>
2534                     <span class="text-gray-400 bals-ht-score">0-0</span>
2535                  </div>
2536                  <!-- Corner -->
2537                  <div class="flex items-center gap-1">
2538                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2539<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
2540<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
2541</svg>
2542                     <span class="text-gray-400 bals-corners">9-3</span>
2543                  </div>
2544                  <!-- Yellow Card -->
2545                  <div class="flex items-center gap-1">
2546                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
2547                     <span class="text-gray-400 bals-yellow-cards">2-3</span>
2548                  </div>
2549               </div>
2550            </div>
2551         </div>
2552
2553         
2554         <div class="space-y-3">
2555            <div class="h-px w-full border-t-gradient-silver-fade"></div>
2556            <div class="relative">
2557               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
2558                  
2559                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
2560                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" >
2561                        <!-- HT Score -->
2562                        <div class="flex items-center gap-1">
2563                           <span class="text-primary font-semibold">HT</span>
2564                           <span class="text-gray-400 bals-ht-score">0-0</span>
2565                        </div>
2566                        <!-- Corner -->
2567                        <div class="flex items-center gap-1">
2568                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2569<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
2570<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
2571</svg>
2572                           <span class="text-gray-400 bals-corners">9-3</span>
2573                        </div>
2574                        <!-- Yellow Card -->
2575                        <div class="flex items-center gap-1">
2576                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
2577                              class="h-3 w-3" />
2578                           <span
2579                              class="text-gray-400 bals-yellow-cards">2-3</span>
2580                        </div>
2581                     </div>
2582                  </div>
2583
2584                  
2585                                                            <div class="flex-1 min-w-0 flex sm:justify-center justify-start">
2586                        
2587                        <div class="sm:hidden flex items-center relative pointer-events-auto"
2588                           :class="{ 'z-[100]': showStreamers }">
2589
2590                                                         
2591                              <div class="flex items-center gap-1.5 text-xs text-gray-light">
2592                                 <img data-src="https://bucket.antlive.pro/7f48cb6be263b855a4ef00efe73c08fa-1772263379587-photo_2026-02-28_13-24-03.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="cố" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                                 <span class="truncate max-w-[70px]">cố</span>
2593                              </div>
2594                                                   </div>
2595                        
2596                        <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto">
2597                           <div class="chroma-commentator-chip">
2598                              <div class="chroma-commentator-frame">
2599                                 <img data-src="https://bucket.antlive.pro/7f48cb6be263b855a4ef00efe73c08fa-1772263379587-photo_2026-02-28_13-24-03.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="cố" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                              </div>
2600                              <span class="chroma-commentator-name truncate">cố</span>
2601                           </div>
2602                                                   </div>
2603                     </div>
2604                  
2605                  
2606                                       <div class="flex-shrink-0 flex items-center">
2607                        <div class="w-[120px] sm:w-[125px] min-w-0">
2608                           <div class="text-right mr-1.5 bals-odds">
2609                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
2610                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.6</div>
2611                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.53</div>
2612                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">7.5</div>
2613                                                                           </div>
2614                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
2615                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.5</div>
2616                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.25</div>
2617                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.5</div>
2618                                                                           </div>
2619                                                                                                                                                         </div>
2620                        </div>
2621                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
2622                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
2623                        </a>
2624                     </div>
2625                                 </div>
2626            </div>
2627         </div>
2628      </div>
2629   </div>
2630
2631   
2632   <div x-show="showModal"
2633        @mouseenter="clearTimeout(closeTimer)"
2634        @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)"
2635        x-effect="
2636           if (showModal && !$el.dataset.modalLoaded) {
2637              $el.dataset.modalLoaded = '1';
2638              if (typeof loadMatchModal === 'function') loadMatchModal($el);
2639           }
2640        "
2641        data-match-id="8yomo4h16xykq0j"
2642        class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
2643        x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
2644        x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
2645        x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
2646        style="display: none;"
2647        :style="{
2648           top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
2649           bottom: $el.getBoundingClientRect().top >
2649= 300 ? 'calc(100% - 10px)' : 'auto',
2650           left: '50%',
2651           transform: 'translateX(-50%)'
2652       }">
2653      <div class="modal-content">
2654         <div class="p-6 text-center text-gray-400 text-xs">Loading...</div>
2655      </div>
2656   </div>
2657</div>
2658<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
2659   bals-live-match"
2660   data-accent=""
2661   data-template="chroma" data-match-id="pxwrxlhy0eljryk" data-match-time="1791585000"
2662   data-home-team-id="gx7lm7ph40vm2wd" data-away-team-id="z8yomo4hj31q0j6"
2663   data-competition-id="p3glrw7hevqdyjv" x-data="{
2664        activeCount: 0,
2665        showModal: false,
2666        showStreamers: false,
2667        view: 'timeline',
2668        hoverTimer: null,
2669        closeTimer: null,
2670        openModal() {
2671          clearTimeout(this.closeTimer);
2672          this.hoverTimer = setTimeout(() => {
2673            this.showModal = true;
2674          }, 500);
2675        },
2676        closeModal() {
2677          clearTimeout(this.hoverTimer);
2678          clearTimeout(this.closeTimer);
2679          this.closeTimer = setTimeout(() => {
2680            this.showModal = false;
2681          }, 300);
2682        }
2683      }"
2684   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
2685   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
2686   data-streamer-ids="[&quot;69b8e6f43bcf2231c35d5144&quot;]"
2687   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
2688   <div class="block relative group">
2689      <a href="https://toptrader.io/truc-tiep/instituto-de-cordoba-vs-boca-juniors-ngay-10-10-2026/" class="absolute inset-0 z-0"
2690         data-tooltip="Instituto vs Boca Juniors lúc 05:30  ngày 10/10/2026"
2691         data-title="Instituto vs Boca Juniors lúc  05:30  ngày 10/10/2026"></a>
2692      <div class="chroma-signal-lock" aria-hidden="true"></div>
2693      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
2694         
2695         <div class="flex items-center justify-between sm:mb-0 mb-2">
2696            
2697            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
2698               <img src="https://img.thesports.com/football/competition/0276a00c0277c8f1cba7b63bd59e281d.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
2699                  loading="lazy" />
2700               <span class="truncate tracking-wide bals-competition-name">Argentine Division 1</span>
2701            </div>
2702            
2703            <div
2704               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
2705               <span> 05:30 </span>
2706               <span class="text-gray-400 leading-none text-base">•</span>
2707               
2708               <span>10/10</span>
2709               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
2710               <span
2711                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
2712            </div>
2713         </div>
2714         
2715         <div class="relative">
2716            
2717            <div
2718               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
2719               <span class="bals-status-name mr-1">Hiệp 1</span> :
2720                  <span class="ml-1 bals-elapsed-time">1&#039;</span>            </div>
2721            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
2722               
2723               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
2724                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
2725                     Instituto
2726                  </div>
2727                  <img data-src="https://static.sportsfeed.pro/football/team/a01279fdf6589b3c11529ca1ab4201fc.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Instituto Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
2728               
2729               <div
2730                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
2731                  >
2732                  <div
2733                     class="bals-score-track ">
2734                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
2735                     <span
2736                        class="bals-score-box  text-sm sm:text-base bals-home-score" >
2737                        0
2738                     </span>
2739                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
2740                     <span
2741                        class="bals-score-box  text-sm sm:text-base bals-away-score" >
2742                        0
2743                     </span>
2744                  </div>
2745               </div>
2746               
2747               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
2748                  <img data-src="https://static.sportsfeed.pro/football/team/9ed2c4f6adc51975cdbd2a93093e6a43.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Boca Juniors Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
2749                     Boca Juniors
2750                  </div>
2751               </div>
2752            </div>
2753            
2754            <div
2755               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
2756                           </div>
2757
2758            
2759            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" >
2760               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
2761                  <!-- HT Score -->
2762                  <div class="flex items-center gap-1">
2763                     <span class="text-primary font-semibold">HT</span>
2764                     <span class="text-gray-400 bals-ht-score">0-0</span>
2765                  </div>
2766                  <!-- Corner -->
2767                  <div class="flex items-center gap-1">
2768                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2769<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
2770<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
2771</svg>
2772                     <span class="text-gray-400 bals-corners">0-0</span>
2773                  </div>
2774                  <!-- Yellow Card -->
2775                  <div class="flex items-center gap-1">
2776                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
2777                     <span class="text-gray-400 bals-yellow-cards">0-0</span>
2778                  </div>
2779               </div>
2780            </div>
2781         </div>
2782
2783         
2784         <div class="space-y-3">
2785            <div class="h-px w-full border-t-gradient-silver-fade"></div>
2786            <div class="relative">
2787               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
2788                  
2789                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
2790                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" >
2791                        <!-- HT Score -->
2792                        <div class="flex items-center gap-1">
2793                           <span class="text-primary font-semibold">HT</span>
2794                           <span class="text-gray-400 bals-ht-score">0-0</span>
2795                        </div>
2796                        <!-- Corner -->
2797                        <div class="flex items-center gap-1">
2798                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2799<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
2800<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
2801</svg>
2802                           <span class="text-gray-400 bals-corners">0-0</span>
2803                        </div>
2804                        <!-- Yellow Card -->
2805                        <div class="flex items-center gap-1">
2806                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
2807                              class="h-3 w-3" />
2808                           <span
2809                              class="text-gray-400 bals-yellow-cards">0-0</span>
2810                        </div>
2811                     </div>
2812                  </div>
2813
2814                  
2815                                                            <div class="flex-1 min-w-0 flex sm:justify-center justify-start">
2816                        
2817                        <div class="sm:hidden flex items-center relative pointer-events-auto"
2818                           :class="{ 'z-[100]': showStreamers }">
2819
2820                                                         
2821                              <div class="flex items-center gap-1.5 text-xs text-gray-light">
2822                                 <img data-src="https://bucket.antlive.pro/cafc255dc6e263fb0fd6ab2824ff5e08-1773731703855-photo_2026-03-10_09-54-33.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="KAYTI" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                                 <span class="truncate max-w-[70px]">KAYTI</span>
2823                              </div>
2824                                                   </div>
2825                        
2826                        <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto">
2827                           <div class="chroma-commentator-chip">
2828                              <div class="chroma-commentator-frame">
2829                                 <img data-src="https://bucket.antlive.pro/cafc255dc6e263fb0fd6ab2824ff5e08-1773731703855-photo_2026-03-10_09-54-33.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="KAYTI" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                              </div>
2830                              <span class="chroma-commentator-name truncate">KAYTI</span>
2831                           </div>
2832                                                   </div>
2833                     </div>
2834                  
2835                  
2836                                       <div class="flex-shrink-0 flex items-center">
2837                        <div class="w-[120px] sm:w-[125px] min-w-0">
2838                           <div class="text-right mr-1.5 bals-odds">
2839                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
2840                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.25</div>
2841                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3</div>
2842                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.45</div>
2843                                                                           </div>
2844                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
2845                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.77</div>
2846                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-0.25</div>
2847                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.02</div>
2848                                                                           </div>
2849                                                                                                                                                         </div>
2850                        </div>
2851                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
2852                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
2853                        </a>
2854                     </div>
2855                                 </div>
2856            </div>
2857         </div>
2858      </div>
2859   </div>
2860
2861   
2862   </div>
2863<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
2864   bals-upcoming-match"
2865   data-accent=""
2866   data-template="chroma" data-match-id="1l4rjnhnyd50m7v" data-match-time="1791586800"
2867   data-home-team-id="zp5rzghjevlq82w" data-away-team-id="x7lm7phkp28m2wd"
2868   data-competition-id="v2y8m4zhydql074" x-data="{
2869        activeCount: 0,
2870        showModal: false,
2871        showStreamers: false,
2872        view: 'timeline',
2873        hoverTimer: null,
2874        closeTimer: null,
2875        openModal() {
2876          clearTimeout(this.closeTimer);
2877          this.hoverTimer = setTimeout(() => {
2878            this.showModal = true;
2879          }, 500);
2880        },
2881        closeModal() {
2882          clearTimeout(this.hoverTimer);
2883          clearTimeout(this.closeTimer);
2884          this.closeTimer = setTimeout(() => {
2885            this.showModal = false;
2886          }, 300);
2887        }
2888      }"
2889   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
2890   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
2891   data-streamer-ids="[&quot;69be75e0a0a45974afb67776&quot;]"
2892   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
2893   <div class="block relative group">
2894      <a href="https://toptrader.io/truc-tiep/deportivo-maldonado-vs-liverpool-uru-ngay-10-10-2026/" class="absolute inset-0 z-0"
2895         data-tooltip="Deportivo Maldonado vs Liverpool URU lúc 06:00  ngày 10/10/2026"
2896         data-title="Deportivo Maldonado vs Liverpool URU lúc  06:00  ngày 10/10/2026"></a>
2897      <div class="chroma-signal-lock" aria-hidden="true"></div>
2898      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
2899         
2900         <div class="flex items-center justify-between sm:mb-0 mb-2">
2901            
2902            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
2903               <img src="https://img.thesports.com/football/competition/57bb4f7957510c2da5fd076e75618f5f.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
2904                  loading="lazy" />
2905               <span class="truncate tracking-wide bals-competition-name">Uruguay Primera Division</span>
2906            </div>
2907            
2908            <div
2909               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
2910               <span> 06:00 </span>
2911               <span class="text-gray-400 leading-none text-base">•</span>
2912               
2913               <span>10/10</span>
2914               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
2915               <span
2916                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
2917            </div>
2918         </div>
2919         
2920         <div class="relative">
2921            
2922            <div
2923               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
2924               <span class="bals-status-name mr-1">NS</span> :
2925                  <span class="ml-1 bals-elapsed-time"> - </span>            </div>
2926            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
2927               
2928               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
2929                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
2930                     Deportivo Maldonado
2931                  </div>
2932                  <img data-src="https://static.sportsfeed.pro/football/team/932f3790a25e5c4f40ae328ad9060055.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Deportivo Maldonado Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
2933               
2934               <div
2935                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
2936                  >
2937                  <div
2938                     class="bals-score-track bals-score-track--vs">
2939                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
2940                     <span
2941                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
2942                        0
2943                     </span>
2944                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
2945                     <span
2946                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
2947                        0
2948                     </span>
2949                  </div>
2950               </div>
2951               
2952               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
2953                  <img data-src="https://static.sportsfeed.pro/football/team/051be0a9b61dedb583315fb75eaa8308.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Liverpool URU Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
2954                     Liverpool URU
2955                  </div>
2956               </div>
2957            </div>
2958            
2959            <div
2960               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
2961                           </div>
2962
2963            
2964            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1"  style="display:none" >
2965               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
2966                  <!-- HT Score -->
2967                  <div class="flex items-center gap-1">
2968                     <span class="text-primary font-semibold">HT</span>
2969                     <span class="text-gray-400 bals-ht-score">0-0</span>
2970                  </div>
2971                  <!-- Corner -->
2972                  <div class="flex items-center gap-1">
2973                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2974<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
2975<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
2976</svg>
2977                     <span class="text-gray-400 bals-corners">0-0</span>
2978                  </div>
2979                  <!-- Yellow Card -->
2980                  <div class="flex items-center gap-1">
2981                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
2982                     <span class="text-gray-400 bals-yellow-cards">0-0</span>
2983                  </div>
2984               </div>
2985            </div>
2986         </div>
2987
2988         
2989         <div class="space-y-3">
2990            <div class="h-px w-full border-t-gradient-silver-fade"></div>
2991            <div class="relative">
2992               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
2993                  
2994                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
2995                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm"  style="display:none" >
2996                        <!-- HT Score -->
2997                        <div class="flex items-center gap-1">
2998                           <span class="text-primary font-semibold">HT</span>
2999                           <span class="text-gray-400 bals-ht-score">0-0</span>
3000                        </div>
3001                        <!-- Corner -->
3002                        <div class="flex items-center gap-1">
3003                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3004<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
3005<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
3006</svg>
3007                           <span class="text-gray-400 bals-corners">0-0</span>
3008                        </div>
3009                        <!-- Yellow Card -->
3010                        <div class="flex items-center gap-1">
3011                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
3012                              class="h-3 w-3" />
3013                           <span
3014                              class="text-gray-400 bals-yellow-cards">0-0</span>
3015                        </div>
3016                     </div>
3017                  </div>
3018
3019                  
3020                                                            <div class="flex-1 min-w-0 flex sm:justify-center justify-start">
3021                        
3022                        <div class="sm:hidden flex items-center relative pointer-events-auto"
3023                           :class="{ 'z-[100]': showStreamers }">
3024
3025                                                         
3026                              <div class="flex items-center gap-1.5 text-xs text-gray-light">
3027                                 <img data-src="https://bucket.antlive.pro/dcc2fccecd101c8d70f03c4e813b6173-1785843264669-cropped_gettyimages-2500781-612x612.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="MeoMeo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                                 <span class="truncate max-w-[70px]">MeoMeo</span>
3028                              </div>
3029                                                   </div>
3030                        
3031                        <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto">
3032                           <div class="chroma-commentator-chip">
3033                              <div class="chroma-commentator-frame">
3034                                 <img data-src="https://bucket.antlive.pro/dcc2fccecd101c8d70f03c4e813b6173-1785843264669-cropped_gettyimages-2500781-612x612.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="MeoMeo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                              </div>
3035                              <span class="chroma-commentator-name truncate">MeoMeo</span>
3036                           </div>
3037                                                   </div>
3038                     </div>
3039                  
3040                  
3041                                       <div class="flex-shrink-0 flex items-center">
3042                        <div class="w-[120px] sm:w-[125px] min-w-0">
3043                           <div class="text-right mr-1.5 bals-odds">
3044                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
3045                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.35</div>
3046                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3</div>
3047                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.75</div>
3048                                                                           </div>
3049                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
3050                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.05</div>
3051                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.25</div>
3052                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.75</div>
3053                                                                           </div>
3054                                                                                                                                                         </div>
3055                        </div>
3056                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
3057                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
3058                        </a>
3059                     </div>
3060                                 </div>
3061            </div>
3062         </div>
3063      </div>
3064   </div>
3065
3066   
3067   </div>
3068<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
3069   bals-upcoming-match"
3070   data-accent=""
3071   data-template="chroma" data-match-id="4jwq2ghn5pgnm0v" data-match-time="1791593100"
3072   data-home-team-id="k82rekhvojwrepz" data-away-team-id="8y39mp1h8xnmojx"
3073   data-competition-id="p3glrw7hevqdyjv" x-data="{
3074        activeCount: 0,
3075        showModal: false,
3076        showStreamers: false,
3077        view: 'timeline',
3078        hoverTimer: null,
3079        closeTimer: null,
3080        openModal() {
3081          clearTimeout(this.closeTimer);
3082          this.hoverTimer = setTimeout(() => {
3083            this.showModal = true;
3084          }, 500);
3085        },
3086        closeModal() {
3087          clearTimeout(this.hoverTimer);
3088          clearTimeout(this.closeTimer);
3089          this.closeTimer = setTimeout(() => {
3090            this.showModal = false;
3091          }, 300);
3092        }
3093      }"
3094   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
3095   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
3096   data-streamer-ids="[&quot;69a1aaa7230584579e2d5ce1&quot;]"
3097   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
3098   <div class="block relative group">
3099      <a href="https://toptrader.io/truc-tiep/club-atletico-union-vs-defensa-y-justicia-ngay-10-10-2026/" class="absolute inset-0 z-0"
3100         data-tooltip="Union Santa Fe vs Defensa Y Justicia lúc 07:45  ngày 10/10/2026"
3101         data-title="Union Santa Fe vs Defensa Y Justicia lúc  07:45  ngày 10/10/2026"></a>
3102      <div class="chroma-signal-lock" aria-hidden="true"></div>
3103      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
3104         
3105         <div class="flex items-center justify-between sm:mb-0 mb-2">
3106            
3107            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
3108               <img src="https://img.thesports.com/football/competition/0276a00c0277c8f1cba7b63bd59e281d.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
3109                  loading="lazy" />
3110               <span class="truncate tracking-wide bals-competition-name">Argentine Division 1</span>
3111            </div>
3112            
3113            <div
3114               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
3115               <span> 07:45 </span>
3116               <span class="text-gray-400 leading-none text-base">•</span>
3117               
3118               <span>10/10</span>
3119               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
3120               <span
3121                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
3122            </div>
3123         </div>
3124         
3125         <div class="relative">
3126            
3127            <div
3128               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
3129               <span class="bals-status-name mr-1">NS</span> :
3130                  <span class="ml-1 bals-elapsed-time"> - </span>            </div>
3131            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
3132               
3133               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
3134                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
3135                     Union Santa Fe
3136                  </div>
3137                  <img data-src="https://static.sportsfeed.pro/football/team/c5d75265caa6875d9ea84f36027312d5.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Union Santa Fe Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
3138               
3139               <div
3140                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
3141                  >
3142                  <div
3143                     class="bals-score-track bals-score-track--vs">
3144                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
3145                     <span
3146                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
3147                        0
3148                     </span>
3149                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
3150                     <span
3151                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
3152                        0
3153                     </span>
3154                  </div>
3155               </div>
3156               
3157               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
3158                  <img data-src="https://static.sportsfeed.pro/football/team/49a35dd00c51fc958ebf44054bce4c48.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Defensa Y Justicia Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
3159                     Defensa Y Justicia
3160                  </div>
3161               </div>
3162            </div>
3163            
3164            <div
3165               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
3166                           </div>
3167
3168            
3169            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1"  style="display:none" >
3170               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
3171                  <!-- HT Score -->
3172                  <div class="flex items-center gap-1">
3173                     <span class="text-primary font-semibold">HT</span>
3174                     <span class="text-gray-400 bals-ht-score">0-0</span>
3175                  </div>
3176                  <!-- Corner -->
3177                  <div class="flex items-center gap-1">
3178                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3179<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
3180<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
3181</svg>
3182                     <span class="text-gray-400 bals-corners">0-0</span>
3183                  </div>
3184                  <!-- Yellow Card -->
3185                  <div class="flex items-center gap-1">
3186                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
3187                     <span class="text-gray-400 bals-yellow-cards">0-0</span>
3188                  </div>
3189               </div>
3190            </div>
3191         </div>
3192
3193         
3194         <div class="space-y-3">
3195            <div class="h-px w-full border-t-gradient-silver-fade"></div>
3196            <div class="relative">
3197               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
3198                  
3199                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
3200                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm"  style="display:none" >
3201                        <!-- HT Score -->
3202                        <div class="flex items-center gap-1">
3203                           <span class="text-primary font-semibold">HT</span>
3204                           <span class="text-gray-400 bals-ht-score">0-0</span>
3205                        </div>
3206                        <!-- Corner -->
3207                        <div class="flex items-center gap-1">
3208                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3209<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
3210<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
3211</svg>
3212                           <span class="text-gray-400 bals-corners">0-0</span>
3213                        </div>
3214                        <!-- Yellow Card -->
3215                        <div class="flex items-center gap-1">
3216                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
3217                              class="h-3 w-3" />
3218                           <span
3219                              class="text-gray-400 bals-yellow-cards">0-0</span>
3220                        </div>
3221                     </div>
3222                  </div>
3223
3224                  
3225                                                            <div class="flex-1 min-w-0 flex sm:justify-center justify-start">
3226                        
3227                        <div class="sm:hidden flex items-center relative pointer-events-auto"
3228                           :class="{ 'z-[100]': showStreamers }">
3229
3230                                                         
3231                              <div class="flex items-center gap-1.5 text-xs text-gray-light">
3232                                 <img data-src="https://bucket.antlive.pro/7f48cb6be263b855a4ef00efe73c08fa-1772263379587-photo_2026-02-28_13-24-03.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="cố" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                                 <span class="truncate max-w-[70px]">cố</span>
3233                              </div>
3234                                                   </div>
3235                        
3236                        <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto">
3237                           <div class="chroma-commentator-chip">
3238                              <div class="chroma-commentator-frame">
3239                                 <img data-src="https://bucket.antlive.pro/7f48cb6be263b855a4ef00efe73c08fa-1772263379587-photo_2026-02-28_13-24-03.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="cố" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                              </div>
3240                              <span class="chroma-commentator-name truncate">cố</span>
3241                           </div>
3242                                                   </div>
3243                     </div>
3244                  
3245                  
3246                                       <div class="flex-shrink-0 flex items-center">
3247                        <div class="w-[120px] sm:w-[125px] min-w-0">
3248                           <div class="text-right mr-1.5 bals-odds">
3249                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
3250                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.1</div>
3251                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3</div>
3252                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.6</div>
3253                                                                           </div>
3254                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
3255                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.85</div>
3256                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.25</div>
3257                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.95</div>
3258                                                                           </div>
3259                                                                                                                                                         </div>
3260                        </div>
3261                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
3262                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
3263                        </a>
3264                     </div>
3265                                 </div>
3266            </div>
3267         </div>
3268      </div>
3269   </div>
3270
3271   
3272   </div>
3273<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
3274   bals-finished-match"
3275   data-accent="featured"
3276   data-template="chroma" data-match-id="y39mp1h6np32moj" data-match-time="1791563400"
3277   data-home-team-id="n54qllh261zqvy9" data-away-team-id="9k82rekh463repz"
3278   data-competition-id="kn54qllhjzqvy9d" x-data="{
3279        activeCount: 0,
3280        showModal: false,
3281        showStreamers: false,
3282        view: 'timeline',
3283        hoverTimer: null,
3284        closeTimer: null,
3285        openModal() {
3286          clearTimeout(this.closeTimer);
3287          this.hoverTimer = setTimeout(() => {
3288            this.showModal = true;
3289          }, 500);
3290        },
3291        closeModal() {
3292          clearTimeout(this.hoverTimer);
3293          clearTimeout(this.closeTimer);
3294          this.closeTimer = setTimeout(() => {
3295            this.showModal = false;
3296          }, 300);
3297        }
3298      }"
3299   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
3300   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
3301   data-streamer-ids="[&quot;69f42e961f739deff81510c0&quot;]"
3302   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
3303   <div class="block relative group">
3304      <a href="https://toptrader.io/truc-tiep/1-fc-heidenheim-1846-vs-1-fc-kaiserslautern-ngay-09-10-2026/" class="absolute inset-0 z-0"
3305         data-tooltip="Heidenheim vs Kaiserslautern lúc 23:30  ngày 09/10/2026"
3306         data-title="Heidenheim vs Kaiserslautern lúc  23:30  ngày 09/10/2026"></a>
3307      <div class="chroma-signal-lock" aria-hidden="true"></div>
3308      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
3309         
3310         <div class="flex items-center justify-between sm:mb-0 mb-2">
3311            
3312            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
3313               <img src="https://img.thesports.com/football/competition/eab6e349cf5811408c0628a774724869.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
3314                  loading="lazy" />
3315               <span class="truncate tracking-wide bals-competition-name">German Bundesliga 2</span>
3316            </div>
3317            
3318            <div
3319               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
3320               <span> 23:30 </span>
3321               <span class="text-gray-400 leading-none text-base">•</span>
3322               
3323               <span>09/10</span>
3324               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
3325               <span
3326                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
3327            </div>
3328         </div>
3329         
3330         <div class="relative">
3331            
3332            <div
3333               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
3334               <span class="bals-status-name mr-1">Kết Thúc</span>            </div>
3335            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
3336               
3337               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
3338                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
3339                     Heidenheim
3340                  </div>
3341                  <img data-src="https://static.sportsfeed.pro/football/team/65ee743f20fa7db286fdeda4d33c6980.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Heidenheim Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
3342               
3343               <div
3344                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
3345                   @mouseenter="openModal()" @mouseleave="closeModal()" >
3346                  <div
3347                     class="bals-score-track ">
3348                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
3349                     <span
3350                        class="bals-score-box  text-sm sm:text-base bals-home-score" >
3351                        0
3352                     </span>
3353                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
3354                     <span
3355                        class="bals-score-box  text-sm sm:text-base bals-away-score" >
3356                        0
3357                     </span>
3358                  </div>
3359               </div>
3360               
3361               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
3362                  <img data-src="https://static.sportsfeed.pro/football/team/6544eff3f60d98faf65649c8bf1c81eb.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Kaiserslautern Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
3363                     Kaiserslautern
3364                  </div>
3365               </div>
3366            </div>
3367            
3368            <div
3369               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
3370                           </div>
3371
3372            
3373            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" >
3374               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
3375                  <!-- HT Score -->
3376                  <div class="flex items-center gap-1">
3377                     <span class="text-primary font-semibold">HT</span>
3378                     <span class="text-gray-400 bals-ht-score">0-0</span>
3379                  </div>
3380                  <!-- Corner -->
3381                  <div class="flex items-center gap-1">
3382                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3383<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
3384<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
3385</svg>
3386                     <span class="text-gray-400 bals-corners">7-8</span>
3387                  </div>
3388                  <!-- Yellow Card -->
3389                  <div class="flex items-center gap-1">
3390                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
3391                     <span class="text-gray-400 bals-yellow-cards">0-0</span>
3392                  </div>
3393               </div>
3394            </div>
3395         </div>
3396
3397         
3398         <div class="space-y-3">
3399            <div class="h-px w-full border-t-gradient-silver-fade"></div>
3400            <div class="relative">
3401               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
3402                  
3403                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
3404                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" >
3405                        <!-- HT Score -->
3406                        <div class="flex items-center gap-1">
3407                           <span class="text-primary font-semibold">HT</span>
3408                           <span class="text-gray-400 bals-ht-score">0-0</span>
3409                        </div>
3410                        <!-- Corner -->
3411                        <div class="flex items-center gap-1">
3412                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3413<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
3414<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
3415</svg>
3416                           <span class="text-gray-400 bals-corners">7-8</span>
3417                        </div>
3418                        <!-- Yellow Card -->
3419                        <div class="flex items-center gap-1">
3420                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
3421                              class="h-3 w-3" />
3422                           <span
3423                              class="text-gray-400 bals-yellow-cards">0-0</span>
3424                        </div>
3425                     </div>
3426                  </div>
3427
3428                  
3429                                                            <div class="flex-1 min-w-0 flex sm:justify-center justify-start">
3430                        
3431                        <div class="sm:hidden flex items-center relative pointer-events-auto"
3432                           :class="{ 'z-[100]': showStreamers }">
3433
3434                                                         
3435                              <div class="flex items-center gap-1.5 text-xs text-gray-light">
3436                                 <img data-src="https://bucket.antlive.pro/365e54adb02839332a5c321d84c79130-1777610746206-cropped_SaitamaWikipediapage.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="SAITAMA" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                                 <span class="truncate max-w-[70px]">SAITAMA</span>
3437                              </div>
3438                                                   </div>
3439                        
3440                        <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto">
3441                           <div class="chroma-commentator-chip">
3442                              <div class="chroma-commentator-frame">
3443                                 <img data-src="https://bucket.antlive.pro/365e54adb02839332a5c321d84c79130-1777610746206-cropped_SaitamaWikipediapage.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="SAITAMA" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                              </div>
3444                              <span class="chroma-commentator-name truncate">SAITAMA</span>
3445                           </div>
3446                                                   </div>
3447                     </div>
3448                  
3449                  
3450                                       <div class="flex-shrink-0 flex items-center">
3451                        <div class="w-[120px] sm:w-[125px] min-w-0">
3452                           <div class="text-right mr-1.5 bals-odds">
3453                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
3454                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">21</div>
3455                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.01</div>
3456                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">23</div>
3457                                                                           </div>
3458                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
3459                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.67</div>
3460                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div>
3461                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.15</div>
3462                                                                           </div>
3463                                                                                                                                                         </div>
3464                        </div>
3465                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
3466                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
3467                        </a>
3468                     </div>
3469                                 </div>
3470            </div>
3471         </div>
3472      </div>
3473   </div>
3474
3475   
3476   <div x-show="showModal"
3477        @mouseenter="clearTimeout(closeTimer)"
3478        @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)"
3479        x-effect="
3480           if (showModal && !$el.dataset.modalLoaded) {
3481              $el.dataset.modalLoaded = '1';
3482              if (typeof loadMatchModal === 'function') loadMatchModal($el);
3483           }
3484        "
3485        data-match-id="y39mp1h6np32moj"
3486        class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
3487        x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
3488        x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
3489        x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
3490        style="display: none;"
3491        :style="{
3492           top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
3493           bottom: $el.getBoundingClientRect().top >
3493= 300 ? 'calc(100% - 10px)' : 'auto',
3494           left: '50%',
3495           transform: 'translateX(-50%)'
3496       }">
3497      <div class="modal-content">
3498         <div class="p-6 text-center text-gray-400 text-xs">Loading...</div>
3499      </div>
3500   </div>
3501</div>
3502<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
3503   bals-finished-match"
3504   data-accent="featured"
3505   data-template="chroma" data-match-id="vjxm8ghe69v5r6o" data-match-time="1791563400"
3506   data-home-team-id="z8yomo4hjwvq0j6" data-away-team-id="9dn1m1ghylzmoep"
3507   data-competition-id="kn54qllhjzqvy9d" x-data="{
3508        activeCount: 0,
3509        showModal: false,
3510        showStreamers: false,
3511        view: 'timeline',
3512        hoverTimer: null,
3513        closeTimer: null,
3514        openModal() {
3515          clearTimeout(this.closeTimer);
3516          this.hoverTimer = setTimeout(() => {
3517            this.showModal = true;
3518          }, 500);
3519        },
3520        closeModal() {
3521          clearTimeout(this.hoverTimer);
3522          clearTimeout(this.closeTimer);
3523          this.closeTimer = setTimeout(() => {
3524            this.showModal = false;
3525          }, 300);
3526        }
3527      }"
3528   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
3529   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
3530   data-streamer-ids="[&quot;6a439a7fb89dded67b208b87&quot;]"
3531   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
3532   <div class="block relative group">
3533      <a href="https://toptrader.io/truc-tiep/eintracht-braunschweig-vs-holstein-kiel-ngay-09-10-2026/" class="absolute inset-0 z-0"
3534         data-tooltip="Eintracht Braunschweig vs Holstein Kiel lúc 23:30  ngày 09/10/2026"
3535         data-title="Eintracht Braunschweig vs Holstein Kiel lúc  23:30  ngày 09/10/2026"></a>
3536      <div class="chroma-signal-lock" aria-hidden="true"></div>
3537      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
3538         
3539         <div class="flex items-center justify-between sm:mb-0 mb-2">
3540            
3541            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
3542               <img src="https://img.thesports.com/football/competition/eab6e349cf5811408c0628a774724869.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
3543                  loading="lazy" />
3544               <span class="truncate tracking-wide bals-competition-name">German Bundesliga 2</span>
3545            </div>
3546            
3547            <div
3548               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
3549               <span> 23:30 </span>
3550               <span class="text-gray-400 leading-none text-base">•</span>
3551               
3552               <span>09/10</span>
3553               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
3554               <span
3555                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
3556            </div>
3557         </div>
3558         
3559         <div class="relative">
3560            
3561            <div
3562               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
3563               <span class="bals-status-name mr-1">Kết Thúc</span>            </div>
3564            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
3565               
3566               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
3567                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
3568                     Eintracht Braunschweig
3569                  </div>
3570                  <img data-src="https://static.sportsfeed.pro/football/team/0a38b45c20a019398526a4944553f8e6.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Eintracht Braunschweig Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
3571               
3572               <div
3573                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
3574                   @mouseenter="openModal()" @mouseleave="closeModal()" >
3575                  <div
3576                     class="bals-score-track ">
3577                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
3578                     <span
3579                        class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-home-score" >
3580                        1
3581                     </span>
3582                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
3583                     <span
3584                        class="bals-score-box  text-sm sm:text-base bals-away-score" >
3585                        0
3586                     </span>
3587                  </div>
3588               </div>
3589               
3590               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
3591                  <img data-src="https://static.sportsfeed.pro/football/team/a285cb29d36e8d0e6fb35def1fbf442c.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Holstein Kiel Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
3592                     Holstein Kiel
3593                  </div>
3594               </div>
3595            </div>
3596            
3597            <div
3598               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
3599                           </div>
3600
3601            
3602            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" >
3603               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
3604                  <!-- HT Score -->
3605                  <div class="flex items-center gap-1">
3606                     <span class="text-primary font-semibold">HT</span>
3607                     <span class="text-gray-400 bals-ht-score">1-0</span>
3608                  </div>
3609                  <!-- Corner -->
3610                  <div class="flex items-center gap-1">
3611                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3612<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
3613<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
3614</svg>
3615                     <span class="text-gray-400 bals-corners">2-3</span>
3616                  </div>
3617                  <!-- Yellow Card -->
3618                  <div class="flex items-center gap-1">
3619                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
3620                     <span class="text-gray-400 bals-yellow-cards">4-3</span>
3621                  </div>
3622               </div>
3623            </div>
3624         </div>
3625
3626         
3627         <div class="space-y-3">
3628            <div class="h-px w-full border-t-gradient-silver-fade"></div>
3629            <div class="relative">
3630               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
3631                  
3632                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
3633                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" >
3634                        <!-- HT Score -->
3635                        <div class="flex items-center gap-1">
3636                           <span class="text-primary font-semibold">HT</span>
3637                           <span class="text-gray-400 bals-ht-score">1-0</span>
3638                        </div>
3639                        <!-- Corner -->
3640                        <div class="flex items-center gap-1">
3641                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
3642<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
3643<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
3644</svg>
3645                           <span class="text-gray-400 bals-corners">2-3</span>
3646                        </div>
3647                        <!-- Yellow Card -->
3648                        <div class="flex items-center gap-1">
3649                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
3650                              class="h-3 w-3" />
3651                           <span
3652                              class="text-gray-400 bals-yellow-cards">4-3</span>
3653                        </div>
3654                     </div>
3655                  </div>
3656
3657                  
3658                                                            <div class="flex-1 min-w-0 flex sm:justify-center justify-start">
3659                        
3660                        <div class="sm:hidden flex items-center relative pointer-events-auto"
3661                           :class="{ 'z-[100]': showStreamers }">
3662
3663                                                         
3664                              <div class="flex items-center gap-1.5 text-xs text-gray-light">
3665                                 <img data-src="https://bucket.antlive.pro/96e9f8e9ea8cffc6edf19ed89a20aff4-1784158626608-cropped_IMG_0054.jpeg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="NGƯỜI" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                                 <span class="truncate max-w-[70px]">NGƯỜI</span>
3666                              </div>
3667                                                   </div>
3668                        
3669                        <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto">
3670                           <div class="chroma-commentator-chip">
3671                              <div class="chroma-commentator-frame">
3672                                 <img data-src="https://bucket.antlive.pro/96e9f8e9ea8cffc6edf19ed89a20aff4-1784158626608-cropped_IMG_0054.jpeg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="NGƯỜI" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                              </div>
3673                              <span class="chroma-commentator-name truncate">NGƯỜI</span>
3674                           </div>
3675                                                   </div>
3676                     </div>
3677                  
3678                  
3679                                       <div class="flex-shrink-0 flex items-center">
3680                        <div class="w-[120px] sm:w-[125px] min-w-0">
3681                           <div class="text-right mr-1.5 bals-odds">
3682                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
3683                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.01</div>
3684                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">23</div>
3685                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">501</div>
3686                                                                           </div>
3687                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
3688                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.2</div>
3689                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div>
3690                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.65</div>
3691                                                                           </div>
3692                                                                                                                                                         </div>
3693                        </div>
3694                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
3695                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
3696                        </a>
3697                     </div>
3698                                 </div>
3699            </div>
3700         </div>
3701      </div>
3702   </div>
3703
3704   
3705   <div x-show="showModal"
3706        @mouseenter="clearTimeout(closeTimer)"
3707        @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)"
3708        x-effect="
3709           if (showModal && !$el.dataset.modalLoaded) {
3710              $el.dataset.modalLoaded = '1';
3711              if (typeof loadMatchModal === 'function') loadMatchModal($el);
3712           }
3713        "
3714        data-match-id="vjxm8ghe69v5r6o"
3715        class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
3716        x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
3717        x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
3718        x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
3719        style="display: none;"
3720        :style="{
3721           top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
3722           bottom: $el.getBoundingClientRect().top >
3722= 300 ? 'calc(100% - 10px)' : 'auto',
3723           left: '50%',
3724           transform: 'translateX(-50%)'
3725       }">
3726      <div class="modal-content">
3727         <div class="p-6 text-center text-gray-400 text-xs">Loading...</div>
3728      </div>
3729   </div>
3730</div>
3731
3732  </div>
3733
3734              </div>
3735
3736            <!-- Today's Matches Content -->
3737            <div class="match-container" id="today-content" role="tabpanel" aria-labelledby="today-tab" data-loaded="true">
3738               <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 all-matches-grid">
3739    <style>
3740      [data-template="chroma"]:not([data-sport="basketball"]).match-card {
3741
3742         isolation: isolate;
3743         background:
3744            radial-gradient(circle at 50% 0%, rgba(var(--color-primary-rgb), 0.16) 0%, rgba(var(--color-primary-rgb), 0.08) 26%, transparent 58%),
3745            radial-gradient(circle at 14% 50%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 34%),
3746            linear-gradient(180deg, #0d1d18 0%, #0a1814 55%, #081310 100%);
3747         border: 1px solid rgba(var(--color-primary-rgb), 0.34);
3748         box-shadow:
3749            inset 0 1px 0 rgba(255,255,255,0.04),
3750            0 18px 40px -18px rgba(0,0,0,0.72);
3751      }
3752
3753      /** Code Review Fixes **/
3754      [data-template="chroma"]:not([data-sport="basketball"]) .block.relative.group {
3755         overflow: hidden;
3756      }
3757
3758      [data-template="chroma"]:not([data-sport="basketball"]).match-card::before {
3759         content: '';
3760         position: absolute;
3761         inset: 0;
3762         z-index: 1;
3763         pointer-events: none;
3764         background-image: var(--chroma-line-image);
3765         background-repeat: no-repeat;
3766         background-position: center;
3767         background-size: cover;
3768         opacity: 0.18;
3769         mix-blend-mode: screen;
3770         filter: grayscale(1) brightness(1.35) contrast(1.25);
3771      }
3772
3773      [data-template="chroma"]:not([data-sport="basketball"]).match-card::after {
3774         content: '';
3775         position: absolute;
3776         inset: 0;
3777         z-index: 2;
3778         pointer-events: none;
3779         background:
3780            linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, transparent 30%, transparent 70%, rgba(0, 0, 0, 0.12) 100%),
3781            radial-gradient(circle at 50% 0%, rgba(var(--color-primary-rgb), 0.08) 0%, transparent 48%);
3782      }
3783
3784      [data-template="chroma"]:not([data-sport="basketball"]) .chroma-signal-lock {
3785         position: absolute;
3786         inset: 0;
3787         z-index: 2;
3788         pointer-events: none;
3789         opacity: 0;
3790      }
3791
3792      [data-template="chroma"]:not([data-sport="basketball"]) .chroma-signal-lock::before,
3793      [data-template="chroma"]:not([data-sport="basketball"]) .chroma-signal-lock::after {
3794         content: '';
3795         position: absolute;
3796         left: 50%;
3797         top: 50%;
3798         transform: translate(-50%, -50%);
3799         pointer-events: none;
3800      }
3801
3802      [data-template="chroma"]:not([data-sport="basketball"]) .chroma-signal-lock::before {
3803         width: 38%;
3804         height: 64%;
3805         border-radius: 999px;
3806         background:
3807            radial-gradient(circle, rgba(var(--color-primary-rgb), 0.22) 0%, rgba(var(--color-primary-rgb), 0.1) 28%, transparent 68%);
3808         filter: blur(18px);
3809      }
3810
3811      [data-template="chroma"]:not([data-sport="basketball"]) .chroma-signal-lock::after {
3812         width: 46%;
3813         height: 1px;
3814         background: linear-gradient(90deg, transparent 0%, rgba(var(--color-primary-rgb), 0.0) 10%, rgba(var(--color-primary-rgb), 0.65) 50%, rgba(var(--color-primary-rgb), 0.0) 90%, transparent 100%);
3815         box-shadow: 0 0 12px rgba(var(--color-primary-rgb), 0.28);
3816      }
3817
3818      @media(prefers-reduced-motion: no-preference) {
3819         [data-template="chroma"]:not([data-sport="basketball"]).bals-live-match::before {
3820            animation: chroma-line-drift 8s ease-in-out infinite;
3821         }
3822
3823         [data-template="chroma"]:not([data-sport="basketball"]).bals-live-match .chroma-signal-lock {
3824            animation: chroma-signal-lock 4.6s cubic-bezier(0.22, 1, 0.36, 1) infinite;
3825         }
3826
3827         [data-template="chroma"]:not([data-sport="basketball"]).bals-live-match .bals-score-track {
3828            animation: chroma-score-focus 4.6s cubic-bezier(0.22, 1, 0.36, 1) infinite;
3829         }
3830      }
3831
3832      @keyframes chroma-line-drift {
3833
3834         0%,
3835         100% {
3836            background-position: center;
3837            transform: scale(1);
3838            opacity: 0.16;
3839         }
3840
3841         50% {
3842            background-position: center 4px;
3843            transform: scale(1.015);
3844            opacity: 0.24;
3845         }
3846      }
3847
3848      @keyframes chroma-signal-lock {
3849
3850         0%,
3851         100% {
3852            opacity: 0;
3853         }
3854
3855         18% {
3856            opacity: 0;
3857         }
3858
3859         34% {
3860            opacity: 0.35;
3861         }
3862
3863         52% {
3864            opacity: 0.8;
3865         }
3866
3867         70% {
3868            opacity: 0.18;
3869         }
3870      }
3871
3872      @keyframes chroma-score-focus {
3873
3874         0%,
3875         100% {
3876            box-shadow:
3877               inset 0 1px 0 rgba(255, 255, 255, 0.04),
3878               0 0 0 1px rgba(var(--color-primary-rgb), 0.06);
3879         }
3880
3881         30% {
3882            box-shadow:
3883               inset 0 1px 0 rgba(255, 255, 255, 0.05),
3884               0 0 0 1px rgba(var(--color-primary-rgb), 0.12),
3885               0 0 18px rgba(var(--color-primary-rgb), 0.12);
3886         }
3887
3888         52% {
3889            box-shadow:
3890               inset 0 1px 0 rgba(255, 255, 255, 0.06),
3891               0 0 0 1px rgba(var(--color-primary-rgb), 0.18),
3892               0 0 22px rgba(var(--color-primary-rgb), 0.18);
3893         }
3894
3895         74% {
3896            box-shadow:
3897               inset 0 1px 0 rgba(255, 255, 255, 0.04),
3898               0 0 0 1px rgba(var(--color-primary-rgb), 0.08);
3899         }
3900      }
3901
3902      [data-template="chroma"]:not([data-sport="basketball"]) .block.relative.group,
3903      [data-template="chroma"]:not([data-sport="basketball"]) .block.relative.group>.flex {
3904         position: relative;
3905         z-index: 3;
3906      }
3907
3908      [data-template="chroma"]:not([data-sport="basketball"]) .bals-score-track {
3909         display: inline-flex;
3910         align-items: center;
3911         justify-content: center;
3912         gap: 0.26rem;
3913         min-width: auto;
3914         padding: 0.07rem 0.13rem 0.07rem 0.07rem;
3915         border-radius: 999px;
3916         border: 1px solid rgba(var(--color-primary-rgb), 0.36);
3917         background:
3918            linear-gradient(180deg, rgba(8, 18, 15, 0.94) 0%, rgba(6, 15, 13, 
39180.98) 100%),
3919            radial-gradient(circle at 18% 50%, rgba(var(--color-primary-rgb), 0.16) 0%, rgba(var(--color-primary-rgb), 0.06) 34%, transparent 64%);
3920         box-shadow:
3921            inset 0 1px 0 rgba(255, 255, 255, 0.04),
3922            0 0 0 1px rgba(var(--color-primary-rgb), 0.06);
3923         box-sizing: border-box;
3924      }
3925
3926      [data-template="chroma"]:not([data-sport="basketball"]) .bals-score-box {
3927         width: 2.2rem;
3928         min-width: 2.2rem;
3929         height: 1.82rem;
3930         padding: 0;
3931         display: inline-flex;
3932         align-items: center;
3933         justify-content: center;
3934         background: transparent;
3935         color: #fff;
3936         font-weight: 800;
3937         font-size: 0.95rem;
3938         line-height: 1;
3939         text-shadow: none;
3940         box-shadow: none;
3941         box-sizing: border-box;
3942         font-variant-numeric: tabular-nums;
3943         flex-shrink: 0;
3944      }
3945
3946      [data-template="chroma"]:not([data-sport="basketball"]) .bals-home-score.bg-gradient-red-bright {
3947         border: 1px solid rgba(var(--color-primary-rgb), 0.92);
3948         border-radius: 999px 0 0 999px;
3949         background:
3950            linear-gradient(180deg, rgba(var(--color-primary-rgb), 0.18) 0%, rgba(var(--color-primary-rgb), 0.08) 100%),
3951            rgba(255, 255, 255, 0.01);
3952      }
3953
3954      [data-template="chroma"]:not([data-sport="basketball"]) .bals-away-score.bg-gradient-red-bright {
3955         width: 2.2rem;
3956         min-width: 2.2rem;
3957         height: 1.82rem;
3958         padding: 0;
3959         border: 1px solid rgba(var(--color-primary-rgb), 0.92);
3960         border-radius: 0 999px 999px 0;
3961         background:
3962            linear-gradient(180deg, rgba(var(--color-primary-rgb), 0.18) 0%, rgba(var(--color-primary-rgb), 0.08) 100%),
3963            rgba(255, 255, 255, 0.01);
3964      }
3965
3966      [data-template="chroma"]:not([data-sport="basketball"]) .bals-score-divider {
3967         width: 0.2rem;
3968         height: 0.2rem;
3969         border-radius: 999px;
3970         background: rgba(236, 255, 242, 0.9);
3971         box-shadow: none;
3972         font-size: 0;
3973         flex-shrink: 0;
3974         align-self: center;
3975         transform: translateY(0.5px);
3976      }
3977
3978      [data-template="chroma"]:not([data-sport="basketball"]) .bals-vs-box {
3979         min-width: 2.2rem;
3980         height: 1.82rem;
3981         padding: 0 0.75rem;
3982         display: inline-flex;
3983         align-items: center;
3984         justify-content: center;
3985         border-radius: 999px;
3986         background:
3987            linear-gradient(180deg, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 100%),
3988            rgba(8, 18, 15, 0.9);
3989         border: 1px solid rgba(var(--color-primary-rgb), 0.86);
3990         color: #fff;
3991         font-weight: 800;
3992         font-size: 0.9rem;
3993         letter-spacing: 0;
3994         line-height: 1;
3995         text-shadow: none;
3996         box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
3997         font-variant-numeric: tabular-nums;
3998      }
3999
4000      [data-template="chroma"]:not([data-sport="basketball"]) .bals-score-track--vs {
4001         padding: 0;
4002         border: 0;
4003         background: transparent;
4004      }
4005
4006      [data-template="chroma"]:not([data-sport="basketball"]) .bals-time-pill {
4007         display: inline-flex;
4008         align-items: center;
4009         justify-content: center;
4010         gap: 0.35rem;
4011         padding: 0.28rem 0.5rem;
4012         border-radius: 8px;
4013         background: rgba(255, 255, 255, 0.06);
4014         border: 1px solid rgba(255, 255, 255, 0.05);
4015         box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
4016         backdrop-filter: blur(4px);
4017         -webkit-backdrop-filter: blur(4px);
4018      }
4019
4020      [data-template="chroma"]:not([data-sport="basketball"]) .chroma-commentator-chip {
4021         display: inline-flex;
4022         align-items: center;
4023         gap: 0.4rem;
4024         min-width: 0;
4025      }
4026
4027      [data-template="chroma"]:not([data-sport="basketball"]) .chroma-commentator-frame {
4028         width: 1rem;
4029         height: 1rem;
4030         flex-shrink: 0;
4031         display: inline-flex;
4032         align-items: center;
4033         justify-content: center;
4034         padding: 1px;
4035         border-radius: 999px;
4036         background:
4037            radial-gradient(circle at 30% 28%, rgba(255, 212, 153, 0.4) 0%, rgba(255, 212, 153, 0.08) 34%, transparent 60%),
4038            linear-gradient(180deg, #ffb35b 0%, #ff7a19 100%);
4039         box-shadow:
4040            0 0 0 1px rgba(255, 140, 36, 0.22),
4041            0 4px 10px rgba(0, 0, 0, 0.22);
4042      }
4043
4044      [data-template="chroma"]:not([data-sport="basketball"]) .chroma-commentator-frame img {
4045         width: 100%;
4046         height: 100%;
4047         object-fit: cover;
4048         display: block;
4049         background: #0f1217;
4050         border-radius: 999px;
4051      }
4052
4053      [data-template="chroma"]:not([data-sport="basketball"]) .chroma-commentator-name {
4054         min-width: 0;
4055         color: rgba(255, 255, 255, 0.92);
4056         font-size: 0.8125rem;
4057         font-weight: 500;
4058         line-height: 1;
4059         letter-spacing: 0;
4060         text-transform: none;
4061         text-shadow: 0 1px 4px rgba(0, 0, 0, 0.22);
4062      }
4063
4064      [data-template="chroma"]:not([data-sport="basketball"])[data-accent="featured"] {
4065         border: 2px solid #E97519;
4066      }
4067
4068      [data-template="chroma"]:not([data-sport="basketball"])[data-accent="hot"] {
4069         border: 1px solid #960B12;
4070      }
4071
4072      @media(min-width: 640px) {
4073
4074         [data-template="chroma"]:not([data-sport="basketball"]) .bals-score-box,
4075         [data-template="chroma"]:not([data-sport="basketball"]) .bals-vs-box {
4076            width: 2.35rem;
4077            min-width: 2.35rem;
4078            height: 1.96rem;
4079         }
4080
4081         [data-template="chroma"]:not([data-sport="basketball"]) .bals-away-score.bg-gradient-red-bright {
4082            width: 2.35rem;
4083            min-width: 2.35rem;
4084            height: 1.96rem;
4085         }
4086
4087         [data-template="chroma"]:not([data-sport="basketball"]) .bals-score-track {
4088            gap: 0.3rem;
4089            padding: 0.08rem 0.15rem 0.08rem 0.08rem;
4090         }
4091
4092         [data-template="chroma"]:not([data-sport="basketball"]) .chroma-commentator-chip {
4093            gap: 0.45rem;
4094         }
4095
4096         [data-template="chroma"]:not([data-sport="basketball"]) .chroma-commentator-frame {
4097            width: 1.15rem;
4098            height: 1.15rem;
4099         }
4100
4101         [data-template="chroma"]:not([data-sport="basketball"]) .chroma-commentator-name {
4102            font-size: 0.875rem;
4103         }
4104      }
4105   </style>
4106
4107<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
4108   bals-live-match"
4109   data-accent=""
4110   data-template="chroma" data-match-id="8yomo4h16xykq0j" data-match-time="1791579600"
4111   data-home-team-id="yl5ergphjd4r8k0" data-away-team-id="n54qllh2gjpqvy9"
4112   data-competition-id="p3glrw7hevqdyjv" x-data="{
4113        activeCount: 0,
4114        showModal: false,
4115        showStreamers: false,
4116        view: 'timeline',
4117        hoverTimer: null,
4118        closeTimer: null,
4119        openModal() {
4120          clearTimeout(this.closeTimer);
4121          this.hoverTimer = setTimeout(() => {
4122            this.showModal = true;
4123          }, 500);
4124        },
4125        closeModal() {
4126          clearTimeout(this.hoverTimer);
4127          clearTimeout(this.closeTimer);
4128          this.closeTimer = setTimeout(() => {
4129            this.showModal = false;
4130          }, 300);
4131        }
4132      }"
4133   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
4134   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
4135   data-streamer-ids="[&quot;69a1aaa7230584579e2d5ce1&quot;]"
4136   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
4137   <div class="block relative group">
4138      <a href="https://toptrader.io/truc-tiep/gimnasia-la-plata-vs-atletico-tucuman-ngay-10-10-2026/" class="absolute inset-0 z-0"
4139         data-tooltip="Gimnasia La Plata vs Atletico Tucuman lúc 04:00  ngày 10/10/2026"
4140         data-title="Gimnasia La Plata vs Atletico Tucuman lúc  04:00  ngày 10/10/2026"></a>
4141      <div class="chroma-signal-lock" aria-hidden="true"></div>
4142      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
4143         
4144         <div class="flex items-center justify-between sm:mb-0 mb-2">
4145            
4146            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
4147               <img src="https://img.thesports.com/football/competition/0276a00c0277c8f1cba7b63bd59e281d.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
4148                  loading="lazy" />
4149               <span class="truncate tracking-wide bals-competition-name">Argentine Division 1</span>
4150            </div>
4151            
4152            <div
4153               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
4154               <span> 04:00 </span>
4155               <span class="text-gray-400 leading-none text-base">•</span>
4156               
4157               <span>10/10</span>
4158               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
4159               <span
4160                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
4161            </div>
4162         </div>
4163         
4164         <div class="relative">
4165            
4166            <div
4167               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
4168               <span class="bals-status-name mr-1">Hiệp 2</span> :
4169                  <span class="ml-1 bals-elapsed-time">79&#039;</span>            </div>
4170            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
4171               
4172               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
4173                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
4174                     Gimnasia La Plata
4175                  </div>
4176                  <img data-src="https://static.sportsfeed.pro/football/team/f323884c2481d25aa4b316a43583b733.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Gimnasia La Plata Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
4177               
4178               <div
4179                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
4180                   @mouseenter="openModal()" @mouseleave="closeModal()" >
4181                  <div
4182                     class="bals-score-track ">
4183                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
4184                     <span
4185                        class="bals-score-box  text-sm sm:text-base bals-home-score" >
4186                        0
4187                     </span>
4188                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
4189                     <span
4190                        class="bals-score-box  text-sm sm:text-base bals-away-score" >
4191                        0
4192                     </span>
4193                  </div>
4194               </div>
4195               
4196               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
4197                  <img data-src="https://static.sportsfeed.pro/football/team/2d87cf3b426597f02435e2c72e8def93.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Atletico Tucuman Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
4198                     Atletico Tucuman
4199                  </div>
4200               </div>
4201            </div>
4202            
4203            <div
4204               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
4205                           </div>
4206
4207            
4208            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" >
4209               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
4210                  <!-- HT Score -->
4211                  <div class="flex items-center gap-1">
4212                     <span class="text-primary font-semibold">HT</span>
4213                     <span class="text-gray-400 bals-ht-score">0-0</span>
4214                  </div>
4215                  <!-- Corner -->
4216                  <div class="flex items-center gap-1">
4217                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
4218<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
4219<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
4220</svg>
4221                     <span class="text-gray-400 bals-corners">9-3</span>
4222                  </div>
4223                  <!-- Yellow Card -->
4224                  <div class="flex items-center gap-1">
4225                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
4226                     <span class="text-gray-400 bals-yellow-cards">2-3</span>
4227                  </div>
4228               </div>
4229            </div>
4230         </div>
4231
4232         
4233         <div class="space-y-3">
4234            <div class="h-px w-full border-t-gradient-silver-fade"></div>
4235            <div class="relative">
4236               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
4237                  
4238                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
4239                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" >
4240                        <!-- HT Score -->
4241                        <div class="flex items-center gap-1">
4242                           <span class="text-primary font-semibold">HT</span>
4243                           <span class="text-gray-400 bals-ht-score">0-0</span>
4244                        </div>
4245                        <!-- Corner -->
4246                        <div class="flex items-center gap-1">
4247                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
4248<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
4249<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
4250</svg>
4251                           <span class="text-gray-400 bals-corners">9-3</span>
4252                        </div>
4253                        <!-- Yellow Card -->
4254                        <div class="flex items-center gap-1">
4255                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
4256                              class="h-3 w-3" />
4257                           <span
4258                              class="text-gray-400 bals-yellow-cards">2-3</span>
4259                        </div>
4260                     </div>
4261                  </div>
4262
4263                  
4264                                                            <div class="flex-1 min-w-0 flex sm:justify-center justify-start">
4265                        
4266                        <div class="sm:hidden flex items-center relative pointer-events-auto"
4267                           :class="{ 'z-[100]': showStreamers }">
4268
4269                                                         
4270                              <div class="flex items-center gap-1.5 text-xs text-gray-light">
4271                                 <img data-src="https://bucket.antlive.pro/7f48cb6be263b855a4ef00efe73c08fa-1772263379587-photo_2026-02-28_13-24-03.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="cố" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                                 <span class="truncate max-w-[70px]">cố</span>
4272                              </div>
4273                                                   </div>
4274                        
4275                        <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto">
4276                           <div class="chroma-commentator-chip">
4277                              <div class="chroma-commentator-frame">
4278                                 <img data-src="https://bucket.antlive.pro/7f48cb6be263b855a4ef00efe73c08fa-1772263379587-photo_2026-02-28_13-24-03.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="cố" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                              </div>
4279                              <span class="chroma-commentator-name truncate">cố</span>
4280                           </div>
4281                                                   </div>
4282                     </div>
4283                  
4284                  
4285                                       <div class="flex-shrink-0 flex items-center">
4286                        <div class="w-[120px] sm:w-[125px] min-w-0">
4287                           <div class="text-right mr-1.5 bals-odds">
4288                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
4289                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.6</div>
4290                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.53</div>
4291                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">7.5</div>
4292                                                                           </div>
4293                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
4294                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.5</div>
4295                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.25</div>
4296                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.5</div>
4297                                                                           </div>
4298                                                                                                                                                         </div>
4299                        </div>
4300                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
4301                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
4302                        </a>
4303                     </div>
4304                                 </div>
4305            </div>
4306         </div>
4307      </div>
4308   </div>
4309
4310   
4311   <div x-show="showModal"
4312        @mouseenter="clearTimeout(closeTimer)"
4313        @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)"
4314        x-effect="
4315           if (showModal && !$el.dataset.modalLoaded) {
4316              $el.dataset.modalLoaded = '1';
4317              if (typeof loadMatchModal === 'function') loadMatchModal($el);
4318           }
4319        "
4320        data-match-id="8yomo4h16xykq0j"
4321        class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
4322        x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
4323        x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
4324        x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
4325        style="display: none;"
4326        :style="{
4327           top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
4328           bottom: $el.getBoundingClientRect().top >
4328= 300 ? 'calc(100% - 10px)' : 'auto',
4329           left: '50%',
4330           transform: 'translateX(-50%)'
4331       }">
4332      <div class="modal-content">
4333         <div class="p-6 text-center text-gray-400 text-xs">Loading...</div>
4334      </div>
4335   </div>
4336</div>
4337<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
4338   bals-live-match"
4339   data-accent=""
4340   data-template="chroma" data-match-id="pxwrxlhy0eljryk" data-match-time="1791585000"
4341   data-home-team-id="gx7lm7ph40vm2wd" data-away-team-id="z8yomo4hj31q0j6"
4342   data-competition-id="p3glrw7hevqdyjv" x-data="{
4343        activeCount: 0,
4344        showModal: false,
4345        showStreamers: false,
4346        view: 'timeline',
4347        hoverTimer: null,
4348        closeTimer: null,
4349        openModal() {
4350          clearTimeout(this.closeTimer);
4351          this.hoverTimer = setTimeout(() => {
4352            this.showModal = true;
4353          }, 500);
4354        },
4355        closeModal() {
4356          clearTimeout(this.hoverTimer);
4357          clearTimeout(this.closeTimer);
4358          this.closeTimer = setTimeout(() => {
4359            this.showModal = false;
4360          }, 300);
4361        }
4362      }"
4363   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
4364   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
4365   data-streamer-ids="[&quot;69b8e6f43bcf2231c35d5144&quot;]"
4366   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
4367   <div class="block relative group">
4368      <a href="https://toptrader.io/truc-tiep/instituto-de-cordoba-vs-boca-juniors-ngay-10-10-2026/" class="absolute inset-0 z-0"
4369         data-tooltip="Instituto vs Boca Juniors lúc 05:30  ngày 10/10/2026"
4370         data-title="Instituto vs Boca Juniors lúc  05:30  ngày 10/10/2026"></a>
4371      <div class="chroma-signal-lock" aria-hidden="true"></div>
4372      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
4373         
4374         <div class="flex items-center justify-between sm:mb-0 mb-2">
4375            
4376            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
4377               <img src="https://img.thesports.com/football/competition/0276a00c0277c8f1cba7b63bd59e281d.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
4378                  loading="lazy" />
4379               <span class="truncate tracking-wide bals-competition-name">Argentine Division 1</span>
4380            </div>
4381            
4382            <div
4383               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
4384               <span> 05:30 </span>
4385               <span class="text-gray-400 leading-none text-base">•</span>
4386               
4387               <span>10/10</span>
4388               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
4389               <span
4390                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
4391            </div>
4392         </div>
4393         
4394         <div class="relative">
4395            
4396            <div
4397               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
4398               <span class="bals-status-name mr-1">Hiệp 1</span> :
4399                  <span class="ml-1 bals-elapsed-time">1&#039;</span>            </div>
4400            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
4401               
4402               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
4403                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
4404                     Instituto
4405                  </div>
4406                  <img data-src="https://static.sportsfeed.pro/football/team/a01279fdf6589b3c11529ca1ab4201fc.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Instituto Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
4407               
4408               <div
4409                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
4410                  >
4411                  <div
4412                     class="bals-score-track ">
4413                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
4414                     <span
4415                        class="bals-score-box  text-sm sm:text-base bals-home-score" >
4416                        0
4417                     </span>
4418                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
4419                     <span
4420                        class="bals-score-box  text-sm sm:text-base bals-away-score" >
4421                        0
4422                     </span>
4423                  </div>
4424               </div>
4425               
4426               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
4427                  <img data-src="https://static.sportsfeed.pro/football/team/9ed2c4f6adc51975cdbd2a93093e6a43.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Boca Juniors Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
4428                     Boca Juniors
4429                  </div>
4430               </div>
4431            </div>
4432            
4433            <div
4434               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
4435                           </div>
4436
4437            
4438            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" >
4439               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
4440                  <!-- HT Score -->
4441                  <div class="flex items-center gap-1">
4442                     <span class="text-primary font-semibold">HT</span>
4443                     <span class="text-gray-400 bals-ht-score">0-0</span>
4444                  </div>
4445                  <!-- Corner -->
4446                  <div class="flex items-center gap-1">
4447                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
4448<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
4449<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
4450</svg>
4451                     <span class="text-gray-400 bals-corners">0-0</span>
4452                  </div>
4453                  <!-- Yellow Card -->
4454                  <div class="flex items-center gap-1">
4455                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
4456                     <span class="text-gray-400 bals-yellow-cards">0-0</span>
4457                  </div>
4458               </div>
4459            </div>
4460         </div>
4461
4462         
4463         <div class="space-y-3">
4464            <div class="h-px w-full border-t-gradient-silver-fade"></div>
4465            <div class="relative">
4466               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
4467                  
4468                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
4469                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" >
4470                        <!-- HT Score -->
4471                        <div class="flex items-center gap-1">
4472                           <span class="text-primary font-semibold">HT</span>
4473                           <span class="text-gray-400 bals-ht-score">0-0</span>
4474                        </div>
4475                        <!-- Corner -->
4476                        <div class="flex items-center gap-1">
4477                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
4478<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
4479<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
4480</svg>
4481                           <span class="text-gray-400 bals-corners">0-0</span>
4482                        </div>
4483                        <!-- Yellow Card -->
4484                        <div class="flex items-center gap-1">
4485                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
4486                              class="h-3 w-3" />
4487                           <span
4488                              class="text-gray-400 bals-yellow-cards">0-0</span>
4489                        </div>
4490                     </div>
4491                  </div>
4492
4493                  
4494                                                            <div class="flex-1 min-w-0 flex sm:justify-center justify-start">
4495                        
4496                        <div class="sm:hidden flex items-center relative pointer-events-auto"
4497                           :class="{ 'z-[100]': showStreamers }">
4498
4499                                                         
4500                              <div class="flex items-center gap-1.5 text-xs text-gray-light">
4501                                 <img data-src="https://bucket.antlive.pro/cafc255dc6e263fb0fd6ab2824ff5e08-1773731703855-photo_2026-03-10_09-54-33.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="KAYTI" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                                 <span class="truncate max-w-[70px]">KAYTI</span>
4502                              </div>
4503                                                   </div>
4504                        
4505                        <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto">
4506                           <div class="chroma-commentator-chip">
4507                              <div class="chroma-commentator-frame">
4508                                 <img data-src="https://bucket.antlive.pro/cafc255dc6e263fb0fd6ab2824ff5e08-1773731703855-photo_2026-03-10_09-54-33.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="KAYTI" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                              </div>
4509                              <span class="chroma-commentator-name truncate">KAYTI</span>
4510                           </div>
4511                                                   </div>
4512                     </div>
4513                  
4514                  
4515                                       <div class="flex-shrink-0 flex items-center">
4516                        <div class="w-[120px] sm:w-[125px] min-w-0">
4517                           <div class="text-right mr-1.5 bals-odds">
4518                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
4519                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.25</div>
4520                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3</div>
4521                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.45</div>
4522                                                                           </div>
4523                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
4524                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.77</div>
4525                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-0.25</div>
4526                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.02</div>
4527                                                                           </div>
4528                                                                                                                                                         </div>
4529                        </div>
4530                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
4531                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
4532                        </a>
4533                     </div>
4534                                 </div>
4535            </div>
4536         </div>
4537      </div>
4538   </div>
4539
4540   
4541   </div>
4542<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
4543   bals-live-match"
4544   data-accent=""
4545   data-template="chroma" data-match-id="y0or5jh9xd9lqwz" data-match-time="1791579600"
4546   data-home-team-id="6ypq3nhl9x1md7o" data-away-team-id="dn1m1gh86wpmoep"
4547   data-competition-id="jednm9whk0ryox8" x-data="{
4548        activeCount: 0,
4549        showModal: false,
4550        showStreamers: false,
4551        view: 'timeline',
4552        hoverTimer: null,
4553        closeTimer: null,
4554        openModal() {
4555          clearTimeout(this.closeTimer);
4556          this.hoverTimer = setTimeout(() => {
4557            this.showModal = true;
4558          }, 500);
4559        },
4560        closeModal() {
4561          clearTimeout(this.hoverTimer);
4562          clearTimeout(this.closeTimer);
4563          this.closeTimer = setTimeout(() => {
4564            this.showModal = false;
4565          }, 300);
4566        }
4567      }"
4568   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
4569   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
4570   
4571   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
4572   <div class="block relative group">
4573      <a href="https://toptrader.io/truc-tiep/belize-u16-vs-honduras-u16-ngay-10-10-2026/" class="absolute inset-0 z-0"
4574         data-tooltip="Belize U16 vs Honduras U16 lúc 04:00  ngày 10/10/2026"
4575         data-title="Belize U16 vs Honduras U16 lúc  04:00  ngày 10/10/2026"></a>
4576      <div class="chroma-signal-lock" aria-hidden="true"></div>
4577      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
4578         
4579         <div class="flex items-center justify-between sm:mb-0 mb-2">
4580            
4581            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
4582               <img src="https://img.thesports.com/football/competition/4e7c9460ee862d47c2ce6debfef6aace.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
4583                  loading="lazy" />
4584               <span class="truncate tracking-wide bals-competition-name">International Friendly</span>
4585            </div>
4586            
4587            <div
4588               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
4589               <span> 04:00 </span>
4590               <span class="text-gray-400 leading-none text-base">•</span>
4591               
4592               <span>10/10</span>
4593               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
4594               <span
4595                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
4596            </div>
4597         </div>
4598         
4599         <div class="relative">
4600            
4601            <div
4602               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
4603               <span class="bals-status-name mr-1">Hiệp 2</span> :
4604                  <span class="ml-1 bals-elapsed-time">77&#039;</span>            </div>
4605            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
4606               
4607               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
4608                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
4609                     Belize U16
4610                  </div>
4611                  <img data-src="https://static.sportsfeed.pro/football/team/b56201c63800e5c2212950bfba3d31ec.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Belize U16 Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
4612               
4613               <div
4614                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
4615                   @mouseenter="openModal()" @mouseleave="closeModal()" >
4616                  <div
4617                     class="bals-score-track ">
4618                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
4619                     <span
4620                        class="bals-score-box  text-sm sm:text-base bals-home-score" >
4621                        0
4622                     </span>
4623                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
4624                     <span
4625                        class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-away-score" >
4626                        4
4627                     </span>
4628                  </div>
4629               </div>
4630               
4631               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
4632                  <img data-src="https://img.thesports.com/football/team/9519855212c30807d261433d45efac38.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Honduras U16 Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
4633                     Honduras U16
4634                  </div>
4635               </div>
4636            </div>
4637            
4638            <div
4639               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
4640                           </div>
4641
4642            
4643            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" >
4644               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
4645                  <!-- HT Score -->
4646                  <div class="flex items-center gap-1">
4647                     <span class="text-primary font-semibold">HT</span>
4648                     <span class="text-gray-400 bals-ht-score">0-1</span>
4649                  </div>
4650                  <!-- Corner -->
4651                  <div class="flex items-center gap-1">
4652                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
4653<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
4654<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
4655</svg>
4656                     <span class="text-gray-400 bals-corners">0-0</span>
4657                  </div>
4658                  <!-- Yellow Card -->
4659                  <div class="flex items-center gap-1">
4660                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
4661                     <span class="text-gray-400 bals-yellow-cards">0-0</span>
4662                  </div>
4663               </div>
4664            </div>
4665         </div>
4666
4667         
4668         <div class="space-y-3">
4669            <div class="h-px w-full border-t-gradient-silver-fade"></div>
4670            <div class="relative">
4671               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
4672                  
4673                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
4674                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" >
4675                        <!-- HT Score -->
4676                        <div class="flex items-center gap-1">
4677                           <span class="text-primary font-semibold">HT</span>
4678                           <span class="text-gray-400 bals-ht-score">0-1</span>
4679                        </div>
4680                        <!-- Corner -->
4681                        <div class="flex items-center gap-1">
4682                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
4683<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
4684<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
4685</svg>
4686                           <span class="text-gray-400 bals-corners">0-0</span>
4687                        </div>
4688                        <!-- Yellow Card -->
4689                        <div class="flex items-center gap-1">
4690                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
4691                              class="h-3 w-3" />
4692                           <span
4693                              class="text-gray-400 bals-yellow-cards">0-0</span>
4694                        </div>
4695                     </div>
4696                  </div>
4697
4698                  
4699                                       <div class="flex-1 min-w-0"></div>
4700                  
4701                  
4702                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
4703                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
4704                        </a></div>
4705                                 </div>
4706            </div>
4707         </div>
4708      </div>
4709   </div>
4710
4711   
4712   <div x-show="showModal"
4713        @mouseenter="clearTimeout(closeTimer)"
4714        @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)"
4715        x-effect="
4716           if (showModal && !$el.dataset.modalLoaded) {
4717              $el.dataset.modalLoaded = '1';
4718              if (typeof loadMatchModal === 'function') loadMatchModal($el);
4719           }
4720        "
4721        data-match-id="y0or5jh9xd9lqwz"
4722        class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
4723        x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
4724        x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
4725        x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
4726        style="display: none;"
4727        :style="{
4728           top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
4729           bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
4730           left: '50%',
4731           transform: 'translateX(-50%)'
4732       }">
4733      <div class="modal-content">
4734         <div class="p-6 text-center text-gray-400 text-xs">Loading...</div>
4735      </div>
4736   </div>
4737</div>
4738<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
4739   bals-live-match"
4740   data-accent=""
4741   data-template="chroma" data-match-id="vjxm8gheyevvr6o" data-match-time="1791579600"
4742   data-home-team-id="2y8m4zhj048ql07" data-away-team-id="ednm9whk02eryox"
4743   data-competition-id="4zp5rzghkzq82w1" x-data="{
4744        activeCount: 0,
4745        showModal: false,
4746        showStreamers: false,
4747        view: 'timeline',
4748        hoverTimer: null,
4749        closeTimer: null,
4750        openModal() {
4751          clearTimeout(this.closeTimer);
4752          this.hoverTimer = setTimeout(() => {
4753            this.showModal = true;
4754          }, 500);
4755        },
4756        closeModal() {
4757          clearTimeout(this.hoverTimer);
4758          clearTimeout(this.closeTimer);
4759          this.closeTimer = setTimeout(() => {
4760            this.showModal = false;
4761          }, 300);
4762        }
4763      }"
4764   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
4765   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
4766   
4767   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
4768   <div class="block relative group">
4769      <a href="https://toptrader.io/truc-tiep/platense-vs-juticalpa-ngay-10-10-2026/" class="absolute inset-0 z-0"
4770         data-tooltip="Platense vs Juticalpa lúc 04:00  ngày 10/10/2026"
4771         data-title="Platense vs Juticalpa lúc  04:00  ngày 10/10/2026"></a>
4772      <div class="chroma-signal-lock" aria-hidden="true"></div>
4773      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
4774         
4775         <div class="flex items-center justify-between sm:mb-0 mb-2">
4776            
4777            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
4778               <img src="https://img.thesports.com/football/competition/9aff290c0f76a087fb44a4f2a981e0fd.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
4779                  loading="lazy" />
4780               <span class="truncate tracking-wide bals-competition-name">Honduras Primera Division</span>
4781            </div>
4782            
4783            <div
4784               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
4785               <span> 04:00 </span>
4786               <span class="text-gray-400 leading-none text-base">•</span>
4787               
4788               <span>10/10</span>
4789               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
4790               <span
4791                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
4792            </div>
4793         </div>
4794         
4795         <div class="relative">
4796            
4797            <div
4798               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
4799               <span class="bals-status-name mr-1">Hiệp 2</span> :
4800                  <span class="ml-1 bals-elapsed-time">65&#039;</span>            </div>
4801            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
4802               
4803               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
4804                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
4805                     Platense
4806                  </div>
4807                  <img data-src="https://static.sportsfeed.pro/football/team/c2c2c063f8d335619da7a1b322317ed6.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Platense Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
4808               
4809               <div
4810                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
4811                   @mouseenter="openModal()" @mouseleave="closeModal()" >
4812                  <div
4813                     class="bals-score-track ">
4814                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
4815                     <span
4816                        class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-home-score" >
4817                        2
4818                     </span>
4819                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
4820                     <span
4821                        class="bals-score-box  text-sm sm:text-base bals-away-score" >
4822                        1
4823                     </span>
4824                  </div>
4825               </div>
4826               
4827               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
4828                  <img data-src="https://static.sportsfeed.pro/football/team/95528a653730e4118bed5f060739ebf2.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Juticalpa Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
4829                     Juticalpa
4830                  </div>
4831               </div>
4832            </div>
4833            
4834            <div
4835               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
4836                           </div>
4837
4838            
4839            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" >
4840               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
4841                  <!-- HT Score -->
4842                  <div class="flex items-center gap-1">
4843                     <span class="text-primary font-semibold">HT</span>
4844                     <span class="text-gray-400 bals-ht-score">1-1</span>
4845                  </div>
4846                  <!-- Corner -->
4847                  <div class="flex items-center gap-1">
4848                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
4849<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
4850<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
4851</svg>
4852                     <span class="text-gray-400 bals-corners">3-7</span>
4853                  </div>
4854                  <!-- Yellow Card -->
4855                  <div class="flex items-center gap-1">
4856                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
4857                     <span class="text-gray-400 bals-yellow-cards">1-2</span>
4858                  </div>
4859               </div>
4860            </div>
4861         </div>
4862
4863         
4864         <div class="space-y-3">
4865            <div class="h-px w-full border-t-gradient-silver-fade"></div>
4866            <div class="relative">
4867               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
4868                  
4869                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
4870                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" >
4871                        <!-- HT Score -->
4872                        <div class="flex items-center gap-1">
4873                           <span class="text-primary font-semibold">HT</span>
4874                           <span class="text-gray-400 bals-ht-score">1-1</span>
4875                        </div>
4876                        <!-- Corner -->
4877                        <div class="flex items-center gap-1">
4878                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
4879<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
4880<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
4881</svg>
4882                           <span class="text-gray-400 bals-corners">3-7</span>
4883                        </div>
4884                        <!-- Yellow Card -->
4885                        <div class="flex items-center gap-1">
4886                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
4887                              class="h-3 w-3" />
4888                           <span
4889                              class="text-gray-400 bals-yellow-cards">1-2</span>
4890                        </div>
4891                     </div>
4892                  </div>
4893
4894                  
4895                                       <div class="flex-1 min-w-0"></div>
4896                  
4897                  
4898                                       <div class="flex-shrink-0 flex items-center">
4899                        <div class="w-[120px] sm:w-[125px] min-w-0">
4900                           <div class="text-right mr-1.5 bals-odds">
4901                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
4902                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.5</div>
4903                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.1</div>
4904                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">4.75</div>
4905                                                                           </div>
4906                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
4907                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.97</div>
4908                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.25</div>
4909                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.82</div>
4910                                                                           </div>
4911                                                                                                                                                         </div>
4912                        </div>
4913                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
4914                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
4915                        </a>
4916                     </div>
4917                                 </div>
4918            </div>
4919         </div>
4920      </div>
4921   </div>
4922
4923   
4924   <div x-show="showModal"
4925        @mouseenter="clearTimeout(closeTimer)"
4926        @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)"
4927        x-effect="
4928           if (showModal && !$el.dataset.modalLoaded) {
4929              $el.dataset.modalLoaded = '1';
4930              if (typeof loadMatchModal === 'function') loadMatchModal($el);
4931           }
4932        "
4933        data-match-id="vjxm8gheyevvr6o"
4934        class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
4935        x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
4936        x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
4937        x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
4938        style="display: none;"
4939        :style="{
4940           top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
4941           bottom: $el.getBoundingClientRect().top >
4941= 300 ? 'calc(100% - 10px)' : 'auto',
4942           left: '50%',
4943           transform: 'translateX(-50%)'
4944       }">
4945      <div class="modal-content">
4946         <div class="p-6 text-center text-gray-400 text-xs">Loading...</div>
4947      </div>
4948   </div>
4949</div>
4950<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
4951   bals-live-match"
4952   data-accent=""
4953   data-template="chroma" data-match-id="2y8m4zhv09e0ql0" data-match-time="1791579600"
4954   data-home-team-id="318q66hk3dgqo9j" data-away-team-id="vjxm8ghxnedr6od"
4955   data-competition-id="kn54qllhjxdqvy9" x-data="{
4956        activeCount: 0,
4957        showModal: false,
4958        showStreamers: false,
4959        view: 'timeline',
4960        hoverTimer: null,
4961        closeTimer: null,
4962        openModal() {
4963          clearTimeout(this.closeTimer);
4964          this.hoverTimer = setTimeout(() => {
4965            this.showModal = true;
4966          }, 500);
4967        },
4968        closeModal() {
4969          clearTimeout(this.hoverTimer);
4970          clearTimeout(this.closeTimer);
4971          this.closeTimer = setTimeout(() => {
4972            this.showModal = false;
4973          }, 300);
4974        }
4975      }"
4976   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
4977   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
4978   
4979   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
4980   <div class="block relative group">
4981      <a href="https://toptrader.io/truc-tiep/neo-pipil-san-juan-nonualco-vs-ad-san-rafael-ngay-10-10-2026/" class="absolute inset-0 z-0"
4982         data-tooltip="NEO Pipil San Juan Nonualco vs AD San Rafael lúc 04:00  ngày 10/10/2026"
4983         data-title="NEO Pipil San Juan Nonualco vs AD San Rafael lúc  04:00  ngày 10/10/2026"></a>
4984      <div class="chroma-signal-lock" aria-hidden="true"></div>
4985      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
4986         
4987         <div class="flex items-center justify-between sm:mb-0 mb-2">
4988            
4989            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
4990               <img src="https://img.thesports.com/football/competition/3322c76c681dd7c62fe74f184769475b.jpg" alt="League" class="h-4 sm:h-5 w-auto object-contain"
4991                  loading="lazy" />
4992               <span class="truncate tracking-wide bals-competition-name">El Salvador Segunda Division</span>
4993            </div>
4994            
4995            <div
4996               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
4997               <span> 04:00 </span>
4998               <span class="text-gray-400 leading-none text-base">•</span>
4999               
5000               <span>10/10</span>
5001               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
5002               <span
5003                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
5004            </div>
5005         </div>
5006         
5007         <div class="relative">
5008            
5009            <div
5010               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
5011               <span class="bals-status-name mr-1">Hiệp 2</span> :
5012                  <span class="ml-1 bals-elapsed-time">73&#039;</span>            </div>
5013            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
5014               
5015               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
5016                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
5017                     NEO Pipil San Juan Nonualco
5018                  </div>
5019                  <img data-src="https://static.sportsfeed.pro/football/team/559a63da35c465e82da3e3a31a6a6ab0.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="NEO Pipil San Juan Nonualco Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
5020               
5021               <div
5022                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
5023                   @mouseenter="openModal()" @mouseleave="closeModal()" >
5024                  <div
5025                     class="bals-score-track ">
5026                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
5027                     <span
5028                        class="bals-score-box  text-sm sm:text-base bals-home-score" >
5029                        0
5030                     </span>
5031                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
5032                     <span
5033                        class="bals-score-box  text-sm sm:text-base bals-away-score" >
5034                        0
5035                     </span>
5036                  </div>
5037               </div>
5038               
5039               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
5040                  <img data-src="https://static.sportsfeed.pro/football/team/52aee054844e39be88d4317fe67745b2.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="AD San Rafael Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
5041                     AD San Rafael
5042                  </div>
5043               </div>
5044            </div>
5045            
5046            <div
5047               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
5048                           </div>
5049
5050            
5051            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" >
5052               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
5053                  <!-- HT Score -->
5054                  <div class="flex items-center gap-1">
5055                     <span class="text-primary font-semibold">HT</span>
5056                     <span class="text-gray-400 bals-ht-score">0-0</span>
5057                  </div>
5058                  <!-- Corner -->
5059                  <div class="flex items-center gap-1">
5060                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
5061<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
5062<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
5063</svg>
5064                     <span class="text-gray-400 bals-corners">4-4</span>
5065                  </div>
5066                  <!-- Yellow Card -->
5067                  <div class="flex items-center gap-1">
5068                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
5069                     <span class="text-gray-400 bals-yellow-cards">1-0</span>
5070                  </div>
5071               </div>
5072            </div>
5073         </div>
5074
5075         
5076         <div class="space-y-3">
5077            <div class="h-px w-full border-t-gradient-silver-fade"></div>
5078            <div class="relative">
5079               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
5080                  
5081                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
5082                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" >
5083                        <!-- HT Score -->
5084                        <div class="flex items-center gap-1">
5085                           <span class="text-primary font-semibold">HT</span>
5086                           <span class="text-gray-400 bals-ht-score">0-0</span>
5087                        </div>
5088                        <!-- Corner -->
5089                        <div class="flex items-center gap-1">
5090                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
5091<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
5092<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
5093</svg>
5094                           <span class="text-gray-400 bals-corners">4-4</span>
5095                        </div>
5096                        <!-- Yellow Card -->
5097                        <div class="flex items-center gap-1">
5098                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
5099                              class="h-3 w-3" />
5100                           <span
5101                              class="text-gray-400 bals-yellow-cards">1-0</span>
5102                        </div>
5103                     </div>
5104                  </div>
5105
5106                  
5107                                       <div class="flex-1 min-w-0"></div>
5108                  
5109                  
5110                                       <div class="flex-shrink-0 flex items-center">
5111                        <div class="w-[120px] sm:w-[125px] min-w-0">
5112                           <div class="text-right mr-1.5 bals-odds">
5113                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
5114                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">4</div>
5115                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.83</div>
5116                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.2</div>
5117                                                                           </div>
5118                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
5119                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.15</div>
5120                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div>
5121                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.67</div>
5122                                                                           </div>
5123                                                                                                                                                         </div>
5124                        </div>
5125                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
5126                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
5127                        </a>
5128                     </div>
5129                                 </div>
5130            </div>
5131         </div>
5132      </div>
5133   </div>
5134
5135   
5136   <div x-show="showModal"
5137        @mouseenter="clearTimeout(closeTimer)"
5138        @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)"
5139        x-effect="
5140           if (showModal && !$el.dataset.modalLoaded) {
5141              $el.dataset.modalLoaded = '1';
5142              if (typeof loadMatchModal === 'function') loadMatchModal($el);
5143           }
5144        "
5145        data-match-id="2y8m4zhv09e0ql0"
5146        class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
5147        x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
5148        x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
5149        x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
5150        style="display: none;"
5151        :style="{
5152           top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
5153           bottom: $el.getBoundingClientRect().top >
5153= 300 ? 'calc(100% - 10px)' : 'auto',
5154           left: '50%',
5155           transform: 'translateX(-50%)'
5156       }">
5157      <div class="modal-content">
5158         <div class="p-6 text-center text-gray-400 text-xs">Loading...</div>
5159      </div>
5160   </div>
5161</div>
5162<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
5163   bals-live-match"
5164   data-accent=""
5165   data-template="chroma" data-match-id="318q66h8zyovqo9" data-match-time="1791579600"
5166   data-home-team-id="3glrw7hoxn5qdyj" data-away-team-id="1l4rjnhe9xym7vx"
5167   data-competition-id="p3glrw7hz2xqdyj" x-data="{
5168        activeCount: 0,
5169        showModal: false,
5170        showStreamers: false,
5171        view: 'timeline',
5172        hoverTimer: null,
5173        closeTimer: null,
5174        openModal() {
5175          clearTimeout(this.closeTimer);
5176          this.hoverTimer = setTimeout(() => {
5177            this.showModal = true;
5178          }, 500);
5179        },
5180        closeModal() {
5181          clearTimeout(this.hoverTimer);
5182          clearTimeout(this.closeTimer);
5183          this.closeTimer = setTimeout(() => {
5184            this.showModal = false;
5185          }, 300);
5186        }
5187      }"
5188   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
5189   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
5190   
5191   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
5192   <div class="block relative group">
5193      <a href="https://toptrader.io/truc-tiep/real-tm-vs-dragones-toluca-ii-ngay-10-10-2026/" class="absolute inset-0 z-0"
5194         data-tooltip="Real TM vs Dragones Toluca II lúc 04:00  ngày 10/10/2026"
5195         data-title="Real TM vs Dragones Toluca II lúc  04:00  ngày 10/10/2026"></a>
5196      <div class="chroma-signal-lock" aria-hidden="true"></div>
5197      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
5198         
5199         <div class="flex items-center justify-between sm:mb-0 mb-2">
5200            
5201            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
5202               <img src="https://img.thesports.com/football/competition/0f30f046ff820225afa535697ba464e4.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
5203                  loading="lazy" />
5204               <span class="truncate tracking-wide bals-competition-name">Mexican TDP League</span>
5205            </div>
5206            
5207            <div
5208               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
5209               <span> 04:00 </span>
5210               <span class="text-gray-400 leading-none text-base">•</span>
5211               
5212               <span>10/10</span>
5213               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
5214               <span
5215                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
5216            </div>
5217         </div>
5218         
5219         <div class="relative">
5220            
5221            <div
5222               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
5223               <span class="bals-status-name mr-1">Hiệp 2</span> :
5224                  <span class="ml-1 bals-elapsed-time">74&#039;</span>            </div>
5225            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
5226               
5227               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
5228                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
5229                     Real TM
5230                  </div>
5231                  <img data-src="https://static.sportsfeed.pro/football/team/b26c50dfbbe83255a2fe51542bee75a4.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Real TM Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
5232               
5233               <div
5234                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
5235                   @mouseenter="openModal()" @mouseleave="closeModal()" >
5236                  <div
5237                     class="bals-score-track ">
5238                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
5239                     <span
5240                        class="bals-score-box  text-sm sm:text-base bals-home-score" >
5241                        1
5242                     </span>
5243                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
5244                     <span
5245                        class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-away-score" >
5246                        2
5247                     </span>
5248                  </div>
5249               </div>
5250               
5251               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
5252                  <img data-src="https://static.sportsfeed.pro/football/team/ccb00bcac03fcadcc5e350dbaf5edbc0.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Dragones Toluca II Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
5253                     Dragones Toluca II
5254                  </div>
5255               </div>
5256            </div>
5257            
5258            <div
5259               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
5260                           </div>
5261
5262            
5263            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" >
5264               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
5265                  <!-- HT Score -->
5266                  <div class="flex items-center gap-1">
5267                     <span class="text-primary font-semibold">HT</span>
5268                     <span class="text-gray-400 bals-ht-score">1-0</span>
5269                  </div>
5270                  <!-- Corner -->
5271                  <div class="flex items-center gap-1">
5272                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
5273<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
5274<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
5275</svg>
5276                     <span class="text-gray-400 bals-corners">6-5</span>
5277                  </div>
5278                  <!-- Yellow Card -->
5279                  <div class="flex items-center gap-1">
5280                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
5281                     <span class="text-gray-400 bals-yellow-cards">1-1</span>
5282                  </div>
5283               </div>
5284            </div>
5285         </div>
5286
5287         
5288         <div class="space-y-3">
5289            <div class="h-px w-full border-t-gradient-silver-fade"></div>
5290            <div class="relative">
5291               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
5292                  
5293                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
5294                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" >
5295                        <!-- HT Score -->
5296                        <div class="flex items-center gap-1">
5297                           <span class="text-primary font-semibold">HT</span>
5298                           <span class="text-gray-400 bals-ht-score">1-0</span>
5299                        </div>
5300                        <!-- Corner -->
5301                        <div class="flex items-center gap-1">
5302                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
5303<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
5304<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
5305</svg>
5306                           <span class="text-gray-400 bals-corners">6-5</span>
5307                        </div>
5308                        <!-- Yellow Card -->
5309                        <div class="flex items-center gap-1">
5310                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
5311                              class="h-3 w-3" />
5312                           <span
5313                              class="text-gray-400 bals-yellow-cards">1-1</span>
5314                        </div>
5315                     </div>
5316                  </div>
5317
5318                  
5319                                       <div class="flex-1 min-w-0"></div>
5320                  
5321                  
5322                                       <div class="flex-shrink-0 flex items-center">
5323                        <div class="w-[120px] sm:w-[125px] min-w-0">
5324                           <div class="text-right mr-1.5 bals-odds">
5325                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
5326                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">11</div>
5327                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">4.75</div>
5328                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.25</div>
5329                                                                           </div>
5330                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
5331                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.15</div>
5332                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div>
5333                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.67</div>
5334                                                                           </div>
5335                                                                                                                                                         </div>
5336                        </div>
5337                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
5338                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
5339                        </a>
5340                     </div>
5341                                 </div>
5342            </div>
5343         </div>
5344      </div>
5345   </div>
5346
5347   
5348   <div x-show="showModal"
5349        @mouseenter="clearTimeout(closeTimer)"
5350        @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)"
5351        x-effect="
5352           if (showModal && !$el.dataset.modalLoaded) {
5353              $el.dataset.modalLoaded = '1';
5354              if (typeof loadMatchModal === 'function') loadMatchModal($el);
5355           }
5356        "
5357        data-match-id="318q66h8zyovqo9"
5358        class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
5359        x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
5360        x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
5361        x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
5362        style="display: none;"
5363        :style="{
5364           top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
5365           bottom: $el.getBoundingClientRect().top >
5365= 300 ? 'calc(100% - 10px)' : 'auto',
5366           left: '50%',
5367           transform: 'translateX(-50%)'
5368       }">
5369      <div class="modal-content">
5370         <div class="p-6 text-center text-gray-400 text-xs">Loading...</div>
5371      </div>
5372   </div>
5373</div>
5374<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
5375   bals-live-match"
5376   data-accent=""
5377   data-template="chroma" data-match-id="dn1m1gh9vy43moe" data-match-time="1791579600"
5378   data-home-team-id="n54qllhj549qvy9" data-away-team-id="zp5rzghxx51q82w"
5379   data-competition-id="p3glrw7hz2xqdyj" x-data="{
5380        activeCount: 0,
5381        showModal: false,
5382        showStreamers: false,
5383        view: 'timeline',
5384        hoverTimer: null,
5385        closeTimer: null,
5386        openModal() {
5387          clearTimeout(this.closeTimer);
5388          this.hoverTimer = setTimeout(() => {
5389            this.showModal = true;
5390          }, 500);
5391        },
5392        closeModal() {
5393          clearTimeout(this.hoverTimer);
5394          clearTimeout(this.closeTimer);
5395          this.closeTimer = setTimeout(() => {
5396            this.showModal = false;
5397          }, 300);
5398        }
5399      }"
5400   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
5401   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
5402   
5403   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
5404   <div class="block relative group">
5405      <a href="https://toptrader.io/truc-tiep/cd-pioneros-junior-vs-mons-calpe-sc-yucatan-ngay-10-10-2026/" class="absolute inset-0 z-0"
5406         data-tooltip="CD Pioneros Junior vs Mons Calpe SC Yucatan lúc 04:00  ngày 10/10/2026"
5407         data-title="CD Pioneros Junior vs Mons Calpe SC Yucatan lúc  04:00  ngày 10/10/2026"></a>
5408      <div class="chroma-signal-lock" aria-hidden="true"></div>
5409      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
5410         
5411         <div class="flex items-center justify-between sm:mb-0 mb-2">
5412            
5413            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
5414               <img src="https://img.thesports.com/football/competition/0f30f046ff820225afa535697ba464e4.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
5415                  loading="lazy" />
5416               <span class="truncate tracking-wide bals-competition-name">Mexican TDP League</span>
5417            </div>
5418            
5419            <div
5420               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
5421               <span> 04:00 </span>
5422               <span class="text-gray-400 leading-none text-base">•</span>
5423               
5424               <span>10/10</span>
5425               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
5426               <span
5427                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
5428            </div>
5429         </div>
5430         
5431         <div class="relative">
5432            
5433            <div
5434               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
5435               <span class="bals-status-name mr-1">Hiệp 2</span> :
5436                  <span class="ml-1 bals-elapsed-time">59&#039;</span>            </div>
5437            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
5438               
5439               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
5440                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
5441                     CD Pioneros Junior
5442                  </div>
5443                  <img data-src="https://static.sportsfeed.pro/football/team/e62dc5659efc9be293d983c3b1b00f99.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="CD Pioneros Junior Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
5444               
5445               <div
5446                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
5447                   @mouseenter="openModal()" @mouseleave="closeModal()" >
5448                  <div
5449                     class="bals-score-track ">
5450                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
5451                     <span
5452                        class="bals-score-box  text-sm sm:text-base bals-home-score" >
5453                        1
5454                     </span>
5455                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
5456                     <span
5457                        class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-away-score" >
5458                        2
5459                     </span>
5460                  </div>
5461               </div>
5462               
5463               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
5464                  <img data-src="https://static.sportsfeed.pro/football/team/d7379af7c2a186a6db98973ceaad9b2d.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Mons Calpe SC Yucatan Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
5465                     Mons Calpe SC Yucatan
5466                  </div>
5467               </div>
5468            </div>
5469            
5470            <div
5471               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
5472                           </div>
5473
5474            
5475            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" >
5476               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
5477                  <!-- HT Score -->
5478                  <div class="flex items-center gap-1">
5479                     <span class="text-primary font-semibold">HT</span>
5480                     <span class="text-gray-400 bals-ht-score">1-2</span>
5481                  </div>
5482                  <!-- Corner -->
5483                  <div class="flex items-center gap-1">
5484                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
5485<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
5486<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
5487</svg>
5488                     <span class="text-gray-400 bals-corners">4-1</span>
5489                  </div>
5490                  <!-- Yellow Card -->
5491                  <div class="flex items-center gap-1">
5492                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
5493                     <span class="text-gray-400 bals-yellow-cards">1-0</span>
5494                  </div>
5495               </div>
5496            </div>
5497         </div>
5498
5499         
5500         <div class="space-y-3">
5501            <div class="h-px w-full border-t-gradient-silver-fade"></div>
5502            <div class="relative">
5503               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
5504                  
5505                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
5506                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" >
5507                        <!-- HT Score -->
5508                        <div class="flex items-center gap-1">
5509                           <span class="text-primary font-semibold">HT</span>
5510                           <span class="text-gray-400 bals-ht-score">1-2</span>
5511                        </div>
5512                        <!-- Corner -->
5513                        <div class="flex items-center gap-1">
5514                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
5515<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
5516<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
5517</svg>
5518                           <span class="text-gray-400 bals-corners">4-1</span>
5519                        </div>
5520                        <!-- Yellow Card -->
5521                        <div class="flex items-center gap-1">
5522                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
5523                              class="h-3 w-3" />
5524                           <span
5525                              class="text-gray-400 bals-yellow-cards">1-0</span>
5526                        </div>
5527                     </div>
5528                  </div>
5529
5530                  
5531                                       <div class="flex-1 min-w-0"></div>
5532                  
5533                  
5534                                       <div class="flex-shrink-0 flex items-center">
5535                        <div class="w-[120px] sm:w-[125px] min-w-0">
5536                           <div class="text-right mr-1.5 bals-odds">
5537                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
5538                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.87</div>
5539                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3</div>
5540                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.5</div>
5541                                                                           </div>
5542                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
5543                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.02</div>
5544                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1</div>
5545                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.77</div>
5546                                                                           </div>
5547                                                                                                                                                         </div>
5548                        </div>
5549                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
5550                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
5551                        </a>
5552                     </div>
5553                                 </div>
5554            </div>
5555         </div>
5556      </div>
5557   </div>
5558
5559   
5560   <div x-show="showModal"
5561        @mouseenter="clearTimeout(closeTimer)"
5562        @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)"
5563        x-effect="
5564           if (showModal && !$el.dataset.modalLoaded) {
5565              $el.dataset.modalLoaded = '1';
5566              if (typeof loadMatchModal === 'function') loadMatchModal($el);
5567           }
5568        "
5569        data-match-id="dn1m1gh9vy43moe"
5570        class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
5571        x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
5572        x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
5573        x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
5574        style="display: none;"
5575        :style="{
5576           top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
5577           bottom: $el.getBoundingClientRect().top >
5577= 300 ? 'calc(100% - 10px)' : 'auto',
5578           left: '50%',
5579           transform: 'translateX(-50%)'
5580       }">
5581      <div class="modal-content">
5582         <div class="p-6 text-center text-gray-400 text-xs">Loading...</div>
5583      </div>
5584   </div>
5585</div>
5586<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
5587   bals-live-match"
5588   data-accent=""
5589   data-template="chroma" data-match-id="x7lm7phxgy51m2w" data-match-time="1791579600"
5590   data-home-team-id="l5ergphp9xkr8k0" data-away-team-id="1l4rjnhe43vm7vx"
5591   data-competition-id="gx7lm7ph9jxm2wd" x-data="{
5592        activeCount: 0,
5593        showModal: false,
5594        showStreamers: false,
5595        view: 'timeline',
5596        hoverTimer: null,
5597        closeTimer: null,
5598        openModal() {
5599          clearTimeout(this.closeTimer);
5600          this.hoverTimer = setTimeout(() => {
5601            this.showModal = true;
5602          }, 500);
5603        },
5604        closeModal() {
5605          clearTimeout(this.hoverTimer);
5606          clearTimeout(this.closeTimer);
5607          this.closeTimer = setTimeout(() => {
5608            this.showModal = false;
5609          }, 300);
5610        }
5611      }"
5612   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
5613   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
5614   
5615   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
5616   <div class="block relative group">
5617      <a href="https://toptrader.io/truc-tiep/cd-suyapa-vs-cuervos-fch-ngay-10-10-2026/" class="absolute inset-0 z-0"
5618         data-tooltip="CD Suyapa vs Cuervos FC(H) lúc 04:00  ngày 10/10/2026"
5619         data-title="CD Suyapa vs Cuervos FC(H) lúc  04:00  ngày 10/10/2026"></a>
5620      <div class="chroma-signal-lock" aria-hidden="true"></div>
5621      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
5622         
5623         <div class="flex items-center justify-between sm:mb-0 mb-2">
5624            
5625            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
5626               <img src="https://img.thesports.com/football/competition/9714a6a652167d2dc6e355a2248429cf.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
5627                  loading="lazy" />
5628               <span class="truncate tracking-wide bals-competition-name">Honduras Ascenso Division</span>
5629            </div>
5630            
5631            <div
5632               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
5633               <span> 04:00 </span>
5634               <span class="text-gray-400 leading-none text-base">•</span>
5635               
5636               <span>10/10</span>
5637               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
5638               <span
5639                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
5640            </div>
5641         </div>
5642         
5643         <div class="relative">
5644            
5645            <div
5646               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
5647               <span class="bals-status-name mr-1">Hiệp 2</span> :
5648                  <span class="ml-1 bals-elapsed-time">73&#039;</span>            </div>
5649            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
5650               
5651               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
5652                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
5653                     CD Suyapa
5654                  </div>
5655                  <img data-src="https://static.sportsfeed.pro/football/team/ce73250db2c598ff4687a92b5ea949d7.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="CD Suyapa Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
5656               
5657               <div
5658                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
5659                   @mouseenter="openModal()" @mouseleave="closeModal()" >
5660                  <div
5661                     class="bals-score-track ">
5662                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
5663                     <span
5664                        class="bals-score-box  text-sm sm:text-base bals-home-score" >
5665                        0
5666                     </span>
5667                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
5668                     <span
5669                        class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-away-score" >
5670                        1
5671                     </span>
5672                  </div>
5673               </div>
5674               
5675               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
5676                  <img data-src="https://static.sportsfeed.pro/football/team/18f5d06e1cd6660f436e2ad31621a2e0.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Cuervos FC(H) Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
5677                     Cuervos FC(H)
5678                  </div>
5679               </div>
5680            </div>
5681            
5682            <div
5683               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
5684                           </div>
5685
5686            
5687            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" >
5688               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
5689                  <!-- HT Score -->
5690                  <div class="flex items-center gap-1">
5691                     <span class="text-primary font-semibold">HT</span>
5692                     <span class="text-gray-400 bals-ht-score">0-1</span>
5693                  </div>
5694                  <!-- Corner -->
5695                  <div class="flex items-center gap-1">
5696                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
5697<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
5698<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
5699</svg>
5700                     <span class="text-gray-400 bals-corners">6-2</span>
5701                  </div>
5702                  <!-- Yellow Card -->
5703                  <div class="flex items-center gap-1">
5704                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
5705                     <span class="text-gray-400 bals-yellow-cards">2-3</span>
5706                  </div>
5707               </div>
5708            </div>
5709         </div>
5710
5711         
5712         <div class="space-y-3">
5713            <div class="h-px w-full border-t-gradient-silver-fade"></div>
5714            <div class="relative">
5715               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
5716                  
5717                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
5718                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" >
5719                        <!-- HT Score -->
5720                        <div class="flex items-center gap-1">
5721                           <span class="text-primary font-semibold">HT</span>
5722                           <span class="text-gray-400 bals-ht-score">0-1</span>
5723                        </div>
5724                        <!-- Corner -->
5725                        <div class="flex items-center gap-1">
5726                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
5727<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
5728<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
5729</svg>
5730                           <span class="text-gray-400 bals-corners">6-2</span>
5731                        </div>
5732                        <!-- Yellow Card -->
5733                        <div class="flex items-center gap-1">
5734                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
5735                              class="h-3 w-3" />
5736                           <span
5737                              class="text-gray-400 bals-yellow-cards">2-3</span>
5738                        </div>
5739                     </div>
5740                  </div>
5741
5742                  
5743                                       <div class="flex-1 min-w-0"></div>
5744                  
5745                  
5746                                       <div class="flex-shrink-0 flex items-center">
5747                        <div class="w-[120px] sm:w-[125px] min-w-0">
5748                           <div class="text-right mr-1.5 bals-odds">
5749                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
5750                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">21</div>
5751                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">7</div>
5752                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.1</div>
5753                                                                           </div>
5754                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
5755                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.72</div>
5756                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-0.5</div>
5757                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.07</div>
5758                                                                           </div>
5759                                                                                                                                                         </div>
5760                        </div>
5761                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
5762                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
5763                        </a>
5764                     </div>
5765                                 </div>
5766            </div>
5767         </div>
5768      </div>
5769   </div>
5770
5771   
5772   <div x-show="showModal"
5773        @mouseenter="clearTimeout(closeTimer)"
5774        @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)"
5775        x-effect="
5776           if (showModal && !$el.dataset.modalLoaded) {
5777              $el.dataset.modalLoaded = '1';
5778              if (typeof loadMatchModal === 'function') loadMatchModal($el);
5779           }
5780        "
5781        data-match-id="x7lm7phxgy51m2w"
5782        class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
5783        x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
5784        x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
5785        x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
5786        style="display: none;"
5787        :style="{
5788           top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
5789           bottom: $el.getBoundingClientRect().top >
5789= 300 ? 'calc(100% - 10px)' : 'auto',
5790           left: '50%',
5791           transform: 'translateX(-50%)'
5792       }">
5793      <div class="modal-content">
5794         <div class="p-6 text-center text-gray-400 text-xs">Loading...</div>
5795      </div>
5796   </div>
5797</div>
5798<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
5799   bals-live-match"
5800   data-accent=""
5801   data-template="chroma" data-match-id="4wyrn4hyzp8vq86" data-match-time="1791580200"
5802   data-home-team-id="l7oqdehly3zr510" data-away-team-id="965mkyhzg00r1ge"
5803   data-competition-id="p3glrw7hz2xqdyj" x-data="{
5804        activeCount: 0,
5805        showModal: false,
5806        showStreamers: false,
5807        view: 'timeline',
5808        hoverTimer: null,
5809        closeTimer: null,
5810        openModal() {
5811          clearTimeout(this.closeTimer);
5812          this.hoverTimer = setTimeout(() => {
5813            this.showModal = true;
5814          }, 500);
5815        },
5816        closeModal() {
5817          clearTimeout(this.hoverTimer);
5818          clearTimeout(this.closeTimer);
5819          this.closeTimer = setTimeout(() => {
5820            this.showModal = false;
5821          }, 300);
5822        }
5823      }"
5824   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
5825   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
5826   
5827   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
5828   <div class="block relative group">
5829      <a href="https://toptrader.io/truc-tiep/corsarios-de-campeche-vs-deportivo-ctm-buhos-ngay-10-10-2026/" class="absolute inset-0 z-0"
5830         data-tooltip="Corsarios de Campeche vs Deportivo CTM Buhos lúc 04:10  ngày 10/10/2026"
5831         data-title="Corsarios de Campeche vs Deportivo CTM Buhos lúc  04:10  ngày 10/10/2026"></a>
5832      <div class="chroma-signal-lock" aria-hidden="true"></div>
5833      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
5834         
5835         <div class="flex items-center justify-between sm:mb-0 mb-2">
5836            
5837            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
5838               <img src="https://img.thesports.com/football/competition/0f30f046ff820225afa535697ba464e4.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
5839                  loading="lazy" />
5840               <span class="truncate tracking-wide bals-competition-name">Mexican TDP League</span>
5841            </div>
5842            
5843            <div
5844               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
5845               <span> 04:10 </span>
5846               <span class="text-gray-400 leading-none text-base">•</span>
5847               
5848               <span>10/10</span>
5849               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
5850               <span
5851                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
5852            </div>
5853         </div>
5854         
5855         <div class="relative">
5856            
5857            <div
5858               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
5859               <span class="bals-status-name mr-1">Hiệp 2</span> :
5860                  <span class="ml-1 bals-elapsed-time">56&#039;</span>            </div>
5861            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
5862               
5863               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
5864                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
5865                     Corsarios de Campeche
5866                  </div>
5867                  <img data-src="https://static.sportsfeed.pro/football/team/b2ce39b46a69d5c0a0c0e1690f3f4071.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Corsarios de Campeche Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
5868               
5869               <div
5870                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
5871                   @mouseenter="openModal()" @mouseleave="closeModal()" >
5872                  <div
5873                     class="bals-score-track ">
5874                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
5875                     <span
5876                        class="bals-score-box  text-sm sm:text-base bals-home-score" >
5877                        1
5878                     </span>
5879                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
5880                     <span
5881                        class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-away-score" >
5882                        2
5883                     </span>
5884                  </div>
5885               </div>
5886               
5887               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
5888                  <img data-src="https://static.sportsfeed.pro/football/team/90b3d62f0eba2c8405d87d26b7b351ba.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Deportivo CTM Buhos Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
5889                     Deportivo CTM Buhos
5890                  </div>
5891               </div>
5892            </div>
5893            
5894            <div
5895               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
5896                           </div>
5897
5898            
5899            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" >
5900               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
5901                  <!-- HT Score -->
5902                  <div class="flex items-center gap-1">
5903                     <span class="text-primary font-semibold">HT</span>
5904                     <span class="text-gray-400 bals-ht-score">1-1</span>
5905                  </div>
5906                  <!-- Corner -->
5907                  <div class="flex items-center gap-1">
5908                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
5909<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
5910<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
5911</svg>
5912                     <span class="text-gray-400 bals-corners">5-1</span>
5913                  </div>
5914                  <!-- Yellow Card -->
5915                  <div class="flex items-center gap-1">
5916                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
5917                     <span class="text-gray-400 bals-yellow-cards">0-2</span>
5918                  </div>
5919               </div>
5920            </div>
5921         </div>
5922
5923         
5924         <div class="space-y-3">
5925            <div class="h-px w-full border-t-gradient-silver-fade"></div>
5926            <div class="relative">
5927               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
5928                  
5929                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
5930                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" >
5931                        <!-- HT Score -->
5932                        <div class="flex items-center gap-1">
5933                           <span class="text-primary font-semibold">HT</span>
5934                           <span class="text-gray-400 bals-ht-score">1-1</span>
5935                        </div>
5936                        <!-- Corner -->
5937                        <div class="flex items-center gap-1">
5938                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
5939<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
5940<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
5941</svg>
5942                           <span class="text-gray-400 bals-corners">5-1</span>
5943                        </div>
5944                        <!-- Yellow Card -->
5945                        <div class="flex items-center gap-1">
5946                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
5947                              class="h-3 w-3" />
5948                           <span
5949                              class="text-gray-400 bals-yellow-cards">0-2</span>
5950                        </div>
5951                     </div>
5952                  </div>
5953
5954                  
5955                                       <div class="flex-1 min-w-0"></div>
5956                  
5957                  
5958                                       <div class="flex-shrink-0 flex items-center">
5959                        <div class="w-[120px] sm:w-[125px] min-w-0">
5960                           <div class="text-right mr-1.5 bals-odds">
5961                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
5962                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">4</div>
5963                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.1</div>
5964                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.9</div>
5965                                                                           </div>
5966                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
5967                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.82</div>
5968                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.5</div>
5969                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.97</div>
5970                                                                           </div>
5971                                                                                                                                                         </div>
5972                        </div>
5973                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
5974                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
5975                        </a>
5976                     </div>
5977                                 </div>
5978            </div>
5979         </div>
5980      </div>
5981   </div>
5982
5983   
5984   <div x-show="showModal"
5985        @mouseenter="clearTimeout(closeTimer)"
5986        @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)"
5987        x-effect="
5988           if (showModal && !$el.dataset.modalLoaded) {
5989              $el.dataset.modalLoaded = '1';
5990              if (typeof loadMatchModal === 'function') loadMatchModal($el);
5991           }
5992        "
5993        data-match-id="4wyrn4hyzp8vq86"
5994        class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
5995        x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
5996        x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
5997        x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
5998        style="display: none;"
5999        :style="{
6000           top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
6001           bottom: $el.getBoundingClientRect().top >
6001= 300 ? 'calc(100% - 10px)' : 'auto',
6002           left: '50%',
6003           transform: 'translateX(-50%)'
6004       }">
6005      <div class="modal-content">
6006         <div class="p-6 text-center text-gray-400 text-xs">Loading...</div>
6007      </div>
6008   </div>
6009</div>
6010<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
6011   bals-live-match"
6012   data-accent=""
6013   data-template="chroma" data-match-id="n54qllh45y4eqvy" data-match-time="1791581400"
6014   data-home-team-id="l965mkyhj83r1ge" data-away-team-id="l5ergphny69r8k0"
6015   data-competition-id="jednm9whk0ryox8" x-data="{
6016        activeCount: 0,
6017        showModal: false,
6018        showStreamers: false,
6019        view: 'timeline',
6020        hoverTimer: null,
6021        closeTimer: null,
6022        openModal() {
6023          clearTimeout(this.closeTimer);
6024          this.hoverTimer = setTimeout(() => {
6025            this.showModal = true;
6026          }, 500);
6027        },
6028        closeModal() {
6029          clearTimeout(this.hoverTimer);
6030          clearTimeout(this.closeTimer);
6031          this.closeTimer = setTimeout(() => {
6032            this.showModal = false;
6033          }, 300);
6034        }
6035      }"
6036   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
6037   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
6038   
6039   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
6040   <div class="block relative group">
6041      <a href="https://toptrader.io/truc-tiep/usa-women-u23-vs-dominican-republic-u23-women-ngay-10-10-2026/" class="absolute inset-0 z-0"
6042         data-tooltip="USA U23(w) vs Dominican Republic (W) U23 lúc 04:30  ngày 10/10/2026"
6043         data-title="USA U23(w) vs Dominican Republic (W) U23 lúc  04:30  ngày 10/10/2026"></a>
6044      <div class="chroma-signal-lock" aria-hidden="true"></div>
6045      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
6046         
6047         <div class="flex items-center justify-between sm:mb-0 mb-2">
6048            
6049            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
6050               <img src="https://img.thesports.com/football/competition/4e7c9460ee862d47c2ce6debfef6aace.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
6051                  loading="lazy" />
6052               <span class="truncate tracking-wide bals-competition-name">International Friendly</span>
6053            </div>
6054            
6055            <div
6056               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
6057               <span> 04:30 </span>
6058               <span class="text-gray-400 leading-none text-base">•</span>
6059               
6060               <span>10/10</span>
6061               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
6062               <span
6063                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
6064            </div>
6065         </div>
6066         
6067         <div class="relative">
6068            
6069            <div
6070               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
6071               <span class="bals-status-name mr-1">HT</span>            </div>
6072            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
6073               
6074               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
6075                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
6076                     USA U23(w)
6077                  </div>
6078                  <img data-src="https://img.thesports.com/football/team/08e9fb9c257f63bc57837b42b31f8cef.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="USA U23(w) Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
6079               
6080               <div
6081                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
6082                   @mouseenter="openModal()" @mouseleave="closeModal()" >
6083                  <div
6084                     class="bals-score-track ">
6085                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
6086                     <span
6087                        class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-home-score" >
6088                        2
6089                     </span>
6090                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
6091                     <span
6092                        class="bals-score-box  text-sm sm:text-base bals-away-score" >
6093                        0
6094                     </span>
6095                  </div>
6096               </div>
6097               
6098               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
6099                  <img data-src="https://static.sportsfeed.pro/football/team/f7574b2c8abce938526e9db0435eba1b.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Dominican Republic (W) U23 Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
6100                     Dominican Republic (W) U23
6101                  </div>
6102               </div>
6103            </div>
6104            
6105            <div
6106               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
6107                           </div>
6108
6109            
6110            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" >
6111               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
6112                  <!-- HT Score -->
6113                  <div class="flex items-center gap-1">
6114                     <span class="text-primary font-semibold">HT</span>
6115                     <span class="text-gray-400 bals-ht-score">2-0</span>
6116                  </div>
6117                  <!-- Corner -->
6118                  <div class="flex items-center gap-1">
6119                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
6120<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
6121<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
6122</svg>
6123                     <span class="text-gray-400 bals-corners">0-0</span>
6124                  </div>
6125                  <!-- Yellow Card -->
6126                  <div class="flex items-center gap-1">
6127                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
6128                     <span class="text-gray-400 bals-yellow-cards">0-0</span>
6129                  </div>
6130               </div>
6131            </div>
6132         </div>
6133
6134         
6135         <div class="space-y-3">
6136            <div class="h-px w-full border-t-gradient-silver-fade"></div>
6137            <div class="relative">
6138               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
6139                  
6140                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
6141                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" >
6142                        <!-- HT Score -->
6143                        <div class="flex items-center gap-1">
6144                           <span class="text-primary font-semibold">HT</span>
6145                           <span class="text-gray-400 bals-ht-score">2-0</span>
6146                        </div>
6147                        <!-- Corner -->
6148                        <div class="flex items-center gap-1">
6149                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
6150<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
6151<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
6152</svg>
6153                           <span class="text-gray-400 bals-corners">0-0</span>
6154                        </div>
6155                        <!-- Yellow Card -->
6156                        <div class="flex items-center gap-1">
6157                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
6158                              class="h-3 w-3" />
6159                           <span
6160                              class="text-gray-400 bals-yellow-cards">0-0</span>
6161                        </div>
6162                     </div>
6163                  </div>
6164
6165                  
6166                                       <div class="flex-1 min-w-0"></div>
6167                  
6168                  
6169                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
6170                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
6171                        </a></div>
6172                                 </div>
6173            </div>
6174         </div>
6175      </div>
6176   </div>
6177
6178   
6179   <div x-show="showModal"
6180        @mouseenter="clearTimeout(closeTimer)"
6181        @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)"
6182        x-effect="
6183           if (showModal && !$el.dataset.modalLoaded) {
6184              $el.dataset.modalLoaded = '1';
6185              if (typeof loadMatchModal === 'function') loadMatchModal($el);
6186           }
6187        "
6188        data-match-id="n54qllh45y4eqvy"
6189        class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
6190        x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
6191        x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
6192        x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
6193        style="display: none;"
6194        :style="{
6195           top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
6196           bottom: $el.getBoundingClientRect().top >= 300 ? 'calc(100% - 10px)' : 'auto',
6197           left: '50%',
6198           transform: 'translateX(-50%)'
6199       }">
6200      <div class="modal-content">
6201         <div class="p-6 text-center text-gray-400 text-xs">Loading...</div>
6202      </div>
6203   </div>
6204</div>
6205<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
6206   bals-live-match"
6207   data-accent=""
6208   data-template="chroma" data-match-id="y39mp1hdvneomoj" data-match-time="1791581400"
6209   data-home-team-id="y0or5jh1v82qwzv" data-away-team-id="8yomo4hkg11q0j6"
6210   data-competition-id="z8yomo4h206q0j6" x-data="{
6211        activeCount: 0,
6212        showModal: false,
6213        showStreamers: false,
6214        view: 'timeline',
6215        hoverTimer: null,
6216        closeTimer: null,
6217        openModal() {
6218          clearTimeout(this.closeTimer);
6219          this.hoverTimer = setTimeout(() => {
6220            this.showModal = true;
6221          }, 500);
6222        },
6223        closeModal() {
6224          clearTimeout(this.hoverTimer);
6225          clearTimeout(this.closeTimer);
6226          this.closeTimer = setTimeout(() => {
6227            this.showModal = false;
6228          }, 300);
6229        }
6230      }"
6231   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
6232   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
6233   
6234   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
6235   <div class="block relative group">
6236      <a href="https://toptrader.io/truc-tiep/sao-joao-del-rei-vs-paracatu-df-ngay-10-10-2026/" class="absolute inset-0 z-0"
6237         data-tooltip="Sao Joao del Rei vs Paracatu DF lúc 04:30  ngày 10/10/2026"
6238         data-title="Sao Joao del Rei vs Paracatu DF lúc  04:30  ngày 10/10/2026"></a>
6239      <div class="chroma-signal-lock" aria-hidden="true"></div>
6240      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
6241         
6242         <div class="flex items-center justify-between sm:mb-0 mb-2">
6243            
6244            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
6245               <img src="https://img.thesports.com/football/competition/fe0f32f89d8f0c0a666dc7f3bc0f2607.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
6246                  loading="lazy" />
6247               <span class="truncate tracking-wide bals-competition-name">BRA Campeonato Mineiro 2</span>
6248            </div>
6249            
6250            <div
6251               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
6252               <span> 04:30 </span>
6253               <span class="text-gray-400 leading-none text-base">•</span>
6254               
6255               <span>10/10</span>
6256               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
6257               <span
6258                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
6259            </div>
6260         </div>
6261         
6262         <div class="relative">
6263            
6264            <div
6265               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
6266               <span class="bals-status-name mr-1">Hiệp 2</span> :
6267                  <span class="ml-1 bals-elapsed-time">46&#039;</span>            </div>
6268            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
6269               
6270               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
6271                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
6272                     Sao Joao del Rei
6273                  </div>
6274                  <img data-src="https://static.sportsfeed.pro/football/team/3575af940ea0458e61255b45f4d2b34d.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sao Joao del Rei Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
6275               
6276               <div
6277                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
6278                   @mouseenter="openModal()" @mouseleave="closeModal()" >
6279                  <div
6280                     class="bals-score-track ">
6281                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
6282                     <span
6283                        class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-home-score" >
6284                        1
6285                     </span>
6286                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
6287                     <span
6288                        class="bals-score-box  text-sm sm:text-base bals-away-score" >
6289                        0
6290                     </span>
6291                  </div>
6292               </div>
6293               
6294               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
6295                  <img data-src="https://static.sportsfeed.pro/football/team/edab2329f7789e9bef075ce1f6f33990.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Paracatu DF Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
6296                     Paracatu DF
6297                  </div>
6298               </div>
6299            </div>
6300            
6301            <div
6302               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
6303                           </div>
6304
6305            
6306            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" >
6307               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
6308                  <!-- HT Score -->
6309                  <div class="flex items-center gap-1">
6310                     <span class="text-primary font-semibold">HT</span>
6311                     <span class="text-gray-400 bals-ht-score">1-0</span>
6312                  </div>
6313                  <!-- Corner -->
6314                  <div class="flex items-center gap-1">
6315                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
6316<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
6317<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
6318</svg>
6319                     <span class="text-gray-400 bals-corners">1-4</span>
6320                  </div>
6321                  <!-- Yellow Card -->
6322                  <div class="flex items-center gap-1">
6323                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
6324                     <span class="text-gray-400 bals-yellow-cards">3-1</span>
6325                  </div>
6326               </div>
6327            </div>
6328         </div>
6329
6330         
6331         <div class="space-y-3">
6332            <div class="h-px w-full border-t-gradient-silver-fade"></div>
6333            <div class="relative">
6334               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
6335                  
6336                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
6337                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" >
6338                        <!-- HT Score -->
6339                        <div class="flex items-center gap-1">
6340                           <span class="text-primary font-semibold">HT</span>
6341                           <span class="text-gray-400 bals-ht-score">1-0</span>
6342                        </div>
6343                        <!-- Corner -->
6344                        <div class="flex items-center gap-1">
6345                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
6346<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
6347<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
6348</svg>
6349                           <span class="text-gray-400 bals-corners">1-4</span>
6350                        </div>
6351                        <!-- Yellow Card -->
6352                        <div class="flex items-center gap-1">
6353                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
6354                              class="h-3 w-3" />
6355                           <span
6356                              class="text-gray-400 bals-yellow-cards">3-1</span>
6357                        </div>
6358                     </div>
6359                  </div>
6360
6361                  
6362                                       <div class="flex-1 min-w-0"></div>
6363                  
6364                  
6365                                       <div class="flex-shrink-0 flex items-center">
6366                        <div class="w-[120px] sm:w-[125px] min-w-0">
6367                           <div class="text-right mr-1.5 bals-odds">
6368                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
6369                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.66</div>
6370                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.4</div>
6371                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">5</div>
6372                                                                           </div>
6373                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
6374                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1</div>
6375                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-0.25</div>
6376                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.8</div>
6377                                                                           </div>
6378                                                                                                                                                         </div>
6379                        </div>
6380                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
6381                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
6382                        </a>
6383                     </div>
6384                                 </div>
6385            </div>
6386         </div>
6387      </div>
6388   </div>
6389
6390   
6391   <div x-show="showModal"
6392        @mouseenter="clearTimeout(closeTimer)"
6393        @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)"
6394        x-effect="
6395           if (showModal && !$el.dataset.modalLoaded) {
6396              $el.dataset.modalLoaded = '1';
6397              if (typeof loadMatchModal === 'function') loadMatchModal($el);
6398           }
6399        "
6400        data-match-id="y39mp1hdvneomoj"
6401        class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
6402        x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
6403        x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
6404        x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
6405        style="display: none;"
6406        :style="{
6407           top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
6408           bottom: $el.getBoundingClientRect().top >
6408= 300 ? 'calc(100% - 10px)' : 'auto',
6409           left: '50%',
6410           transform: 'translateX(-50%)'
6411       }">
6412      <div class="modal-content">
6413         <div class="p-6 text-center text-gray-400 text-xs">Loading...</div>
6414      </div>
6415   </div>
6416</div>
6417<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
6418   bals-live-match"
6419   data-accent=""
6420   data-template="chroma" data-match-id="965mkyh8ld7lr1g" data-match-time="1791583200"
6421   data-home-team-id="dj2ryohg8e3q1zp" data-away-team-id="x7lm7phpl76m2wd"
6422   data-competition-id="p3glrw7hz2xqdyj" x-data="{
6423        activeCount: 0,
6424        showModal: false,
6425        showStreamers: false,
6426        view: 'timeline',
6427        hoverTimer: null,
6428        closeTimer: null,
6429        openModal() {
6430          clearTimeout(this.closeTimer);
6431          this.hoverTimer = setTimeout(() => {
6432            this.showModal = true;
6433          }, 500);
6434        },
6435        closeModal() {
6436          clearTimeout(this.hoverTimer);
6437          clearTimeout(this.closeTimer);
6438          this.closeTimer = setTimeout(() => {
6439            this.showModal = false;
6440          }, 300);
6441        }
6442      }"
6443   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
6444   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
6445   
6446   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
6447   <div class="block relative group">
6448      <a href="https://toptrader.io/truc-tiep/bombarderos-de-tecamac-fc-vs-jaiba-brava-ii-ngay-10-10-2026/" class="absolute inset-0 z-0"
6449         data-tooltip="Bombarderos de Tecamac FC vs Jaiba Brava II lúc 05:00  ngày 10/10/2026"
6450         data-title="Bombarderos de Tecamac FC vs Jaiba Brava II lúc  05:00  ngày 10/10/2026"></a>
6451      <div class="chroma-signal-lock" aria-hidden="true"></div>
6452      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
6453         
6454         <div class="flex items-center justify-between sm:mb-0 mb-2">
6455            
6456            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
6457               <img src="https://img.thesports.com/football/competition/0f30f046ff820225afa535697ba464e4.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
6458                  loading="lazy" />
6459               <span class="truncate tracking-wide bals-competition-name">Mexican TDP League</span>
6460            </div>
6461            
6462            <div
6463               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
6464               <span> 05:00 </span>
6465               <span class="text-gray-400 leading-none text-base">•</span>
6466               
6467               <span>10/10</span>
6468               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
6469               <span
6470                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
6471            </div>
6472         </div>
6473         
6474         <div class="relative">
6475            
6476            <div
6477               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
6478               <span class="bals-status-name mr-1">Hiệp 1</span> :
6479                  <span class="ml-1 bals-elapsed-time">26&#039;</span>            </div>
6480            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
6481               
6482               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
6483                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
6484                     Bombarderos de Tecamac FC
6485                  </div>
6486                  <img data-src="https://static.sportsfeed.pro/football/team/57d3152b7db67f19030b6499a6e1f7b2.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Bombarderos de Tecamac FC Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
6487               
6488               <div
6489                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
6490                   @mouseenter="openModal()" @mouseleave="closeModal()" >
6491                  <div
6492                     class="bals-score-track ">
6493                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
6494                     <span
6495                        class="bals-score-box  text-sm sm:text-base bals-home-score" >
6496                        0
6497                     </span>
6498                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
6499                     <span
6500                        class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-away-score" >
6501                        1
6502                     </span>
6503                  </div>
6504               </div>
6505               
6506               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
6507                  <img data-src="https://static.sportsfeed.pro/football/team/71080c5e7d5b7f98dc8acacc060e7998.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Jaiba Brava II Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
6508                     Jaiba Brava II
6509                  </div>
6510               </div>
6511            </div>
6512            
6513            <div
6514               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
6515                           </div>
6516
6517            
6518            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" >
6519               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
6520                  <!-- HT Score -->
6521                  <div class="flex items-center gap-1">
6522                     <span class="text-primary font-semibold">HT</span>
6523                     <span class="text-gray-400 bals-ht-score">0-1</span>
6524                  </div>
6525                  <!-- Corner -->
6526                  <div class="flex items-center gap-1">
6527                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
6528<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
6529<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
6530</svg>
6531                     <span class="text-gray-400 bals-corners">2-3</span>
6532                  </div>
6533                  <!-- Yellow Card -->
6534                  <div class="flex items-center gap-1">
6535                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
6536                     <span class="text-gray-400 bals-yellow-cards">0-0</span>
6537                  </div>
6538               </div>
6539            </div>
6540         </div>
6541
6542         
6543         <div class="space-y-3">
6544            <div class="h-px w-full border-t-gradient-silver-fade"></div>
6545            <div class="relative">
6546               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
6547                  
6548                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
6549                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" >
6550                        <!-- HT Score -->
6551                        <div class="flex items-center gap-1">
6552                           <span class="text-primary font-semibold">HT</span>
6553                           <span class="text-gray-400 bals-ht-score">0-1</span>
6554                        </div>
6555                        <!-- Corner -->
6556                        <div class="flex items-center gap-1">
6557                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
6558<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
6559<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
6560</svg>
6561                           <span class="text-gray-400 bals-corners">2-3</span>
6562                        </div>
6563                        <!-- Yellow Card -->
6564                        <div class="flex items-center gap-1">
6565                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
6566                              class="h-3 w-3" />
6567                           <span
6568                              class="text-gray-400 bals-yellow-cards">0-0</span>
6569                        </div>
6570                     </div>
6571                  </div>
6572
6573                  
6574                                       <div class="flex-1 min-w-0"></div>
6575                  
6576                  
6577                                       <div class="flex-shrink-0 flex items-center">
6578                        <div class="w-[120px] sm:w-[125px] min-w-0">
6579                           <div class="text-right mr-1.5 bals-odds">
6580                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
6581                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">4.75</div>
6582                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">4.33</div>
6583                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.53</div>
6584                                                                           </div>
6585                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
6586                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.82</div>
6587                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div>
6588                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.97</div>
6589                                                                           </div>
6590                                                                                                                                                         </div>
6591                        </div>
6592                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
6593                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
6594                        </a>
6595                     </div>
6596                                 </div>
6597            </div>
6598         </div>
6599      </div>
6600   </div>
6601
6602   
6603   <div x-show="showModal"
6604        @mouseenter="clearTimeout(closeTimer)"
6605        @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)"
6606        x-effect="
6607           if (showModal && !$el.dataset.modalLoaded) {
6608              $el.dataset.modalLoaded = '1';
6609              if (typeof loadMatchModal === 'function') loadMatchModal($el);
6610           }
6611        "
6612        data-match-id="965mkyh8ld7lr1g"
6613        class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
6614        x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
6615        x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
6616        x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
6617        style="display: none;"
6618        :style="{
6619           top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
6620           bottom: $el.getBoundingClientRect().top >
6620= 300 ? 'calc(100% - 10px)' : 'auto',
6621           left: '50%',
6622           transform: 'translateX(-50%)'
6623       }">
6624      <div class="modal-content">
6625         <div class="p-6 text-center text-gray-400 text-xs">Loading...</div>
6626      </div>
6627   </div>
6628</div>
6629<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
6630   bals-live-match"
6631   data-accent=""
6632   data-template="chroma" data-match-id="y39mp1hdvg33moj" data-match-time="1791583800"
6633   data-home-team-id="dn1m1gh36l2moep" data-away-team-id="x7lm7phw429m2wd"
6634   data-competition-id="p3glrw7hz2xqdyj" x-data="{
6635        activeCount: 0,
6636        showModal: false,
6637        showStreamers: false,
6638        view: 'statistics',
6639        hoverTimer: null,
6640        closeTimer: null,
6641        openModal() {
6642          clearTimeout(this.closeTimer);
6643          this.hoverTimer = setTimeout(() => {
6644            this.showModal = true;
6645          }, 500);
6646        },
6647        closeModal() {
6648          clearTimeout(this.hoverTimer);
6649          clearTimeout(this.closeTimer);
6650          this.closeTimer = setTimeout(() => {
6651            this.showModal = false;
6652          }, 300);
6653        }
6654      }"
6655   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
6656   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
6657   
6658   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
6659   <div class="block relative group">
6660      <a href="https://toptrader.io/truc-tiep/oceania-fc-vs-cd-novillos-neza-ngay-10-10-2026/" class="absolute inset-0 z-0"
6661         data-tooltip="Oceania FC vs CD Novillos Neza lúc 05:10  ngày 10/10/2026"
6662         data-title="Oceania FC vs CD Novillos Neza lúc  05:10  ngày 10/10/2026"></a>
6663      <div class="chroma-signal-lock" aria-hidden="true"></div>
6664      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
6665         
6666         <div class="flex items-center justify-between sm:mb-0 mb-2">
6667            
6668            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
6669               <img src="https://img.thesports.com/football/competition/0f30f046ff820225afa535697ba464e4.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
6670                  loading="lazy" />
6671               <span class="truncate tracking-wide bals-competition-name">Mexican TDP League</span>
6672            </div>
6673            
6674            <div
6675               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
6676               <span> 05:10 </span>
6677               <span class="text-gray-400 leading-none text-base">•</span>
6678               
6679               <span>10/10</span>
6680               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
6681               <span
6682                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
6683            </div>
6684         </div>
6685         
6686         <div class="relative">
6687            
6688            <div
6689               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
6690               <span class="bals-status-name mr-1">Hiệp 1</span> :
6691                  <span class="ml-1 bals-elapsed-time">23&#039;</span>            </div>
6692            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
6693               
6694               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
6695                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
6696                     Oceania FC
6697                  </div>
6698                  <img data-src="https://static.sportsfeed.pro/football/team/c9fb4ad37d2283d53a3c897af8caf4bd.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Oceania FC Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
6699               
6700               <div
6701                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
6702                   @mouseenter="openModal()" @mouseleave="closeModal()" >
6703                  <div
6704                     class="bals-score-track ">
6705                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
6706                     <span
6707                        class="bals-score-box  text-sm sm:text-base bals-home-score" >
6708                        0
6709                     </span>
6710                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
6711                     <span
6712                        class="bals-score-box  text-sm sm:text-base bals-away-score" >
6713                        0
6714                     </span>
6715                  </div>
6716               </div>
6717               
6718               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
6719                  <img data-src="https://static.sportsfeed.pro/football/team/97c3ef30cac48cadff97605e387feefa.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="CD Novillos Neza Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
6720                     CD Novillos Neza
6721                  </div>
6722               </div>
6723            </div>
6724            
6725            <div
6726               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
6727                           </div>
6728
6729            
6730            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" >
6731               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
6732                  <!-- HT Score -->
6733                  <div class="flex items-center gap-1">
6734                     <span class="text-primary font-semibold">HT</span>
6735                     <span class="text-gray-400 bals-ht-score">0-0</span>
6736                  </div>
6737                  <!-- Corner -->
6738                  <div class="flex items-center gap-1">
6739                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
6740<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
6741<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
6742</svg>
6743                     <span class="text-gray-400 bals-corners">2-0</span>
6744                  </div>
6745                  <!-- Yellow Card -->
6746                  <div class="flex items-center gap-1">
6747                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
6748                     <span class="text-gray-400 bals-yellow-cards">0-0</span>
6749                  </div>
6750               </div>
6751            </div>
6752         </div>
6753
6754         
6755         <div class="space-y-3">
6756            <div class="h-px w-full border-t-gradient-silver-fade"></div>
6757            <div class="relative">
6758               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
6759                  
6760                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
6761                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" >
6762                        <!-- HT Score -->
6763                        <div class="flex items-center gap-1">
6764                           <span class="text-primary font-semibold">HT</span>
6765                           <span class="text-gray-400 bals-ht-score">0-0</span>
6766                        </div>
6767                        <!-- Corner -->
6768                        <div class="flex items-center gap-1">
6769                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
6770<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
6771<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
6772</svg>
6773                           <span class="text-gray-400 bals-corners">2-0</span>
6774                        </div>
6775                        <!-- Yellow Card -->
6776                        <div class="flex items-center gap-1">
6777                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
6778                              class="h-3 w-3" />
6779                           <span
6780                              class="text-gray-400 bals-yellow-cards">0-0</span>
6781                        </div>
6782                     </div>
6783                  </div>
6784
6785                  
6786                                       <div class="flex-1 min-w-0"></div>
6787                  
6788                  
6789                                       <div class="flex-shrink-0 flex items-center">
6790                        <div class="w-[120px] sm:w-[125px] min-w-0">
6791                           <div class="text-right mr-1.5 bals-odds">
6792                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
6793                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.28</div>
6794                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">5</div>
6795                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">8</div>
6796                                                                           </div>
6797                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
6798                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.97</div>
6799                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.75</div>
6800                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.82</div>
6801                                                                           </div>
6802                                                                                                                                                         </div>
6803                        </div>
6804                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
6805                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
6806                        </a>
6807                     </div>
6808                                 </div>
6809            </div>
6810         </div>
6811      </div>
6812   </div>
6813
6814   
6815   <div x-show="showModal"
6816        @mouseenter="clearTimeout(closeTimer)"
6817        @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)"
6818        x-effect="
6819           if (showModal && !$el.dataset.modalLoaded) {
6820              $el.dataset.modalLoaded = '1';
6821              if (typeof loadMatchModal === 'function') loadMatchModal($el);
6822           }
6823        "
6824        data-match-id="y39mp1hdvg33moj"
6825        class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
6826        x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
6827        x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
6828        x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
6829        style="display: none;"
6830        :style="{
6831           top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
6832           bottom: $el.getBoundingClientRect().top >
6832= 300 ? 'calc(100% - 10px)' : 'auto',
6833           left: '50%',
6834           transform: 'translateX(-50%)'
6835       }">
6836      <div class="modal-content">
6837         <div class="p-6 text-center text-gray-400 text-xs">Loading...</div>
6838      </div>
6839   </div>
6840</div>
6841<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
6842   bals-live-match"
6843   data-accent=""
6844   data-template="chroma" data-match-id="y0or5jh9xy0vqwz" data-match-time="1791584100"
6845   data-home-team-id="y0or5jhg6keqwzv" data-away-team-id="n54qllh8971qvy9"
6846   data-competition-id="gx7lm7ph9jxm2wd" x-data="{
6847        activeCount: 0,
6848        showModal: false,
6849        showStreamers: false,
6850        view: 'statistics',
6851        hoverTimer: null,
6852        closeTimer: null,
6853        openModal() {
6854          clearTimeout(this.closeTimer);
6855          this.hoverTimer = setTimeout(() => {
6856            this.showModal = true;
6857          }, 500);
6858        },
6859        closeModal() {
6860          clearTimeout(this.hoverTimer);
6861          clearTimeout(this.closeTimer);
6862          this.closeTimer = setTimeout(() => {
6863            this.showModal = false;
6864          }, 300);
6865        }
6866      }"
6867   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
6868   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
6869   
6870   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
6871   <div class="block relative group">
6872      <a href="https://toptrader.io/truc-tiep/pumas-las-vegas-vs-fc-brasilia-rio-lindo-ngay-10-10-2026/" class="absolute inset-0 z-0"
6873         data-tooltip="Pumas Las Vegas vs FC Brasilia Rio Lindo lúc 05:15  ngày 10/10/2026"
6874         data-title="Pumas Las Vegas vs FC Brasilia Rio Lindo lúc  05:15  ngày 10/10/2026"></a>
6875      <div class="chroma-signal-lock" aria-hidden="true"></div>
6876      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
6877         
6878         <div class="flex items-center justify-between sm:mb-0 mb-2">
6879            
6880            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
6881               <img src="https://img.thesports.com/football/competition/9714a6a652167d2dc6e355a2248429cf.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
6882                  loading="lazy" />
6883               <span class="truncate tracking-wide bals-competition-name">Honduras Ascenso Division</span>
6884            </div>
6885            
6886            <div
6887               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
6888               <span> 05:15 </span>
6889               <span class="text-gray-400 leading-none text-base">•</span>
6890               
6891               <span>10/10</span>
6892               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
6893               <span
6894                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
6895            </div>
6896         </div>
6897         
6898         <div class="relative">
6899            
6900            <div
6901               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
6902               <span class="bals-status-name mr-1">Hiệp 1</span> :
6903                  <span class="ml-1 bals-elapsed-time">16&#039;</span>            </div>
6904            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
6905               
6906               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
6907                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
6908                     Pumas Las Vegas
6909                  </div>
6910                  <img data-src="https://static.sportsfeed.pro/football/team/9d82c6835852db2028b70e8945e99b11.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Pumas Las Vegas Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
6911               
6912               <div
6913                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
6914                   @mouseenter="openModal()" @mouseleave="closeModal()" >
6915                  <div
6916                     class="bals-score-track ">
6917                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
6918                     <span
6919                        class="bals-score-box  text-sm sm:text-base bals-home-score" >
6920                        0
6921                     </span>
6922                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
6923                     <span
6924                        class="bals-score-box  text-sm sm:text-base bals-away-score" >
6925                        0
6926                     </span>
6927                  </div>
6928               </div>
6929               
6930               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
6931                  <img data-src="https://static.sportsfeed.pro/football/team/41461e0c45b877f133a6a0566c12ad2c.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="FC Brasilia Rio Lindo Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
6932                     FC Brasilia Rio Lindo
6933                  </div>
6934               </div>
6935            </div>
6936            
6937            <div
6938               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
6939                           </div>
6940
6941            
6942            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" >
6943               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
6944                  <!-- HT Score -->
6945                  <div class="flex items-center gap-1">
6946                     <span class="text-primary font-semibold">HT</span>
6947                     <span class="text-gray-400 bals-ht-score">0-0</span>
6948                  </div>
6949                  <!-- Corner -->
6950                  <div class="flex items-center gap-1">
6951                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
6952<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
6953<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
6954</svg>
6955                     <span class="text-gray-400 bals-corners">2-1</span>
6956                  </div>
6957                  <!-- Yellow Card -->
6958                  <div class="flex items-center gap-1">
6959                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
6960                     <span class="text-gray-400 bals-yellow-cards">0-0</span>
6961                  </div>
6962               </div>
6963            </div>
6964         </div>
6965
6966         
6967         <div class="space-y-3">
6968            <div class="h-px w-full border-t-gradient-silver-fade"></div>
6969            <div class="relative">
6970               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
6971                  
6972                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
6973                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" >
6974                        <!-- HT Score -->
6975                        <div class="flex items-center gap-1">
6976                           <span class="text-primary font-semibold">HT</span>
6977                           <span class="text-gray-400 bals-ht-score">0-0</span>
6978                        </div>
6979                        <!-- Corner -->
6980                        <div class="flex items-center gap-1">
6981                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
6982<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
6983<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
6984</svg>
6985                           <span class="text-gray-400 bals-corners">2-1</span>
6986                        </div>
6987                        <!-- Yellow Card -->
6988                        <div class="flex items-center gap-1">
6989                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
6990                              class="h-3 w-3" />
6991                           <span
6992                              class="text-gray-400 bals-yellow-cards">0-0</span>
6993                        </div>
6994                     </div>
6995                  </div>
6996
6997                  
6998                                       <div class="flex-1 min-w-0"></div>
6999                  
7000                  
7001                                       <div class="flex-shrink-0 flex items-center">
7002                        <div class="w-[120px] sm:w-[125px] min-w-0">
7003                           <div class="text-right mr-1.5 bals-odds">
7004                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
7005                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.25</div>
7006                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.4</div>
7007                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.87</div>
7008                                                                           </div>
7009                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
7010                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1</div>
7011                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.25</div>
7012                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.8</div>
7013                                                                           </div>
7014                                                                                                                                                         </div>
7015                        </div>
7016                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
7017                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
7018                        </a>
7019                     </div>
7020                                 </div>
7021            </div>
7022         </div>
7023      </div>
7024   </div>
7025
7026   
7027   <div x-show="showModal"
7028        @mouseenter="clearTimeout(closeTimer)"
7029        @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)"
7030        x-effect="
7031           if (showModal && !$el.dataset.modalLoaded) {
7032              $el.dataset.modalLoaded = '1';
7033              if (typeof loadMatchModal === 'function') loadMatchModal($el);
7034           }
7035        "
7036        data-match-id="y0or5jh9xy0vqwz"
7037        class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
7038        x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
7039        x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
7040        x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
7041        style="display: none;"
7042        :style="{
7043           top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
7044           bottom: $el.getBoundingClientRect().top >
7044= 300 ? 'calc(100% - 10px)' : 'auto',
7045           left: '50%',
7046           transform: 'translateX(-50%)'
7047       }">
7048      <div class="modal-content">
7049         <div class="p-6 text-center text-gray-400 text-xs">Loading...</div>
7050      </div>
7051   </div>
7052</div>
7053<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
7054   bals-live-match"
7055   data-accent=""
7056   data-template="chroma" data-match-id="k82rekh2zpv9rep" data-match-time="1791584400"
7057   data-home-team-id="6ypq3nh1lojmd7o" data-away-team-id="965mkyhnn9vr1ge"
7058   data-competition-id="p3glrw7hz2xqdyj" x-data="{
7059        activeCount: 0,
7060        showModal: false,
7061        showStreamers: false,
7062        view: 'statistics',
7063        hoverTimer: null,
7064        closeTimer: null,
7065        openModal() {
7066          clearTimeout(this.closeTimer);
7067          this.hoverTimer = setTimeout(() => {
7068            this.showModal = true;
7069          }, 500);
7070        },
7071        closeModal() {
7072          clearTimeout(this.hoverTimer);
7073          clearTimeout(this.closeTimer);
7074          this.closeTimer = setTimeout(() => {
7075            this.showModal = false;
7076          }, 300);
7077        }
7078      }"
7079   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
7080   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
7081   
7082   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
7083   <div class="block relative group">
7084      <a href="https://toptrader.io/truc-tiep/furia-azul-fc-vs-club-atletico-valladolid-ngay-10-10-2026/" class="absolute inset-0 z-0"
7085         data-tooltip="Furia Azul FC vs Club Atletico Valladolid lúc 05:20  ngày 10/10/2026"
7086         data-title="Furia Azul FC vs Club Atletico Valladolid lúc  05:20  ngày 10/10/2026"></a>
7087      <div class="chroma-signal-lock" aria-hidden="true"></div>
7088      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
7089         
7090         <div class="flex items-center justify-between sm:mb-0 mb-2">
7091            
7092            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
7093               <img src="https://img.thesports.com/football/competition/0f30f046ff820225afa535697ba464e4.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
7094                  loading="lazy" />
7095               <span class="truncate tracking-wide bals-competition-name">Mexican TDP League</span>
7096            </div>
7097            
7098            <div
7099               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
7100               <span> 05:20 </span>
7101               <span class="text-gray-400 leading-none text-base">•</span>
7102               
7103               <span>10/10</span>
7104               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
7105               <span
7106                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
7107            </div>
7108         </div>
7109         
7110         <div class="relative">
7111            
7112            <div
7113               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
7114               <span class="bals-status-name mr-1">Hiệp 1</span> :
7115                  <span class="ml-1 bals-elapsed-time">14&#039;</span>            </div>
7116            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
7117               
7118               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
7119                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
7120                     Furia Azul FC
7121                  </div>
7122                  <img data-src="https://static.sportsfeed.pro/football/team/ad627ed2915604536cae7a78d28833cc.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Furia Azul FC Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
7123               
7124               <div
7125                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
7126                   @mouseenter="openModal()" @mouseleave="closeModal()" >
7127                  <div
7128                     class="bals-score-track ">
7129                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
7130                     <span
7131                        class="bals-score-box  text-sm sm:text-base bals-home-score" >
7132                        0
7133                     </span>
7134                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
7135                     <span
7136                        class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-away-score" >
7137                        1
7138                     </span>
7139                  </div>
7140               </div>
7141               
7142               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
7143                  <img data-src="https://static.sportsfeed.pro/football/team/3bddd82639748f0fff9912ec1baa6c4c.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Club Atletico Valladolid Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
7144                     Club Atletico Valladolid
7145                  </div>
7146               </div>
7147            </div>
7148            
7149            <div
7150               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
7151                           </div>
7152
7153            
7154            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" >
7155               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
7156                  <!-- HT Score -->
7157                  <div class="flex items-center gap-1">
7158                     <span class="text-primary font-semibold">HT</span>
7159                     <span class="text-gray-400 bals-ht-score">0-1</span>
7160                  </div>
7161                  <!-- Corner -->
7162                  <div class="flex items-center gap-1">
7163                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
7164<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
7165<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
7166</svg>
7167                     <span class="text-gray-400 bals-corners">0-1</span>
7168                  </div>
7169                  <!-- Yellow Card -->
7170                  <div class="flex items-center gap-1">
7171                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
7172                     <span class="text-gray-400 bals-yellow-cards">0-0</span>
7173                  </div>
7174               </div>
7175            </div>
7176         </div>
7177
7178         
7179         <div class="space-y-3">
7180            <div class="h-px w-full border-t-gradient-silver-fade"></div>
7181            <div class="relative">
7182               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
7183                  
7184                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
7185                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" >
7186                        <!-- HT Score -->
7187                        <div class="flex items-center gap-1">
7188                           <span class="text-primary font-semibold">HT</span>
7189                           <span class="text-gray-400 bals-ht-score">0-1</span>
7190                        </div>
7191                        <!-- Corner -->
7192                        <div class="flex items-center gap-1">
7193                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
7194<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
7195<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
7196</svg>
7197                           <span class="text-gray-400 bals-corners">0-1</span>
7198                        </div>
7199                        <!-- Yellow Card -->
7200                        <div class="flex items-center gap-1">
7201                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
7202                              class="h-3 w-3" />
7203                           <span
7204                              class="text-gray-400 bals-yellow-cards">0-0</span>
7205                        </div>
7206                     </div>
7207                  </div>
7208
7209                  
7210                                       <div class="flex-1 min-w-0"></div>
7211                  
7212                  
7213                                       <div class="flex-shrink-0 flex items-center">
7214                        <div class="w-[120px] sm:w-[125px] min-w-0">
7215                           <div class="text-right mr-1.5 bals-odds">
7216                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
7217                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">6</div>
7218                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">4.75</div>
7219                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.4</div>
7220                                                                           </div>
7221                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
7222                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.95</div>
7223                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-0.25</div>
7224                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.85</div>
7225                                                                           </div>
7226                                                                                                                                                         </div>
7227                        </div>
7228                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
7229                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
7230                        </a>
7231                     </div>
7232                                 </div>
7233            </div>
7234         </div>
7235      </div>
7236   </div>
7237
7238   
7239   <div x-show="showModal"
7240        @mouseenter="clearTimeout(closeTimer)"
7241        @mouseleave="closeTimer = setTimeout(() => { showModal = false }, 200)"
7242        x-effect="
7243           if (showModal && !$el.dataset.modalLoaded) {
7244              $el.dataset.modalLoaded = '1';
7245              if (typeof loadMatchModal === 'function') loadMatchModal($el);
7246           }
7247        "
7248        data-match-id="k82rekh2zpv9rep"
7249        class="absolute z-[120] w-full bg-[#1A1B1F] rounded-lg shadow-2xl border border-gray-700/50 overflow-hidden max-w-[70%]"
7250        x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 scale-95"
7251        x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
7252        x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
7253        style="display: none;"
7254        :style="{
7255           top: $el.getBoundingClientRect().top < 300 ? 'calc(100% - 50px)' : 'auto',
7256           bottom: $el.getBoundingClientRect().top >
7256= 300 ? 'calc(100% - 10px)' : 'auto',
7257           left: '50%',
7258           transform: 'translateX(-50%)'
7259       }">
7260      <div class="modal-content">
7261         <div class="p-6 text-center text-gray-400 text-xs">Loading...</div>
7262      </div>
7263   </div>
7264</div>
7265<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
7266   bals-live-match"
7267   data-accent=""
7268   data-template="chroma" data-match-id="23xmvkhyvj4jqg8" data-match-time="1791585000"
7269   data-home-team-id="dn1m1gh40o1moep" data-away-team-id="l7oqdeh619jr510"
7270   data-competition-id="kjw2r09hy5rz84o" x-data="{
7271        activeCount: 0,
7272        showModal: false,
7273        showStreamers: false,
7274        view: 'timeline',
7275        hoverTimer: null,
7276        closeTimer: null,
7277        openModal() {
7278          clearTimeout(this.closeTimer);
7279          this.hoverTimer = setTimeout(() => {
7280            this.showModal = true;
7281          }, 500);
7282        },
7283        closeModal() {
7284          clearTimeout(this.hoverTimer);
7285          clearTimeout(this.closeTimer);
7286          this.closeTimer = setTimeout(() => {
7287            this.showModal = false;
7288          }, 300);
7289        }
7290      }"
7291   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
7292   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
7293   
7294   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
7295   <div class="block relative group">
7296      <a href="https://toptrader.io/truc-tiep/sol-de-america-vs-deportivo-carapegua-ngay-10-10-2026/" class="absolute inset-0 z-0"
7297         data-tooltip="Sol de America vs Deportivo Carapegua lúc 05:30  ngày 10/10/2026"
7298         data-title="Sol de America vs Deportivo Carapegua lúc  05:30  ngày 10/10/2026"></a>
7299      <div class="chroma-signal-lock" aria-hidden="true"></div>
7300      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
7301         
7302         <div class="flex items-center justify-between sm:mb-0 mb-2">
7303            
7304            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
7305               <img src="https://img.thesports.com/football/competition/5810b6eba95c5c08261adabf45ce9976.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
7306                  loading="lazy" />
7307               <span class="truncate tracking-wide bals-competition-name">Paraguayan Division Intermedia</span>
7308            </div>
7309            
7310            <div
7311               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
7312               <span> 05:30 </span>
7313               <span class="text-gray-400 leading-none text-base">•</span>
7314               
7315               <span>10/10</span>
7316               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
7317               <span
7318                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
7319            </div>
7320         </div>
7321         
7322         <div class="relative">
7323            
7324            <div
7325               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
7326               <span class="bals-status-name mr-1">Hiệp 1</span> :
7327                  <span class="ml-1 bals-elapsed-time">4&#039;</span>            </div>
7328            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
7329               
7330               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
7331                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
7332                     Sol de America
7333                  </div>
7334                  <img data-src="https://static.sportsfeed.pro/football/team/9944d3cdb5e4543aff351771d23db374.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sol de America Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
7335               
7336               <div
7337                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
7338                  >
7339                  <div
7340                     class="bals-score-track ">
7341                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
7342                     <span
7343                        class="bals-score-box  text-sm sm:text-base bals-home-score" >
7344                        0
7345                     </span>
7346                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
7347                     <span
7348                        class="bals-score-box  text-sm sm:text-base bals-away-score" >
7349                        0
7350                     </span>
7351                  </div>
7352               </div>
7353               
7354               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
7355                  <img data-src="https://static.sportsfeed.pro/football/team/2330b630a226a3c65689e546084fcdfc.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Deportivo Carapegua Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
7356                     Deportivo Carapegua
7357                  </div>
7358               </div>
7359            </div>
7360            
7361            <div
7362               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
7363                           </div>
7364
7365            
7366            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1" >
7367               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
7368                  <!-- HT Score -->
7369                  <div class="flex items-center gap-1">
7370                     <span class="text-primary font-semibold">HT</span>
7371                     <span class="text-gray-400 bals-ht-score">0-0</span>
7372                  </div>
7373                  <!-- Corner -->
7374                  <div class="flex items-center gap-1">
7375                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
7376<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
7377<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
7378</svg>
7379                     <span class="text-gray-400 bals-corners">0-0</span>
7380                  </div>
7381                  <!-- Yellow Card -->
7382                  <div class="flex items-center gap-1">
7383                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
7384                     <span class="text-gray-400 bals-yellow-cards">0-0</span>
7385                  </div>
7386               </div>
7387            </div>
7388         </div>
7389
7390         
7391         <div class="space-y-3">
7392            <div class="h-px w-full border-t-gradient-silver-fade"></div>
7393            <div class="relative">
7394               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
7395                  
7396                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
7397                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm" >
7398                        <!-- HT Score -->
7399                        <div class="flex items-center gap-1">
7400                           <span class="text-primary font-semibold">HT</span>
7401                           <span class="text-gray-400 bals-ht-score">0-0</span>
7402                        </div>
7403                        <!-- Corner -->
7404                        <div class="flex items-center gap-1">
7405                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
7406<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
7407<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
7408</svg>
7409                           <span class="text-gray-400 bals-corners">0-0</span>
7410                        </div>
7411                        <!-- Yellow Card -->
7412                        <div class="flex items-center gap-1">
7413                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
7414                              class="h-3 w-3" />
7415                           <span
7416                              class="text-gray-400 bals-yellow-cards">0-0</span>
7417                        </div>
7418                     </div>
7419                  </div>
7420
7421                  
7422                                       <div class="flex-1 min-w-0"></div>
7423                  
7424                  
7425                                       <div class="flex-shrink-0 flex items-center">
7426                        <div class="w-[120px] sm:w-[125px] min-w-0">
7427                           <div class="text-right mr-1.5 bals-odds">
7428                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
7429                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.83</div>
7430                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.4</div>
7431                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">4</div>
7432                                                                           </div>
7433                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
7434                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.92</div>
7435                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.5</div>
7436                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.87</div>
7437                                                                           </div>
7438                                                                                                                                                         </div>
7439                        </div>
7440                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
7441                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
7442                        </a>
7443                     </div>
7444                                 </div>
7445            </div>
7446         </div>
7447      </div>
7448   </div>
7449
7450   
7451   </div>
7452<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
7453   bals-upcoming-match"
7454   data-accent="hot"
7455   data-template="chroma" data-match-id="vjxm8gheow4pr6o" data-match-time="1791594000"
7456   data-home-team-id="kdj2ryoh66gq1zp" data-away-team-id="zp5rzghjkxvq82w"
7457   data-competition-id="9k82rekhp6repzj" x-data="{
7458        activeCount: 0,
7459        showModal: false,
7460        showStreamers: false,
7461        view: 'timeline',
7462        hoverTimer: null,
7463        closeTimer: null,
7464        openModal() {
7465          clearTimeout(this.closeTimer);
7466          this.hoverTimer = setTimeout(() => {
7467            this.showModal = true;
7468          }, 500);
7469        },
7470        closeModal() {
7471          clearTimeout(this.hoverTimer);
7472          clearTimeout(this.closeTimer);
7473          this.closeTimer = setTimeout(() => {
7474            this.showModal = false;
7475          }, 300);
7476        }
7477      }"
7478   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
7479   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
7480   data-streamer-ids="[&quot;69b8e6f43bcf2231c35d5144&quot;]"
7481   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
7482   <div class="block relative group">
7483      <a href="https://toptrader.io/truc-tiep/puebla-vs-club-leon-ngay-10-10-2026/" class="absolute inset-0 z-0"
7484         data-tooltip="Puebla vs Club Leon lúc 08:00  ngày 10/10/2026"
7485         data-title="Puebla vs Club Leon lúc  08:00  ngày 10/10/2026"></a>
7486      <div class="chroma-signal-lock" aria-hidden="true"></div>
7487      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
7488         
7489         <div class="flex items-center justify-between sm:mb-0 mb-2">
7490            
7491            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
7492               <img src="https://img.thesports.com/football/competition/324d7a463a24c4cd35ef83456a1b8d05.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
7493                  loading="lazy" />
7494               <span class="truncate tracking-wide bals-competition-name">Mexico Liga MX</span>
7495            </div>
7496            
7497            <div
7498               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
7499               <span> 08:00 </span>
7500               <span class="text-gray-400 leading-none text-base">•</span>
7501               
7502               <span>10/10</span>
7503               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
7504               <span
7505                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
7506            </div>
7507         </div>
7508         
7509         <div class="relative">
7510            
7511            <div
7512               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
7513               <span class="bals-status-name mr-1">NS</span> :
7514                  <span class="ml-1 bals-elapsed-time"> - </span>            </div>
7515            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
7516               
7517               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
7518                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
7519                     Puebla
7520                  </div>
7521                  <img data-src="https://static.sportsfeed.pro/football/team/a98bd615308472b65dc82bcc3a2d54fb.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Puebla Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
7522               
7523               <div
7524                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
7525                  >
7526                  <div
7527                     class="bals-score-track bals-score-track--vs">
7528                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
7529                     <span
7530                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
7531                        0
7532                     </span>
7533                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
7534                     <span
7535                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
7536                        0
7537                     </span>
7538                  </div>
7539               </div>
7540               
7541               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
7542                  <img data-src="https://static.sportsfeed.pro/football/team/4695f653aca6ac49ff2baa4a961fa67b.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Club Leon Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
7543                     Club Leon
7544                  </div>
7545               </div>
7546            </div>
7547            
7548            <div
7549               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
7550                           </div>
7551
7552            
7553            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1"  style="display:none" >
7554               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
7555                  <!-- HT Score -->
7556                  <div class="flex items-center gap-1">
7557                     <span class="text-primary font-semibold">HT</span>
7558                     <span class="text-gray-400 bals-ht-score">0-0</span>
7559                  </div>
7560                  <!-- Corner -->
7561                  <div class="flex items-center gap-1">
7562                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
7563<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
7564<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
7565</svg>
7566                     <span class="text-gray-400 bals-corners">0-0</span>
7567                  </div>
7568                  <!-- Yellow Card -->
7569                  <div class="flex items-center gap-1">
7570                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
7571                     <span class="text-gray-400 bals-yellow-cards">0-0</span>
7572                  </div>
7573               </div>
7574            </div>
7575         </div>
7576
7577         
7578         <div class="space-y-3">
7579            <div class="h-px w-full border-t-gradient-silver-fade"></div>
7580            <div class="relative">
7581               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
7582                  
7583                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
7584                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm"  style="display:none" >
7585                        <!-- HT Score -->
7586                        <div class="flex items-center gap-1">
7587                           <span class="text-primary font-semibold">HT</span>
7588                           <span class="text-gray-400 bals-ht-score">0-0</span>
7589                        </div>
7590                        <!-- Corner -->
7591                        <div class="flex items-center gap-1">
7592                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
7593<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
7594<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
7595</svg>
7596                           <span class="text-gray-400 bals-corners">0-0</span>
7597                        </div>
7598                        <!-- Yellow Card -->
7599                        <div class="flex items-center gap-1">
7600                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
7601                              class="h-3 w-3" />
7602                           <span
7603                              class="text-gray-400 bals-yellow-cards">0-0</span>
7604                        </div>
7605                     </div>
7606                  </div>
7607
7608                  
7609                                                            <div class="flex-1 min-w-0 flex sm:justify-center justify-start">
7610                        
7611                        <div class="sm:hidden flex items-center relative pointer-events-auto"
7612                           :class="{ 'z-[100]': showStreamers }">
7613
7614                                                         
7615                              <div class="flex items-center gap-1.5 text-xs text-gray-light">
7616                                 <img data-src="https://bucket.antlive.pro/cafc255dc6e263fb0fd6ab2824ff5e08-1773731703855-photo_2026-03-10_09-54-33.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="KAYTI" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                                 <span class="truncate max-w-[70px]">KAYTI</span>
7617                              </div>
7618                                                   </div>
7619                        
7620                        <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto">
7621                           <div class="chroma-commentator-chip">
7622                              <div class="chroma-commentator-frame">
7623                                 <img data-src="https://bucket.antlive.pro/cafc255dc6e263fb0fd6ab2824ff5e08-1773731703855-photo_2026-03-10_09-54-33.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="KAYTI" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                              </div>
7624                              <span class="chroma-commentator-name truncate">KAYTI</span>
7625                           </div>
7626                                                   </div>
7627                     </div>
7628                  
7629                  
7630                                       <div class="flex-shrink-0 flex items-center">
7631                        <div class="w-[120px] sm:w-[125px] min-w-0">
7632                           <div class="text-right mr-1.5 bals-odds">
7633                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
7634                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.9</div>
7635                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.4</div>
7636                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.45</div>
7637                                                                           </div>
7638                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
7639                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.75</div>
7640                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-0.25</div>
7641                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.05</div>
7642                                                                           </div>
7643                                                                                                                                                         </div>
7644                        </div>
7645                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
7646                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
7647                        </a>
7648                     </div>
7649                                 </div>
7650            </div>
7651         </div>
7652      </div>
7653   </div>
7654
7655   
7656   </div>
7657<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
7658   bals-upcoming-match"
7659   data-accent="hot"
7660   data-template="chroma" data-match-id="y0or5jh8dol0qwz" data-match-time="1791601200"
7661   data-home-team-id="ednm9whk9g2ryox" data-away-team-id="z318q66h9p6qo9j"
7662   data-competition-id="9k82rekhp6repzj" x-data="{
7663        activeCount: 0,
7664        showModal: false,
7665        showStreamers: false,
7666        view: 'timeline',
7667        hoverTimer: null,
7668        closeTimer: null,
7669        openModal() {
7670          clearTimeout(this.closeTimer);
7671          this.hoverTimer = setTimeout(() => {
7672            this.showModal = true;
7673          }, 500);
7674        },
7675        closeModal() {
7676          clearTimeout(this.hoverTimer);
7677          clearTimeout(this.closeTimer);
7678          this.closeTimer = setTimeout(() => {
7679            this.showModal = false;
7680          }, 300);
7681        }
7682      }"
7683   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
7684   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
7685   data-streamer-ids="[&quot;6a2a59b347bbddd62a8dc4e4&quot;]"
7686   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
7687   <div class="block relative group">
7688      <a href="https://toptrader.io/truc-tiep/tigres-uanl-vs-toluca-ngay-10-10-2026/" class="absolute inset-0 z-0"
7689         data-tooltip="Tigres UANL vs Toluca lúc 10:00  ngày 10/10/2026"
7690         data-title="Tigres UANL vs Toluca lúc  10:00  ngày 10/10/2026"></a>
7691      <div class="chroma-signal-lock" aria-hidden="true"></div>
7692      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
7693         
7694         <div class="flex items-center justify-between sm:mb-0 mb-2">
7695            
7696            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
7697               <img src="https://img.thesports.com/football/competition/324d7a463a24c4cd35ef83456a1b8d05.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
7698                  loading="lazy" />
7699               <span class="truncate tracking-wide bals-competition-name">Mexico Liga MX</span>
7700            </div>
7701            
7702            <div
7703               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
7704               <span> 10:00 </span>
7705               <span class="text-gray-400 leading-none text-base">•</span>
7706               
7707               <span>10/10</span>
7708               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
7709               <span
7710                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
7711            </div>
7712         </div>
7713         
7714         <div class="relative">
7715            
7716            <div
7717               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
7718               <span class="bals-status-name mr-1">NS</span> :
7719                  <span class="ml-1 bals-elapsed-time"> - </span>            </div>
7720            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
7721               
7722               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
7723                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
7724                     Tigres UANL
7725                  </div>
7726                  <img data-src="https://static.sportsfeed.pro/football/team/a7df6424c12ac9b7a6e5ca3ff953d5b3.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Tigres UANL Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
7727               
7728               <div
7729                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
7730                  >
7731                  <div
7732                     class="bals-score-track bals-score-track--vs">
7733                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
7734                     <span
7735                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
7736                        0
7737                     </span>
7738                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
7739                     <span
7740                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
7741                        0
7742                     </span>
7743                  </div>
7744               </div>
7745               
7746               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
7747                  <img data-src="https://static.sportsfeed.pro/football/team/725ccd5793be6b4f8dd917170dd17d04.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Toluca Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
7748                     Toluca
7749                  </div>
7750               </div>
7751            </div>
7752            
7753            <div
7754               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
7755                           </div>
7756
7757            
7758            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1"  style="display:none" >
7759               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
7760                  <!-- HT Score -->
7761                  <div class="flex items-center gap-1">
7762                     <span class="text-primary font-semibold">HT</span>
7763                     <span class="text-gray-400 bals-ht-score">0-0</span>
7764                  </div>
7765                  <!-- Corner -->
7766                  <div class="flex items-center gap-1">
7767                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
7768<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
7769<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
7770</svg>
7771                     <span class="text-gray-400 bals-corners">0-0</span>
7772                  </div>
7773                  <!-- Yellow Card -->
7774                  <div class="flex items-center gap-1">
7775                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
7776                     <span class="text-gray-400 bals-yellow-cards">0-0</span>
7777                  </div>
7778               </div>
7779            </div>
7780         </div>
7781
7782         
7783         <div class="space-y-3">
7784            <div class="h-px w-full border-t-gradient-silver-fade"></div>
7785            <div class="relative">
7786               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
7787                  
7788                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
7789                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm"  style="display:none" >
7790                        <!-- HT Score -->
7791                        <div class="flex items-center gap-1">
7792                           <span class="text-primary font-semibold">HT</span>
7793                           <span class="text-gray-400 bals-ht-score">0-0</span>
7794                        </div>
7795                        <!-- Corner -->
7796                        <div class="flex items-center gap-1">
7797                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
7798<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
7799<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
7800</svg>
7801                           <span class="text-gray-400 bals-corners">0-0</span>
7802                        </div>
7803                        <!-- Yellow Card -->
7804                        <div class="flex items-center gap-1">
7805                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
7806                              class="h-3 w-3" />
7807                           <span
7808                              class="text-gray-400 bals-yellow-cards">0-0</span>
7809                        </div>
7810                     </div>
7811                  </div>
7812
7813                  
7814                                                            <div class="flex-1 min-w-0 flex sm:justify-center justify-start">
7815                        
7816                        <div class="sm:hidden flex items-center relative pointer-events-auto"
7817                           :class="{ 'z-[100]': showStreamers }">
7818
7819                                                         
7820                              <div class="flex items-center gap-1.5 text-xs text-gray-light">
7821                                 <img data-src="https://bucket.antlive.pro/9a378fe717baf2b868bb0df595f85842-1788685114524-avt.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-5 w-5 rounded-full object-cover border border-green/60" alt="SiêU" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                                 <span class="truncate max-w-[70px]">SiêU</span>
7822                              </div>
7823                                                   </div>
7824                        
7825                        <div class="hidden sm:flex items-center gap-1.5 relative pointer-events-auto">
7826                           <div class="chroma-commentator-chip">
7827                              <div class="chroma-commentator-frame">
7828                                 <img data-src="https://bucket.antlive.pro/9a378fe717baf2b868bb0df595f85842-1788685114524-avt.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton " alt="SiêU" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/user_image-DZpnzshh.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                              </div>
7829                              <span class="chroma-commentator-name truncate">SiêU</span>
7830                           </div>
7831                                                   </div>
7832                     </div>
7833                  
7834                  
7835                                       <div class="flex-shrink-0 flex items-center">
7836                        <div class="w-[120px] sm:w-[125px] min-w-0">
7837                           <div class="text-right mr-1.5 bals-odds">
7838                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
7839                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.9</div>
7840                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.6</div>
7841                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.25</div>
7842                                                                           </div>
7843                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
7844                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.85</div>
7845                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-0.25</div>
7846                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.95</div>
7847                                                                           </div>
7848                                                                                                                                                         </div>
7849                        </div>
7850                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
7851                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
7852                        </a>
7853                     </div>
7854                                 </div>
7855            </div>
7856         </div>
7857      </div>
7858   </div>
7859
7860   
7861   </div>
7862<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
7863   bals-upcoming-match"
7864   data-accent="hot"
7865   data-template="chroma" data-match-id="2y8m4zh5d98yql0" data-match-time="1791631800"
7866   data-home-team-id="z318q66hdd1qo9j" data-away-team-id="gx7lm7phdv4m2wd"
7867   data-competition-id="jednm9whz0ryox8" x-data="{
7868        activeCount: 0,
7869        showModal: false,
7870        showStreamers: false,
7871        view: 'timeline',
7872        hoverTimer: null,
7873        closeTimer: null,
7874        openModal() {
7875          clearTimeout(this.closeTimer);
7876          this.hoverTimer = setTimeout(() => {
7877            this.showModal = true;
7878          }, 500);
7879        },
7880        closeModal() {
7881          clearTimeout(this.hoverTimer);
7882          clearTimeout(this.closeTimer);
7883          this.closeTimer = setTimeout(() => {
7884            this.showModal = false;
7885          }, 300);
7886        }
7887      }"
7888   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
7889   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
7890   
7891   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
7892   <div class="block relative group">
7893      <a href="https://toptrader.io/truc-tiep/arsenal-vs-leeds-united-ngay-10-10-2026/" class="absolute inset-0 z-0"
7894         data-tooltip="Arsenal vs Leeds United lúc 18:30  ngày 10/10/2026"
7895         data-title="Arsenal vs Leeds United lúc  18:30  ngày 10/10/2026"></a>
7896      <div class="chroma-signal-lock" aria-hidden="true"></div>
7897      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
7898         
7899         <div class="flex items-center justify-between sm:mb-0 mb-2">
7900            
7901            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
7902               <img src="https://img.thesports.com/football/competition/3549f192c75cbc737a05fd51ecad383e.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
7903                  loading="lazy" />
7904               <span class="truncate tracking-wide bals-competition-name">English Premier League</span>
7905            </div>
7906            
7907            <div
7908               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
7909               <span> 18:30 </span>
7910               <span class="text-gray-400 leading-none text-base">•</span>
7911               
7912               <span>10/10</span>
7913               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
7914               <span
7915                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
7916            </div>
7917         </div>
7918         
7919         <div class="relative">
7920            
7921            <div
7922               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
7923               <span class="bals-status-name mr-1">NS</span> :
7924                  <span class="ml-1 bals-elapsed-time"> - </span>            </div>
7925            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
7926               
7927               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
7928                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
7929                     Arsenal
7930                  </div>
7931                  <img data-src="https://static.sportsfeed.pro/football/team/d6f5debc456da1119256ab66462ab510.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Arsenal Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
7932               
7933               <div
7934                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
7935                  >
7936                  <div
7937                     class="bals-score-track bals-score-track--vs">
7938                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
7939                     <span
7940                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
7941                        0
7942                     </span>
7943                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
7944                     <span
7945                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
7946                        0
7947                     </span>
7948                  </div>
7949               </div>
7950               
7951               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
7952                  <img data-src="https://static.sportsfeed.pro/football/team/1d7680c902207ad6cc3a40bc5125bdf5.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Leeds United Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
7953                     Leeds United
7954                  </div>
7955               </div>
7956            </div>
7957            
7958            <div
7959               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
7960                           </div>
7961
7962            
7963            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1"  style="display:none" >
7964               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
7965                  <!-- HT Score -->
7966                  <div class="flex items-center gap-1">
7967                     <span class="text-primary font-semibold">HT</span>
7968                     <span class="text-gray-400 bals-ht-score">0-0</span>
7969                  </div>
7970                  <!-- Corner -->
7971                  <div class="flex items-center gap-1">
7972                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
7973<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
7974<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
7975</svg>
7976                     <span class="text-gray-400 bals-corners">0-0</span>
7977                  </div>
7978                  <!-- Yellow Card -->
7979                  <div class="flex items-center gap-1">
7980                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
7981                     <span class="text-gray-400 bals-yellow-cards">0-0</span>
7982                  </div>
7983               </div>
7984            </div>
7985         </div>
7986
7987         
7988         <div class="space-y-3">
7989            <div class="h-px w-full border-t-gradient-silver-fade"></div>
7990            <div class="relative">
7991               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
7992                  
7993                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
7994                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm"  style="display:none" >
7995                        <!-- HT Score -->
7996                        <div class="flex items-center gap-1">
7997                           <span class="text-primary font-semibold">HT</span>
7998                           <span class="text-gray-400 bals-ht-score">0-0</span>
7999                        </div>
8000                        <!-- Corner -->
8001                        <div class="flex items-center gap-1">
8002                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
8003<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
8004<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
8005</svg>
8006                           <span class="text-gray-400 bals-corners">0-0</span>
8007                        </div>
8008                        <!-- Yellow Card -->
8009                        <div class="flex items-center gap-1">
8010                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
8011                              class="h-3 w-3" />
8012                           <span
8013                              class="text-gray-400 bals-yellow-cards">0-0</span>
8014                        </div>
8015                     </div>
8016                  </div>
8017
8018                  
8019                                       <div class="flex-1 min-w-0"></div>
8020                  
8021                  
8022                                       <div class="flex-shrink-0 flex items-center">
8023                        <div class="w-[120px] sm:w-[125px] min-w-0">
8024                           <div class="text-right mr-1.5 bals-odds">
8025                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
8026                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.4</div>
8027                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">5</div>
8028                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">7</div>
8029                                                                           </div>
8030                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
8031                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.9</div>
8032                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.25</div>
8033                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.95</div>
8034                                                                           </div>
8035                                                                                                                                                         </div>
8036                        </div>
8037                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
8038                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
8039                        </a>
8040                     </div>
8041                                 </div>
8042            </div>
8043         </div>
8044      </div>
8045   </div>
8046
8047   
8048   </div>
8049<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
8050   bals-upcoming-match"
8051   data-accent="hot"
8052   data-template="chroma" data-match-id="4wyrn4h6n9enq86" data-match-time="1791633600"
8053   data-home-team-id="gy0or5jhp88qwzv" data-away-team-id="gy0or5jhd6yqwzv"
8054   data-competition-id="vl7oqdehlyr510j" x-data="{
8055        activeCount: 0,
8056        showModal: false,
8057        showStreamers: false,
8058        view: 'timeline',
8059        hoverTimer: null,
8060        closeTimer: null,
8061        openModal() {
8062          clearTimeout(this.closeTimer);
8063          this.hoverTimer = setTimeout(() => {
8064            this.showModal = true;
8065          }, 500);
8066        },
8067        closeModal() {
8068          clearTimeout(this.hoverTimer);
8069          clearTimeout(this.closeTimer);
8070          this.closeTimer = setTimeout(() => {
8071            this.showModal = false;
8072          }, 300);
8073        }
8074      }"
8075   x-effect="let v = activeCount > 0; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
8076   x-init="$watch('showModal', value => activeCount += (value ? 1 : -1)); $watch('showStreamers', value => activeCount += (value ? 1 : -1))"
8077   
8078   style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
8079   <div class="block relative group">
8080      <a href="https://toptrader.io/truc-tiep/rayo-vallecano-vs-athletic-club-ngay-10-10-2026/" class="absolute inset-0 z-0"
8081         data-tooltip="Vallecano vs Ath Bilbao lúc 19:00  ngày 10/10/2026"
8082         data-title="Vallecano vs Ath Bilbao lúc  19:00  ngày 10/10/2026"></a>
8083      <div class="chroma-signal-lock" aria-hidden="true"></div>
8084      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
8085         
8086         <div class="flex items-center justify-between sm:mb-0 mb-2">
8087            
8088            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
8089               <img src="https://img.thesports.com/football/competition/1fbbb4be3b47d9465c5badecc3122e07.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
8090                  loading="lazy" />
8091               <span class="truncate tracking-wide bals-competition-name">Spanish La Liga</span>
8092            </div>
8093            
8094            <div
8095               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
8096               <span> 19:00 </span>
8097               <span class="text-gray-400 leading-none text-base">•</span>
8098               
8099               <span>10/10</span>
8100               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
8101               <span
8102                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
8103            </div>
8104         </div>
8105         
8106         <div class="relative">
8107            
8108            <div
8109               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
8110               <span class="bals-status-name mr-1">NS</span> :
8111                  <span class="ml-1 bals-elapsed-time"> - </span>            </div>
8112            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
8113               
8114               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
8115                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
8116                     Vallecano
8117                  </div>
8118                  <img data-src="https://static.sportsfeed.pro/football/team/5005d8feab109ce64e40beb98073cc1f.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Vallecano Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
8119               
8120               <div
8121                  class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto"
8122                  >
8123                  <div
8124                     class="bals-score-track bals-score-track--vs">
8125                     <span class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
8126                     <span
8127                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
8128                        0
8129                     </span>
8130                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
8131                     <span
8132                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
8133                        0
8134                     </span>
8135                  </div>
8136               </div>
8137               
8138               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
8139                  <img data-src="https://static.sportsfeed.pro/football/team/abbb31d42c55612737713aac6567a226.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton card-team-logo h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Ath Bilbao Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
8140                     Ath Bilbao
8141                  </div>
8142               </div>
8143            </div>
8144            
8145            <div
8146               class="absolute top-full left-0 w-full text-center text-[11px] sm:text-xs text-yellow font-semibold italic mt-0.5 bals-penalty-note">
8147                           </div>
8148
8149            
8150            <div class="bals-stats-block sm:hidden flex justify-center mt-2 mb-1"  style="display:none" >
8151               <div class="flex items-center gap-4 text-[10px] text-gray-light bg-black/20 px-3 py-1 rounded-full border border-white/5">
8152                  <!-- HT Score -->
8153                  <div class="flex items-center gap-1">
8154                     <span class="text-primary font-semibold">HT</span>
8155                     <span class="text-gray-400 bals-ht-score">0-0</span>
8156                  </div>
8157                  <!-- Corner -->
8158                  <div class="flex items-center gap-1">
8159                     <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
8160<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
8161<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
8162</svg>
8163                     <span class="text-gray-400 bals-corners">0-0</span>
8164                  </div>
8165                  <!-- Yellow Card -->
8166                  <div class="flex items-center gap-1">
8167                     <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards" class="h-3 w-3" />
8168                     <span class="text-gray-400 bals-yellow-cards">0-0</span>
8169                  </div>
8170               </div>
8171            </div>
8172         </div>
8173
8174         
8175         <div class="space-y-3">
8176            <div class="h-px w-full border-t-gradient-silver-fade"></div>
8177            <div class="relative">
8178               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
8179                  
8180                  <div class="hidden sm:block flex-shrink-0 w-[125px] sm:w-[164px]">
8181                     <div class="bals-stats-block flex flex-wrap items-center gap-1 sm:gap-3 text-[10px] sm:text-sm"  style="display:none" >
8182                        <!-- HT Score -->
8183                        <div class="flex items-center gap-1">
8184                           <span class="text-primary font-semibold">HT</span>
8185                           <span class="text-gray-400 bals-ht-score">0-0</span>
8186                        </div>
8187                        <!-- Corner -->
8188                        <div class="flex items-center gap-1">
8189                           <svg class="h-3 w-3" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
8190<path d="M8.52393 8.11621C7.41821 9.7853 5.45227 10.7661 3.45577 10.6865C3.18247 10.6861 2.62821 10.6868 2.35464 10.6865L0.582031 12.2505H8.52393L11.082 8.11621H8.52393Z" fill="var(--color-primary, #FF3333)"/>
8191<path d="M3.70152 9.86629C5.15115 9.87001 6.56209 9.21291 7.49574 8.11629H5.24973V3.66363L8.64855 2.06812L4.42941 0.0878906V8.36949L3.08984 9.86629H3.70152Z" fill="#FFE400"/>
8192</svg>
8193                           <span class="text-gray-400 bals-corners">0-0</span>
8194                        </div>
8195                        <!-- Yellow Card -->
8196                        <div class="flex items-center gap-1">
8197                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/yellow-card-DeskF_Mq.svg" alt="Yellow Cards"
8198                              class="h-3 w-3" />
8199                           <span
8200                              class="text-gray-400 bals-yellow-cards">0-0</span>
8201                        </div>
8202                     </div>
8203                  </div>
8204
8205                  
8206                                       <div class="flex-1 min-w-0"></div>
8207                  
8208                  
8209                                       <div class="flex-shrink-0 flex items-center">
8210                        <div class="w-[120px] sm:w-[125px] min-w-0">
8211                           <div class="text-right mr-1.5 bals-odds">
8212                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
8213                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.7</div>
8214                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">3.4</div>
8215                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.6</div>
8216                                                                           </div>
8217                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
8218                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.97</div>
8219                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div>
8220                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.87</div>
8221                                                                           </div>
8222                                                                                                                                                         </div>
8223                        </div>
8224                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
8225                           <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
8226                        </a>
8227                     </div>
8228                                 </div>
8229            </div>
8230         </div>
8231      </div>
8232   </div>
8233
8234   
8235   </div>
8236
8237  </div>
8238
8239      <div class="flex justify-center items-center py-5 gap-1">
8240      <button
8241        class="load-more-matches px-6 py-2 rounded-full inset-ring inset-ring-gray-500/70 text-gray-400 cursor-pointer hover:bg-gray-700 hover:text-white transition-colors text-base font-normal"
8242        data-tab="all">
8243        Tải thêm các trận đấu
8244      </button>
8245    </div>
8246              </div>
8247
8248            <!-- Tomorrow's Matches Content -->
8249            <div class="hidden tomorrow-match-container" id="tomorrow-content" role="tabpanel" aria-labelledby="tomorrow-tab">
8250               <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-2 gap-4 tomorrow-matches-grid">
8251                  <!-- Matches will be loaded here via AJAX -->
8252               </div>
8253               <div class="flex justify-center items-center py-5 gap-1 load-more-tomorrow-container" style="display: none;">
8254                  <button class="load-more-tomorrow px-6 py-2 rounded-full inset-ring inset-ring-gray-500/70 text-gray-400 cursor-pointer hover:bg-gray-700 hover:text-white transition-colors font-normal">
8255                     Tải thêm các trận đấu
8256                  </button>
8257               </div>
8258            </div>
8259
8260            <!-- Settings Content -->
8261            <div class="hidden" id="settings-content" role="tabpanel" aria-labelledby="settings-tab">
8262               <!-- Settings form will be loaded here -->
8263               <p>League settings</p>
8264            </div>
8265         </div>
8266      </div>
8267
8268      
8269      <div class="basketball-section" x-show="activeSport === 'basketball'" x-cloak>
8270                  <div class="w-full actual-tabs p-4 mb-4 rounded-b-sm relative isolate overflow-visible z-[130]"  style="
8271                background:
8272                    linear-gradient(180deg, rgba(5,10,20,0.88) 0%, rgba(3,8,16,0.94) 55%, rgba(2,6,12,0.98) 100%),
8273                    radial-gradient(circle at 50% 30%, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.07) 20%, transparent 52%),
8274                    url(&#039;https://toptrader.io/app/themes/ba-theme/public/build/assets/gradient_theme-Ccou1Gf6.webp&#039;);
8275                background-repeat: no-repeat;
8276                background-size: 100% 180px;
8277                background-position: center -62px;
8278                border: 1px solid rgba(255,255,255,0.05);
8279                border-top: 1px solid rgba(255,255,255,0.04);
8280            " >
8281            <!-- Desktop Layout -->
8282            <div class="hidden sm:flex items-center justify-between">
8283               <div id="bbFilterTabs"
8284                    class="flex-1 flex items-center space-x-4 overflow-x-auto whitespace-nowrap no-scrollbar"
8285                    data-tabs-toggle="#bbFilterTabsContent"
8286                    data-tabs-active-classes="!border-[rgb(var(--color-primary-rgb))] hover:!border-primary/30 bg-[#1C242D]"
8287                    data-tabs-inactive-classes="hover:!border-primary/30 bg-[#1C242D]"
8288                    role="tablist"
8289                    style="-webkit-overflow-scrolling: touch;">
8290                  <!-- Live Tab -->
8291                  <button id="bb-live-tab"
8292                          data-tabs-target="#bb-live-content"
8293                          type="button" role="tab" aria-controls="bb-live-content"
8294                          class="flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent">
8295                     <svg class="w-12 h-5" width="50" height="18" viewBox="0 0 50 18" fill="none" xmlns="http://www.w3.org/2000/svg">
8296<path d="M11.962 14V4.77H13.756V12.427H18.462V14H11.962ZM19.5538 14V4.77H21.3478V14H19.5538ZM24.2225 4.77L26.7185 11.868L29.1885 4.77H31.0735L27.5765 14H25.8475L22.3375 4.77H24.2225ZM38.4677 12.427V14H32.0587V4.77H38.3507V6.343H33.8527V8.566H37.7397V10.022H33.8527V12.427H38.4677Z" fill="white"/>
8297<path d="M5.49408 14.1756C5.63601 14.3189 5.80017 14.402 5.98657 14.4248C6.17297 14.4477 6.3378 14.3937 6.48108 14.2627C6.54728 14.1862 6.6108 14.0988 6.67162 14.0003C6.73245 13.9019 6.76313 13.7978 6.76367 13.6881C6.764 13.6223 6.74792 13.5454 6.71543 13.4575C6.68295 13.3695 6.65034 13.309 6.61759 13.276C6.07221 12.626 5.66979 11.9108 5.41032 11.1306C5.13981 10.3613 5.00653 9.57617 5.01047 8.77528C5.01441 7.97438 5.15543 7.18515 5.43354 6.40755C5.70063 5.64086 6.11003 4.93523 6.66177 4.29063C6.8051 4.14871 6.86629 3.97621 6.84535 3.77313C6.8244 3.57006 6.74289 3.41332 6.6008 3.30291C6.45888 3.15958 6.28638 3.09839 6.08331 3.11933C5.88024 3.14028 5.72349 3.22179 5.61308 3.36388C4.93996 4.15051 4.43654 5.00927 4.10282 5.9402C3.75808 6.88205 3.58334 7.83295 3.57862 8.79292C3.5739 9.7529 3.72836 10.6944 4.04199 11.6176C4.36653 12.5517 4.85056 13.4044 5.49408 
829714.1756ZM3.02467 0.964877C2.04268 2.0901 1.3015 3.33169 0.801108 4.68969C0.300715 6.04768 0.0470433 7.4343 0.0400831 8.84958C0.0331229 10.2649 0.273145 11.6539 0.760156 13.0167C1.24711 14.3906 1.97604 15.6394 2.94697 16.7632C3.0889 16.9066 3.25306 16.9897 3.43946 17.0125C3.62586 17.0354 3.79072 16.9759 3.93405 16.8339C4.04424 16.7357 4.11874 16.6456 4.15755 16.5635C4.19635 16.4814 4.21602 16.3855 4.21656 16.2758C4.21689 16.21 4.20356 16.1303 4.17659 16.037C4.14963 15.9436 4.11439 15.8584 4.07088 15.7814C3.1981 14.7787 2.54526 13.6728 2.11235 12.4639C1.67939 11.2658 1.46597 10.0442 1.47209 8.79902C1.47822 7.55379 1.70364 6.33435 2.14837 5.14065C2.59309 3.94696 3.25669 2.86407 4.13919 1.89195C4.28251 1.75003 4.34366 1.58576 4.32264 1.39914C4.30161 1.21253 4.22014 1.04756 4.07822 0.904229C3.90338 0.760741 3.71995 0.691269 3.52793 0.695811C3.33591 0.700353 3.16816 0.79004 3.02467 0.964877Z" fill="var(--color-primary, #FF3333)"/>
8298<path d="M44.5059 14.1756C44.364 14.3189 44.1998 14.402 44.0134 14.4248C43.827 14.4477 43.6622 14.3937 43.5189 14.2627C43.4527 14.1862 43.3892 14.0988 43.3284 14.0003C43.2675 13.9019 43.2369 13.7978 43.2363 13.6881C43.236 13.6223 43.2521 13.5454 43.2846 13.4575C43.317 13.3695 43.3497 13.309 43.3824 13.276C43.9278 12.626 44.3302 11.9108 44.5897 11.1306C44.8602 10.3613 44.9935 9.57617 44.9895 8.77528C44.9856 7.97438 44.8446 7.18515 44.5665 6.40755C44.2994 5.64086 43.89 4.93523 43.3382 4.29063C43.1949 4.14871 43.1337 3.97621 43.1547 3.77313C43.1756 3.57006 43.2571 3.41332 43.3992 3.30291C43.5411 3.15958 43.7136 3.09839 43.9167 3.11933C44.1198 3.14028 44.2765 3.22179 44.3869 3.36388C45.06 4.15051 45.5635 5.00927 45.8972 5.9402C46.2419 6.88205 46.4167 7.83295 46.4214 8.79292C46.4261 9.7529 46.2716 10.6944 45.958 11.6176C45.6335 12.5517 45.1494 13.4044 44.5059 14.1756ZM46.9753 0.964876C47.9573 2.0901 48.6985 3.33169 49.1989 4.68969C49.6993 6.04768 49.953 7.4343 49.9599 8.84958C49.9669 10.2649 49.7269 11.6539 49.2398 13.0167C48.7529 14.3906 48.024 15.6394 47.053 16.7632C46.9111 16.9066 46.7469 16.9897 46.5605 17.0125C46.3741 17.0354 46.2093 16.9759 46.066 16.8339C45.9558 16.7357 45.8813 16.6456 45.8425 16.5635C45.8036 16.4814 45.784 16.3855 45.7834 16.2758C45.7831 16.21 45.7964 16.1303 45.8234 16.037C45.8504 15.9436 45.8856 15.8584 45.9291 15.7814C46.8019 14.7787 47.4547 13.6728 47.8876 12.4639C48.3206 11.2658 48.534 10.0442 48.5279 8.79902C48.5218 7.55379 48.2964 6.33435 47.8516 5.14065C47.4069 3.94696 46.7433 2.86407 45.8608 1.89195C45.7175 1.75003 45.6563 1.58576 45.6774 1.39914C45.6984 1.21253 45.7799 1.04756 45.9218 0.904229C46.0966 0.760741 46.28 0.691268 46.4721 0.69581C46.6641 0.700352 46.8318 0.790039 46.9753 0.964876Z" fill="var(--color-primary, #FF3333)"/>
8299</svg>
8300                     <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-live-count">5</span>
8301                  </button>
8302                  <!-- Upcoming Tab -->
8303                  <button id="bb-upcoming-tab"
8304                          data-tabs-target="#bb-upcoming-content"
8305                          type="button" role="tab" aria-controls="bb-upcoming-content"
8306                          class="flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent">
8307                     <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
8308<g clip-path="url(#clip-cal-6ac96c42b463e)">
8309<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42b463e-p)"/>
8310<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
8310762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42b463e-a)"/>
8311</g>
8312<defs>
8313<linearGradient id="cal-6ac96c42b463e-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse">
8314<stop stop-color="var(--color-primary, #FA6668)"/>
8315<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/>
8316</linearGradient>
8317<linearGradient id="cal-6ac96c42b463e-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse">
8318<stop stop-color="var(--color-primary-lighter, #FFBD00)"/>
8319<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/>
8320</linearGradient>
8321<clipPath id="clip-cal-6ac96c42b463e">
8322<rect width="15" height="15" fill="white"/>
8323</clipPath>
8324</defs>
8325</svg>
8326                     <span>Sắp tới</span>
8327                     <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-upcoming-count">94</span>
8328                  </button>
8329                  <!-- Hot Tab -->
8330                  <button id="bb-hot-tab"
8331                          data-tabs-target="#bb-hot-content"
8332                          type="button" role="tab" aria-controls="bb-hot-content"
8333                          class="flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent">
8334                     <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
8335<path d="M11.6409 4.64024C11.5044 4.57717 11.3452 4.58789 11.2191 4.66772C11.0925 4.74841 11.0157 4.8883 11.0157 5.03851V5.77148C11.0157 6.01395 10.8187 6.21094 10.5762 6.21094C10.3591 6.21094 10.1754 6.05473 10.1398 5.8423C9.78223 3.62613 8.15402 0 7.5 0C6.84598 0 5.21777 3.62613 4.8607 5.83972C4.82467 6.05473 4.64098 6.21094 4.42383 6.21094C4.18137 6.21094 3.98438 6.01395 3.98438 5.77148V5.03848C3.98438 4.88827 3.90756 4.74838 3.78097 4.6677C3.65438 4.58786 3.496 4.57714 3.35912 4.64021C1.86308 5.33804 0.908203 8.37902 0.908203 10.166C0.908203 13.0121 3.61875 15 7.5 15C11.3812 15 14.0918 13.0121 14.0918 10.166C14.0918 8.37902 13.1369 5.33804 11.6409 4.64024Z" fill="url(#fire-6ac96c42b46c0-p)"/>
8336<path d="M9.63161 9.05622C9.55137 8.92661 9.41016 8.84766 9.25781 8.84766H8.28279L7.92615 7.42287C7.88154 7.24433 7.73089 7.11258 7.54808 7.09243C7.3614 7.07312 7.18931 7.1688 7.1069 7.33275L5.34908 10.8484C5.28085 10.9844 5.28815 11.1462 5.36839 11.2758C5.44864 11.4054 5.58985 11.4844 5.74219 11.4844H6.71722L7.07385 12.9092C7.11847 13.0877 7.26911 13.2195 7.45193 13.2396C7.63998 13.2594 7.81248 13.1601 7.89311 12.9993L9.65092 9.48367C9.71915 9.34761 9.71186 9.18583 9.63161 9.05622Z" fill="url(#fire-6ac96c42b46c0-a)"/>
8337<defs>
8338<linearGradient id="fire-6ac96c42b46c0-p" x1="7.5" y1="0" x2="7.5" y2="15" gradientUnits="userSpaceOnUse">
8339<stop stop-color="var(--color-primary, #FA6668)"/>
8340<stop offset="1" stop-color="var(--color-red-dark, #FF0500)"/>
8341</linearGradient>
8342<linearGradient id="fire-6ac96c42b46c0-a" x1="7.5" y1="13.2421" x2="7.5" y2="7.08996" gradientUnits="userSpaceOnUse">
8343<stop stop-color="#FFBD00"/>
8344<stop offset="1" stop-color="#FFFF58"/>
8345</linearGradient>
8346</defs>
8347</svg>
8348                     <span>Trận Hot</span>
8349                     <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-hot-count">46</span>
8350                  </button>
8351                  <!-- Commentator Tab -->
8352                  <button id="bb-commentator-tab"
8353                          data-tabs-target="#bb-commentator-content"
8354                          type="button" role="tab" aria-controls="bb-commentator-content"
8355                          class="flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent">
8356                     <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
8357<path d="M11.8945 5.27344C11.6516 5.27344 11.4551 5.46999 11.4551 5.71289V6.15234H10.1367C9.89382 6.15234 9.69727 6.3489 9.69727 6.5918C9.69727 6.8347 9.89382 7.03125 10.1367 7.03125H11.4551V9.28711C11.4551 10.9831 10.0749 12.3633 8.37891 12.3633H6.62109C4.92507 12.3633 3.54492 10.9831 3.54492 9.28711V7.03125H4.86328C5.10618 7.03125 5.30273 6.8347 5.30273 6.5918C5.30273 6.3489 5.10618 6.15234 4.86328 6.15234H3.54492V5.71289C3.54492 5.46999 3.34837 5.27344 3.10547 5.27344C2.86257 5.27344 2.66602 5.46999 2.66602 5.71289V9.28711C2.66602 11.4681 4.44015 13.2422 6.62109 13.2422H7.06055V14.5605C7.06055 14.8034 7.2571 15 7.5 15C7.7429 15 7.93945 14.8034 7.93945 14.5605V13.2422H8.37891C10.5599 13.2422 12.334 11.4681 12.334 9.28711V5.71289C12.334 5.46999 12.1374 5.27344 11.8945 5.27344ZM4.42383 7.4707V9.28711C4.42383 10.5 5.4082 11.4844 6.62109 11.4844H8.37891C9.5918 11.4844 10.5762 10.5 10.5762 9.28711V7.4707L7.67435 6.5918L4.42383 7.4707ZM5.74219 5.71289C5.74219 6.1974 6.13614 6.5918 6.62
8357109 6.5918C7.10604 6.5918 7.5 6.1974 7.5 5.71289C7.5 5.22838 7.10604 4.83398 6.62109 4.83398C6.13614 4.83398 5.74219 5.22838 5.74219 5.71289ZM7.5 5.71289C7.5 6.1974 7.89396 6.5918 8.37891 6.5918C8.86386 6.5918 9.25781 6.1974 9.25781 5.71289C9.25781 5.22838 8.86386 4.83398 8.37891 4.83398C7.89396 4.83398 7.5 5.22838 7.5 5.71289ZM7.5 3.95508C7.5 3.47057 7.10604 3.07617 6.62109 3.07617C6.13614 3.07617 5.74219 3.47057 5.74219 3.95508C5.74219 4.43959 6.13614 4.83398 6.62109 4.83398C7.10604 4.83398 7.5 4.43959 7.5 3.95508ZM7.5 3.95508C7.5 4.43959 7.89396 4.83398 8.37891 4.83398C8.86386 4.83398 9.25781 4.43959 9.25781 3.95508C9.25781 3.47057 8.86386 3.07617 8.37891 3.07617C7.89396 3.07617 7.5 3.47057 7.5 3.95508ZM7.5 2.19727C7.5 1.71275 7.10604 1.31836 6.62109 1.31836C6.13614 1.31836 5.74219 1.71275 5.74219 2.19727C5.74219 2.68178 6.13614 3.07617 6.62109 3.07617C7.10604 3.07617 7.5 2.68178 7.5 2.19727ZM8.37891 3.07617C8.86386 3.07617 9.25781 2.68178 9.25781 2.19727C9.25781 1.71275 8.86386 1.31836 8.37891 1.31836C7.89396 1.31836 7.5 1.71275 7.5 2.19727C7.5 2.68178 7.89396 3.07617 8.37891 3.07617Z" fill="url(#mic-6ac96c42b4741-a)"/>
8358<path d="M10.1367 14.1211H4.86328C4.62038 14.1211 4.42383 14.3176 4.42383 14.5605C4.42383 14.8034 4.62038 15 4.86328 15H10.1367C10.3796 15 10.5762 14.8034 10.5762 14.5605C10.5762 14.3176 10.3796 14.1211 10.1367 14.1211ZM8.37891 0H6.62109C5.4082 0 4.42383 0.984375 4.42383 2.19727V7.4707H10.5762V2.19727C10.5762 0.984375 9.5918 0 8.37891 0ZM6.62109 6.15234C6.3784 6.15234 6.18164 5.95559 6.18164 5.71289C6.18164 5.47014 6.3784 5.27344 6.62109 5.27344C6.86379 5.27344 7.06055 5.47014 7.06055 5.71289C7.06055 5.95559 6.86379 6.15234 6.62109 6.15234ZM6.62109 4.39453C6.3784 4.39453 6.18164 4.19777 6.18164 3.95508C6.18164 3.71232 6.3784 3.51562 6.62109 3.51562C6.86379 3.51562 7.06055 3.71232 7.06055 3.95508C7.06055 4.19777 6.86379 4.39453 6.62109 4.39453ZM6.62109 2.63672C6.3784 2.63672 6.18164 2.43996 6.18164 2.19727C6.18164 1.95451 6.3784 1.75781 6.62109 1.75781C6.86379 1.75781 7.06055 1.95451 7.06055 2.19727C7.06055 2.43996 6.86379 2.63672 6.62109 2.63672ZM8.37891 6.15234C8.13621 6.15234 7.93945 5.95559 7.93945 5.71289C7.93945 5.47014 8.13621 5.27344 8.37891 5.27344C8.6216 5.27344 8.81836 5.47014 8.81836 5.71289C8.81836 5.95559 8.6216 6.15234 8.37891 6.15234ZM8.37891 4.39453C8.13621 4.39453 7.93945 4.19777 7.93945 3.95508C7.93945 3.71232 8.13621 3.51562 8.37891 3.51562C8.6216 3.51562 8.81836 3.71232 8.81836 3.95508C8.81836 4.19777 8.6216 4.39453 8.37891 4.39453ZM8.37891 2.63672C8.13621 2.63672 7.93945 2.43996 7.93945 2.19727C7.93945 1.95451 8.13621 1.75781 8.37891 1.75781C8.6216 1.75781 8.81836 1.95451 8.81836 2.19727C8.81836 2.43996 8.6216 2.63672 8.37891 2.63672Z" fill="url(#mic-6ac96c42b4741-p)"/>
8359<defs>
8360<linearGradient id="mic-6ac96c42b4741-a" x1="7.5" y1="15" x2="7.5" y2="1.31836" gradientUnits="userSpaceOnUse">
8361<stop stop-color="#FFBD00"/>
8362<stop offset="1" stop-color="#FFFF58"/>
8363</linearGradient>
8364<linearGradient id="mic-6ac96c42b4741-p" x1="7.5" y1="0" x2="7.5" y2="15" gradientUnits="userSpaceOnUse">
8365<stop stop-color="var(--color-primary, #FA6668)"/>
8366<stop offset="1" stop-color="var(--color-red-dark, #FF0500)"/>
8367</linearGradient>
8368</defs>
8369</svg>
8370                     <span>BLV Xoilac TV</span>
8371                     <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-commentator-count">0</span>
8372                  </button>
8373                  <!-- Today Tab -->
8374                  <button id="bb-today-tab"
8375                          data-tabs-target="#bb-today-content"
8376                          type="button" role="tab" aria-controls="bb-today-content"
8377                          aria-selected="true"
8378                          class="flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent">
8379                     <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
8380<g clip-path="url(#clip-cal-6ac96c42b47b9)">
8381<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42b47b9-p)"/>
8382<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
8382762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42b47b9-a)"/>
8383</g>
8384<defs>
8385<linearGradient id="cal-6ac96c42b47b9-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse">
8386<stop stop-color="var(--color-primary, #FA6668)"/>
8387<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/>
8388</linearGradient>
8389<linearGradient id="cal-6ac96c42b47b9-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse">
8390<stop stop-color="var(--color-primary-lighter, #FFBD00)"/>
8391<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/>
8392</linearGradient>
8393<clipPath id="clip-cal-6ac96c42b47b9">
8394<rect width="15" height="15" fill="white"/>
8395</clipPath>
8396</defs>
8397</svg>
8398                     <span>Hôm nay</span>
8399                     <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-today-count">103</span>
8400                  </button>
8401                  <!-- Tomorrow Tab -->
8402                  <button id="bb-tomorrow-tab"
8403                          data-tabs-target="#bb-tomorrow-content"
8404                          type="button" role="tab" aria-controls="bb-tomorrow-content"
8405                          data-date="2026-10-11"
8406                          class="bb-tomorrow-tab flex-shrink-0 flex items-center gap-2 px-4 py-2 font-medium rounded-sm tab-gradient cursor-pointer border border-transparent">
8407                     <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
8408<g clip-path="url(#clip-cal-6ac96c42b4857)">
8409<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42b4857-p)"/>
8410<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
8410762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42b4857-a)"/>
8411</g>
8412<defs>
8413<linearGradient id="cal-6ac96c42b4857-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse">
8414<stop stop-color="var(--color-primary, #FA6668)"/>
8415<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/>
8416</linearGradient>
8417<linearGradient id="cal-6ac96c42b4857-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse">
8418<stop stop-color="var(--color-primary-lighter, #FFBD00)"/>
8419<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/>
8420</linearGradient>
8421<clipPath id="clip-cal-6ac96c42b4857">
8422<rect width="15" height="15" fill="white"/>
8423</clipPath>
8424</defs>
8425</svg>
8426                     <span>Ngày mai</span>
8427                     <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-tomorrow-count">0</span>
8428                  </button>
8429               </div>
8430
8431               <!-- BB Leagues Dropdown - Desktop -->
8432               <div class="relative ml-4 bb-leagues-dropdown-desktop z-[140]" x-data="{ open: false }">
8433                  <button @click="open = !open"
8434                          class="group flex items-center gap-2 px-4 py-2 bg-[#0c0c18] w-2xs border border-[rgba(var(--color-primary-rgb),0.1)] rounded-sm hover:border-primary/30 font-medium rounded-lg cursor-pointer">
8435                     <svg class="w-5 h-5" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
8436<g clip-path="url(#clip-gear-6ac96c42b48d3)">
8437<path d="M16.502 7.0472H14.8102C14.6546 6.37307 14.388 5.72183 14.0262 5.12895L15.2207 3.93394C15.4153 3.7394 15.4153 3.4242 15.2207 3.22967L13.8122 1.82112C13.6176 1.62659 13.3024 1.62659 13.1079 1.82112L11.9221 3.00595C11.3278 2.63533 10.6731 2.36151 9.99414 2.20004V0.498047C9.99414 0.22276 9.77138 0 9.49609 0H7.50391C7.22862 0 7.00586 0.22276 7.00586 0.498047V2.20001C6.32689 2.36147 5.67222 2.6353 5.07789 3.00591L3.8921 1.82109C3.69757 1.62655 3.38237 1.62655 3.18783 1.82109L1.77929 3.22967C1.68592 3.32304 1.63336 3.44951 1.63336 3.58179C1.63336 3.71407 1.68589 3.84054 1.77929 3.93391L2.9748 5.12846C2.61295 5.72087 2.3464 6.37261 2.18978 7.0472H0.498047C0.22276 7.0472 0 7.26996 0 7.54524V9.53743C0 9.81272 0.22276 10.0355 0.498047 10.0355H2.20924C2.3717 10.6994 2.64211 11.3399 3.00591 11.9226L1.77929 13.1492C1.58475 13.3438 1.58475 13.659 1.77929 13.8535L3.18783 15.262C3.38237 15.4566 3.69757 15.4566 3.8921 15.262L5.12846 14.0257C5.70918 14.3803 6.34635 14.6434 7.00586 14.8V16.502C7.00586 16.7772 7.22862 17 7.50391 17H9.49609C9.77138 17 9.99414 16.7772 9.99414 16.502V14.8C10.6537 14.6434 11.2908 14.3802 11.8715 14.0257L13.1079 15.262C13.3024 15.4566 13.6176 15.4566 13.8122 15.262L15.2207 13.8535C15.4152 13.659 15.4152 13.3438 15.2207 13.1492L13.9941 11.9226C14.3579 11.3399 14.6283 10.6994 14.7908 10.0355H16.502C16.7772 10.0355 17 9.81272 17 9.53743V7.54524C17 7.26996 16.7772 7.0472 16.502 7.0472Z" fill="url(#gear-6ac96c42b48d3-p)"/>
8438<path d="M8.49805 4.01758C6.02777 4.01758 4.01562 6.02965 4.01562 8.5C4.01562 10.9703 6.02777 12.9824 8.49805 12.9824C10.9683 12.9824 12.9805 10.9703 12.9805 8.5C12.9805 6.02965 10.9683 4.01758 8.49805 4.01758ZM10.4902 8.99805H8.49805C8.21911 8.99805 8 8.77887 8 8.5V6.50781C8 6.22887 8.21911 6.00977 8.49805 6.00977C8.77699 6.00977 8.99609 6.22887 8.99609 6.50781V8.00195H10.4902C10.7692 8.00195 10.9883 8.22106 10.9883 8.5C10.9883 8.77887 10.7692 8.99805 10.4902 8.99805Z" fill="url(#gear-6ac96c42b48d3-a)"/>
8439</g>
8440<defs>
8441<linearGradient id="gear-6ac96c42b48d3-p" x1="8.5" y1="17" x2="8.5" y2="0" gradientUnits="userSpaceOnUse">
8442<stop stop-color="var(--color-red-dark, #FD5900)"/>
8443<stop offset="1" stop-color="var(--color-primary, #FF3333)"/>
8444</linearGradient>
8445<linearGradient id="gear-6ac96c42b48d3-a" x1="8.49805" y1="12.9824" x2="8.49805" y2="4.01758" gradientUnits="userSpaceOnUse">
8446<stop stop-color="#FFE59A"/>
8447<stop offset="1" stop-color="#FFFFD5"/>
8448</linearGradient>
8449<clipPath id="clip-gear-6ac96c42b48d3">
8450<rect width="17" height="17" fill="white"/>
8451</clipPath>
8452</defs>
8453</svg>
8454                     <span class="bb-selected-league">Giải đấu</span>
8455                     <svg class="w-4 h-4 transition-transform duration-200 transform group-hover:rotate-180"
8456                          fill="none" stroke="var(--color-primary, #FF0000)" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
8457                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
8458                     </svg>
8459                  </button>
8460                  <div x-show="open" @click.away="open = false"
8461                       x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100"
8462                       x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"
8463                       class="absolute right-0 mt-2 w-96 origin-top-right rounded-sm bg-[#0a0a14] shadow-lg border border-[rgba(var(--color-primary-rgb),0.1)] focus:outline-none z-[160] max-h-96 overflow-y-auto no-scrollbar"
8464                       style="display:none;
8465                
8466            "
8467                       role="menu" tabindex="-1">
8468                     <div class="py-1" role="none">
8469                        <div class="px-4 py-2 text-base font-medium border-b border-divider uppercase">Chọn giải đấu</div>
8470                        <div class="px-4 py-2 border-b border-divider">
8471                           <input type="text" placeholder="Search leagues..."
8472                                  class="w-full rounded-lg bg-dark-500 text-white px-4 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-primary bb-leagues-search-input border border-divider"
8473                                  autocomplete="off" />
8474                        </div>
8475                        <div class="text-sm bb-leagues-list divide-y divide-divider">
8476                           <!-- BB Leagues loaded via JS -->
8477                        </div>
8478                     </div>
8479                  </div>
8480               </div>
8481            </div>
8482            <!-- Mobile Layout -->
8483            <div class="sm:hidden">
8484               <div class="w-full overflow-x-auto no-scrollbar" style="-webkit-overflow-scrolling: touch;">
8485                  <div id="bbFilterTabsMobile"
8486                       class="inline-flex items-center space-x-4"
8487                       data-tabs-toggle="#bbFilterTabsContent"
8488                       data-tabs-active-classes="!border-[rgb(var(--color-primary-rgb))] hover:!border-primary/30 bg-[#1C242D]"
8489                       data-tabs-inactive-classes="hover:!border-primary/30 bg-[#1C242D]"
8490                       role="tablist">
8491                     <button id="bb-live-tab-mobile" data-tabs-target="#bb-live-content" type="button" role="tab" aria-controls="bb-live-content"
8492                             class="flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient cursor-pointer">
8493                        <svg class="w-12 h-5" width="50" height="18" viewBox="0 0 50 18" fill="none" xmlns="http://www.w3.org/2000/svg">
8494<path d="M11.962 14V4.77H13.756V12.427H18.462V14H11.962ZM19.5538 14V4.77H21.3478V14H19.5538ZM24.2225 4.77L26.7185 11.868L29.1885 4.77H31.0735L27.5765 14H25.8475L22.3375 4.77H24.2225ZM38.4677 12.427V14H32.0587V4.77H38.3507V6.343H33.8527V8.566H37.7397V10.022H33.8527V12.427H38.4677Z" fill="white"/>
8495<path d="M5.49408 14.1756C5.63601 14.3189 5.80017 14.402 5.98657 14.4248C6.17297 14.4477 6.3378 14.3937 6.48108 14.2627C6.54728 14.1862 6.6108 14.0988 6.67162 14.0003C6.73245 13.9019 6.76313 13.7978 6.76367 13.6881C6.764 13.6223 6.74792 13.5454 6.71543 13.4575C6.68295 13.3695 6.65034 13.309 6.61759 13.276C6.07221 12.626 5.66979 11.9108 5.41032 11.1306C5.13981 10.3613 5.00653 9.57617 5.01047 8.77528C5.01441 7.97438 5.15543 7.18515 5.43354 6.40755C5.70063 5.64086 6.11003 4.93523 6.66177 4.29063C6.8051 4.14871 6.86629 3.97621 6.84535 3.77313C6.8244 3.57006 6.74289 3.41332 6.6008 3.30291C6.45888 3.15958 6.28638 3.09839 6.08331 3.11933C5.88024 3.14028 5.72349 3.22179 5.61308 3.36388C4.93996 4.15051 4.43654 5.00927 4.10282 5.9402C3.75808 6.88205 3.58334 7.83295 3.57862 8.79292C3.5739 9.7529 3.72836 10.6944 4.04199 11.6176C4.36653 12.5517 4.85056 13.4044 5.49408 
849514.1756ZM3.02467 0.964877C2.04268 2.0901 1.3015 3.33169 0.801108 4.68969C0.300715 6.04768 0.0470433 7.4343 0.0400831 8.84958C0.0331229 10.2649 0.273145 11.6539 0.760156 13.0167C1.24711 14.3906 1.97604 15.6394 2.94697 16.7632C3.0889 16.9066 3.25306 16.9897 3.43946 17.0125C3.62586 17.0354 3.79072 16.9759 3.93405 16.8339C4.04424 16.7357 4.11874 16.6456 4.15755 16.5635C4.19635 16.4814 4.21602 16.3855 4.21656 16.2758C4.21689 16.21 4.20356 16.1303 4.17659 16.037C4.14963 15.9436 4.11439 15.8584 4.07088 15.7814C3.1981 14.7787 2.54526 13.6728 2.11235 12.4639C1.67939 11.2658 1.46597 10.0442 1.47209 8.79902C1.47822 7.55379 1.70364 6.33435 2.14837 5.14065C2.59309 3.94696 3.25669 2.86407 4.13919 1.89195C4.28251 1.75003 4.34366 1.58576 4.32264 1.39914C4.30161 1.21253 4.22014 1.04756 4.07822 0.904229C3.90338 0.760741 3.71995 0.691269 3.52793 0.695811C3.33591 0.700353 3.16816 0.79004 3.02467 0.964877Z" fill="var(--color-primary, #FF3333)"/>
8496<path d="M44.5059 14.1756C44.364 14.3189 44.1998 14.402 44.0134 14.4248C43.827 14.4477 43.6622 14.3937 43.5189 14.2627C43.4527 14.1862 43.3892 14.0988 43.3284 14.0003C43.2675 13.9019 43.2369 13.7978 43.2363 13.6881C43.236 13.6223 43.2521 13.5454 43.2846 13.4575C43.317 13.3695 43.3497 13.309 43.3824 13.276C43.9278 12.626 44.3302 11.9108 44.5897 11.1306C44.8602 10.3613 44.9935 9.57617 44.9895 8.77528C44.9856 7.97438 44.8446 7.18515 44.5665 6.40755C44.2994 5.64086 43.89 4.93523 43.3382 4.29063C43.1949 4.14871 43.1337 3.97621 43.1547 3.77313C43.1756 3.57006 43.2571 3.41332 43.3992 3.30291C43.5411 3.15958 43.7136 3.09839 43.9167 3.11933C44.1198 3.14028 44.2765 3.22179 44.3869 3.36388C45.06 4.15051 45.5635 5.00927 45.8972 5.9402C46.2419 6.88205 46.4167 7.83295 46.4214 8.79292C46.4261 9.7529 46.2716 10.6944 45.958 11.6176C45.6335 12.5517 45.1494 13.4044 44.5059 14.1756ZM46.9753 0.964876C47.9573 2.0901 48.6985 3.33169 49.1989 4.68969C49.6993 6.04768 49.953 7.4343 49.9599 8.84958C49.9669 10.2649 49.7269 11.6539 49.2398 13.0167C48.7529 14.3906 48.024 15.6394 47.053 16.7632C46.9111 16.9066 46.7469 16.9897 46.5605 17.0125C46.3741 17.0354 46.2093 16.9759 46.066 16.8339C45.9558 16.7357 45.8813 16.6456 45.8425 16.5635C45.8036 16.4814 45.784 16.3855 45.7834 16.2758C45.7831 16.21 45.7964 16.1303 45.8234 16.037C45.8504 15.9436 45.8856 15.8584 45.9291 15.7814C46.8019 14.7787 47.4547 13.6728 47.8876 12.4639C48.3206 11.2658 48.534 10.0442 48.5279 8.79902C48.5218 7.55379 48.2964 6.33435 47.8516 5.14065C47.4069 3.94696 46.7433 2.86407 45.8608 1.89195C45.7175 1.75003 45.6563 1.58576 45.6774 1.39914C45.6984 1.21253 45.7799 1.04756 45.9218 0.904229C46.0966 0.760741 46.28 0.691268 46.4721 0.69581C46.6641 0.700352 46.8318 0.790039 46.9753 0.964876Z" fill="var(--color-primary, #FF3333)"/>
8497</svg>
8498                        <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-live-count">5</span>
8499                     </button>
8500                     <button id="bb-upcoming-tab-mobile" data-tabs-target="#bb-upcoming-content" type="button" role="tab" aria-controls="bb-upcoming-content"
8501                             class="flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient cursor-pointer">
8502                        <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
8503<g clip-path="url(#clip-cal-6ac96c42b49c9)">
8504<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42b49c9-p)"/>
8505<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
8505762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42b49c9-a)"/>
8506</g>
8507<defs>
8508<linearGradient id="cal-6ac96c42b49c9-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse">
8509<stop stop-color="var(--color-primary, #FA6668)"/>
8510<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/>
8511</linearGradient>
8512<linearGradient id="cal-6ac96c42b49c9-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse">
8513<stop stop-color="var(--color-primary-lighter, #FFBD00)"/>
8514<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/>
8515</linearGradient>
8516<clipPath id="clip-cal-6ac96c42b49c9">
8517<rect width="15" height="15" fill="white"/>
8518</clipPath>
8519</defs>
8520</svg>
8521                        <span>Sắp tới</span>
8522                        <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-upcoming-count">94</span>
8523                     </button>
8524                     <button id="bb-hot-tab-mobile" data-tabs-target="#bb-hot-content" type="button" role="tab" aria-controls="bb-hot-content"
8525                             class="flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient cursor-pointer">
8526                        <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
8527<path d="M11.6409 4.64024C11.5044 4.57717 11.3452 4.58789 11.2191 4.66772C11.0925 4.74841 11.0157 4.8883 11.0157 5.03851V5.77148C11.0157 6.01395 10.8187 6.21094 10.5762 6.21094C10.3591 6.21094 10.1754 6.05473 10.1398 5.8423C9.78223 3.62613 8.15402 0 7.5 0C6.84598 0 5.21777 3.62613 4.8607 5.83972C4.82467 6.05473 4.64098 6.21094 4.42383 6.21094C4.18137 6.21094 3.98438 6.01395 3.98438 5.77148V5.03848C3.98438 4.88827 3.90756 4.74838 3.78097 4.6677C3.65438 4.58786 3.496 4.57714 3.35912 4.64021C1.86308 5.33804 0.908203 8.37902 0.908203 10.166C0.908203 13.0121 3.61875 15 7.5 15C11.3812 15 14.0918 13.0121 14.0918 10.166C14.0918 8.37902 13.1369 5.33804 11.6409 4.64024Z" fill="url(#fire-6ac96c42b4a3f-p)"/>
8528<path d="M9.63161 9.05622C9.55137 8.92661 9.41016 8.84766 9.25781 8.84766H8.28279L7.92615 7.42287C7.88154 7.24433 7.73089 7.11258 7.54808 7.09243C7.3614 7.07312 7.18931 7.1688 7.1069 7.33275L5.34908 10.8484C5.28085 10.9844 5.28815 11.1462 5.36839 11.2758C5.44864 11.4054 5.58985 11.4844 5.74219 11.4844H6.71722L7.07385 12.9092C7.11847 13.0877 7.26911 13.2195 7.45193 13.2396C7.63998 13.2594 7.81248 13.1601 7.89311 12.9993L9.65092 9.48367C9.71915 9.34761 9.71186 9.18583 9.63161 9.05622Z" fill="url(#fire-6ac96c42b4a3f-a)"/>
8529<defs>
8530<linearGradient id="fire-6ac96c42b4a3f-p" x1="7.5" y1="0" x2="7.5" y2="15" gradientUnits="userSpaceOnUse">
8531<stop stop-color="var(--color-primary, #FA6668)"/>
8532<stop offset="1" stop-color="var(--color-red-dark, #FF0500)"/>
8533</linearGradient>
8534<linearGradient id="fire-6ac96c42b4a3f-a" x1="7.5" y1="13.2421" x2="7.5" y2="7.08996" gradientUnits="userSpaceOnUse">
8535<stop stop-color="#FFBD00"/>
8536<stop offset="1" stop-color="#FFFF58"/>
8537</linearGradient>
8538</defs>
8539</svg>
8540                        <span>Trận Hot</span>
8541                        <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-hot-count">46</span>
8542                     </button>
8543                     <button id="bb-commentator-tab-mobile" data-tabs-target="#bb-commentator-content" type="button" role="tab" aria-controls="bb-commentator-content"
8544                             class="flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient cursor-pointer">
8545                        <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
8546<path d="M11.8945 5.27344C11.6516 5.27344 11.4551 5.46999 11.4551 5.71289V6.15234H10.1367C9.89382 6.15234 9.69727 6.3489 9.69727 6.5918C9.69727 6.8347 9.89382 7.03125 10.1367 7.03125H11.4551V9.28711C11.4551 10.9831 10.0749 12.3633 8.37891 12.3633H6.62109C4.92507 12.3633 3.54492 10.9831 3.54492 9.28711V7.03125H4.86328C5.10618 7.03125 5.30273 6.8347 5.30273 6.5918C5.30273 6.3489 5.10618 6.15234 4.86328 6.15234H3.54492V5.71289C3.54492 5.46999 3.34837 5.27344 3.10547 5.27344C2.86257 5.27344 2.66602 5.46999 2.66602 5.71289V9.28711C2.66602 11.4681 4.44015 13.2422 6.62109 13.2422H7.06055V14.5605C7.06055 14.8034 7.2571 15 7.5 15C7.7429 15 7.93945 14.8034 7.93945 14.5605V13.2422H8.37891C10.5599 13.2422 12.334 11.4681 12.334 9.28711V5.71289C12.334 5.46999 12.1374 5.27344 11.8945 5.27344ZM4.42383 7.4707V9.28711C4.42383 10.5 5.4082 11.4844 6.62109 11.4844H8.37891C9.5918 11.4844 10.5762 10.5 10.5762 9.28711V7.4707L7.67435 6.5918L4.42383 7.4707ZM5.74219 5.71289C5.74219 6.1974 6.13614 6.5918 6.62
8546109 6.5918C7.10604 6.5918 7.5 6.1974 7.5 5.71289C7.5 5.22838 7.10604 4.83398 6.62109 4.83398C6.13614 4.83398 5.74219 5.22838 5.74219 5.71289ZM7.5 5.71289C7.5 6.1974 7.89396 6.5918 8.37891 6.5918C8.86386 6.5918 9.25781 6.1974 9.25781 5.71289C9.25781 5.22838 8.86386 4.83398 8.37891 4.83398C7.89396 4.83398 7.5 5.22838 7.5 5.71289ZM7.5 3.95508C7.5 3.47057 7.10604 3.07617 6.62109 3.07617C6.13614 3.07617 5.74219 3.47057 5.74219 3.95508C5.74219 4.43959 6.13614 4.83398 6.62109 4.83398C7.10604 4.83398 7.5 4.43959 7.5 3.95508ZM7.5 3.95508C7.5 4.43959 7.89396 4.83398 8.37891 4.83398C8.86386 4.83398 9.25781 4.43959 9.25781 3.95508C9.25781 3.47057 8.86386 3.07617 8.37891 3.07617C7.89396 3.07617 7.5 3.47057 7.5 3.95508ZM7.5 2.19727C7.5 1.71275 7.10604 1.31836 6.62109 1.31836C6.13614 1.31836 5.74219 1.71275 5.74219 2.19727C5.74219 2.68178 6.13614 3.07617 6.62109 3.07617C7.10604 3.07617 7.5 2.68178 7.5 2.19727ZM8.37891 3.07617C8.86386 3.07617 9.25781 2.68178 9.25781 2.19727C9.25781 1.71275 8.86386 1.31836 8.37891 1.31836C7.89396 1.31836 7.5 1.71275 7.5 2.19727C7.5 2.68178 7.89396 3.07617 8.37891 3.07617Z" fill="url(#mic-6ac96c42b4ab5-a)"/>
8547<path d="M10.1367 14.1211H4.86328C4.62038 14.1211 4.42383 14.3176 4.42383 14.5605C4.42383 14.8034 4.62038 15 4.86328 15H10.1367C10.3796 15 10.5762 14.8034 10.5762 14.5605C10.5762 14.3176 10.3796 14.1211 10.1367 14.1211ZM8.37891 0H6.62109C5.4082 0 4.42383 0.984375 4.42383 2.19727V7.4707H10.5762V2.19727C10.5762 0.984375 9.5918 0 8.37891 0ZM6.62109 6.15234C6.3784 6.15234 6.18164 5.95559 6.18164 5.71289C6.18164 5.47014 6.3784 5.27344 6.62109 5.27344C6.86379 5.27344 7.06055 5.47014 7.06055 5.71289C7.06055 5.95559 6.86379 6.15234 6.62109 6.15234ZM6.62109 4.39453C6.3784 4.39453 6.18164 4.19777 6.18164 3.95508C6.18164 3.71232 6.3784 3.51562 6.62109 3.51562C6.86379 3.51562 7.06055 3.71232 7.06055 3.95508C7.06055 4.19777 6.86379 4.39453 6.62109 4.39453ZM6.62109 2.63672C6.3784 2.63672 6.18164 2.43996 6.18164 2.19727C6.18164 1.95451 6.3784 1.75781 6.62109 1.75781C6.86379 1.75781 7.06055 1.95451 7.06055 2.19727C7.06055 2.43996 6.86379 2.63672 6.62109 2.63672ZM8.37891 6.15234C8.13621 6.15234 7.93945 5.95559 7.93945 5.71289C7.93945 5.47014 8.13621 5.27344 8.37891 5.27344C8.6216 5.27344 8.81836 5.47014 8.81836 5.71289C8.81836 5.95559 8.6216 6.15234 8.37891 6.15234ZM8.37891 4.39453C8.13621 4.39453 7.93945 4.19777 7.93945 3.95508C7.93945 3.71232 8.13621 3.51562 8.37891 3.51562C8.6216 3.51562 8.81836 3.71232 8.81836 3.95508C8.81836 4.19777 8.6216 4.39453 8.37891 4.39453ZM8.37891 2.63672C8.13621 2.63672 7.93945 2.43996 7.93945 2.19727C7.93945 1.95451 8.13621 1.75781 8.37891 1.75781C8.6216 1.75781 8.81836 1.95451 8.81836 2.19727C8.81836 2.43996 8.6216 2.63672 8.37891 2.63672Z" fill="url(#mic-6ac96c42b4ab5-p)"/>
8548<defs>
8549<linearGradient id="mic-6ac96c42b4ab5-a" x1="7.5" y1="15" x2="7.5" y2="1.31836" gradientUnits="userSpaceOnUse">
8550<stop stop-color="#FFBD00"/>
8551<stop offset="1" stop-color="#FFFF58"/>
8552</linearGradient>
8553<linearGradient id="mic-6ac96c42b4ab5-p" x1="7.5" y1="0" x2="7.5" y2="15" gradientUnits="userSpaceOnUse">
8554<stop stop-color="var(--color-primary, #FA6668)"/>
8555<stop offset="1" stop-color="var(--color-red-dark, #FF0500)"/>
8556</linearGradient>
8557</defs>
8558</svg>
8559                        <span>BLV Xoilac TV</span>
8560                        <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-commentator-count">0</span>
8561                     </button>
8562                     <button id="bb-today-tab-mobile" data-tabs-target="#bb-today-content" type="button" role="tab" aria-controls="bb-today-content"
8563                             aria-selected="true"
8564                             class="flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient cursor-pointer">
8565                        <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
8566<g clip-path="url(#clip-cal-6ac96c42b4b2a)">
8567<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42b4b2a-p)"/>
8568<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
8568762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42b4b2a-a)"/>
8569</g>
8570<defs>
8571<linearGradient id="cal-6ac96c42b4b2a-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse">
8572<stop stop-color="var(--color-primary, #FA6668)"/>
8573<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/>
8574</linearGradient>
8575<linearGradient id="cal-6ac96c42b4b2a-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse">
8576<stop stop-color="var(--color-primary-lighter, #FFBD00)"/>
8577<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/>
8578</linearGradient>
8579<clipPath id="clip-cal-6ac96c42b4b2a">
8580<rect width="15" height="15" fill="white"/>
8581</clipPath>
8582</defs>
8583</svg>
8584                        <span>Hôm nay</span>
8585                        <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-today-count">103</span>
8586                     </button>
8587                     <button id="bb-tomorrow-tab-mobile" data-tabs-target="#bb-tomorrow-content" type="button" role="tab" aria-controls="bb-tomorrow-content"
8588                             data-date="2026-10-11"
8589                             class="bb-tomorrow-tab flex-shrink-0 flex items-center gap-2 px-4 py-2 border border-transparent font-medium rounded-sm tab-gradient cursor-pointer">
8590                        <svg class="w-5 h-5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
8591<g clip-path="url(#clip-cal-6ac96c42b4bb8)">
8592<path d="M1.31836 12.7734H13.6816V5.74219H1.31836V12.7734ZM13.6816 1.78711H1.31836C0.590244 1.78711 0 2.37735 0 3.10547V4.42383C0 4.90922 0.393486 5.30273 0.878906 5.30273H14.1211C14.6065 5.30273 15 4.90922 15 4.42383V3.10547C15 2.37735 14.4098 1.78711 13.6816 1.78711Z" fill="url(#cal-6ac96c42b4bb8-p)"/>
8593<path d="M2.22656 3.54492C2.46946 3.54492 2.66602 3.34837 2.66602 3.10547V1.34766C2.66602 1.10476 2.46946 0.908203 2.22656 0.908203C1.98366 0.908203 1.78711 1.10476 1.78711 1.34766V3.10547C1.78711 3.34837 1.98366 3.54492 2.22656 3.54492ZM5.74219 3.54492C5.98509 3.54492 6.18164 3.34837 6.18164 3.10547V1.34766C6.18164 1.10476 5.98509 0.908203 5.74219 0.908203C5.49929 0.908203 5.30273 1.10476 5.30273 1.34766V3.10547C5.30273 3.34837 5.49929 3.54492 5.74219 3.54492ZM9.25781 3.54492C9.50071 3.54492 9.69727 3.34837 9.69727 3.10547V1.34766C9.69727 1.10476 9.50071 0.908203 9.25781 0.908203C9.01491 0.908203 8.81836 1.10476 8.81836 1.34766V3.10547C8.81836 3.34837 9.01491 3.54492 9.25781 3.54492ZM12.7734 3.54492C13.0163 3.54492 13.2129 3.34837 13.2129 3.10547V1.34766C13.2129 1.10476 13.0163 0.908203 12.7734 0.908203C12.5305 0.908203 12.334 1.10476 12.334 1.34766V3.10547C12.334 3.34837 12.5305 3.54492 12.7734 3.54492ZM0 4.42383V13.6523C0 13.895 0.196758 14.0918 0.439453 14.0918H14.5605C14.8032 14.0918 15 13.895 15 13.6523V4.42383H0ZM4.42383 11.8945C4.42383 12.1372 4.22707 12.334 3.98438 12.334H2.22656C1.98387 12.334 1.78711 12.1372 1.78711 11.8945V10.1367C1.78711 9.89402 1.98387 9.69727 2.22656 9.69727H3.98438C4.22707 9.69727 4.42383 9.89402 4.42383 10.1367V11.8945ZM4.42383 8.37891C4.42383 8.6216 4.22707 8.81836 3.98438 8.81836H2.22656C1.98387 8.81836 1.78711 8.6216 1.78711 8.37891V6.62109C1.78711 6.3784 1.98387 6.18164 2.22656 6.18164H3.98438C4.22707 6.18164 4.42383 6.3784 4.42383 6.62109V8.37891ZM8.81836 11.8945C8.81836 12.1372 8.6216 12.334 8.37891 12.334H6.62109C6.3784 12.334 6.18164 12.1372 6.18164 11.8945V10.1367C6.18164 9.89402 6.3784 9.69727 6.62109 9.69727H8.37891C8.6216 9.69727 8.81836 9.89402 8.81836 10.1367V11.8945ZM8.81836 8.37891C8.81836 8.6216 8.6216 8.81836 8.37891 8.81836H6.62109C6.3784 8.81836 6.18164 8.6216 6.18164 8.37891V6.62109C6.18164 6.3784 6.3784 6.18164 6.62109 6.18164H8.37891C8.6216 6.18164 8.81836 6.3784 8.81836 6.62109V8.37891ZM13.2129 11.8945C13.2129 12.1372 13.0161 12.334 12.7734 12.334H11.0156C10.7729 12.334 10.5762 12.1372 10.5
8593762 11.8945V10.1367C10.5762 9.89402 10.7729 9.69727 11.0156 9.69727H12.7734C13.0161 9.69727 13.2129 9.89402 13.2129 10.1367V11.8945ZM13.2129 8.37891C13.2129 8.6216 13.0161 8.81836 12.7734 8.81836H11.0156C10.7729 8.81836 10.5762 8.6216 10.5762 8.37891V6.62109C10.5762 6.3784 10.7729 6.18164 11.0156 6.18164H12.7734C13.0161 6.18164 13.2129 6.3784 13.2129 6.62109V8.37891Z" fill="url(#cal-6ac96c42b4bb8-a)"/>
8594</g>
8595<defs>
8596<linearGradient id="cal-6ac96c42b4bb8-p" x1="7.5" y1="1.78711" x2="7.5" y2="12.7734" gradientUnits="userSpaceOnUse">
8597<stop stop-color="var(--color-primary, #FA6668)"/>
8598<stop offset="1" stop-color="var(--color-red-dark, #780F11)"/>
8599</linearGradient>
8600<linearGradient id="cal-6ac96c42b4bb8-a" x1="7.5" y1="14.0918" x2="7.5" y2="0.9082" gradientUnits="userSpaceOnUse">
8601<stop stop-color="var(--color-primary-lighter, #FFBD00)"/>
8602<stop offset="1" stop-color="var(--color-primary-lighter, #FFFF58)"/>
8603</linearGradient>
8604<clipPath id="clip-cal-6ac96c42b4bb8">
8605<rect width="15" height="15" fill="white"/>
8606</clipPath>
8607</defs>
8608</svg>
8609                        <span>Ngày mai</span>
8610                        <span class="text-primary font-mono text-xs py-0.5 px-2 bg-[rgba(var(--color-primary-rgb),0.15)] border border-[rgba(var(--color-primary-rgb),0.2)] rounded-sm bb-tomorrow-count">0</span>
8611                     </button>
8612                  </div>
8613               </div>
8614               <!-- BB Leagues Dropdown - Mobile -->
8615               <div class="relative mt-3 bb-leagues-dropdown-mobile z-[140]" x-data="{ open: false }">
8616                  <button @click="open = !open"
8617                          class="w-full group flex items-center justify-between gap-2 px-4 py-2 bg-[#0c0c18] w-2xs border border-[rgba(var(--color-primary-rgb),0.1)] rounded-sm hover:border-primary/30 font-medium rounded-lg cursor-pointer">
8618                     <div class="flex items-center gap-2">
8619                        <svg class="w-5 h-5" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
8620<g clip-path="url(#clip-gear-6ac96c42b4c2e)">
8621<path d="M16.502 7.0472H14.8102C14.6546 6.37307 14.388 5.72183 14.0262 5.12895L15.2207 3.93394C15.4153 3.7394 15.4153 3.4242 15.2207 3.22967L13.8122 1.82112C13.6176 1.62659 13.3024 1.62659 13.1079 1.82112L11.9221 3.00595C11.3278 2.63533 10.6731 2.36151 9.99414 2.20004V0.498047C9.99414 0.22276 9.77138 0 9.49609 0H7.50391C7.22862 0 7.00586 0.22276 7.00586 0.498047V2.20001C6.32689 2.36147 5.67222 2.6353 5.07789 3.00591L3.8921 1.82109C3.69757 1.62655 3.38237 1.62655 3.18783 1.82109L1.77929 3.22967C1.68592 3.32304 1.63336 3.44951 1.63336 3.58179C1.63336 3.71407 1.68589 3.84054 1.77929 3.93391L2.9748 5.12846C2.61295 5.72087 2.3464 6.37261 2.18978 7.0472H0.498047C0.22276 7.0472 0 7.26996 0 7.54524V9.53743C0 9.81272 0.22276 10.0355 0.498047 10.0355H2.20924C2.3717 10.6994 2.64211 11.3399 3.00591 11.9226L1.77929 13.1492C1.58475 13.3438 1.58475 13.659 1.77929 13.8535L3.18783 15.262C3.38237 15.4566 3.69757 15.4566 3.8921 15.262L5.12846 14.0257C5.70918 14.3803 6.34635 14.6434 7.00586 14.8V16.502C7.00586 16.7772 7.22862 17 7.50391 17H9.49609C9.77138 17 9.99414 16.7772 9.99414 16.502V14.8C10.6537 14.6434 11.2908 14.3802 11.8715 14.0257L13.1079 15.262C13.3024 15.4566 13.6176 15.4566 13.8122 15.262L15.2207 13.8535C15.4152 13.659 15.4152 13.3438 15.2207 13.1492L13.9941 11.9226C14.3579 11.3399 14.6283 10.6994 14.7908 10.0355H16.502C16.7772 10.0355 17 9.81272 17 9.53743V7.54524C17 7.26996 16.7772 7.0472 16.502 7.0472Z" fill="url(#gear-6ac96c42b4c2e-p)"/>
8622<path d="M8.49805 4.01758C6.02777 4.01758 4.01562 6.02965 4.01562 8.5C4.01562 10.9703 6.02777 12.9824 8.49805 12.9824C10.9683 12.9824 12.9805 10.9703 12.9805 8.5C12.9805 6.02965 10.9683 4.01758 8.49805 4.01758ZM10.4902 8.99805H8.49805C8.21911 8.99805 8 8.77887 8 8.5V6.50781C8 6.22887 8.21911 6.00977 8.49805 6.00977C8.77699 6.00977 8.99609 6.22887 8.99609 6.50781V8.00195H10.4902C10.7692 8.00195 10.9883 8.22106 10.9883 8.5C10.9883 8.77887 10.7692 8.99805 10.4902 8.99805Z" fill="url(#gear-6ac96c42b4c2e-a)"/>
8623</g>
8624<defs>
8625<linearGradient id="gear-6ac96c42b4c2e-p" x1="8.5" y1="17" x2="8.5" y2="0" gradientUnits="userSpaceOnUse">
8626<stop stop-color="var(--color-red-dark, #FD5900)"/>
8627<stop offset="1" stop-color="var(--color-primary, #FF3333)"/>
8628</linearGradient>
8629<linearGradient id="gear-6ac96c42b4c2e-a" x1="8.49805" y1="12.9824" x2="8.49805" y2="4.01758" gradientUnits="userSpaceOnUse">
8630<stop stop-color="#FFE59A"/>
8631<stop offset="1" stop-color="#FFFFD5"/>
8632</linearGradient>
8633<clipPath id="clip-gear-6ac96c42b4c2e">
8634<rect width="17" height="17" fill="white"/>
8635</clipPath>
8636</defs>
8637</svg>
8638                        <span class="bb-selected-league">Giải đấu</span>
8639                     </div>
8640                     <svg class="w-4 h-4 transition-transform duration-200 transform" :class="{'rotate-180': open}"
8641                          fill="none" stroke="var(--color-primary, #FF0000)" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
8642                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
8643                     </svg>
8644                  </button>
8645                  <div x-show="open" @click.away="open = false"
8646                       x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100"
8647                       x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"
8648                       class="absolute left-0 right-0 mt-2 origin-top rounded-sm bg-[#0a0a14] shadow-lg border border-[rgba(var(--color-primary-rgb),0.1)] focus:outline-none z-[160] max-h-96 overflow-y-auto no-scrollbar"
8649                       style="display:none;
8650                
8651            "
8652                       role="menu" tabindex="-1">
8653                     <div class="py-1" role="none">
8654                        <div class="px-4 py-2 text-base font-medium border-b border-divider uppercase">Chọn giải đấu</div>
8655                        <div class="px-4 py-2 border-b border-divider">
8656                           <input type="text" placeholder="Search leagues..."
8657                                  class="w-full rounded-lg bg-dark-500 text-white px-4 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-primary bb-leagues-search-input border border-divider"
8658                                  autocomplete="off" />
8659                        </div>
8660                        <div class="text-sm bb-leagues-list divide-y divide-divider">
8661                           <!-- BB Leagues loaded via JS -->
8662                        </div>
8663                     </div>
8664                  </div>
8665               </div>
8666            </div>
8667         </div>
8668         <!-- Basketball Tab Contents -->
8669         <div id="bbFilterTabsContent" class="mt-2">
8670            <div class="hidden match-container" id="bb-live-content" role="tabpanel" aria-labelledby="bb-live-tab">
8671               <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 bb-live-matches-grid">
8672    <div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
8673   bals-live-match"
8674   data-accent=""
8675   data-template="chroma" data-sport="basketball"
8676   data-match-id="vjxm8xt5z53xq6o" data-match-time="1791579600"
8677   data-competition-id="8y39mp4tgkmojxg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
8678    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
8679   <div class="block relative group">
8680      <a href="https://toptrader.io/basketball/quimsa-ldd-vs-boca-juniors-ldd-on-09-10-2026/" class="absolute inset-0 z-0"
8681         data-tooltip="Quimsa LDD vs Boca Juniors LDD lúc 04:00  ngày 10/10/2026"
8682         data-title="Quimsa LDD vs Boca Juniors LDD lúc  04:00  ngày 10/10/2026"></a>
8683      <div class="chroma-signal-lock" aria-hidden="true"></div>
8684      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
8685         
8686         <div class="flex items-center justify-between sm:mb-0 mb-2">
8687            
8688            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
8689               <img src="https://img.thesports.com/basketball/competition/fb01d8eef6efdc9ff8eedb03643e0623.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
8690                  loading="lazy" />
8691               <span class="truncate tracking-wide bals-competition-name">Argentina Liga Nacional</span>
8692            </div>
8693            
8694            <div
8695               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
8696               <span> 04:00 </span>
8697               <span class="text-gray-400 leading-none text-base">•</span>
8698               <span>10/10</span>
8699               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
8700               <span
8701                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
8702            </div>
8703         </div>
8704         
8705         <div class="relative">
8706            
8707            <div
8708               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
8709               <span class="bals-status-name mr-1">Q4</span> :
8710                  <span class="ml-1 bals-elapsed-time"></span>            </div>
8711            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
8712               
8713               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
8714                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
8715                     Quimsa LDD
8716                  </div>
8717                  <img data-src="https://static.sportsfeed.pro/basketball/team/b4c8df57f3bc44e9e66f74d521673528.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Quimsa LDD Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
8718               
8719               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
8720                  <div
8721                     class="bals-score-track ">
8722                     <span
8723                        class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
8724                     <span
8725                        class="bals-score-box  text-sm sm:text-base bals-home-score" >
8726                        65
8727                     </span>
8728                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
8729                     <span
8730                        class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-away-score" >
8731                        68
8732                     </span>
8733                  </div>
8734               </div>
8735               
8736               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
8737                  <img data-src="https://static.sportsfeed.pro/basketball/team/a7fcaac18d46b568c74f6916912e775e.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Boca Juniors LDD Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
8738                     Boca Juniors LDD
8739                  </div>
8740               </div>
8741            </div>
8742         </div>
8743
8744         
8745         <div class="space-y-3">
8746            <div class="h-px w-full border-t-gradient-silver-fade"></div>
8747            <div class="relative">
8748               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
8749                  
8750
8751                  
8752                                       <div class="flex-1 min-w-0"></div>
8753                  
8754                  
8755                                       <div class="flex-shrink-0 flex items-center">
8756                        <div class="w-[120px] sm:w-[125px] min-w-0">
8757                           <div class="text-right mr-1.5 bals-odds">
8758                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
8759                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.6</div>
8760                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div>
8761                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.45</div>
8762                                                                           </div>
8763                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
8764                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.8</div>
8765                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-2.5</div>
8766                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.86</div>
8767                                                                           </div>
8768                                                                                                                                                         </div>
8769                        </div>
8770                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
8771                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
8772                        </a>
8773                     </div>
8774                                 </div>
8775            </div>
8776         </div>
8777      </div>
8778   </div>
8779
8780</div>
8781<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
8782   bals-live-match"
8783   data-accent=""
8784   data-template="chroma" data-sport="basketball"
8785   data-match-id="pxwrx5txkxneqyk" data-match-time="1791581400"
8786   data-competition-id="vl7oqd4t175q510" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
8787    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
8788   <div class="block relative group">
8789      <a href="https://toptrader.io/basketball/olimpia-queens-women-vs-sao-jose-w-on-09-10-2026/" class="absolute inset-0 z-0"
8790         data-tooltip="Olimpia Queens Women vs Sao Jose (W) lúc 04:30  ngày 10/10/2026"
8791         data-title="Olimpia Queens Women vs Sao Jose (W) lúc  04:30  ngày 10/10/2026"></a>
8792      <div class="chroma-signal-lock" aria-hidden="true"></div>
8793      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
8794         
8795         <div class="flex items-center justify-between sm:mb-0 mb-2">
8796            
8797            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
8798               <img src="https://img.thesports.com/basketball/competition/7128fad192c66339f572998d886c01f7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
8799                  loading="lazy" />
8800               <span class="truncate tracking-wide bals-competition-name">Paraguay LNCF Women</span>
8801            </div>
8802            
8803            <div
8804               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
8805               <span> 04:30 </span>
8806               <span class="text-gray-400 leading-none text-base">•</span>
8807               <span>10/10</span>
8808               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
8809               <span
8810                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
8811            </div>
8812         </div>
8813         
8814         <div class="relative">
8815            
8816            <div
8817               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
8818               <span class="bals-status-name mr-1">Q3</span> :
8819                  <span class="ml-1 bals-elapsed-time"></span>            </div>
8820            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
8821               
8822               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
8823                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
8824                     Olimpia Queens Women
8825                  </div>
8826                  <img data-src="https://static.sportsfeed.pro/basketball/team/5785ac5adba1127f191b735c9ea2b274.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Olimpia Queens Women Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
8827               
8828               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
8829                  <div
8830                     class="bals-score-track ">
8831                     <span
8832                        class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
8833                     <span
8834                        class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-home-score" >
8835                        41
8836                     </span>
8837                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
8838                     <span
8839                        class="bals-score-box  text-sm sm:text-base bals-away-score" >
8840                        31
8841                     </span>
8842                  </div>
8843               </div>
8844               
8845               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
8846                  <img data-src="https://static.sportsfeed.pro/basketball/team/a7608b5e11640c32adaf05dd36d8e6ac.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sao Jose 
8846(W) Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
8847                     Sao Jose (W)
8848                  </div>
8849               </div>
8850            </div>
8851         </div>
8852
8853         
8854         <div class="space-y-3">
8855            <div class="h-px w-full border-t-gradient-silver-fade"></div>
8856            <div class="relative">
8857               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
8858                  
8859
8860                  
8861                                       <div class="flex-1 min-w-0"></div>
8862                  
8863                  
8864                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
8865                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
8866                        </a></div>
8867                                 </div>
8868            </div>
8869         </div>
8870      </div>
8871   </div>
8872
8873</div>
8874<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
8875   bals-live-match"
8876   data-accent=""
8877   data-template="chroma" data-sport="basketball"
8878   data-match-id="zp5rzkt6lyggr82" data-match-time="1791583800"
8879   data-competition-id="e4wyrn1tl8q86pv" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
8880    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
8881   <div class="block relative group">
8882      <a href="https://toptrader.io/basketball/regatas-corrientes-vs-nacional-montevideo-on-09-10-2026/" class="absolute inset-0 z-0"
8883         data-tooltip="Regatas Corrientes vs Nacional Montevideo lúc 05:10  ngày 10/10/2026"
8884         data-title="Regatas Corrientes vs Nacional Montevideo lúc  05:10  ngày 10/10/2026"></a>
8885      <div class="chroma-signal-lock" aria-hidden="true"></div>
8886      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
8887         
8888         <div class="flex items-center justify-between sm:mb-0 mb-2">
8889            
8890            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
8891               <img src="https://img.thesports.com/basketball/competition/c5c1c18327493d6534e691e4432ee487.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
8892                  loading="lazy" />
8893               <span class="truncate tracking-wide bals-competition-name">Liga Sudamericana de Básquetbol</span>
8894            </div>
8895            
8896            <div
8897               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
8898               <span> 05:10 </span>
8899               <span class="text-gray-400 leading-none text-base">•</span>
8900               <span>10/10</span>
8901               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
8902               <span
8903                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
8904            </div>
8905         </div>
8906         
8907         <div class="relative">
8908            
8909            <div
8910               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
8911               <span class="bals-status-name mr-1">Q2</span> :
8912                  <span class="ml-1 bals-elapsed-time"></span>            </div>
8913            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
8914               
8915               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
8916                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
8917                     Regatas Corrientes
8918                  </div>
8919                  <img data-src="https://static.sportsfeed.pro/basketball/team/a509b77070fc2f08bd663f9402f3fd9c.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Regatas Corrientes Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
8920               
8921               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
8922                  <div
8923                     class="bals-score-track ">
8924                     <span
8925                        class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
8926                     <span
8927                        class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-home-score" >
8928                        28
8929                     </span>
8930                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
8931                     <span
8932                        class="bals-score-box  text-sm sm:text-base bals-away-score" >
8933                        27
8934                     </span>
8935                  </div>
8936               </div>
8937               
8938               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
8939                  <img data-src="https://static.sportsfeed.pro/basketball/team/077b6c3ee4123a72e24cd9f9d80b7ba1.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Nacional Montevideo Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
8940                     Nacional Montevideo
8941                  </div>
8942               </div>
8943            </div>
8944         </div>
8945
8946         
8947         <div class="space-y-3">
8948            <div class="h-px w-full border-t-gradient-silver-fade"></div>
8949            <div class="relative">
8950               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
8951                  
8952
8953                  
8954                                       <div class="flex-1 min-w-0"></div>
8955                  
8956                  
8957                                       <div class="flex-shrink-0 flex items-center">
8958                        <div class="w-[120px] sm:w-[125px] min-w-0">
8959                           <div class="text-right mr-1.5 bals-odds">
8960                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
8961                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.95</div>
8962                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div>
8963                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.74</div>
8964                                                                           </div>
8965                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
8966                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.83</div>
8967                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-1.5</div>
8968                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.83</div>
8969                                                                           </div>
8970                                                                                                                                                         </div>
8971                        </div>
8972                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
8973                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
8974                        </a>
8975                     </div>
8976                                 </div>
8977            </div>
8978         </div>
8979      </div>
8980   </div>
8981
8982</div>
8983<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
8984   bals-live-match"
8985   data-accent=""
8986   data-template="chroma" data-sport="basketball"
8987   data-match-id="3glrwyt3v39pqdy" data-match-time="1791584400"
8988   data-competition-id="vl7oqd4t175q510" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
8989    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
8990   <div class="block relative group">
8991      <a href="https://toptrader.io/basketball/felix-perez-cardozo-women-vs-sol-de-america-women-on-09-10-2026/" class="absolute inset-0 z-0"
8992         data-tooltip="Felix Perez Cardozo Women vs Sol De America Women lúc 05:20  ngày 10/10/2026"
8993         data-title="Felix Perez Cardozo Women vs Sol De America Women lúc  05:20  ngày 10/10/2026"></a>
8994      <div class="chroma-signal-lock" aria-hidden="true"></div>
8995      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
8996         
8997         <div class="flex items-center justify-between sm:mb-0 mb-2">
8998            
8999            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
9000               <img src="https://img.thesports.com/basketball/competition/7128fad192c66339f572998d886c01f7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
9001                  loading="lazy" />
9002               <span class="truncate tracking-wide bals-competition-name">Paraguay LNCF Women</span>
9003            </div>
9004            
9005            <div
9006               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
9007               <span> 05:20 </span>
9008               <span class="text-gray-400 leading-none text-base">•</span>
9009               <span>10/10</span>
9010               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
9011               <span
9012                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
9013            </div>
9014         </div>
9015         
9016         <div class="relative">
9017            
9018            <div
9019               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
9020               <span class="bals-status-name mr-1">Q1</span> :
9021                  <span class="ml-1 bals-elapsed-time"></span>            </div>
9022            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
9023               
9024               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
9025                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
9026                     Felix Perez Cardozo Women
9027                  </div>
9028                  <img data-src="https://static.sportsfeed.pro/basketball/team/ffbd56302476d796dd41b84029dbbb5b.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Felix Perez Cardozo Women Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
9029               
9030               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
9031                  <div
9032                     class="bals-score-track ">
9033                     <span
9034                        class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
9035                     <span
9036                        class="bals-score-box  text-sm sm:text-base bals-home-score" >
9037                        0
9038                     </span>
9039                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
9040                     <span
9041                        class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-away-score" >
9042                        2
9043                     </span>
9044                  </div>
9045               </div>
9046               
9047               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
9048                  <img data-src="https://static.sportsfeed.pro/basketball/team/fc14ea3514aafa6381a7f6c1c73c094f.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sol De America Women Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
9049                     Sol De America Women
9050                  </div>
9051               </div>
9052            </div>
9053         </div>
9054
9055         
9056         <div class="space-y-3">
9057            <div class="h-px w-full border-t-gradient-silver-fade"></div>
9058            <div class="relative">
9059               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
9060                  
9061
9062                  
9063                                       <div class="flex-1 min-w-0"></div>
9064                  
9065                  
9066                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
9067                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
9068                        </a></div>
9069                                 </div>
9070            </div>
9071         </div>
9072      </div>
9073   </div>
9074
9075</div>
9076<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
9077   bals-live-match"
9078   data-accent=""
9079   data-template="chroma" data-sport="basketball"
9080   data-match-id="4jwq25tz3zgjq0v" data-match-time="1791585000"
9081   data-competition-id="56ypq3kt47pmd7o" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
9082    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
9083   <div class="block relative group">
9084      <a href="https://toptrader.io/basketball/espanol-osorno-u21-vs-cdb-la-union-u21-on-09-10-2026/" class="absolute inset-0 z-0"
9085         data-tooltip="Espanol Osorno U21 vs CDB La Union U21 lúc 05:30  ngày 10/10/2026"
9086         data-title="Espanol Osorno U21 vs CDB La Union U21 lúc  05:30  ngày 10/10/2026"></a>
9087      <div class="chroma-signal-lock" aria-hidden="true"></div>
9088      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
9089         
9090         <div class="flex items-center justify-between sm:mb-0 mb-2">
9091            
9092            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
9093               <img src="https://img.thesports.com/basketball/competition/e11b7c2210fd09057697e69651b24039.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
9094                  loading="lazy" />
9095               <span class="truncate tracking-wide bals-competition-name">Chile Liga U21</span>
9096            </div>
9097            
9098            <div
9099               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
9100               <span> 05:30 </span>
9101               <span class="text-gray-400 leading-none text-base">•</span>
9102               <span>10/10</span>
9103               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
9104               <span
9105                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
9106            </div>
9107         </div>
9108         
9109         <div class="relative">
9110            
9111            <div
9112               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
9113               <span class="bals-status-name mr-1">Q1</span> :
9114                  <span class="ml-1 bals-elapsed-time"></span>            </div>
9115            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
9116               
9117               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
9118                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
9119                     Espanol Osorno U21
9120                  </div>
9121                  <img data-src="https://static.sportsfeed.pro/basketball/team/b7abd900aa57fd56814c776c0d9ec4ee.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Espanol Osorno U21 Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
9122               
9123               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
9124                  <div
9125                     class="bals-score-track ">
9126                     <span
9127                        class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
9128                     <span
9129                        class="bals-score-box  text-sm sm:text-base bals-home-score" >
9130                        0
9131                     </span>
9132                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
9133                     <span
9134                        class="bals-score-box  text-sm sm:text-base bals-away-score" >
9135                        0
9136                     </span>
9137                  </div>
9138               </div>
9139               
9140               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
9141                  <img data-src="https://static.sportsfeed.pro/basketball/team/07d18678585a896cf1f5a5f0c08b4acf.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="CDB La Union U21 Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
9142                     CDB La Union U21
9143                  </div>
9144               </div>
9145            </div>
9146         </div>
9147
9148         
9149         <div class="space-y-3">
9150            <div class="h-px w-full border-t-gradient-silver-fade"></div>
9151            <div class="relative">
9152               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
9153                  
9154
9155                  
9156                                       <div class="flex-1 min-w-0"></div>
9157                  
9158                  
9159                                       <div class="flex-shrink-0 flex items-center">
9160                        <div class="w-[120px] sm:w-[125px] min-w-0">
9161                           <div class="text-right mr-1.5 bals-odds">
9162                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
9163                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.95</div>
9164                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div>
9165                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.74</div>
9166                                                                           </div>
9167                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
9168                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.83</div>
9169                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-1.5</div>
9170                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.83</div>
9171                                                                           </div>
9172                                                                                                                                                         </div>
9173                        </div>
9174                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
9175                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
9176                        </a>
9177                     </div>
9178                                 </div>
9179            </div>
9180         </div>
9181      </div>
9182   </div>
9183
9184</div>
9185
9186  </div>
9187
9188              </div>
9189            <div class="hidden match-container" id="bb-upcoming-content" role="tabpanel" aria-labelledby="bb-upcoming-tab">
9190               <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 bb-upcoming-matches-grid">
9191    <div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
9192   bals-upcoming-match"
9193   data-accent="hot"
9194   data-template="chroma" data-sport="basketball"
9195   data-match-id="23xmv1tp170zmg8" data-match-time="1791676800"
9196   data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
9197    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
9198   <div class="block relative group">
9199      <a href="https://toptrader.io/basketball/miami-heat-vs-minnesota-timberwolves-on-11-10-2026/" class="absolute inset-0 z-0"
9200         data-tooltip="Miami Heat vs Minnesota Timberwolves lúc 07:00  ngày 11/10/2026"
9201         data-title="Miami Heat vs Minnesota Timberwolves lúc  07:00  ngày 11/10/2026"></a>
9202      <div class="chroma-signal-lock" aria-hidden="true"></div>
9203      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
9204         
9205         <div class="flex items-center justify-between sm:mb-0 mb-2">
9206            
9207            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
9208               <img src="https://img.thesports.com/basketball/competition/061f5ab5b1a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
9209                  loading="lazy" />
9210               <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span>
9211            </div>
9212            
9213            <div
9214               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
9215               <span> 07:00 </span>
9216               <span class="text-gray-400 leading-none text-base">•</span>
9217               <span>11/10</span>
9218               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
9219               <span
9220                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
9221            </div>
9222         </div>
9223         
9224         <div class="relative">
9225            
9226            <div
9227               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
9228               <span class="bals-status-name mr-1">NS</span>            </div>
9229            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
9230               
9231               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
9232                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
9233                     Miami Heat
9234                  </div>
9235                  <img data-src="https://static.sportsfeed.pro/basketball/team/ff7ccef6a6b79c6417ee8367946b0aec.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Miami Heat Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
9236               
9237               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
9238                  <div
9239                     class="bals-score-track bals-score-track--vs">
9240                     <span
9241                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
9242                     <span
9243                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
9244                        0
9245                     </span>
9246                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
9247                     <span
9248                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
9249                        0
9250                     </span>
9251                  </div>
9252               </div>
9253               
9254               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
9255                  <img data-src="https://static.sportsfeed.pro/basketball/team/38794d0ac418d8f2d03bd17a2623f3ed.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Minnesota Timberwolves Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
9256                     Minnesota Timberwolves
9257                  </div>
9258               </div>
9259            </div>
9260         </div>
9261
9262         
9263         <div class="space-y-3">
9264            <div class="h-px w-full border-t-gradient-silver-fade"></div>
9265            <div class="relative">
9266               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
9267                  
9268
9269                  
9270                                       <div class="flex-1 min-w-0"></div>
9271                  
9272                  
9273                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
9274                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
9275                        </a></div>
9276                                 </div>
9277            </div>
9278         </div>
9279      </div>
9280   </div>
9281
9282</div>
9283<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
9284   bals-upcoming-match"
9285   data-accent="hot"
9286   data-template="chroma" data-sport="basketball"
9287   data-match-id="zp5rzkt6v8w9r82" data-match-time="1791676800"
9288   data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
9289    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
9290   <div class="block relative group">
9291      <a href="https://toptrader.io/basketball/boston-celtics-vs-philadelphia-76ers-on-11-10-2026/" class="absolute inset-0 z-0"
9292         data-tooltip="Boston Celtics vs Philadelphia 76ers lúc 07:00  ngày 11/10/2026"
9293         data-title="Boston Celtics vs Philadelphia 76ers lúc  07:00  ngày 11/10/2026"></a>
9294      <div class="chroma-signal-lock" aria-hidden="true"></div>
9295      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
9296         
9297         <div class="flex items-center justify-between sm:mb-0 mb-2">
9298            
9299            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
9300               <img src="https://img.thesports.com/basketball/competition/061f5ab5b1
9300a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
9301                  loading="lazy" />
9302               <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span>
9303            </div>
9304            
9305            <div
9306               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
9307               <span> 07:00 </span>
9308               <span class="text-gray-400 leading-none text-base">•</span>
9309               <span>11/10</span>
9310               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
9311               <span
9312                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
9313            </div>
9314         </div>
9315         
9316         <div class="relative">
9317            
9318            <div
9319               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
9320               <span class="bals-status-name mr-1">NS</span>            </div>
9321            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
9322               
9323               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
9324                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
9325                     Boston Celtics
9326                  </div>
9327                  <img data-src="https://static.sportsfeed.pro/basketball/team/884c1c1f5db46c170df3c34a8e213ec9.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Boston Celtics Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
9328               
9329               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
9330                  <div
9331                     class="bals-score-track bals-score-track--vs">
9332                     <span
9333                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
9334                     <span
9335                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
9336                        0
9337                     </span>
9338                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
9339                     <span
9340                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
9341                        0
9342                     </span>
9343                  </div>
9344               </div>
9345               
9346               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
9347                  <img data-src="https://static.sportsfeed.pro/basketball/team/06e7bde6cca98873fe971fad4e67a9b6.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Philadelphia 76ers Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
9348                     Philadelphia 76ers
9349                  </div>
9350               </div>
9351            </div>
9352         </div>
9353
9354         
9355         <div class="space-y-3">
9356            <div class="h-px w-full border-t-gradient-silver-fade"></div>
9357            <div class="relative">
9358               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
9359                  
9360
9361                  
9362                                       <div class="flex-1 min-w-0"></div>
9363                  
9364                  
9365                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
9366                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
9367                        </a></div>
9368                                 </div>
9369            </div>
9370         </div>
9371      </div>
9372   </div>
9373
9374</div>
9375<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
9376   bals-upcoming-match"
9377   data-accent="hot"
9378   data-template="chroma" data-sport="basketball"
9379   data-match-id="1l4rjztjovlom7v" data-match-time="1791678600"
9380   data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
9381    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
9382   <div class="block relative group">
9383      <a href="https://toptrader.io/basketball/golden-state-warriors-vs-sacramento-kings-on-11-10-2026/" class="absolute inset-0 z-0"
9384         data-tooltip="Golden State Warriors vs Sacramento Kings lúc 07:30  ngày 11/10/2026"
9385         data-title="Golden State Warriors vs Sacramento Kings lúc  07:30  ngày 11/10/2026"></a>
9386      <div class="chroma-signal-lock" aria-hidden="true"></div>
9387      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
9388         
9389         <div class="flex items-center justify-between sm:mb-0 mb-2">
9390            
9391            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
9392               <img src="https://img.thesports.com/basketball/competition/061f5ab5b1a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
9393                  loading="lazy" />
9394               <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span>
9395            </div>
9396            
9397            <div
9398               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
9399               <span> 07:30 </span>
9400               <span class="text-gray-400 leading-none text-base">•</span>
9401               <span>11/10</span>
9402               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
9403               <span
9404                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
9405            </div>
9406         </div>
9407         
9408         <div class="relative">
9409            
9410            <div
9411               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
9412               <span class="bals-status-name mr-1">NS</span>            </div>
9413            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
9414               
9415               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
9416                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
9417                     Golden State Warriors
9418                  </div>
9419                  <img data-src="https://static.sportsfeed.pro/basketball/team/df3f6f8bb17fd1c618f60f0b14637140.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Golden State Warriors Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
9420               
9421               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
9422                  <div
9423                     class="bals-score-track bals-score-track--vs">
9424                     <span
9425                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
9426                     <span
9427                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
9428                        0
9429                     </span>
9430                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
9431                     <span
9432                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
9433                        0
9434                     </span>
9435                  </div>
9436               </div>
9437               
9438               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
9439                  <img data-src="https://static.sportsfeed.pro/basketball/team/1fc010aba7ac510b5364e5f76ca4f060.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sacramento Kings Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
9440                     Sacramento Kings
9441                  </div>
9442               </div>
9443            </div>
9444         </div>
9445
9446         
9447         <div class="space-y-3">
9448            <div class="h-px w-full border-t-gradient-silver-fade"></div>
9449            <div class="relative">
9450               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
9451                  
9452
9453                  
9454                                       <div class="flex-1 min-w-0"></div>
9455                  
9456                  
9457                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
9458                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
9459                        </a></div>
9460                                 </div>
9461            </div>
9462         </div>
9463      </div>
9464   </div>
9465
9466</div>
9467<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
9468   bals-upcoming-match"
9469   data-accent="hot"
9470   data-template="chroma" data-sport="basketball"
9471   data-match-id="6ypq3kt7yx7nmd7" data-match-time="1791685800"
9472   data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
9473    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
9474   <div class="block relative group">
9475      <a href="https://toptrader.io/basketball/phoenix-suns-vs-san-antonio-spurs-on-11-10-2026/" class="absolute inset-0 z-0"
9476         data-tooltip="Phoenix Suns vs San Antonio Spurs lúc 09
9476:30  ngày 11/10/2026"
9477         data-title="Phoenix Suns vs San Antonio Spurs lúc  09:30  ngày 11/10/2026"></a>
9478      <div class="chroma-signal-lock" aria-hidden="true"></div>
9479      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
9480         
9481         <div class="flex items-center justify-between sm:mb-0 mb-2">
9482            
9483            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
9484               <img src="https://img.thesports.com/basketball/competition/061f5ab5b1a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
9485                  loading="lazy" />
9486               <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span>
9487            </div>
9488            
9489            <div
9490               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
9491               <span> 09:30 </span>
9492               <span class="text-gray-400 leading-none text-base">•</span>
9493               <span>11/10</span>
9494               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
9495               <span
9496                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
9497            </div>
9498         </div>
9499         
9500         <div class="relative">
9501            
9502            <div
9503               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
9504               <span class="bals-status-name mr-1">NS</span>            </div>
9505            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
9506               
9507               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
9508                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
9509                     Phoenix Suns
9510                  </div>
9511                  <img data-src="https://static.sportsfeed.pro/basketball/team/da3c882a7e0bc592b4c1ba9d8c5fb68d.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Phoenix Suns Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
9512               
9513               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
9514                  <div
9515                     class="bals-score-track bals-score-track--vs">
9516                     <span
9517                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
9518                     <span
9519                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
9520                        0
9521                     </span>
9522                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
9523                     <span
9524                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
9525                        0
9526                     </span>
9527                  </div>
9528               </div>
9529               
9530               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
9531                  <img data-src="https://static.sportsfeed.pro/basketball/team/5305d1a7b721b5bef418041eff53ba82.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="San Antonio Spurs Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
9532                     San Antonio Spurs
9533                  </div>
9534               </div>
9535            </div>
9536         </div>
9537
9538         
9539         <div class="space-y-3">
9540            <div class="h-px w-full border-t-gradient-silver-fade"></div>
9541            <div class="relative">
9542               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
9543                  
9544
9545                  
9546                                       <div class="flex-1 min-w-0"></div>
9547                  
9548                  
9549                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
9550                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
9551                        </a></div>
9552                                 </div>
9553            </div>
9554         </div>
9555      </div>
9556   </div>
9557
9558</div>
9559<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
9560   bals-upcoming-match"
9561   data-accent="hot"
9562   data-template="chroma" data-sport="basketball"
9563   data-match-id="318q6nt6exo0mo9" data-match-time="1791694800"
9564   data-competition-id="9d23xmv1t4mg8ny" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
9565    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
9566   <div class="block relative group">
9567      <a href="https://toptrader.io/basketball/anyang-jungkwanjang-red-boosters-vs-changwon-lg-sakers-on-11-10-2026/" class="absolute inset-0 z-0"
9568         data-tooltip="Anyang JungKwanJang Red Boosters vs Changwon LG Sakers lúc 12:00  ngày 11/10/2026"
9569         data-title="Anyang JungKwanJang Red Boosters vs Changwon LG Sakers lúc  12:00  ngày 11/10/2026"></a>
9570      <div class="chroma-signal-lock" aria-hidden="true"></div>
9571      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
9572         
9573         <div class="flex items-center justify-between sm:mb-0 mb-2">
9574            
9575            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
9576               <img src="https://img.thesports.com/basketball/competition/f841aa3bd3c2aeffca04f78bfaeecaf7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
9577                  loading="lazy" />
9578               <span class="truncate tracking-wide bals-competition-name">Korean Basketball League</span>
9579            </div>
9580            
9581            <div
9582               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
9583               <span> 12:00 </span>
9584               <span class="text-gray-400 leading-none text-base">•</span>
9585               <span>11/10</span>
9586               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
9587               <span
9588                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
9589            </div>
9590         </div>
9591         
9592         <div class="relative">
9593            
9594            <div
9595               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
9596               <span class="bals-status-name mr-1">NS</span>            </div>
9597            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
9598               
9599               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
9600                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
9601                     Anyang JungKwanJang Red Boosters
9602                  </div>
9603                  <img data-src="https://static.sportsfeed.pro/basketball/team/30683c359531664a5b97f129c047fcdc.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Anyang JungKwanJang Red Boosters Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
9604               
9605               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
9606                  <div
9607                     class="bals-score-track bals-score-track--vs">
9608                     <span
9609                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
9610                     <span
9611                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
9612                        0
9613                     </span>
9614                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
9615                     <span
9616                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
9617                        0
9618                     </span>
9619                  </div>
9620               </div>
9621               
9622               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
9623                  <img data-src="https://static.sportsfeed.pro/basketball/team/b3a61f88692a8a3836f3b93ba65b98da.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Changwon LG Sakers Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
9624                     Changwon LG Sakers
9625                  </div>
9626               </div>
9627            </div>
9628         </div>
9629
9630         
9631         <div class="space-y-3">
9632            <div class="h-px w-full border-t-gradient-silver-fade"></div>
9633            <div class="relative">
9634               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
9635                  
9636
9637                  
9638                                       <div class="flex-1 min-w-0"></div>
9639                  
9640                  
9641                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
9642                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
9643                        </a></div>
9644                                 </div>
9645            </div>
9646         </div>
9647      </div>
9648   </div>
9649
9650</div>
9651<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
9652   bals-upcoming-match"
9653   data-accent="hot"
9654   data-template="chroma" data-sport="basketball"
9655   data-match-id="6ypq3kt79vzpmd7" data-match-time="1791694800"
9656   data-competition-id="9d23xmv1t4mg8ny" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
9657    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
9658   <div class="block relative group">
9659      <a href="https://toptrader.io/basketball/seoul-samsung-thunders-vs-goyang-sono-skygunners-on-11-10-2026/" class="absolute inset-0 z-0"
9660         data-tooltip="Seoul Samsung Thunders vs Goyang Sono Skygunners lúc 12:00  ngày 11/10/2026"
9661         data-title="Seoul Samsung Thunders vs Goyang Sono Skygunners lúc  12:00  ngày 11/10/2026"></a>
9662      <div class="chroma-signal-lock" aria-hidden="true"></div>
9663      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
9664         
9665         <div class="flex items-center justify-between sm:mb-0 mb-2">
9666            
9667            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
9668               <img src="https://img.thesports.com/basketball/competition/f841aa3bd3c2aeffca04f78bfaeecaf7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
9669                  loading="lazy" />
9670               <span class="truncate tracking-wide bals-competition-name">Korean Basketball League</span>
9671            </div>
9672            
9673            <div
9674               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
9675               <span> 12:00 </span>
9676               <span class="text-gray-400 leading-none text-base">•</span>
9677               <span>11/10</span>
9678               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
9679               <span
9680                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
9681            </div>
9682         </div>
9683         
9684         <div class="relative">
9685            
9686            <div
9687               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
9688               <span class="bals-status-name mr-1">NS</span>            </div>
9689            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
9690               
9691               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
9692                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
9693                     Seoul Samsung Thunders
9694                  </div>
9695                  <img data-src="https://static.sportsfeed.pro/basketball/team/9adc8e5768f7787b81ad366fed7b5edd.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Seoul Samsung Thunders Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
9696               
9697               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
9698                  <div
9699                     class="bals-score-track bals-score-track--vs">
9700                     <span
9701                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
9702                     <span
9703                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
9704                        0
9705                     </span>
9706                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
9707                     <span
9708                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
9709                        0
9710                     </span>
9711                  </div>
9712               </div>
9713               
9714               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
9715                  <img data-src="https://static.sportsfeed.pro/basketball/team/4a5ba2f4b39c4cb6db259ed9fb916da1.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Goyang Sono Skygunners Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
9716                     Goyang Sono Skygunners
9717                  </div>
9718               </div>
9719            </div>
9720         </div>
9721
9722         
9723         <div class="space-y-3">
9724            <div class="h-px w-full border-t-gradient-silver-fade"></div>
9725            <div class="relative">
9726               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
9727                  
9728
9729                  
9730                                       <div class="flex-1 min-w-0"></div>
9731                  
9732                  
9733                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
9734                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
9735                        </a></div>
9736                                 </div>
9737            </div>
9738         </div>
9739      </div>
9740   </div>
9741
9742</div>
9743<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
9744   bals-upcoming-match"
9745   data-accent="hot"
9746   data-template="chroma" data-sport="basketball"
9747   data-match-id="8yomovtgpwpkq0j" data-match-time="1791702000"
9748   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
9749    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
9750   <div class="block relative group">
9751      <a href="https://toptrader.io/basketball/shandong-hi-speed-kirin-v
9751s-guangzhou-loong-lions-on-11-10-2026/" class="absolute inset-0 z-0"
9752         data-tooltip="Shandong Hi-Speed Kirin vs Guangzhou Loong Lions lúc 14:00  ngày 11/10/2026"
9753         data-title="Shandong Hi-Speed Kirin vs Guangzhou Loong Lions lúc  14:00  ngày 11/10/2026"></a>
9754      <div class="chroma-signal-lock" aria-hidden="true"></div>
9755      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
9756         
9757         <div class="flex items-center justify-between sm:mb-0 mb-2">
9758            
9759            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
9760               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
9761                  loading="lazy" />
9762               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
9763            </div>
9764            
9765            <div
9766               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
9767               <span> 14:00 </span>
9768               <span class="text-gray-400 leading-none text-base">•</span>
9769               <span>11/10</span>
9770               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
9771               <span
9772                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
9773            </div>
9774         </div>
9775         
9776         <div class="relative">
9777            
9778            <div
9779               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
9780               <span class="bals-status-name mr-1">NS</span>            </div>
9781            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
9782               
9783               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
9784                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
9785                     Shandong Hi-Speed Kirin
9786                  </div>
9787                  <img data-src="https://static.sportsfeed.pro/basketball/team/fd94971d5354c254a48249ad402cfb92.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Shandong Hi-Speed Kirin Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
9788               
9789               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
9790                  <div
9791                     class="bals-score-track bals-score-track--vs">
9792                     <span
9793                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
9794                     <span
9795                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
9796                        0
9797                     </span>
9798                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
9799                     <span
9800                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
9801                        0
9802                     </span>
9803                  </div>
9804               </div>
9805               
9806               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
9807                  <img data-src="https://static.sportsfeed.pro/basketball/team/858cde8d2c075296f24e7ee61929fbeb.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Guangzhou Loong Lions Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
9808                     Guangzhou Loong Lions
9809                  </div>
9810               </div>
9811            </div>
9812         </div>
9813
9814         
9815         <div class="space-y-3">
9816            <div class="h-px w-full border-t-gradient-silver-fade"></div>
9817            <div class="relative">
9818               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
9819                  
9820
9821                  
9822                                       <div class="flex-1 min-w-0"></div>
9823                  
9824                  
9825                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
9826                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
9827                        </a></div>
9828                                 </div>
9829            </div>
9830         </div>
9831      </div>
9832   </div>
9833
9834</div>
9835<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
9836   bals-upcoming-match"
9837   data-accent="hot"
9838   data-template="chroma" data-sport="basketball"
9839   data-match-id="8yomovtgpwlkq0j" data-match-time="1791702000"
9840   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
9841    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
9842   <div class="block relative group">
9843      <a href="https://toptrader.io/basketball/shanghai-jiushi-sharks-vs-fujian-xunxing-sturgeons-on-11-10-2026/" class="absolute inset-0 z-0"
9844         data-tooltip="Shanghai Jiushi Sharks vs Fujian Xunxing Sturgeons lúc 14:00  ngày 11/10/2026"
9845         data-title="Shanghai Jiushi Sharks vs Fujian Xunxing Sturgeons lúc  14:00  ngày 11/10/2026"></a>
9846      <div class="chroma-signal-lock" aria-hidden="true"></div>
9847      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
9848         
9849         <div class="flex items-center justify-between sm:mb-0 mb-2">
9850            
9851            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
9852               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
9853                  loading="lazy" />
9854               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
9855            </div>
9856            
9857            <div
9858               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
9859               <span> 14:00 </span>
9860               <span class="text-gray-400 leading-none text-base">•</span>
9861               <span>11/10</span>
9862               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
9863               <span
9864                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
9865            </div>
9866         </div>
9867         
9868         <div class="relative">
9869            
9870            <div
9871               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
9872               <span class="bals-status-name mr-1">NS</span>            </div>
9873            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
9874               
9875               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
9876                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
9877                     Shanghai Jiushi Sharks
9878                  </div>
9879                  <img data-src="https://static.sportsfeed.pro/basketball/team/1125281dafbf06dad029825221e83d5a.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Shanghai Jiushi Sharks Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
9880               
9881               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
9882                  <div
9883                     class="bals-score-track bals-score-track--vs">
9884                     <span
9885                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
9886                     <span
9887                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
9888                        0
9889                     </span>
9890                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
9891                     <span
9892                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
9893                        0
9894                     </span>
9895                  </div>
9896               </div>
9897               
9898               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
9899                  <img data-src="https://static.sportsfeed.pro/basketball/team/2428a8c17b5a31163b54cb9502998bbf.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Fujian Xunxing Sturgeons Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
9900                     Fujian Xunxing Sturgeons
9901                  </div>
9902               </div>
9903            </div>
9904         </div>
9905
9906         
9907         <div class="space-y-3">
9908            <div class="h-px w-full border-t-gradient-silver-fade"></div>
9909            <div class="relative">
9910               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
9911                  
9912
9913                  
9914                                       <div class="flex-1 min-w-0"></div>
9915                  
9916                  
9917                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
9918                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
9919                        </a></div>
9920                                 </div>
9921            </div>
9922         </div>
9923      </div>
9924   </div>
9925
9926</div>
9927<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
9928   bals-upcoming-match"
9929   data-accent="hot"
9930   data-template="chroma" data-sport="basketball"
9931   data-match-id="y0or5gtzpvyjqwz" data-match-time="1791702000"
9932   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
9933    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
9934   <div class="block relative group">
9935      <a href="https://toptrader.io/basketball/jilin-northeast-tigers-vs-qingdao-eagles-on-11-10-2026/" class="absolute inset-0 z-0"
9936         data-tooltip="Jilin Northeast Tigers vs Qingdao Eagles lúc 14:00  ngày 11/10/2026"
9937         data-title="Jilin Northeast Tigers vs Qingdao Eagles lúc  14:00  ngày 11/10/2026"></a>
9938      <div class="chroma-signal-lock" aria-hidden="true"></div>
9939      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
9940         
9941         <div class="flex items-center justify-between sm:mb-0 mb-2">
9942            
9943            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
9944               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
9945                  loading="lazy" />
9946               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
9947            </div>
9948            
9949            <div
9950               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
9951               <span> 14:00 </span>
9952               <span class="text-gray-400 leading-none text-base">•</span>
9953               <span>11/10</span>
9954               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
9955               <span
9956                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
9957            </div>
9958         </div>
9959         
9960         <div class="relative">
9961            
9962            <div
9963               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
9964               <span class="bals-status-name mr-1">NS</span>            </div>
9965            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
9966               
9967               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
9968                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
9969                     Jilin Northeast Tigers
9970                  </div>
9971                  <img data-src="https://static.sportsfeed.pro/basketball/team/0ef4bf20fbdcd89b1d7cb4a9b29f0f5a.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Jilin Northeast Tigers Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
9972               
9973               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
9974                  <div
9975                     class="bals-score-track bals-score-track--vs">
9976                     <span
9977                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
9978                     <span
9979                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
9980                        0
9981                     </span>
9982                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
9983                     <span
9984                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
9985                        0
9986                     </span>
9987                  </div>
9988               </div>
9989               
9990               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
9991                  <img data-src="https://static.sportsfeed.pro/basketball/team/8265cde14b18d7e3716bb1e0b0aed623.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Qingdao Eagles Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
9992                     Qingdao Eagles
9993                  </div>
9994               </div>
9995            </div>
9996         </div>
9997
9998         
9999         <div class="space-y-3">
10000            <div class="h-px w-full border-t-gradient-silver-fade"></div>
10001            <div class="relative">
10002               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
10003                  
10004
10005                  
10006                                       <div class="flex-1 min-w-0"></div>
10007                  
10008                  
10009                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
10010                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
10011                        </a></div>
10012                                 </div>
10013            </div>
10014         </div>
10015      </div>
10016   </div>
10017
10018</div>
10019<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
10020   bals-upcoming-match"
10021   data-accent="hot"
10022   data-template="chroma" data-sport="basketball"
10023   data-match-id="ednm9kt2njy5ryo" data-match-time="1791702000"
10024   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
10025    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
10026   <div class="block relative group">
10027      <a href="https://toptrader.io/basketball/nanjing-monkey-kings-vs-shenzhen-leopards-on-11-10-2026/" class="absolute inset-0 z-0"
10028         data-tooltip="Nanjing Monkey Kings vs Shenzhen Leopards lúc 14:00  ngày 11/10/2026"
10029         data-title="Nanjing Monkey Kings vs Shenzhen Leopards lúc  14:00  ngày 11/10/2026"></a>
10030      <div class="chroma-signal-lock" aria-hidden="true"></div>
10031      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
10032         
10033         <div class="flex items-center justify-between sm:mb-0 mb-2">
10034            
10035            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
10036               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
10037                  loading="lazy" />
10038               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
10039            </div>
10040            
10041            <div
10042               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
10043               <span> 14:00 </span>
10044               <span class="text-gray-400 leading-none text-base">•</span>
10045               <span>11/10</span>
10046               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
10047               <span
10048                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
10049            </div>
10050         </div>
10051         
10052         <div class="relative">
10053            
10054            <div
10055               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
10056               <span class="bals-status-name mr-1">NS</span>            </div>
10057            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
10058               
10059               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
10060                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
10061                     Nanjing Monkey Kings
10062                  </div>
10063                  <img data-src="https://static.sportsfeed.pro/basketball/team/a5117efc96b29138d9db8f5abc1aa699.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Nanjing Monkey Kings Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
10064               
10065               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
10066                  <div
10067                     class="bals-score-track bals-score-track--vs">
10068                     <span
10069                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
10070                     <span
10071                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
10072                        0
10073                     </span>
10074                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
10075                     <span
10076                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
10077                        0
10078                     </span>
10079                  </div>
10080               </div>
10081               
10082               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
10083                  <img data-src="https://static.sportsfeed.pro/basketball/team/fb44eee02df789207dee98898982cc16.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Shenzhen Leopards Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
10084                     Shenzhen Leopards
10085                  </div>
10086               </div>
10087            </div>
10088         </div>
10089
10090         
10091         <div class="space-y-3">
10092            <div class="h-px w-full border-t-gradient-silver-fade"></div>
10093            <div class="relative">
10094               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
10095                  
10096
10097                  
10098                                       <div class="flex-1 min-w-0"></div>
10099                  
10100                  
10101                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
10102                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
10103                        </a></div>
10104                                 </div>
10105            </div>
10106         </div>
10107      </div>
10108   </div>
10109
10110</div>
10111<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
10112   bals-upcoming-match"
10113   data-accent="hot"
10114   data-template="chroma" data-sport="basketball"
10115   data-match-id="4wyrn1to3jp3q86" data-match-time="1791702000"
10116   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
10117    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
10118   <div class="block relative group">
10119      <a href="https://toptrader.io/basketball/ningbo-rockets-vs-zhejiang-golden-bulls-on-11-10-2026/" class="absolute inset-0 z-0"
10120         data-tooltip="Ningbo Rockets vs Zhejiang Golden Bulls lúc 14:00  ngày 11/10/2026"
10121         data-title="Ningbo Rockets vs Zhejiang Golden Bulls lúc  14:00  ngày 11/10/2026"></a>
10122      <div class="chroma-signal-lock" aria-hidden="true"></div>
10123      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
10124         
10125         <div class="flex items-center justify-between sm:mb-0 mb-2">
10126            
10127            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
10128               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
10129                  loading="lazy" />
10130               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
10131            </div>
10132            
10133            <div
10134               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
10135               <span> 14:00 </span>
10136               <span class="text-gray-400 leading-none text-base">•</span>
10137               <span>11/10</span>
10138               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
10139               <span
10140                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
10141            </div>
10142         </div>
10143         
10144         <div class="relative">
10145            
10146            <div
10147               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
10148               <span class="bals-status-name mr-1">NS</span>            </div>
10149            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
10150               
10151               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
10152                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
10153                     Ningbo Rockets
10154                  </div>
10155                  <img data-src="https://static.sportsfeed.pro/basketball/team/9b17d2feb1397b99fa0530fba4c7385b.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Ningbo Rockets Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
10156               
10157               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
10158                  <div
10159                     class="bals-score-track bals-score-track--vs">
10160                     <span
10161                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
10162                     <span
10163                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
10164                        0
10165                     </span>
10166                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
10167                     <span
10168                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
10169                        0
10170                     </span>
10171                  </div>
10172               </div>
10173               
10174               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
10175                  <img data-src="https://static.sportsfeed.pro/basketball/team/d1d77f07287fe840a7e77459e5bd1bfc.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Zhejiang Golden Bulls Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
10176                     Zhejiang Golden Bulls
10177                  </div>
10178               </div>
10179            </div>
10180         </div>
10181
10182         
10183         <div class="space-y-3">
10184            <div class="h-px w-full border-t-gradient-silver-fade"></div>
10185            <div class="relative">
10186               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
10187                  
10188
10189                  
10190                                       <div class="flex-1 min-w-0"></div>
10191                  
10192                  
10193                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
10194                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
10195                        </a></div>
10196                                 </div>
10197            </div>
10198         </div>
10199      </div>
10200   </div>
10201
10202</div>
10203<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
10204   bals-upcoming-match"
10205   data-accent="hot"
10206   data-template="chroma" data-sport="basketball"
10207   data-match-id="965mk8t2vydxm1g" data-match-time="1791703800"
10208   data-competition-id="9d23xmv1t4mg8ny" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
10209    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
10210   <div class="block relative group">
10211      <a href="https://toptrader.io/basketball/busan-kcc-egis-vs-suwon-kt-sonicboom-on-11-10-2026/" class="absolute inset-0 z-0"
10212         data-tooltip="Busan KCC Egis vs Suwon KT Sonicboom lúc 14:30  ngày 11/10/2026"
10213         data-title="Busan KCC Egis vs Suwon KT Sonicboom lúc  14:30  ngày 11/10/2026"></a>
10214      <div class="chroma-signal-lock" aria-hidden="true"></div>
10215      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
10216         
10217         <div class="flex items-center justify-between sm:mb-0 mb-2">
10218            
10219            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
10220               <img src="https://img.thesports.com/basketball/competition/f841aa3bd3c2aeffca04f78bfaeecaf7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
10221                  loading="lazy" />
10222               <span class="truncate tracking-wide bals-competition-name">Korean Basketball League</span>
10223            </div>
10224            
10225            <div
10226               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
10227               <span> 14:30 </span>
10228               <span class="text-gray-400 leading-none text-base">•</span>
10229               <span>11/10</span>
10230               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
10231               <span
10232                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
10233            </div>
10234         </div>
10235         
10236         <div class="relative">
10237            
10238            <div
10239               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
10240               <span class="bals-status-name mr-1">NS</span>            </div>
10241            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
10242               
10243               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
10244                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
10245                     Busan KCC Egis
10246                  </div>
10247                  <img data-src="https://static.sportsfeed.pro/basketball/team/0add24fc964de3ea25e83417aa301f81.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Busan KCC Egis Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
10248               
10249               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
10250                  <div
10251                     class="bals-score-track bals-score-track--vs">
10252                     <span
10253                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
10254                     <span
10255                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
10256                        0
10257                     </span>
10258                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
10259                     <span
10260                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
10261                        0
10262                     </span>
10263                  </div>
10264               </div>
10265               
10266               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
10267                  <img data-src="https://static.sportsfeed.pro/basketball/team/624b1a84ff50919f44835640108bdd42.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Suwon KT Sonicboom Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
10268                     Suwon KT Sonicboom
10269                  </div>
10270               </div>
10271            </div>
10272         </div>
10273
10274         
10275         <div class="space-y-3">
10276            <div class="h-px w-full border-t-gradient-silver-fade"></div>
10277            <div class="relative">
10278               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
10279                  
10280
10281                  
10282                                       <div class="flex-1 min-w-0"></div>
10283                  
10284                  
10285                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
10286                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
10287                        </a></div>
10288                                 </div>
10289            </div>
10290         </div>
10291      </div>
10292   </div>
10293
10294</div>
10295<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
10296   bals-upcoming-match"
10297   data-accent="hot"
10298   data-template="chroma" data-sport="basketball"
10299   data-match-id="4jwq25tzyl92q0v" data-match-time="1791712800"
10300   data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
10301    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
10302   <div class="block relative group">
10303      <a href="https://toptrader.io/basketball/houston-rockets-vs-dallas-mavericks-on-11-10-2026/" class="absolute inset-0 z-0"
10304         data-tooltip="Houston Rockets vs Dallas Mavericks lúc 17:00  ngày 11/10/2026"
10305         data-title="Houston Rockets vs Dallas Mavericks lúc  17:00  ngày 11/10/2026"></a>
10306      <div class="chroma-signal-lock" aria-hidden="true"></div>
10307      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
10308         
10309         <div class="flex items-center justify-between sm:mb-0 mb-2">
10310            
10311            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
10312               <img src="https://img.thesports.com/basketball/competition/061f5ab5b1
10312a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
10313                  loading="lazy" />
10314               <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span>
10315            </div>
10316            
10317            <div
10318               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
10319               <span> 17:00 </span>
10320               <span class="text-gray-400 leading-none text-base">•</span>
10321               <span>11/10</span>
10322               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
10323               <span
10324                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
10325            </div>
10326         </div>
10327         
10328         <div class="relative">
10329            
10330            <div
10331               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
10332               <span class="bals-status-name mr-1">NS</span>            </div>
10333            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
10334               
10335               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
10336                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
10337                     Houston Rockets
10338                  </div>
10339                  <img data-src="https://static.sportsfeed.pro/basketball/team/bcfe797437f18526ff4e62177021f638.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Houston Rockets Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
10340               
10341               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
10342                  <div
10343                     class="bals-score-track bals-score-track--vs">
10344                     <span
10345                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
10346                     <span
10347                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
10348                        0
10349                     </span>
10350                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
10351                     <span
10352                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
10353                        0
10354                     </span>
10355                  </div>
10356               </div>
10357               
10358               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
10359                  <img data-src="https://static.sportsfeed.pro/basketball/team/42d7b5ec22b2eb411d68f94a04eab742.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Dallas Mavericks Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
10360                     Dallas Mavericks
10361                  </div>
10362               </div>
10363            </div>
10364         </div>
10365
10366         
10367         <div class="space-y-3">
10368            <div class="h-px w-full border-t-gradient-silver-fade"></div>
10369            <div class="relative">
10370               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
10371                  
10372
10373                  
10374                                       <div class="flex-1 min-w-0"></div>
10375                  
10376                  
10377                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
10378                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
10379                        </a></div>
10380                                 </div>
10381            </div>
10382         </div>
10383      </div>
10384   </div>
10385
10386</div>
10387<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
10388   bals-upcoming-match"
10389   data-accent="hot"
10390   data-template="chroma" data-sport="basketball"
10391   data-match-id="6ypq3kt792yzmd7" data-match-time="1791718200"
10392   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
10393    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
10394   <div class="block relative group">
10395      <a href="https://toptrader.io/basketball/liaoning-flying-leopards-vs-sichuan-jinqiang-blue-whales-on-11-10-2026/" class="absolute inset-0 z-0"
10396         data-tooltip="Liaoning Flying Leopards vs Sichuan Jinqiang Blue Whales lúc 18:30  ngày 11/10/2026"
10397         data-title="Liaoning Flying Leopards vs Sichuan Jinqiang Blue Whales lúc  18:30  ngày 11/10/2026"></a>
10398      <div class="chroma-signal-lock" aria-hidden="true"></div>
10399      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
10400         
10401         <div class="flex items-center justify-between sm:mb-0 mb-2">
10402            
10403            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
10404               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
10405                  loading="lazy" />
10406               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
10407            </div>
10408            
10409            <div
10410               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
10411               <span> 18:30 </span>
10412               <span class="text-gray-400 leading-none text-base">•</span>
10413               <span>11/10</span>
10414               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
10415               <span
10416                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
10417            </div>
10418         </div>
10419         
10420         <div class="relative">
10421            
10422            <div
10423               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
10424               <span class="bals-status-name mr-1">NS</span>            </div>
10425            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
10426               
10427               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
10428                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
10429                     Liaoning Flying Leopards
10430                  </div>
10431                  <img data-src="https://static.sportsfeed.pro/basketball/team/03173dab50b9418d1a834a91104d90a4.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Liaoning Flying Leopards Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
10432               
10433               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
10434                  <div
10435                     class="bals-score-track bals-score-track--vs">
10436                     <span
10437                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
10438                     <span
10439                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
10440                        0
10441                     </span>
10442                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
10443                     <span
10444                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
10445                        0
10446                     </span>
10447                  </div>
10448               </div>
10449               
10450               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
10451                  <img data-src="https://static.sportsfeed.pro/basketball/team/nd80e6d5b1e2d6d989b5c3b7790fe0025.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sichuan Jinqiang Blue Whales Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
10452                     Sichuan Jinqiang Blue Whales
10453                  </div>
10454               </div>
10455            </div>
10456         </div>
10457
10458         
10459         <div class="space-y-3">
10460            <div class="h-px w-full border-t-gradient-silver-fade"></div>
10461            <div class="relative">
10462               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
10463                  
10464
10465                  
10466                                       <div class="flex-1 min-w-0"></div>
10467                  
10468                  
10469                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
10470                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
10471                        </a></div>
10472                                 </div>
10473            </div>
10474         </div>
10475      </div>
10476   </div>
10477
10478</div>
10479<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
10480   bals-upcoming-match"
10481   data-accent="hot"
10482   data-template="chroma" data-sport="basketball"
10483   data-match-id="n54ql7tp0lg1rvy" data-match-time="1791718200"
10484   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
10485    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
10486   <div class="block relative group">
10487      <a href="https://toptrader.io/basketball/xinjiang-flying-tigers-vs-zhejiang-guangsha-lions-on-11-10-2026/" class="absolute inset-0 z-0"
10488         data-tooltip="Xinjiang Flying Tigers vs Zhejiang Guangsha Lions lúc 18:30  ngày 11/10/2026"
10489         data-title="Xinjiang Flying Tigers vs Zhejiang Guangsha Lions lúc  18:30  ngày 11/10/2026"></a>
10490      <div class="chroma-signal-lock" aria-hidden="true"></div>
10491      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
10492         
10493         <div class="flex items-center justify-between sm:mb-0 mb-2">
10494            
10495            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
10496               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
10497                  loading="lazy" />
10498               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
10499            </div>
10500            
10501            <div
10502               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
10503               <span> 18:30 </span>
10504               <span class="text-gray-400 leading-none text-base">•</span>
10505               <span>11/10</span>
10506               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
10507               <span
10508                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
10509            </div>
10510         </div>
10511         
10512         <div class="relative">
10513            
10514            <div
10515               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
10516               <span class="bals-status-name mr-1">NS</span>            </div>
10517            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
10518               
10519               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
10520                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
10521                     Xinjiang Flying Tigers
10522                  </div>
10523                  <img data-src="https://static.sportsfeed.pro/basketball/team/b54ffedd1c9a80374581bb3d7096dba6.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Xinjiang Flying Tigers Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
10524               
10525               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
10526                  <div
10527                     class="bals-score-track bals-score-track--vs">
10528                     <span
10529                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
10530                     <span
10531                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
10532                        0
10533                     </span>
10534                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
10535                     <span
10536                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
10537                        0
10538                     </span>
10539                  </div>
10540               </div>
10541               
10542               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
10543                  <img data-src="https://static.sportsfeed.pro/basketball/team/96108e3d2a3cf92f8f5305e5135f2419.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Zhejiang Guangsha Lions Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
10544                     Zhejiang Guangsha Lions
10545                  </div>
10546               </div>
10547            </div>
10548         </div>
10549
10550         
10551         <div class="space-y-3">
10552            <div class="h-px w-full border-t-gradient-silver-fade"></div>
10553            <div class="relative">
10554               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
10555                  
10556
10557                  
10558                                       <div class="flex-1 min-w-0"></div>
10559                  
10560                  
10561                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
10562                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
10563                        </a></div>
10564                                 </div>
10565            </div>
10566         </div>
10567      </div>
10568   </div>
10569
10570</div>
10571<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
10572   bals-upcoming-match"
10573   data-accent="hot"
10574   data-template="chroma" data-sport="basketball"
10575   data-match-id="965mk8t2vjdwm1g" data-match-time="1791718200"
10576   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
10577    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
10578   <div class="block relative group">
10579      <a href="https://toptrader.io/basketball/beijing-royal-fighters-vs-shanxi-loongs-fenjiu-on-11-10-2026/" class="absolute inset-0 z-0"
10580         data-tooltip="Beijing Royal Fighters vs Shanxi Loongs Fenjiu lúc 18:30  ngày 11/10/2026"
10581         data-title="Beijing Royal Fighters vs Shanxi Loongs Fenjiu lúc  18:30  ngày 11/10/2026"></a>
10582      <div class="chroma-signal-lock" aria-hidden="true"></div>
10583      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
10584         
10585         <div class="flex items-center justify-between sm:mb-0 mb-2">
10586            
10587            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
10588               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
10589                  loading="lazy" />
10590               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
10591            </div>
10592            
10593            <div
10594               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
10595               <span> 18:30 </span>
10596               <span class="text-gray-400 leading-none text-base">•</span>
10597               <span>11/10</span>
10598               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
10599               <span
10600                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
10601            </div>
10602         </div>
10603         
10604         <div class="relative">
10605            
10606            <div
10607               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
10608               <span class="bals-status-name mr-1">NS</span>            </div>
10609            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
10610               
10611               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
10612                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
10613                     Beijing Royal Fighters
10614                  </div>
10615                  <img data-src="https://static.sportsfeed.pro/basketball/team/559cfc139ec9e214e54b4ddae5d1cba7.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Beijing Royal Fighters Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
10616               
10617               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
10618                  <div
10619                     class="bals-score-track bals-score-track--vs">
10620                     <span
10621                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
10622                     <span
10623                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
10624                        0
10625                     </span>
10626                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
10627                     <span
10628                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
10629                        0
10630                     </span>
10631                  </div>
10632               </div>
10633               
10634               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
10635                  <img data-src="https://static.sportsfeed.pro/basketball/team/f7ad4ca154d205eb1799c5a1d1ff3370.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Shanxi Loongs Fenjiu Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
10636                     Shanxi Loongs Fenjiu
10637                  </div>
10638               </div>
10639            </div>
10640         </div>
10641
10642         
10643         <div class="space-y-3">
10644            <div class="h-px w-full border-t-gradient-silver-fade"></div>
10645            <div class="relative">
10646               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
10647                  
10648
10649                  
10650                                       <div class="flex-1 min-w-0"></div>
10651                  
10652                  
10653                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
10654                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
10655                        </a></div>
10656                                 </div>
10657            </div>
10658         </div>
10659      </div>
10660   </div>
10661
10662</div>
10663<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
10664   bals-upcoming-match"
10665   data-accent="hot"
10666   data-template="chroma" data-sport="basketball"
10667   data-match-id="l5ergytl1zx9r8k" data-match-time="1791718200"
10668   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
10669    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
10670   <div class="block relative group">
10671      <a href="https://toptrader.io/basketball/jiangsu-dragons-kentier-vs-beijing-shougang-ducks-on-11-10-2026/" class="absolute inset-0 z-0"
10672         data-tooltip="Jiangsu Dragons Kentier vs Beijing Shougang Ducks lúc 18:30  ngày 11/10/2026"
10673         data-title="Jiangsu Dragons Kentier vs Beijing Shougang Ducks lúc  18:30  ngày 11/10/2026"></a>
10674      <div class="chroma-signal-lock" aria-hidden="true"></div>
10675      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
10676         
10677         <div class="flex items-center justify-between sm:mb-0 mb-2">
10678            
10679            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
10680               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
10681                  loading="lazy" />
10682               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
10683            </div>
10684            
10685            <div
10686               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
10687               <span> 18:30 </span>
10688               <span class="text-gray-400 leading-none text-base">•</span>
10689               <span>11/10</span>
10690               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
10691               <span
10692                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
10693            </div>
10694         </div>
10695         
10696         <div class="relative">
10697            
10698            <div
10699               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
10700               <span class="bals-status-name mr-1">NS</span>            </div>
10701            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
10702               
10703               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
10704                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
10705                     Jiangsu Dragons Kentier
10706                  </div>
10707                  <img data-src="https://static.sportsfeed.pro/basketball/team/b25897e323bba837824c2d7fead03826.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Jiangsu Dragons Kentier Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
10708               
10709               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
10710                  <div
10711                     class="bals-score-track bals-score-track--vs">
10712                     <span
10713                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
10714                     <span
10715                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
10716                        0
10717                     </span>
10718                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
10719                     <span
10720                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
10721                        0
10722                     </span>
10723                  </div>
10724               </div>
10725               
10726               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
10727                  <img data-src="https://static.sportsfeed.pro/basketball/team/46cf02209721e88c21a85f35faeaa5f1.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Beijing Shougang Ducks Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
10728                     Beijing Shougang Ducks
10729                  </div>
10730               </div>
10731            </div>
10732         </div>
10733
10734         
10735         <div class="space-y-3">
10736            <div class="h-px w-full border-t-gradient-silver-fade"></div>
10737            <div class="relative">
10738               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
10739                  
10740
10741                  
10742                                       <div class="flex-1 min-w-0"></div>
10743                  
10744                  
10745                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
10746                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
10747                        </a></div>
10748                                 </div>
10749            </div>
10750         </div>
10751      </div>
10752   </div>
10753
10754</div>
10755<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
10756   bals-upcoming-match"
10757   data-accent="hot"
10758   data-template="chroma" data-sport="basketball"
10759   data-match-id="6ypq3kt7929zmd7" data-match-time="1791718200"
10760   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
10761    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
10762   <div class="block relative group">
10763      <a href="https://toptrader.io/basketball/guangdong-southern-tigers-vs-tianjin-pioneers-on-11-10-2026/" class="absolute inset-0 z-0"
10764         data-tooltip="Guangdong Southern Tigers vs Tianjin Pioneers lúc 18:30  ngày 11/10/2026"
10765         data-title="Guangdong Southern Tigers vs Tianjin Pioneers lúc  18:30  ngày 11/10/2026"></a>
10766      <div class="chroma-signal-lock" aria-hidden="true"></div>
10767      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
10768         
10769         <div class="flex items-center justify-between sm:mb-0 mb-2">
10770            
10771            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
10772               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
10773                  loading="lazy" />
10774               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
10775            </div>
10776            
10777            <div
10778               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
10779               <span> 18:30 </span>
10780               <span class="text-gray-400 leading-none text-base">•</span>
10781               <span>11/10</span>
10782               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
10783               <span
10784                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
10785            </div>
10786         </div>
10787         
10788         <div class="relative">
10789            
10790            <div
10791               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
10792               <span class="bals-status-name mr-1">NS</span>            </div>
10793            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
10794               
10795               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
10796                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
10797                     Guangdong Southern Tigers
10798                  </div>
10799                  <img data-src="https://static.sportsfeed.pro/basketball/team/5689743705f1852f10597c559323f04a.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Guangdong Southern Tigers Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
10800               
10801               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
10802                  <div
10803                     class="bals-score-track bals-score-track--vs">
10804                     <span
10805                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
10806                     <span
10807                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
10808                        0
10809                     </span>
10810                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
10811                     <span
10812                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
10813                        0
10814                     </span>
10815                  </div>
10816               </div>
10817               
10818               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
10819                  <img data-src="https://static.sportsfeed.pro/basketball/team/ca7a0200923048ff354ddcce89b8f12b.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Tianjin Pioneers Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
10820                     Tianjin Pioneers
10821                  </div>
10822               </div>
10823            </div>
10824         </div>
10825
10826         
10827         <div class="space-y-3">
10828            <div class="h-px w-full border-t-gradient-silver-fade"></div>
10829            <div class="relative">
10830               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
10831                  
10832
10833                  
10834                                       <div class="flex-1 min-w-0"></div>
10835                  
10836                  
10837                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
10838                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
10839                        </a></div>
10840                                 </div>
10841            </div>
10842         </div>
10843      </div>
10844   </div>
10845
10846</div>
10847<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
10848   bals-upcoming-match"
10849   data-accent="hot"
10850   data-template="chroma" data-sport="basketball"
10851   data-match-id="ednm9kt2y103ryo" data-match-time="1791757800"
10852   data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
10853    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
10854   <div class="block relative group">
10855      <a href="https://toptrader.io/basketball/cleveland-cavaliers-vs-orlando-magic-on-11-10-2026/" class="absolute inset-0 z-0"
10856         data-tooltip="Cleveland Cavaliers vs Orlando Magic lúc 05:30  ngày 12/10/2026"
10857         data-title="Cleveland Cavaliers vs Orlando Magic lúc  05:30  ngày 12/10/2026"></a>
10858      <div class="chroma-signal-lock" aria-hidden="true"></div>
10859      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
10860         
10861         <div class="flex items-center justify-between sm:mb-0 mb-2">
10862            
10863            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
10864               <img src="https://img.thesports.com/basketball/competition/061f5ab5b1
10864a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
10865                  loading="lazy" />
10866               <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span>
10867            </div>
10868            
10869            <div
10870               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
10871               <span> 05:30 </span>
10872               <span class="text-gray-400 leading-none text-base">•</span>
10873               <span>12/10</span>
10874               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
10875               <span
10876                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
10877            </div>
10878         </div>
10879         
10880         <div class="relative">
10881            
10882            <div
10883               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
10884               <span class="bals-status-name mr-1">NS</span>            </div>
10885            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
10886               
10887               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
10888                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
10889                     Cleveland Cavaliers
10890                  </div>
10891                  <img data-src="https://static.sportsfeed.pro/basketball/team/57c938e35ceb2ee92562a09c4165fb47.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Cleveland Cavaliers Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
10892               
10893               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
10894                  <div
10895                     class="bals-score-track bals-score-track--vs">
10896                     <span
10897                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
10898                     <span
10899                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
10900                        0
10901                     </span>
10902                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
10903                     <span
10904                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
10905                        0
10906                     </span>
10907                  </div>
10908               </div>
10909               
10910               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
10911                  <img data-src="https://static.sportsfeed.pro/basketball/team/0dc24d08ef0b5584e0b70f967db64b36.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Orlando Magic Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
10912                     Orlando Magic
10913                  </div>
10914               </div>
10915            </div>
10916         </div>
10917
10918         
10919         <div class="space-y-3">
10920            <div class="h-px w-full border-t-gradient-silver-fade"></div>
10921            <div class="relative">
10922               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
10923                  
10924
10925                  
10926                                       <div class="flex-1 min-w-0"></div>
10927                  
10928                  
10929                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
10930                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
10931                        </a></div>
10932                                 </div>
10933            </div>
10934         </div>
10935      </div>
10936   </div>
10937
10938</div>
10939<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
10940   bals-upcoming-match"
10941   data-accent="hot"
10942   data-template="chroma" data-sport="basketball"
10943   data-match-id="23xmv1tp5vk6mg8" data-match-time="1791759600"
10944   data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
10945    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
10946   <div class="block relative group">
10947      <a href="https://toptrader.io/basketball/charlotte-hornets-vs-milwaukee-bucks-on-11-10-2026/" class="absolute inset-0 z-0"
10948         data-tooltip="Charlotte Hornets vs Milwaukee Bucks lúc 06:00  ngày 12/10/2026"
10949         data-title="Charlotte Hornets vs Milwaukee Bucks lúc  06:00  ngày 12/10/2026"></a>
10950      <div class="chroma-signal-lock" aria-hidden="true"></div>
10951      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
10952         
10953         <div class="flex items-center justify-between sm:mb-0 mb-2">
10954            
10955            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
10956               <img src="https://img.thesports.com/basketball/competition/061f5ab5b1
10956a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
10957                  loading="lazy" />
10958               <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span>
10959            </div>
10960            
10961            <div
10962               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
10963               <span> 06:00 </span>
10964               <span class="text-gray-400 leading-none text-base">•</span>
10965               <span>12/10</span>
10966               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
10967               <span
10968                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
10969            </div>
10970         </div>
10971         
10972         <div class="relative">
10973            
10974            <div
10975               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
10976               <span class="bals-status-name mr-1">NS</span>            </div>
10977            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
10978               
10979               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
10980                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
10981                     Charlotte Hornets
10982                  </div>
10983                  <img data-src="https://static.sportsfeed.pro/basketball/team/e52f6ac53681289c91703501a960cb3c.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Charlotte Hornets Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
10984               
10985               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
10986                  <div
10987                     class="bals-score-track bals-score-track--vs">
10988                     <span
10989                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
10990                     <span
10991                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
10992                        0
10993                     </span>
10994                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
10995                     <span
10996                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
10997                        0
10998                     </span>
10999                  </div>
11000               </div>
11001               
11002               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
11003                  <img data-src="https://static.sportsfeed.pro/basketball/team/172138a954c51bb257ac1ebaa52f01a1.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Milwaukee Bucks Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
11004                     Milwaukee Bucks
11005                  </div>
11006               </div>
11007            </div>
11008         </div>
11009
11010         
11011         <div class="space-y-3">
11012            <div class="h-px w-full border-t-gradient-silver-fade"></div>
11013            <div class="relative">
11014               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
11015                  
11016
11017                  
11018                                       <div class="flex-1 min-w-0"></div>
11019                  
11020                  
11021                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
11022                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
11023                        </a></div>
11024                                 </div>
11025            </div>
11026         </div>
11027      </div>
11028   </div>
11029
11030</div>
11031
11032  </div>
11033
11034      <div class="flex justify-center items-center py-5 gap-1">
11035      <button
11036        class="load-more-matches px-6 py-2 rounded-full inset-ring inset-ring-gray-500/70 text-gray-400 cursor-pointer hover:bg-gray-700 hover:text-white transition-colors text-base font-normal"
11037        data-tab="bb-upcoming">
11038        Tải thêm các trận đấu
11039      </button>
11040    </div>
11041              </div>
11042            <div class="hidden match-container" id="bb-hot-content" role="tabpanel" aria-labelledby="bb-hot-tab">
11043               <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 bb-hot-matches-grid">
11044    <div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
11045   bals-upcoming-match"
11046   data-accent="hot"
11047   data-template="chroma" data-sport="basketball"
11048   data-match-id="23xmv1tp170zmg8" data-match-time="1791676800"
11049   data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
11050    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
11051   <div class="block relative group">
11052      <a href="https://toptrader.io/basketball/miami-heat-vs-minnesota-timberwolves-on-11-10-2026/" class="absolute inset-0 z-0"
11053         data-tooltip="Miami Heat vs Minnesota Timberwolves lúc 07:00  ngày 11/10/2026"
11054         data-title="Miami Heat vs Minnesota Timberwolves lúc  07:00  ngày 11/10/2026"></a>
11055      <div class="chroma-signal-lock" aria-hidden="true"></div>
11056      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
11057         
11058         <div class="flex items-center justify-between sm:mb-0 mb-2">
11059            
11060            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
11061               <img src="https://img.thesports.com/basketball/competition/061f5ab5b1a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
11062                  loading="lazy" />
11063               <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span>
11064            </div>
11065            
11066            <div
11067               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
11068               <span> 07:00 </span>
11069               <span class="text-gray-400 leading-none text-base">•</span>
11070               <span>11/10</span>
11071               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
11072               <span
11073                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
11074            </div>
11075         </div>
11076         
11077         <div class="relative">
11078            
11079            <div
11080               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
11081               <span class="bals-status-name mr-1">NS</span>            </div>
11082            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
11083               
11084               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
11085                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
11086                     Miami Heat
11087                  </div>
11088                  <img data-src="https://static.sportsfeed.pro/basketball/team/ff7ccef6a6b79c6417ee8367946b0aec.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Miami Heat Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
11089               
11090               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
11091                  <div
11092                     class="bals-score-track bals-score-track--vs">
11093                     <span
11094                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
11095                     <span
11096                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
11097                        0
11098                     </span>
11099                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
11100                     <span
11101                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
11102                        0
11103                     </span>
11104                  </div>
11105               </div>
11106               
11107               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
11108                  <img data-src="https://static.sportsfeed.pro/basketball/team/38794d0ac418d8f2d03bd17a2623f3ed.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Minnesota Timberwolves Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
11109                     Minnesota Timberwolves
11110                  </div>
11111               </div>
11112            </div>
11113         </div>
11114
11115         
11116         <div class="space-y-3">
11117            <div class="h-px w-full border-t-gradient-silver-fade"></div>
11118            <div class="relative">
11119               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
11120                  
11121
11122                  
11123                                       <div class="flex-1 min-w-0"></div>
11124                  
11125                  
11126                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
11127                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
11128                        </a></div>
11129                                 </div>
11130            </div>
11131         </div>
11132      </div>
11133   </div>
11134
11135</div>
11136<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
11137   bals-upcoming-match"
11138   data-accent="hot"
11139   data-template="chroma" data-sport="basketball"
11140   data-match-id="zp5rzkt6v8w9r82" data-match-time="1791676800"
11141   data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
11142    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
11143   <div class="block relative group">
11144      <a href="https://toptrader.io/basketball/boston-celtics-vs-philadelphia-76ers-on-11-10-2026/" class="absolute inset-0 z-0"
11145         data-tooltip="Boston Celtics vs Philadelphia 76ers lúc 07:00  ngày 11/10/2026"
11146         data-title="Boston Celtics vs Philadelphia 76ers lúc  07:00  ngày 11/10/2026"></a>
11147      <div class="chroma-signal-lock" aria-hidden="true"></div>
11148      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
11149         
11150         <div class="flex items-center justify-between sm:mb-0 mb-2">
11151            
11152            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
11153               <img src="https://img.thesports.com/basketball/competition/061f5ab5b1
11153a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
11154                  loading="lazy" />
11155               <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span>
11156            </div>
11157            
11158            <div
11159               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
11160               <span> 07:00 </span>
11161               <span class="text-gray-400 leading-none text-base">•</span>
11162               <span>11/10</span>
11163               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
11164               <span
11165                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
11166            </div>
11167         </div>
11168         
11169         <div class="relative">
11170            
11171            <div
11172               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
11173               <span class="bals-status-name mr-1">NS</span>            </div>
11174            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
11175               
11176               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
11177                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
11178                     Boston Celtics
11179                  </div>
11180                  <img data-src="https://static.sportsfeed.pro/basketball/team/884c1c1f5db46c170df3c34a8e213ec9.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Boston Celtics Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
11181               
11182               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
11183                  <div
11184                     class="bals-score-track bals-score-track--vs">
11185                     <span
11186                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
11187                     <span
11188                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
11189                        0
11190                     </span>
11191                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
11192                     <span
11193                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
11194                        0
11195                     </span>
11196                  </div>
11197               </div>
11198               
11199               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
11200                  <img data-src="https://static.sportsfeed.pro/basketball/team/06e7bde6cca98873fe971fad4e67a9b6.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Philadelphia 76ers Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
11201                     Philadelphia 76ers
11202                  </div>
11203               </div>
11204            </div>
11205         </div>
11206
11207         
11208         <div class="space-y-3">
11209            <div class="h-px w-full border-t-gradient-silver-fade"></div>
11210            <div class="relative">
11211               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
11212                  
11213
11214                  
11215                                       <div class="flex-1 min-w-0"></div>
11216                  
11217                  
11218                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
11219                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
11220                        </a></div>
11221                                 </div>
11222            </div>
11223         </div>
11224      </div>
11225   </div>
11226
11227</div>
11228<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
11229   bals-upcoming-match"
11230   data-accent="hot"
11231   data-template="chroma" data-sport="basketball"
11232   data-match-id="1l4rjztjovlom7v" data-match-time="1791678600"
11233   data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
11234    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
11235   <div class="block relative group">
11236      <a href="https://toptrader.io/basketball/golden-state-warriors-vs-sacramento-kings-on-11-10-2026/" class="absolute inset-0 z-0"
11237         data-tooltip="Golden State Warriors vs Sacramento Kings lúc 07:30  ngày 11/10/2026"
11238         data-title="Golden State Warriors vs Sacramento Kings lúc  07:30  ngày 11/10/2026"></a>
11239      <div class="chroma-signal-lock" aria-hidden="true"></div>
11240      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
11241         
11242         <div class="flex items-center justify-between sm:mb-0 mb-2">
11243            
11244            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
11245               <img src="https://img.thesports.com/basketball/competition/061f5ab5b1a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
11246                  loading="lazy" />
11247               <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span>
11248            </div>
11249            
11250            <div
11251               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
11252               <span> 07:30 </span>
11253               <span class="text-gray-400 leading-none text-base">•</span>
11254               <span>11/10</span>
11255               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
11256               <span
11257                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
11258            </div>
11259         </div>
11260         
11261         <div class="relative">
11262            
11263            <div
11264               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
11265               <span class="bals-status-name mr-1">NS</span>            </div>
11266            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
11267               
11268               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
11269                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
11270                     Golden State Warriors
11271                  </div>
11272                  <img data-src="https://static.sportsfeed.pro/basketball/team/df3f6f8bb17fd1c618f60f0b14637140.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Golden State Warriors Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
11273               
11274               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
11275                  <div
11276                     class="bals-score-track bals-score-track--vs">
11277                     <span
11278                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
11279                     <span
11280                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
11281                        0
11282                     </span>
11283                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
11284                     <span
11285                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
11286                        0
11287                     </span>
11288                  </div>
11289               </div>
11290               
11291               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
11292                  <img data-src="https://static.sportsfeed.pro/basketball/team/1fc010aba7ac510b5364e5f76ca4f060.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sacramento Kings Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
11293                     Sacramento Kings
11294                  </div>
11295               </div>
11296            </div>
11297         </div>
11298
11299         
11300         <div class="space-y-3">
11301            <div class="h-px w-full border-t-gradient-silver-fade"></div>
11302            <div class="relative">
11303               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
11304                  
11305
11306                  
11307                                       <div class="flex-1 min-w-0"></div>
11308                  
11309                  
11310                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
11311                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
11312                        </a></div>
11313                                 </div>
11314            </div>
11315         </div>
11316      </div>
11317   </div>
11318
11319</div>
11320<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
11321   bals-upcoming-match"
11322   data-accent="hot"
11323   data-template="chroma" data-sport="basketball"
11324   data-match-id="6ypq3kt7yx7nmd7" data-match-time="1791685800"
11325   data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
11326    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
11327   <div class="block relative group">
11328      <a href="https://toptrader.io/basketball/phoenix-suns-vs-san-antonio-spurs-on-11-10-2026/" class="absolute inset-0 z-0"
11329         data-tooltip="Phoenix Suns vs San Antonio Spurs lúc 09
11329:30  ngày 11/10/2026"
11330         data-title="Phoenix Suns vs San Antonio Spurs lúc  09:30  ngày 11/10/2026"></a>
11331      <div class="chroma-signal-lock" aria-hidden="true"></div>
11332      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
11333         
11334         <div class="flex items-center justify-between sm:mb-0 mb-2">
11335            
11336            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
11337               <img src="https://img.thesports.com/basketball/competition/061f5ab5b1a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
11338                  loading="lazy" />
11339               <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span>
11340            </div>
11341            
11342            <div
11343               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
11344               <span> 09:30 </span>
11345               <span class="text-gray-400 leading-none text-base">•</span>
11346               <span>11/10</span>
11347               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
11348               <span
11349                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
11350            </div>
11351         </div>
11352         
11353         <div class="relative">
11354            
11355            <div
11356               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
11357               <span class="bals-status-name mr-1">NS</span>            </div>
11358            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
11359               
11360               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
11361                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
11362                     Phoenix Suns
11363                  </div>
11364                  <img data-src="https://static.sportsfeed.pro/basketball/team/da3c882a7e0bc592b4c1ba9d8c5fb68d.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Phoenix Suns Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
11365               
11366               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
11367                  <div
11368                     class="bals-score-track bals-score-track--vs">
11369                     <span
11370                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
11371                     <span
11372                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
11373                        0
11374                     </span>
11375                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
11376                     <span
11377                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
11378                        0
11379                     </span>
11380                  </div>
11381               </div>
11382               
11383               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
11384                  <img data-src="https://static.sportsfeed.pro/basketball/team/5305d1a7b721b5bef418041eff53ba82.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="San Antonio Spurs Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
11385                     San Antonio Spurs
11386                  </div>
11387               </div>
11388            </div>
11389         </div>
11390
11391         
11392         <div class="space-y-3">
11393            <div class="h-px w-full border-t-gradient-silver-fade"></div>
11394            <div class="relative">
11395               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
11396                  
11397
11398                  
11399                                       <div class="flex-1 min-w-0"></div>
11400                  
11401                  
11402                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
11403                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
11404                        </a></div>
11405                                 </div>
11406            </div>
11407         </div>
11408      </div>
11409   </div>
11410
11411</div>
11412<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
11413   bals-upcoming-match"
11414   data-accent="hot"
11415   data-template="chroma" data-sport="basketball"
11416   data-match-id="318q6nt6exo0mo9" data-match-time="1791694800"
11417   data-competition-id="9d23xmv1t4mg8ny" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
11418    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
11419   <div class="block relative group">
11420      <a href="https://toptrader.io/basketball/anyang-jungkwanjang-red-boosters-vs-changwon-lg-sakers-on-11-10-2026/" class="absolute inset-0 z-0"
11421         data-tooltip="Anyang JungKwanJang Red Boosters vs Changwon LG Sakers lúc 12:00  ngày 11/10/2026"
11422         data-title="Anyang JungKwanJang Red Boosters vs Changwon LG Sakers lúc  12:00  ngày 11/10/2026"></a>
11423      <div class="chroma-signal-lock" aria-hidden="true"></div>
11424      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
11425         
11426         <div class="flex items-center justify-between sm:mb-0 mb-2">
11427            
11428            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
11429               <img src="https://img.thesports.com/basketball/competition/f841aa3bd3c2aeffca04f78bfaeecaf7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
11430                  loading="lazy" />
11431               <span class="truncate tracking-wide bals-competition-name">Korean Basketball League</span>
11432            </div>
11433            
11434            <div
11435               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
11436               <span> 12:00 </span>
11437               <span class="text-gray-400 leading-none text-base">•</span>
11438               <span>11/10</span>
11439               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
11440               <span
11441                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
11442            </div>
11443         </div>
11444         
11445         <div class="relative">
11446            
11447            <div
11448               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
11449               <span class="bals-status-name mr-1">NS</span>            </div>
11450            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
11451               
11452               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
11453                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
11454                     Anyang JungKwanJang Red Boosters
11455                  </div>
11456                  <img data-src="https://static.sportsfeed.pro/basketball/team/30683c359531664a5b97f129c047fcdc.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Anyang JungKwanJang Red Boosters Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
11457               
11458               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
11459                  <div
11460                     class="bals-score-track bals-score-track--vs">
11461                     <span
11462                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
11463                     <span
11464                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
11465                        0
11466                     </span>
11467                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
11468                     <span
11469                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
11470                        0
11471                     </span>
11472                  </div>
11473               </div>
11474               
11475               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
11476                  <img data-src="https://static.sportsfeed.pro/basketball/team/b3a61f88692a8a3836f3b93ba65b98da.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Changwon LG Sakers Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
11477                     Changwon LG Sakers
11478                  </div>
11479               </div>
11480            </div>
11481         </div>
11482
11483         
11484         <div class="space-y-3">
11485            <div class="h-px w-full border-t-gradient-silver-fade"></div>
11486            <div class="relative">
11487               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
11488                  
11489
11490                  
11491                                       <div class="flex-1 min-w-0"></div>
11492                  
11493                  
11494                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
11495                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
11496                        </a></div>
11497                                 </div>
11498            </div>
11499         </div>
11500      </div>
11501   </div>
11502
11503</div>
11504<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
11505   bals-upcoming-match"
11506   data-accent="hot"
11507   data-template="chroma" data-sport="basketball"
11508   data-match-id="6ypq3kt79vzpmd7" data-match-time="1791694800"
11509   data-competition-id="9d23xmv1t4mg8ny" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
11510    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
11511   <div class="block relative group">
11512      <a href="https://toptrader.io/basketball/seoul-samsung-thunders-vs-goyang-sono-skygunners-on-11-10-2026/" class="absolute inset-0 z-0"
11513         data-tooltip="Seoul Samsung Thunders vs Goyang Sono Skygunners lúc 12:00  ngày 11/10/2026"
11514         data-title="Seoul Samsung Thunders vs Goyang Sono Skygunners lúc  12:00  ngày 11/10/2026"></a>
11515      <div class="chroma-signal-lock" aria-hidden="true"></div>
11516      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
11517         
11518         <div class="flex items-center justify-between sm:mb-0 mb-2">
11519            
11520            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
11521               <img src="https://img.thesports.com/basketball/competition/f841aa3bd3c2aeffca04f78bfaeecaf7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
11522                  loading="lazy" />
11523               <span class="truncate tracking-wide bals-competition-name">Korean Basketball League</span>
11524            </div>
11525            
11526            <div
11527               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
11528               <span> 12:00 </span>
11529               <span class="text-gray-400 leading-none text-base">•</span>
11530               <span>11/10</span>
11531               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
11532               <span
11533                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
11534            </div>
11535         </div>
11536         
11537         <div class="relative">
11538            
11539            <div
11540               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
11541               <span class="bals-status-name mr-1">NS</span>            </div>
11542            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
11543               
11544               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
11545                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
11546                     Seoul Samsung Thunders
11547                  </div>
11548                  <img data-src="https://static.sportsfeed.pro/basketball/team/9adc8e5768f7787b81ad366fed7b5edd.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Seoul Samsung Thunders Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
11549               
11550               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
11551                  <div
11552                     class="bals-score-track bals-score-track--vs">
11553                     <span
11554                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
11555                     <span
11556                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
11557                        0
11558                     </span>
11559                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
11560                     <span
11561                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
11562                        0
11563                     </span>
11564                  </div>
11565               </div>
11566               
11567               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
11568                  <img data-src="https://static.sportsfeed.pro/basketball/team/4a5ba2f4b39c4cb6db259ed9fb916da1.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Goyang Sono Skygunners Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
11569                     Goyang Sono Skygunners
11570                  </div>
11571               </div>
11572            </div>
11573         </div>
11574
11575         
11576         <div class="space-y-3">
11577            <div class="h-px w-full border-t-gradient-silver-fade"></div>
11578            <div class="relative">
11579               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
11580                  
11581
11582                  
11583                                       <div class="flex-1 min-w-0"></div>
11584                  
11585                  
11586                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
11587                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
11588                        </a></div>
11589                                 </div>
11590            </div>
11591         </div>
11592      </div>
11593   </div>
11594
11595</div>
11596<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
11597   bals-upcoming-match"
11598   data-accent="hot"
11599   data-template="chroma" data-sport="basketball"
11600   data-match-id="8yomovtgpwpkq0j" data-match-time="1791702000"
11601   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
11602    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
11603   <div class="block relative group">
11604      <a href="https://toptrader.io/basketball/shandong-hi-speed-kirin-v
11604s-guangzhou-loong-lions-on-11-10-2026/" class="absolute inset-0 z-0"
11605         data-tooltip="Shandong Hi-Speed Kirin vs Guangzhou Loong Lions lúc 14:00  ngày 11/10/2026"
11606         data-title="Shandong Hi-Speed Kirin vs Guangzhou Loong Lions lúc  14:00  ngày 11/10/2026"></a>
11607      <div class="chroma-signal-lock" aria-hidden="true"></div>
11608      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
11609         
11610         <div class="flex items-center justify-between sm:mb-0 mb-2">
11611            
11612            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
11613               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
11614                  loading="lazy" />
11615               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
11616            </div>
11617            
11618            <div
11619               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
11620               <span> 14:00 </span>
11621               <span class="text-gray-400 leading-none text-base">•</span>
11622               <span>11/10</span>
11623               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
11624               <span
11625                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
11626            </div>
11627         </div>
11628         
11629         <div class="relative">
11630            
11631            <div
11632               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
11633               <span class="bals-status-name mr-1">NS</span>            </div>
11634            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
11635               
11636               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
11637                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
11638                     Shandong Hi-Speed Kirin
11639                  </div>
11640                  <img data-src="https://static.sportsfeed.pro/basketball/team/fd94971d5354c254a48249ad402cfb92.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Shandong Hi-Speed Kirin Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
11641               
11642               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
11643                  <div
11644                     class="bals-score-track bals-score-track--vs">
11645                     <span
11646                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
11647                     <span
11648                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
11649                        0
11650                     </span>
11651                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
11652                     <span
11653                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
11654                        0
11655                     </span>
11656                  </div>
11657               </div>
11658               
11659               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
11660                  <img data-src="https://static.sportsfeed.pro/basketball/team/858cde8d2c075296f24e7ee61929fbeb.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Guangzhou Loong Lions Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
11661                     Guangzhou Loong Lions
11662                  </div>
11663               </div>
11664            </div>
11665         </div>
11666
11667         
11668         <div class="space-y-3">
11669            <div class="h-px w-full border-t-gradient-silver-fade"></div>
11670            <div class="relative">
11671               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
11672                  
11673
11674                  
11675                                       <div class="flex-1 min-w-0"></div>
11676                  
11677                  
11678                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
11679                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
11680                        </a></div>
11681                                 </div>
11682            </div>
11683         </div>
11684      </div>
11685   </div>
11686
11687</div>
11688<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
11689   bals-upcoming-match"
11690   data-accent="hot"
11691   data-template="chroma" data-sport="basketball"
11692   data-match-id="8yomovtgpwlkq0j" data-match-time="1791702000"
11693   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
11694    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
11695   <div class="block relative group">
11696      <a href="https://toptrader.io/basketball/shanghai-jiushi-sharks-vs-fujian-xunxing-sturgeons-on-11-10-2026/" class="absolute inset-0 z-0"
11697         data-tooltip="Shanghai Jiushi Sharks vs Fujian Xunxing Sturgeons lúc 14:00  ngày 11/10/2026"
11698         data-title="Shanghai Jiushi Sharks vs Fujian Xunxing Sturgeons lúc  14:00  ngày 11/10/2026"></a>
11699      <div class="chroma-signal-lock" aria-hidden="true"></div>
11700      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
11701         
11702         <div class="flex items-center justify-between sm:mb-0 mb-2">
11703            
11704            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
11705               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
11706                  loading="lazy" />
11707               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
11708            </div>
11709            
11710            <div
11711               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
11712               <span> 14:00 </span>
11713               <span class="text-gray-400 leading-none text-base">•</span>
11714               <span>11/10</span>
11715               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
11716               <span
11717                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
11718            </div>
11719         </div>
11720         
11721         <div class="relative">
11722            
11723            <div
11724               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
11725               <span class="bals-status-name mr-1">NS</span>            </div>
11726            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
11727               
11728               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
11729                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
11730                     Shanghai Jiushi Sharks
11731                  </div>
11732                  <img data-src="https://static.sportsfeed.pro/basketball/team/1125281dafbf06dad029825221e83d5a.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Shanghai Jiushi Sharks Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
11733               
11734               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
11735                  <div
11736                     class="bals-score-track bals-score-track--vs">
11737                     <span
11738                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
11739                     <span
11740                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
11741                        0
11742                     </span>
11743                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
11744                     <span
11745                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
11746                        0
11747                     </span>
11748                  </div>
11749               </div>
11750               
11751               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
11752                  <img data-src="https://static.sportsfeed.pro/basketball/team/2428a8c17b5a31163b54cb9502998bbf.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Fujian Xunxing Sturgeons Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
11753                     Fujian Xunxing Sturgeons
11754                  </div>
11755               </div>
11756            </div>
11757         </div>
11758
11759         
11760         <div class="space-y-3">
11761            <div class="h-px w-full border-t-gradient-silver-fade"></div>
11762            <div class="relative">
11763               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
11764                  
11765
11766                  
11767                                       <div class="flex-1 min-w-0"></div>
11768                  
11769                  
11770                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
11771                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
11772                        </a></div>
11773                                 </div>
11774            </div>
11775         </div>
11776      </div>
11777   </div>
11778
11779</div>
11780<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
11781   bals-upcoming-match"
11782   data-accent="hot"
11783   data-template="chroma" data-sport="basketball"
11784   data-match-id="y0or5gtzpvyjqwz" data-match-time="1791702000"
11785   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
11786    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
11787   <div class="block relative group">
11788      <a href="https://toptrader.io/basketball/jilin-northeast-tigers-vs-qingdao-eagles-on-11-10-2026/" class="absolute inset-0 z-0"
11789         data-tooltip="Jilin Northeast Tigers vs Qingdao Eagles lúc 14:00  ngày 11/10/2026"
11790         data-title="Jilin Northeast Tigers vs Qingdao Eagles lúc  14:00  ngày 11/10/2026"></a>
11791      <div class="chroma-signal-lock" aria-hidden="true"></div>
11792      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
11793         
11794         <div class="flex items-center justify-between sm:mb-0 mb-2">
11795            
11796            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
11797               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
11798                  loading="lazy" />
11799               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
11800            </div>
11801            
11802            <div
11803               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
11804               <span> 14:00 </span>
11805               <span class="text-gray-400 leading-none text-base">•</span>
11806               <span>11/10</span>
11807               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
11808               <span
11809                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
11810            </div>
11811         </div>
11812         
11813         <div class="relative">
11814            
11815            <div
11816               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
11817               <span class="bals-status-name mr-1">NS</span>            </div>
11818            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
11819               
11820               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
11821                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
11822                     Jilin Northeast Tigers
11823                  </div>
11824                  <img data-src="https://static.sportsfeed.pro/basketball/team/0ef4bf20fbdcd89b1d7cb4a9b29f0f5a.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Jilin Northeast Tigers Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
11825               
11826               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
11827                  <div
11828                     class="bals-score-track bals-score-track--vs">
11829                     <span
11830                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
11831                     <span
11832                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
11833                        0
11834                     </span>
11835                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
11836                     <span
11837                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
11838                        0
11839                     </span>
11840                  </div>
11841               </div>
11842               
11843               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
11844                  <img data-src="https://static.sportsfeed.pro/basketball/team/8265cde14b18d7e3716bb1e0b0aed623.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Qingdao Eagles Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
11845                     Qingdao Eagles
11846                  </div>
11847               </div>
11848            </div>
11849         </div>
11850
11851         
11852         <div class="space-y-3">
11853            <div class="h-px w-full border-t-gradient-silver-fade"></div>
11854            <div class="relative">
11855               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
11856                  
11857
11858                  
11859                                       <div class="flex-1 min-w-0"></div>
11860                  
11861                  
11862                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
11863                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
11864                        </a></div>
11865                                 </div>
11866            </div>
11867         </div>
11868      </div>
11869   </div>
11870
11871</div>
11872<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
11873   bals-upcoming-match"
11874   data-accent="hot"
11875   data-template="chroma" data-sport="basketball"
11876   data-match-id="ednm9kt2njy5ryo" data-match-time="1791702000"
11877   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
11878    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
11879   <div class="block relative group">
11880      <a href="https://toptrader.io/basketball/nanjing-monkey-kings-vs-shenzhen-leopards-on-11-10-2026/" class="absolute inset-0 z-0"
11881         data-tooltip="Nanjing Monkey Kings vs Shenzhen Leopards lúc 14:00  ngày 11/10/2026"
11882         data-title="Nanjing Monkey Kings vs Shenzhen Leopards lúc  14:00  ngày 11/10/2026"></a>
11883      <div class="chroma-signal-lock" aria-hidden="true"></div>
11884      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
11885         
11886         <div class="flex items-center justify-between sm:mb-0 mb-2">
11887            
11888            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
11889               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
11890                  loading="lazy" />
11891               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
11892            </div>
11893            
11894            <div
11895               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
11896               <span> 14:00 </span>
11897               <span class="text-gray-400 leading-none text-base">•</span>
11898               <span>11/10</span>
11899               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
11900               <span
11901                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
11902            </div>
11903         </div>
11904         
11905         <div class="relative">
11906            
11907            <div
11908               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
11909               <span class="bals-status-name mr-1">NS</span>            </div>
11910            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
11911               
11912               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
11913                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
11914                     Nanjing Monkey Kings
11915                  </div>
11916                  <img data-src="https://static.sportsfeed.pro/basketball/team/a5117efc96b29138d9db8f5abc1aa699.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Nanjing Monkey Kings Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
11917               
11918               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
11919                  <div
11920                     class="bals-score-track bals-score-track--vs">
11921                     <span
11922                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
11923                     <span
11924                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
11925                        0
11926                     </span>
11927                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
11928                     <span
11929                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
11930                        0
11931                     </span>
11932                  </div>
11933               </div>
11934               
11935               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
11936                  <img data-src="https://static.sportsfeed.pro/basketball/team/fb44eee02df789207dee98898982cc16.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Shenzhen Leopards Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
11937                     Shenzhen Leopards
11938                  </div>
11939               </div>
11940            </div>
11941         </div>
11942
11943         
11944         <div class="space-y-3">
11945            <div class="h-px w-full border-t-gradient-silver-fade"></div>
11946            <div class="relative">
11947               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
11948                  
11949
11950                  
11951                                       <div class="flex-1 min-w-0"></div>
11952                  
11953                  
11954                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
11955                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
11956                        </a></div>
11957                                 </div>
11958            </div>
11959         </div>
11960      </div>
11961   </div>
11962
11963</div>
11964<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
11965   bals-upcoming-match"
11966   data-accent="hot"
11967   data-template="chroma" data-sport="basketball"
11968   data-match-id="4wyrn1to3jp3q86" data-match-time="1791702000"
11969   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
11970    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
11971   <div class="block relative group">
11972      <a href="https://toptrader.io/basketball/ningbo-rockets-vs-zhejiang-golden-bulls-on-11-10-2026/" class="absolute inset-0 z-0"
11973         data-tooltip="Ningbo Rockets vs Zhejiang Golden Bulls lúc 14:00  ngày 11/10/2026"
11974         data-title="Ningbo Rockets vs Zhejiang Golden Bulls lúc  14:00  ngày 11/10/2026"></a>
11975      <div class="chroma-signal-lock" aria-hidden="true"></div>
11976      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
11977         
11978         <div class="flex items-center justify-between sm:mb-0 mb-2">
11979            
11980            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
11981               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
11982                  loading="lazy" />
11983               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
11984            </div>
11985            
11986            <div
11987               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
11988               <span> 14:00 </span>
11989               <span class="text-gray-400 leading-none text-base">•</span>
11990               <span>11/10</span>
11991               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
11992               <span
11993                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
11994            </div>
11995         </div>
11996         
11997         <div class="relative">
11998            
11999            <div
12000               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
12001               <span class="bals-status-name mr-1">NS</span>            </div>
12002            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
12003               
12004               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
12005                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
12006                     Ningbo Rockets
12007                  </div>
12008                  <img data-src="https://static.sportsfeed.pro/basketball/team/9b17d2feb1397b99fa0530fba4c7385b.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Ningbo Rockets Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
12009               
12010               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
12011                  <div
12012                     class="bals-score-track bals-score-track--vs">
12013                     <span
12014                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
12015                     <span
12016                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
12017                        0
12018                     </span>
12019                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
12020                     <span
12021                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
12022                        0
12023                     </span>
12024                  </div>
12025               </div>
12026               
12027               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
12028                  <img data-src="https://static.sportsfeed.pro/basketball/team/d1d77f07287fe840a7e77459e5bd1bfc.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Zhejiang Golden Bulls Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
12029                     Zhejiang Golden Bulls
12030                  </div>
12031               </div>
12032            </div>
12033         </div>
12034
12035         
12036         <div class="space-y-3">
12037            <div class="h-px w-full border-t-gradient-silver-fade"></div>
12038            <div class="relative">
12039               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
12040                  
12041
12042                  
12043                                       <div class="flex-1 min-w-0"></div>
12044                  
12045                  
12046                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
12047                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
12048                        </a></div>
12049                                 </div>
12050            </div>
12051         </div>
12052      </div>
12053   </div>
12054
12055</div>
12056<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
12057   bals-upcoming-match"
12058   data-accent="hot"
12059   data-template="chroma" data-sport="basketball"
12060   data-match-id="965mk8t2vydxm1g" data-match-time="1791703800"
12061   data-competition-id="9d23xmv1t4mg8ny" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
12062    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
12063   <div class="block relative group">
12064      <a href="https://toptrader.io/basketball/busan-kcc-egis-vs-suwon-kt-sonicboom-on-11-10-2026/" class="absolute inset-0 z-0"
12065         data-tooltip="Busan KCC Egis vs Suwon KT Sonicboom lúc 14:30  ngày 11/10/2026"
12066         data-title="Busan KCC Egis vs Suwon KT Sonicboom lúc  14:30  ngày 11/10/2026"></a>
12067      <div class="chroma-signal-lock" aria-hidden="true"></div>
12068      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
12069         
12070         <div class="flex items-center justify-between sm:mb-0 mb-2">
12071            
12072            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
12073               <img src="https://img.thesports.com/basketball/competition/f841aa3bd3c2aeffca04f78bfaeecaf7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
12074                  loading="lazy" />
12075               <span class="truncate tracking-wide bals-competition-name">Korean Basketball League</span>
12076            </div>
12077            
12078            <div
12079               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
12080               <span> 14:30 </span>
12081               <span class="text-gray-400 leading-none text-base">•</span>
12082               <span>11/10</span>
12083               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
12084               <span
12085                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
12086            </div>
12087         </div>
12088         
12089         <div class="relative">
12090            
12091            <div
12092               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
12093               <span class="bals-status-name mr-1">NS</span>            </div>
12094            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
12095               
12096               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
12097                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
12098                     Busan KCC Egis
12099                  </div>
12100                  <img data-src="https://static.sportsfeed.pro/basketball/team/0add24fc964de3ea25e83417aa301f81.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Busan KCC Egis Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
12101               
12102               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
12103                  <div
12104                     class="bals-score-track bals-score-track--vs">
12105                     <span
12106                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
12107                     <span
12108                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
12109                        0
12110                     </span>
12111                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
12112                     <span
12113                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
12114                        0
12115                     </span>
12116                  </div>
12117               </div>
12118               
12119               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
12120                  <img data-src="https://static.sportsfeed.pro/basketball/team/624b1a84ff50919f44835640108bdd42.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Suwon KT Sonicboom Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
12121                     Suwon KT Sonicboom
12122                  </div>
12123               </div>
12124            </div>
12125         </div>
12126
12127         
12128         <div class="space-y-3">
12129            <div class="h-px w-full border-t-gradient-silver-fade"></div>
12130            <div class="relative">
12131               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
12132                  
12133
12134                  
12135                                       <div class="flex-1 min-w-0"></div>
12136                  
12137                  
12138                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
12139                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
12140                        </a></div>
12141                                 </div>
12142            </div>
12143         </div>
12144      </div>
12145   </div>
12146
12147</div>
12148<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
12149   bals-upcoming-match"
12150   data-accent="hot"
12151   data-template="chroma" data-sport="basketball"
12152   data-match-id="4jwq25tzyl92q0v" data-match-time="1791712800"
12153   data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
12154    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
12155   <div class="block relative group">
12156      <a href="https://toptrader.io/basketball/houston-rockets-vs-dallas-mavericks-on-11-10-2026/" class="absolute inset-0 z-0"
12157         data-tooltip="Houston Rockets vs Dallas Mavericks lúc 17:00  ngày 11/10/2026"
12158         data-title="Houston Rockets vs Dallas Mavericks lúc  17:00  ngày 11/10/2026"></a>
12159      <div class="chroma-signal-lock" aria-hidden="true"></div>
12160      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
12161         
12162         <div class="flex items-center justify-between sm:mb-0 mb-2">
12163            
12164            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
12165               <img src="https://img.thesports.com/basketball/competition/061f5ab5b1
12165a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
12166                  loading="lazy" />
12167               <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span>
12168            </div>
12169            
12170            <div
12171               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
12172               <span> 17:00 </span>
12173               <span class="text-gray-400 leading-none text-base">•</span>
12174               <span>11/10</span>
12175               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
12176               <span
12177                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
12178            </div>
12179         </div>
12180         
12181         <div class="relative">
12182            
12183            <div
12184               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
12185               <span class="bals-status-name mr-1">NS</span>            </div>
12186            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
12187               
12188               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
12189                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
12190                     Houston Rockets
12191                  </div>
12192                  <img data-src="https://static.sportsfeed.pro/basketball/team/bcfe797437f18526ff4e62177021f638.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Houston Rockets Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
12193               
12194               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
12195                  <div
12196                     class="bals-score-track bals-score-track--vs">
12197                     <span
12198                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
12199                     <span
12200                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
12201                        0
12202                     </span>
12203                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
12204                     <span
12205                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
12206                        0
12207                     </span>
12208                  </div>
12209               </div>
12210               
12211               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
12212                  <img data-src="https://static.sportsfeed.pro/basketball/team/42d7b5ec22b2eb411d68f94a04eab742.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Dallas Mavericks Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
12213                     Dallas Mavericks
12214                  </div>
12215               </div>
12216            </div>
12217         </div>
12218
12219         
12220         <div class="space-y-3">
12221            <div class="h-px w-full border-t-gradient-silver-fade"></div>
12222            <div class="relative">
12223               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
12224                  
12225
12226                  
12227                                       <div class="flex-1 min-w-0"></div>
12228                  
12229                  
12230                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
12231                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
12232                        </a></div>
12233                                 </div>
12234            </div>
12235         </div>
12236      </div>
12237   </div>
12238
12239</div>
12240<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
12241   bals-upcoming-match"
12242   data-accent="hot"
12243   data-template="chroma" data-sport="basketball"
12244   data-match-id="6ypq3kt792yzmd7" data-match-time="1791718200"
12245   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
12246    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
12247   <div class="block relative group">
12248      <a href="https://toptrader.io/basketball/liaoning-flying-leopards-vs-sichuan-jinqiang-blue-whales-on-11-10-2026/" class="absolute inset-0 z-0"
12249         data-tooltip="Liaoning Flying Leopards vs Sichuan Jinqiang Blue Whales lúc 18:30  ngày 11/10/2026"
12250         data-title="Liaoning Flying Leopards vs Sichuan Jinqiang Blue Whales lúc  18:30  ngày 11/10/2026"></a>
12251      <div class="chroma-signal-lock" aria-hidden="true"></div>
12252      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
12253         
12254         <div class="flex items-center justify-between sm:mb-0 mb-2">
12255            
12256            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
12257               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
12258                  loading="lazy" />
12259               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
12260            </div>
12261            
12262            <div
12263               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
12264               <span> 18:30 </span>
12265               <span class="text-gray-400 leading-none text-base">•</span>
12266               <span>11/10</span>
12267               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
12268               <span
12269                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
12270            </div>
12271         </div>
12272         
12273         <div class="relative">
12274            
12275            <div
12276               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
12277               <span class="bals-status-name mr-1">NS</span>            </div>
12278            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
12279               
12280               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
12281                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
12282                     Liaoning Flying Leopards
12283                  </div>
12284                  <img data-src="https://static.sportsfeed.pro/basketball/team/03173dab50b9418d1a834a91104d90a4.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Liaoning Flying Leopards Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
12285               
12286               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
12287                  <div
12288                     class="bals-score-track bals-score-track--vs">
12289                     <span
12290                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
12291                     <span
12292                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
12293                        0
12294                     </span>
12295                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
12296                     <span
12297                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
12298                        0
12299                     </span>
12300                  </div>
12301               </div>
12302               
12303               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
12304                  <img data-src="https://static.sportsfeed.pro/basketball/team/nd80e6d5b1e2d6d989b5c3b7790fe0025.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sichuan Jinqiang Blue Whales Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
12305                     Sichuan Jinqiang Blue Whales
12306                  </div>
12307               </div>
12308            </div>
12309         </div>
12310
12311         
12312         <div class="space-y-3">
12313            <div class="h-px w-full border-t-gradient-silver-fade"></div>
12314            <div class="relative">
12315               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
12316                  
12317
12318                  
12319                                       <div class="flex-1 min-w-0"></div>
12320                  
12321                  
12322                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
12323                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
12324                        </a></div>
12325                                 </div>
12326            </div>
12327         </div>
12328      </div>
12329   </div>
12330
12331</div>
12332<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
12333   bals-upcoming-match"
12334   data-accent="hot"
12335   data-template="chroma" data-sport="basketball"
12336   data-match-id="n54ql7tp0lg1rvy" data-match-time="1791718200"
12337   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
12338    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
12339   <div class="block relative group">
12340      <a href="https://toptrader.io/basketball/xinjiang-flying-tigers-vs-zhejiang-guangsha-lions-on-11-10-2026/" class="absolute inset-0 z-0"
12341         data-tooltip="Xinjiang Flying Tigers vs Zhejiang Guangsha Lions lúc 18:30  ngày 11/10/2026"
12342         data-title="Xinjiang Flying Tigers vs Zhejiang Guangsha Lions lúc  18:30  ngày 11/10/2026"></a>
12343      <div class="chroma-signal-lock" aria-hidden="true"></div>
12344      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
12345         
12346         <div class="flex items-center justify-between sm:mb-0 mb-2">
12347            
12348            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
12349               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
12350                  loading="lazy" />
12351               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
12352            </div>
12353            
12354            <div
12355               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
12356               <span> 18:30 </span>
12357               <span class="text-gray-400 leading-none text-base">•</span>
12358               <span>11/10</span>
12359               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
12360               <span
12361                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
12362            </div>
12363         </div>
12364         
12365         <div class="relative">
12366            
12367            <div
12368               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
12369               <span class="bals-status-name mr-1">NS</span>            </div>
12370            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
12371               
12372               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
12373                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
12374                     Xinjiang Flying Tigers
12375                  </div>
12376                  <img data-src="https://static.sportsfeed.pro/basketball/team/b54ffedd1c9a80374581bb3d7096dba6.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Xinjiang Flying Tigers Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
12377               
12378               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
12379                  <div
12380                     class="bals-score-track bals-score-track--vs">
12381                     <span
12382                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
12383                     <span
12384                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
12385                        0
12386                     </span>
12387                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
12388                     <span
12389                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
12390                        0
12391                     </span>
12392                  </div>
12393               </div>
12394               
12395               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
12396                  <img data-src="https://static.sportsfeed.pro/basketball/team/96108e3d2a3cf92f8f5305e5135f2419.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Zhejiang Guangsha Lions Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
12397                     Zhejiang Guangsha Lions
12398                  </div>
12399               </div>
12400            </div>
12401         </div>
12402
12403         
12404         <div class="space-y-3">
12405            <div class="h-px w-full border-t-gradient-silver-fade"></div>
12406            <div class="relative">
12407               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
12408                  
12409
12410                  
12411                                       <div class="flex-1 min-w-0"></div>
12412                  
12413                  
12414                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
12415                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
12416                        </a></div>
12417                                 </div>
12418            </div>
12419         </div>
12420      </div>
12421   </div>
12422
12423</div>
12424<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
12425   bals-upcoming-match"
12426   data-accent="hot"
12427   data-template="chroma" data-sport="basketball"
12428   data-match-id="965mk8t2vjdwm1g" data-match-time="1791718200"
12429   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
12430    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
12431   <div class="block relative group">
12432      <a href="https://toptrader.io/basketball/beijing-royal-fighters-vs-shanxi-loongs-fenjiu-on-11-10-2026/" class="absolute inset-0 z-0"
12433         data-tooltip="Beijing Royal Fighters vs Shanxi Loongs Fenjiu lúc 18:30  ngày 11/10/2026"
12434         data-title="Beijing Royal Fighters vs Shanxi Loongs Fenjiu lúc  18:30  ngày 11/10/2026"></a>
12435      <div class="chroma-signal-lock" aria-hidden="true"></div>
12436      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
12437         
12438         <div class="flex items-center justify-between sm:mb-0 mb-2">
12439            
12440            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
12441               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
12442                  loading="lazy" />
12443               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
12444            </div>
12445            
12446            <div
12447               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
12448               <span> 18:30 </span>
12449               <span class="text-gray-400 leading-none text-base">•</span>
12450               <span>11/10</span>
12451               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
12452               <span
12453                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
12454            </div>
12455         </div>
12456         
12457         <div class="relative">
12458            
12459            <div
12460               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
12461               <span class="bals-status-name mr-1">NS</span>            </div>
12462            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
12463               
12464               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
12465                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
12466                     Beijing Royal Fighters
12467                  </div>
12468                  <img data-src="https://static.sportsfeed.pro/basketball/team/559cfc139ec9e214e54b4ddae5d1cba7.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Beijing Royal Fighters Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
12469               
12470               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
12471                  <div
12472                     class="bals-score-track bals-score-track--vs">
12473                     <span
12474                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
12475                     <span
12476                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
12477                        0
12478                     </span>
12479                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
12480                     <span
12481                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
12482                        0
12483                     </span>
12484                  </div>
12485               </div>
12486               
12487               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
12488                  <img data-src="https://static.sportsfeed.pro/basketball/team/f7ad4ca154d205eb1799c5a1d1ff3370.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Shanxi Loongs Fenjiu Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
12489                     Shanxi Loongs Fenjiu
12490                  </div>
12491               </div>
12492            </div>
12493         </div>
12494
12495         
12496         <div class="space-y-3">
12497            <div class="h-px w-full border-t-gradient-silver-fade"></div>
12498            <div class="relative">
12499               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
12500                  
12501
12502                  
12503                                       <div class="flex-1 min-w-0"></div>
12504                  
12505                  
12506                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
12507                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
12508                        </a></div>
12509                                 </div>
12510            </div>
12511         </div>
12512      </div>
12513   </div>
12514
12515</div>
12516<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
12517   bals-upcoming-match"
12518   data-accent="hot"
12519   data-template="chroma" data-sport="basketball"
12520   data-match-id="l5ergytl1zx9r8k" data-match-time="1791718200"
12521   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
12522    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
12523   <div class="block relative group">
12524      <a href="https://toptrader.io/basketball/jiangsu-dragons-kentier-vs-beijing-shougang-ducks-on-11-10-2026/" class="absolute inset-0 z-0"
12525         data-tooltip="Jiangsu Dragons Kentier vs Beijing Shougang Ducks lúc 18:30  ngày 11/10/2026"
12526         data-title="Jiangsu Dragons Kentier vs Beijing Shougang Ducks lúc  18:30  ngày 11/10/2026"></a>
12527      <div class="chroma-signal-lock" aria-hidden="true"></div>
12528      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
12529         
12530         <div class="flex items-center justify-between sm:mb-0 mb-2">
12531            
12532            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
12533               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
12534                  loading="lazy" />
12535               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
12536            </div>
12537            
12538            <div
12539               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
12540               <span> 18:30 </span>
12541               <span class="text-gray-400 leading-none text-base">•</span>
12542               <span>11/10</span>
12543               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
12544               <span
12545                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
12546            </div>
12547         </div>
12548         
12549         <div class="relative">
12550            
12551            <div
12552               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
12553               <span class="bals-status-name mr-1">NS</span>            </div>
12554            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
12555               
12556               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
12557                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
12558                     Jiangsu Dragons Kentier
12559                  </div>
12560                  <img data-src="https://static.sportsfeed.pro/basketball/team/b25897e323bba837824c2d7fead03826.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Jiangsu Dragons Kentier Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
12561               
12562               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
12563                  <div
12564                     class="bals-score-track bals-score-track--vs">
12565                     <span
12566                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
12567                     <span
12568                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
12569                        0
12570                     </span>
12571                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
12572                     <span
12573                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
12574                        0
12575                     </span>
12576                  </div>
12577               </div>
12578               
12579               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
12580                  <img data-src="https://static.sportsfeed.pro/basketball/team/46cf02209721e88c21a85f35faeaa5f1.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Beijing Shougang Ducks Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
12581                     Beijing Shougang Ducks
12582                  </div>
12583               </div>
12584            </div>
12585         </div>
12586
12587         
12588         <div class="space-y-3">
12589            <div class="h-px w-full border-t-gradient-silver-fade"></div>
12590            <div class="relative">
12591               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
12592                  
12593
12594                  
12595                                       <div class="flex-1 min-w-0"></div>
12596                  
12597                  
12598                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
12599                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
12600                        </a></div>
12601                                 </div>
12602            </div>
12603         </div>
12604      </div>
12605   </div>
12606
12607</div>
12608<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
12609   bals-upcoming-match"
12610   data-accent="hot"
12611   data-template="chroma" data-sport="basketball"
12612   data-match-id="6ypq3kt7929zmd7" data-match-time="1791718200"
12613   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
12614    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
12615   <div class="block relative group">
12616      <a href="https://toptrader.io/basketball/guangdong-southern-tigers-vs-tianjin-pioneers-on-11-10-2026/" class="absolute inset-0 z-0"
12617         data-tooltip="Guangdong Southern Tigers vs Tianjin Pioneers lúc 18:30  ngày 11/10/2026"
12618         data-title="Guangdong Southern Tigers vs Tianjin Pioneers lúc  18:30  ngày 11/10/2026"></a>
12619      <div class="chroma-signal-lock" aria-hidden="true"></div>
12620      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
12621         
12622         <div class="flex items-center justify-between sm:mb-0 mb-2">
12623            
12624            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
12625               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
12626                  loading="lazy" />
12627               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
12628            </div>
12629            
12630            <div
12631               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
12632               <span> 18:30 </span>
12633               <span class="text-gray-400 leading-none text-base">•</span>
12634               <span>11/10</span>
12635               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
12636               <span
12637                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
12638            </div>
12639         </div>
12640         
12641         <div class="relative">
12642            
12643            <div
12644               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
12645               <span class="bals-status-name mr-1">NS</span>            </div>
12646            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
12647               
12648               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
12649                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
12650                     Guangdong Southern Tigers
12651                  </div>
12652                  <img data-src="https://static.sportsfeed.pro/basketball/team/5689743705f1852f10597c559323f04a.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Guangdong Southern Tigers Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
12653               
12654               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
12655                  <div
12656                     class="bals-score-track bals-score-track--vs">
12657                     <span
12658                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
12659                     <span
12660                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
12661                        0
12662                     </span>
12663                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
12664                     <span
12665                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
12666                        0
12667                     </span>
12668                  </div>
12669               </div>
12670               
12671               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
12672                  <img data-src="https://static.sportsfeed.pro/basketball/team/ca7a0200923048ff354ddcce89b8f12b.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Tianjin Pioneers Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
12673                     Tianjin Pioneers
12674                  </div>
12675               </div>
12676            </div>
12677         </div>
12678
12679         
12680         <div class="space-y-3">
12681            <div class="h-px w-full border-t-gradient-silver-fade"></div>
12682            <div class="relative">
12683               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
12684                  
12685
12686                  
12687                                       <div class="flex-1 min-w-0"></div>
12688                  
12689                  
12690                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
12691                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
12692                        </a></div>
12693                                 </div>
12694            </div>
12695         </div>
12696      </div>
12697   </div>
12698
12699</div>
12700<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
12701   bals-upcoming-match"
12702   data-accent="hot"
12703   data-template="chroma" data-sport="basketball"
12704   data-match-id="ednm9kt2y103ryo" data-match-time="1791757800"
12705   data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
12706    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
12707   <div class="block relative group">
12708      <a href="https://toptrader.io/basketball/cleveland-cavaliers-vs-orlando-magic-on-11-10-2026/" class="absolute inset-0 z-0"
12709         data-tooltip="Cleveland Cavaliers vs Orlando Magic lúc 05:30  ngày 12/10/2026"
12710         data-title="Cleveland Cavaliers vs Orlando Magic lúc  05:30  ngày 12/10/2026"></a>
12711      <div class="chroma-signal-lock" aria-hidden="true"></div>
12712      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
12713         
12714         <div class="flex items-center justify-between sm:mb-0 mb-2">
12715            
12716            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
12717               <img src="https://img.thesports.com/basketball/competition/061f5ab5b1
12717a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
12718                  loading="lazy" />
12719               <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span>
12720            </div>
12721            
12722            <div
12723               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
12724               <span> 05:30 </span>
12725               <span class="text-gray-400 leading-none text-base">•</span>
12726               <span>12/10</span>
12727               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
12728               <span
12729                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
12730            </div>
12731         </div>
12732         
12733         <div class="relative">
12734            
12735            <div
12736               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
12737               <span class="bals-status-name mr-1">NS</span>            </div>
12738            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
12739               
12740               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
12741                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
12742                     Cleveland Cavaliers
12743                  </div>
12744                  <img data-src="https://static.sportsfeed.pro/basketball/team/57c938e35ceb2ee92562a09c4165fb47.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Cleveland Cavaliers Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
12745               
12746               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
12747                  <div
12748                     class="bals-score-track bals-score-track--vs">
12749                     <span
12750                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
12751                     <span
12752                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
12753                        0
12754                     </span>
12755                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
12756                     <span
12757                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
12758                        0
12759                     </span>
12760                  </div>
12761               </div>
12762               
12763               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
12764                  <img data-src="https://static.sportsfeed.pro/basketball/team/0dc24d08ef0b5584e0b70f967db64b36.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Orlando Magic Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
12765                     Orlando Magic
12766                  </div>
12767               </div>
12768            </div>
12769         </div>
12770
12771         
12772         <div class="space-y-3">
12773            <div class="h-px w-full border-t-gradient-silver-fade"></div>
12774            <div class="relative">
12775               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
12776                  
12777
12778                  
12779                                       <div class="flex-1 min-w-0"></div>
12780                  
12781                  
12782                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
12783                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
12784                        </a></div>
12785                                 </div>
12786            </div>
12787         </div>
12788      </div>
12789   </div>
12790
12791</div>
12792<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
12793   bals-upcoming-match"
12794   data-accent="hot"
12795   data-template="chroma" data-sport="basketball"
12796   data-match-id="23xmv1tp5vk6mg8" data-match-time="1791759600"
12797   data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
12798    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
12799   <div class="block relative group">
12800      <a href="https://toptrader.io/basketball/charlotte-hornets-vs-milwaukee-bucks-on-11-10-2026/" class="absolute inset-0 z-0"
12801         data-tooltip="Charlotte Hornets vs Milwaukee Bucks lúc 06:00  ngày 12/10/2026"
12802         data-title="Charlotte Hornets vs Milwaukee Bucks lúc  06:00  ngày 12/10/2026"></a>
12803      <div class="chroma-signal-lock" aria-hidden="true"></div>
12804      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
12805         
12806         <div class="flex items-center justify-between sm:mb-0 mb-2">
12807            
12808            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
12809               <img src="https://img.thesports.com/basketball/competition/061f5ab5b1
12809a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
12810                  loading="lazy" />
12811               <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span>
12812            </div>
12813            
12814            <div
12815               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
12816               <span> 06:00 </span>
12817               <span class="text-gray-400 leading-none text-base">•</span>
12818               <span>12/10</span>
12819               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
12820               <span
12821                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
12822            </div>
12823         </div>
12824         
12825         <div class="relative">
12826            
12827            <div
12828               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
12829               <span class="bals-status-name mr-1">NS</span>            </div>
12830            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
12831               
12832               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
12833                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
12834                     Charlotte Hornets
12835                  </div>
12836                  <img data-src="https://static.sportsfeed.pro/basketball/team/e52f6ac53681289c91703501a960cb3c.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Charlotte Hornets Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
12837               
12838               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
12839                  <div
12840                     class="bals-score-track bals-score-track--vs">
12841                     <span
12842                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
12843                     <span
12844                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
12845                        0
12846                     </span>
12847                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
12848                     <span
12849                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
12850                        0
12851                     </span>
12852                  </div>
12853               </div>
12854               
12855               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
12856                  <img data-src="https://static.sportsfeed.pro/basketball/team/172138a954c51bb257ac1ebaa52f01a1.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Milwaukee Bucks Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
12857                     Milwaukee Bucks
12858                  </div>
12859               </div>
12860            </div>
12861         </div>
12862
12863         
12864         <div class="space-y-3">
12865            <div class="h-px w-full border-t-gradient-silver-fade"></div>
12866            <div class="relative">
12867               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
12868                  
12869
12870                  
12871                                       <div class="flex-1 min-w-0"></div>
12872                  
12873                  
12874                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
12875                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
12876                        </a></div>
12877                                 </div>
12878            </div>
12879         </div>
12880      </div>
12881   </div>
12882
12883</div>
12884
12885  </div>
12886
12887      <div class="flex justify-center items-center py-5 gap-1">
12888      <button
12889        class="load-more-matches px-6 py-2 rounded-full inset-ring inset-ring-gray-500/70 text-gray-400 cursor-pointer hover:bg-gray-700 hover:text-white transition-colors text-base font-normal"
12890        data-tab="bb-hot">
12891        Tải thêm các trận đấu
12892      </button>
12893    </div>
12894              </div>
12895            <div class="hidden match-container" id="bb-commentator-content" role="tabpanel" aria-labelledby="bb-commentator-tab">
12896               <div class="flex flex-col bg-dark justify-center items-center py-5 px-3 gap-1">
12897    <img loading="lazy" decoding="async" src="https://toptrader.io/app/themes/ba-theme/public/build/assets/no-data-C4-fd-P2.webp" class="w-50 h-auto" alt="Không có dữ liệu." />
12898    <p class="text-center font-normal text-gray-400 text-base">Không có dữ liệu.</p>
12899  </div>
12900            </div>
12901            <div class="hidden match-container" id="bb-today-content" role="tabpanel" aria-labelledby="bb-today-tab">
12902               <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 bb-all-matches-grid">
12903    <style>
12904   [data-sport="basketball"][data-template="chroma"].match-card {
12905      isolation: isolate;
12906      background:
12907         radial-gradient(circle at 50% 0%, rgba(var(--color-primary-rgb), 0.16) 0%, rgba(var(--color-primary-rgb), 0.08) 26%, transparent 58%),
12908         radial-gradient(circle at 14% 50%, rgba(var(--color-primary-rgb), 0.10) 0%, transparent 34%),
12909         linear-gradient(180deg, #0d1d18 0%, #0a1814 55%, #081310 100%);
12910      border: 1px solid rgba(var(--color-primary-rgb), 0.34);
12911      box-shadow:
12912         inset 0 1px 0 rgba(255,255,255,0.04),
12913         0 18px 40px -18px rgba(0,0,0,0.72);
12914   }
12915
12916   /** Code Review Fixes **/
12917   [data-sport="basketball"][data-template="chroma"] .block.relative.group {
12918      overflow: hidden;
12919   }
12920   [data-sport="basketball"][data-template="chroma"].match-card::before {
12921      content: '';
12922      position: absolute;
12923      inset: 0;
12924      z-index: 1;
12925      pointer-events: none;
12926      background-image: var(--chroma-line-image);
12927      background-repeat: no-repeat;
12928      background-position: center;
12929      background-size: cover;
12930      opacity: 0.18;
12931      mix-blend-mode: screen;
12932      filter: grayscale(1) brightness(1.35) contrast(1.25);
12933   }
12934
12935   [data-sport="basketball"][data-template="chroma"].match-card::after {
12936      content: '';
12937      position: absolute;
12938      inset: 0;
12939      z-index: 2;
12940      pointer-events: none;
12941      background:
12942         linear-gradient(180deg, rgba(255,255,255,0.03) 0%, transparent 30%, transparent 70%, rgba(0,0,0,0.12) 100%),
12943         radial-gradient(circle at 50% 0%, rgba(var(--color-primary-rgb), 0.08) 0%, transparent 48%);
12944   }
12945
12946   [data-sport="basketball"][data-template="chroma"] .chroma-signal-lock {
12947      position: absolute;
12948      inset: 0;
12949      z-index: 2;
12950      pointer-events: none;
12951      opacity: 0;
12952   }
12953
12954   [data-sport="basketball"][data-template="chroma"] .chroma-signal-lock::before,
12955   [data-sport="basketball"][data-template="chroma"] .chroma-signal-lock::after {
12956      content: '';
12957      position: absolute;
12958      left: 50%;
12959      top: 50%;
12960      transform: translate(-50%, -50%);
12961      pointer-events: none;
12962   }
12963
12964   [data-sport="basketball"][data-template="chroma"] .chroma-signal-lock::before {
12965      width: 38%;
12966      height: 64%;
12967      border-radius: 999px;
12968      background:
12969         radial-gradient(circle, rgba(var(--color-primary-rgb), 0.22) 0%, rgba(var(--color-primary-rgb), 0.1) 28%, transparent 68%);
12970      filter: blur(18px);
12971   }
12972
12973   [data-sport="basketball"][data-template="chroma"] .chroma-signal-lock::after {
12974      width: 46%;
12975      height: 1px;
12976      background: linear-gradient(90deg, transparent 0%, rgba(var(--color-primary-rgb), 0.0) 10%, rgba(var(--color-primary-rgb), 0.65) 50%, rgba(var(--color-primary-rgb), 0.0) 90%, transparent 100%);
12977      box-shadow: 0 0 12px rgba(var(--color-primary-rgb), 0.28);
12978   }
12979
12980   @media(prefers-reduced-motion: no-preference) {
12981      [data-sport="basketball"][data-template="chroma"].bals-live-match::before {
12982         animation: chroma-line-drift 8s ease-in-out infinite;
12983      }
12984
12985      [data-sport="basketball"][data-template="chroma"].bals-live-match .chroma-signal-lock {
12986         animation: chroma-signal-lock 4.6s cubic-bezier(0.22, 1, 0.36, 1) infinite;
12987      }
12988
12989      [data-sport="basketball"][data-template="chroma"].bals-live-match .bals-score-track {
12990         animation: chroma-score-focus 4.6s cubic-bezier(0.22, 1, 0.36, 1) infinite;
12991      }
12992   }
12993
12994   @keyframes chroma-line-drift {
12995      0%, 100% {
12996         background-position: center;
12997         transform: scale(1);
12998         opacity: 0.16;
12999      }
13000      50% {
13001         background-position: center 4px;
13002         transform: scale(1.015);
13003         opacity: 0.24;
13004      }
13005   }
13006
13007   @keyframes chroma-signal-lock {
13008      0%, 100% {
13009         opacity: 0;
13010      }
13011      18% {
13012         opacity: 0;
13013      }
13014      34% {
13015         opacity: 0.35;
13016      }
13017      52% {
13018         opacity: 0.8;
13019      }
13020      70% {
13021         opacity: 0.18;
13022      }
13023   }
13024
13025   @keyframes chroma-score-focus {
13026      0%, 100% {
13027         box-shadow:
13028            inset 0 1px 0 rgba(255, 255, 255, 0.04),
13029            0 0 0 1px rgba(var(--color-primary-rgb), 0.06);
13030      }
13031      30% {
13032         box-shadow:
13033            inset 0 1px 0 rgba(255, 255, 255, 0.05),
13034            0 0 0 1px rgba(var(--color-primary-rgb), 0.12),
13035            0 0 18px rgba(var(--color-primary-rgb), 0.12);
13036      }
13037      52% {
13038         box-shadow:
13039            inset 0 1px 0 rgba(255, 255, 255, 0.06),
13040            0 0 0 1px rgba(var(--color-primary-rgb), 0.18),
13041            0 0 22px rgba(var(--color-primary-rgb), 0.18);
13042      }
13043      74% {
13044         box-shadow:
13045            inset 0 1px 0 rgba(255, 255, 255, 0.04),
13046            0 0 0 1px rgba(var(--color-primary-rgb), 0.08);
13047      }
13048   }
13049
13050   [data-sport="basketball"][data-template="chroma"] .block.relative.group,
13051   [data-sport="basketball"][data-template="chroma"] .block.relative.group > .flex {
13052      position: relative;
13053      z-index: 3;
13054   }
13055
13056   [data-sport="basketball"][data-template="chroma"] .bals-score-track {
13057      display: inline-flex;
13058      align-items: center;
13059      justify-content: center;
13060      gap: 0.26rem;
13061      min-width: auto;
13062      padding: 0.07rem 0.13rem 0.07rem 0.07rem;
13063      border-radius: 999px;
13064      border: 1px solid rgba(var(--color-primary-rgb), 0.36);
13065      background:
13066         linear-gradient(180deg, rgba(8, 18, 15, 0.94) 0%, rgba(6, 15, 13, 
130660.98) 100%),
13067         radial-gradient(circle at 18% 50%, rgba(var(--color-primary-rgb), 0.16) 0%, rgba(var(--color-primary-rgb), 0.06) 34%, transparent 64%);
13068      box-shadow:
13069         inset 0 1px 0 rgba(255, 255, 255, 0.04),
13070         0 0 0 1px rgba(var(--color-primary-rgb), 0.06);
13071      box-sizing: border-box;
13072   }
13073
13074   [data-sport="basketball"][data-template="chroma"] .bals-score-box {
13075      width: 2.2rem;
13076      min-width: 2.2rem;
13077      height: 1.82rem;
13078      padding: 0;
13079      display: inline-flex;
13080      align-items: center;
13081      justify-content: center;
13082      background: transparent;
13083      color: #fff;
13084      font-weight: 800;
13085      font-size: 0.95rem;
13086      line-height: 1;
13087      text-shadow: none;
13088      box-shadow: none;
13089      box-sizing: border-box;
13090      font-variant-numeric: tabular-nums;
13091      flex-shrink: 0;
13092   }
13093
13094   [data-sport="basketball"][data-template="chroma"] .bals-home-score.bg-gradient-red-bright {
13095      border: 1px solid rgba(var(--color-primary-rgb), 0.92);
13096      border-radius: 999px 0 0 999px;
13097      background:
13098         linear-gradient(180deg, rgba(var(--color-primary-rgb), 0.18) 0%, rgba(var(--color-primary-rgb), 0.08) 100%),
13099         rgba(255, 255, 255, 0.01);
13100   }
13101
13102   [data-sport="basketball"][data-template="chroma"] .bals-away-score.bg-gradient-red-bright {
13103      width: 2.2rem;
13104      min-width: 2.2rem;
13105      height: 1.82rem;
13106      padding: 0;
13107      border: 1px solid rgba(var(--color-primary-rgb), 0.92);
13108      border-radius: 0 999px 999px 0;
13109      background:
13110         linear-gradient(180deg, rgba(var(--color-primary-rgb), 0.18) 0%, rgba(var(--color-primary-rgb), 0.08) 100%),
13111         rgba(255, 255, 255, 0.01);
13112   }
13113
13114   [data-sport="basketball"][data-template="chroma"] .bals-score-divider {
13115      width: 0.2rem;
13116      height: 0.2rem;
13117      border-radius: 999px;
13118      background: rgba(236, 255, 242, 0.9);
13119      box-shadow: none;
13120      font-size: 0;
13121      flex-shrink: 0;
13122      align-self: center;
13123      transform: translateY(0.5px);
13124   }
13125
13126   [data-sport="basketball"][data-template="chroma"] .bals-vs-box {
13127      min-width: 2.2rem;
13128      height: 1.82rem;
13129      padding: 0 0.75rem;
13130      display: inline-flex;
13131      align-items: center;
13132      justify-content: center;
13133      border-radius: 999px;
13134      background:
13135         linear-gradient(180deg, rgba(var(--color-primary-rgb), 0.14) 0%, rgba(var(--color-primary-rgb), 0.06) 100%),
13136         rgba(8, 18, 15, 0.9);
13137      border: 1px solid rgba(var(--color-primary-rgb), 0.86);
13138      color: #fff;
13139      font-weight: 800;
13140      font-size: 0.9rem;
13141      letter-spacing: 0;
13142      line-height: 1;
13143      text-shadow: none;
13144      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
13145      font-variant-numeric: tabular-nums;
13146   }
13147
13148   [data-sport="basketball"][data-template="chroma"] .bals-score-track--vs {
13149      padding: 0;
13150      border: 0;
13151      background: transparent;
13152   }
13153
13154   [data-sport="basketball"][data-template="chroma"] .bals-time-pill {
13155      display: inline-flex;
13156      align-items: center;
13157      justify-content: center;
13158      gap: 0.35rem;
13159      padding: 0.28rem 0.5rem;
13160      border-radius: 8px;
13161      background: rgba(255, 255, 255, 0.06);
13162      border: 1px solid rgba(255, 255, 255, 0.05);
13163      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
13164      backdrop-filter: blur(4px);
13165      -webkit-backdrop-filter: blur(4px);
13166   }
13167
13168   [data-sport="basketball"][data-template="chroma"] .chroma-commentator-chip {
13169      display: inline-flex;
13170      align-items: center;
13171      gap: 0.4rem;
13172      min-width: 0;
13173   }
13174
13175   [data-sport="basketball"][data-template="chroma"] .chroma-commentator-frame {
13176      width: 1rem;
13177      height: 1rem;
13178      flex-shrink: 0;
13179      display: inline-flex;
13180      align-items: center;
13181      justify-content: center;
13182      padding: 1px;
13183      border-radius: 999px;
13184      background:
13185         radial-gradient(circle at 30% 28%, rgba(255, 212, 153, 0.4) 0%, rgba(255, 212, 153, 0.08) 34%, transparent 60%),
13186         linear-gradient(180deg, #ffb35b 0%, #ff7a19 100%);
13187      box-shadow:
13188         0 0 0 1px rgba(255, 140, 36, 0.22),
13189         0 4px 10px rgba(0, 0, 0, 0.22);
13190   }
13191
13192   [data-sport="basketball"][data-template="chroma"] .chroma-commentator-frame img {
13193      width: 100%;
13194      height: 100%;
13195      object-fit: cover;
13196      display: block;
13197      background: #0f1217;
13198      border-radius: 999px;
13199   }
13200
13201   [data-sport="basketball"][data-template="chroma"] .chroma-commentator-name {
13202      min-width: 0;
13203      color: rgba(255, 255, 255, 0.92);
13204      font-size: 0.8125rem;
13205      font-weight: 500;
13206      line-height: 1;
13207      letter-spacing: 0;
13208      text-transform: none;
13209      text-shadow: 0 1px 4px rgba(0, 0, 0, 0.22);
13210   }
13211
13212   [data-sport="basketball"][data-template="chroma"][data-accent="featured"] {
13213      border: 2px solid #E97519;
13214   }
13215
13216   [data-sport="basketball"][data-template="chroma"][data-accent="hot"] {
13217      border: 1px solid #960B12;
13218   }
13219
13220   @media(min-width: 640px) {
13221      [data-sport="basketball"][data-template="chroma"] .bals-score-box,
13222      [data-sport="basketball"][data-template="chroma"] .bals-vs-box {
13223         width: 2.35rem;
13224         min-width: 2.35rem;
13225         height: 1.96rem;
13226      }
13227
13228      [data-sport="basketball"][data-template="chroma"] .bals-away-score.bg-gradient-red-bright {
13229         width: 2.35rem;
13230         min-width: 2.35rem;
13231         height: 1.96rem;
13232      }
13233
13234      [data-sport="basketball"][data-template="chroma"] .bals-score-track {
13235         gap: 0.3rem;
13236         padding: 0.08rem 0.15rem 0.08rem 0.08rem;
13237      }
13238
13239      [data-sport="basketball"][data-template="chroma"] .chroma-commentator-chip {
13240         gap: 0.45rem;
13241      }
13242
13243      [data-sport="basketball"][data-template="chroma"] .chroma-commentator-frame {
13244         width: 1.15rem;
13245         height: 1.15rem;
13246      }
13247
13248      [data-sport="basketball"][data-template="chroma"] .chroma-commentator-name {
13249         font-size: 0.875rem;
13250      }
13251   }
13252</style>
13253
13254<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
13255   bals-live-match"
13256   data-accent=""
13257   data-template="chroma" data-sport="basketball"
13258   data-match-id="vjxm8xt5z53xq6o" data-match-time="1791579600"
13259   data-competition-id="8y39mp4tgkmojxg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
13260    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
13261   <div class="block relative group">
13262      <a href="https://toptrader.io/basketball/quimsa-ldd-vs-boca-juniors-ldd-on-09-10-2026/" class="absolute inset-0 z-0"
13263         data-tooltip="Quimsa LDD vs Boca Juniors LDD lúc 04:00  ngày 10/10/2026"
13264         data-title="Quimsa LDD vs Boca Juniors LDD lúc  04:00  ngày 10/10/2026"></a>
13265      <div class="chroma-signal-lock" aria-hidden="true"></div>
13266      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
13267         
13268         <div class="flex items-center justify-between sm:mb-0 mb-2">
13269            
13270            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
13271               <img src="https://img.thesports.com/basketball/competition/fb01d8eef6efdc9ff8eedb03643e0623.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
13272                  loading="lazy" />
13273               <span class="truncate tracking-wide bals-competition-name">Argentina Liga Nacional</span>
13274            </div>
13275            
13276            <div
13277               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
13278               <span> 04:00 </span>
13279               <span class="text-gray-400 leading-none text-base">•</span>
13280               <span>10/10</span>
13281               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
13282               <span
13283                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
13284            </div>
13285         </div>
13286         
13287         <div class="relative">
13288            
13289            <div
13290               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
13291               <span class="bals-status-name mr-1">Q4</span> :
13292                  <span class="ml-1 bals-elapsed-time"></span>            </div>
13293            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
13294               
13295               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
13296                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
13297                     Quimsa LDD
13298                  </div>
13299                  <img data-src="https://static.sportsfeed.pro/basketball/team/b4c8df57f3bc44e9e66f74d521673528.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Quimsa LDD Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
13300               
13301               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
13302                  <div
13303                     class="bals-score-track ">
13304                     <span
13305                        class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
13306                     <span
13307                        class="bals-score-box  text-sm sm:text-base bals-home-score" >
13308                        65
13309                     </span>
13310                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
13311                     <span
13312                        class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-away-score" >
13313                        68
13314                     </span>
13315                  </div>
13316               </div>
13317               
13318               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
13319                  <img data-src="https://static.sportsfeed.pro/basketball/team/a7fcaac18d46b568c74f6916912e775e.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Boca Juniors LDD Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
13320                     Boca Juniors LDD
13321                  </div>
13322               </div>
13323            </div>
13324         </div>
13325
13326         
13327         <div class="space-y-3">
13328            <div class="h-px w-full border-t-gradient-silver-fade"></div>
13329            <div class="relative">
13330               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
13331                  
13332
13333                  
13334                                       <div class="flex-1 min-w-0"></div>
13335                  
13336                  
13337                                       <div class="flex-shrink-0 flex items-center">
13338                        <div class="w-[120px] sm:w-[125px] min-w-0">
13339                           <div class="text-right mr-1.5 bals-odds">
13340                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
13341                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">2.6</div>
13342                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div>
13343                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.45</div>
13344                                                                           </div>
13345                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
13346                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.8</div>
13347                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-2.5</div>
13348                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.86</div>
13349                                                                           </div>
13350                                                                                                                                                         </div>
13351                        </div>
13352                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
13353                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
13354                        </a>
13355                     </div>
13356                                 </div>
13357            </div>
13358         </div>
13359      </div>
13360   </div>
13361
13362</div>
13363<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
13364   bals-live-match"
13365   data-accent=""
13366   data-template="chroma" data-sport="basketball"
13367   data-match-id="pxwrx5txkxneqyk" data-match-time="1791581400"
13368   data-competition-id="vl7oqd4t175q510" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
13369    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
13370   <div class="block relative group">
13371      <a href="https://toptrader.io/basketball/olimpia-queens-women-vs-sao-jose-w-on-09-10-2026/" class="absolute inset-0 z-0"
13372         data-tooltip="Olimpia Queens Women vs Sao Jose (W) lúc 04:30  ngày 10/10/2026"
13373         data-title="Olimpia Queens Women vs Sao Jose (W) lúc  04:30  ngày 10/10/2026"></a>
13374      <div class="chroma-signal-lock" aria-hidden="true"></div>
13375      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
13376         
13377         <div class="flex items-center justify-between sm:mb-0 mb-2">
13378            
13379            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
13380               <img src="https://img.thesports.com/basketball/competition/7128fad192c66339f572998d886c01f7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
13381                  loading="lazy" />
13382               <span class="truncate tracking-wide bals-competition-name">Paraguay LNCF Women</span>
13383            </div>
13384            
13385            <div
13386               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
13387               <span> 04:30 </span>
13388               <span class="text-gray-400 leading-none text-base">•</span>
13389               <span>10/10</span>
13390               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
13391               <span
13392                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
13393            </div>
13394         </div>
13395         
13396         <div class="relative">
13397            
13398            <div
13399               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
13400               <span class="bals-status-name mr-1">Q3</span> :
13401                  <span class="ml-1 bals-elapsed-time"></span>            </div>
13402            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
13403               
13404               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
13405                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
13406                     Olimpia Queens Women
13407                  </div>
13408                  <img data-src="https://static.sportsfeed.pro/basketball/team/5785ac5adba1127f191b735c9ea2b274.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Olimpia Queens Women Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
13409               
13410               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
13411                  <div
13412                     class="bals-score-track ">
13413                     <span
13414                        class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
13415                     <span
13416                        class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-home-score" >
13417                        41
13418                     </span>
13419                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
13420                     <span
13421                        class="bals-score-box  text-sm sm:text-base bals-away-score" >
13422                        31
13423                     </span>
13424                  </div>
13425               </div>
13426               
13427               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
13428                  <img data-src="https://static.sportsfeed.pro/basketball/team/a7608b5e11640c32adaf05dd36d8e6ac.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sao Jose 
13428(W) Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
13429                     Sao Jose (W)
13430                  </div>
13431               </div>
13432            </div>
13433         </div>
13434
13435         
13436         <div class="space-y-3">
13437            <div class="h-px w-full border-t-gradient-silver-fade"></div>
13438            <div class="relative">
13439               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
13440                  
13441
13442                  
13443                                       <div class="flex-1 min-w-0"></div>
13444                  
13445                  
13446                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
13447                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
13448                        </a></div>
13449                                 </div>
13450            </div>
13451         </div>
13452      </div>
13453   </div>
13454
13455</div>
13456<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
13457   bals-live-match"
13458   data-accent=""
13459   data-template="chroma" data-sport="basketball"
13460   data-match-id="zp5rzkt6lyggr82" data-match-time="1791583800"
13461   data-competition-id="e4wyrn1tl8q86pv" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
13462    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
13463   <div class="block relative group">
13464      <a href="https://toptrader.io/basketball/regatas-corrientes-vs-nacional-montevideo-on-09-10-2026/" class="absolute inset-0 z-0"
13465         data-tooltip="Regatas Corrientes vs Nacional Montevideo lúc 05:10  ngày 10/10/2026"
13466         data-title="Regatas Corrientes vs Nacional Montevideo lúc  05:10  ngày 10/10/2026"></a>
13467      <div class="chroma-signal-lock" aria-hidden="true"></div>
13468      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
13469         
13470         <div class="flex items-center justify-between sm:mb-0 mb-2">
13471            
13472            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
13473               <img src="https://img.thesports.com/basketball/competition/c5c1c18327493d6534e691e4432ee487.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
13474                  loading="lazy" />
13475               <span class="truncate tracking-wide bals-competition-name">Liga Sudamericana de Básquetbol</span>
13476            </div>
13477            
13478            <div
13479               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
13480               <span> 05:10 </span>
13481               <span class="text-gray-400 leading-none text-base">•</span>
13482               <span>10/10</span>
13483               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
13484               <span
13485                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
13486            </div>
13487         </div>
13488         
13489         <div class="relative">
13490            
13491            <div
13492               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
13493               <span class="bals-status-name mr-1">Q2</span> :
13494                  <span class="ml-1 bals-elapsed-time"></span>            </div>
13495            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
13496               
13497               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
13498                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
13499                     Regatas Corrientes
13500                  </div>
13501                  <img data-src="https://static.sportsfeed.pro/basketball/team/a509b77070fc2f08bd663f9402f3fd9c.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Regatas Corrientes Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
13502               
13503               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
13504                  <div
13505                     class="bals-score-track ">
13506                     <span
13507                        class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
13508                     <span
13509                        class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-home-score" >
13510                        28
13511                     </span>
13512                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
13513                     <span
13514                        class="bals-score-box  text-sm sm:text-base bals-away-score" >
13515                        27
13516                     </span>
13517                  </div>
13518               </div>
13519               
13520               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
13521                  <img data-src="https://static.sportsfeed.pro/basketball/team/077b6c3ee4123a72e24cd9f9d80b7ba1.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Nacional Montevideo Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
13522                     Nacional Montevideo
13523                  </div>
13524               </div>
13525            </div>
13526         </div>
13527
13528         
13529         <div class="space-y-3">
13530            <div class="h-px w-full border-t-gradient-silver-fade"></div>
13531            <div class="relative">
13532               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
13533                  
13534
13535                  
13536                                       <div class="flex-1 min-w-0"></div>
13537                  
13538                  
13539                                       <div class="flex-shrink-0 flex items-center">
13540                        <div class="w-[120px] sm:w-[125px] min-w-0">
13541                           <div class="text-right mr-1.5 bals-odds">
13542                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
13543                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.95</div>
13544                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div>
13545                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.74</div>
13546                                                                           </div>
13547                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
13548                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.83</div>
13549                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-1.5</div>
13550                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.83</div>
13551                                                                           </div>
13552                                                                                                                                                         </div>
13553                        </div>
13554                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
13555                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
13556                        </a>
13557                     </div>
13558                                 </div>
13559            </div>
13560         </div>
13561      </div>
13562   </div>
13563
13564</div>
13565<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
13566   bals-live-match"
13567   data-accent=""
13568   data-template="chroma" data-sport="basketball"
13569   data-match-id="3glrwyt3v39pqdy" data-match-time="1791584400"
13570   data-competition-id="vl7oqd4t175q510" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
13571    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
13572   <div class="block relative group">
13573      <a href="https://toptrader.io/basketball/felix-perez-cardozo-women-vs-sol-de-america-women-on-09-10-2026/" class="absolute inset-0 z-0"
13574         data-tooltip="Felix Perez Cardozo Women vs Sol De America Women lúc 05:20  ngày 10/10/2026"
13575         data-title="Felix Perez Cardozo Women vs Sol De America Women lúc  05:20  ngày 10/10/2026"></a>
13576      <div class="chroma-signal-lock" aria-hidden="true"></div>
13577      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
13578         
13579         <div class="flex items-center justify-between sm:mb-0 mb-2">
13580            
13581            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
13582               <img src="https://img.thesports.com/basketball/competition/7128fad192c66339f572998d886c01f7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
13583                  loading="lazy" />
13584               <span class="truncate tracking-wide bals-competition-name">Paraguay LNCF Women</span>
13585            </div>
13586            
13587            <div
13588               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
13589               <span> 05:20 </span>
13590               <span class="text-gray-400 leading-none text-base">•</span>
13591               <span>10/10</span>
13592               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
13593               <span
13594                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
13595            </div>
13596         </div>
13597         
13598         <div class="relative">
13599            
13600            <div
13601               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
13602               <span class="bals-status-name mr-1">Q1</span> :
13603                  <span class="ml-1 bals-elapsed-time"></span>            </div>
13604            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
13605               
13606               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
13607                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
13608                     Felix Perez Cardozo Women
13609                  </div>
13610                  <img data-src="https://static.sportsfeed.pro/basketball/team/ffbd56302476d796dd41b84029dbbb5b.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Felix Perez Cardozo Women Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
13611               
13612               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
13613                  <div
13614                     class="bals-score-track ">
13615                     <span
13616                        class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
13617                     <span
13618                        class="bals-score-box  text-sm sm:text-base bals-home-score" >
13619                        0
13620                     </span>
13621                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
13622                     <span
13623                        class="bals-score-box bg-gradient-red-bright text-sm sm:text-base bals-away-score" >
13624                        2
13625                     </span>
13626                  </div>
13627               </div>
13628               
13629               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
13630                  <img data-src="https://static.sportsfeed.pro/basketball/team/fc14ea3514aafa6381a7f6c1c73c094f.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sol De America Women Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
13631                     Sol De America Women
13632                  </div>
13633               </div>
13634            </div>
13635         </div>
13636
13637         
13638         <div class="space-y-3">
13639            <div class="h-px w-full border-t-gradient-silver-fade"></div>
13640            <div class="relative">
13641               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
13642                  
13643
13644                  
13645                                       <div class="flex-1 min-w-0"></div>
13646                  
13647                  
13648                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
13649                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
13650                        </a></div>
13651                                 </div>
13652            </div>
13653         </div>
13654      </div>
13655   </div>
13656
13657</div>
13658<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
13659   bals-live-match"
13660   data-accent=""
13661   data-template="chroma" data-sport="basketball"
13662   data-match-id="4jwq25tz3zgjq0v" data-match-time="1791585000"
13663   data-competition-id="56ypq3kt47pmd7o" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
13664    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
13665   <div class="block relative group">
13666      <a href="https://toptrader.io/basketball/espanol-osorno-u21-vs-cdb-la-union-u21-on-09-10-2026/" class="absolute inset-0 z-0"
13667         data-tooltip="Espanol Osorno U21 vs CDB La Union U21 lúc 05:30  ngày 10/10/2026"
13668         data-title="Espanol Osorno U21 vs CDB La Union U21 lúc  05:30  ngày 10/10/2026"></a>
13669      <div class="chroma-signal-lock" aria-hidden="true"></div>
13670      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
13671         
13672         <div class="flex items-center justify-between sm:mb-0 mb-2">
13673            
13674            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
13675               <img src="https://img.thesports.com/basketball/competition/e11b7c2210fd09057697e69651b24039.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
13676                  loading="lazy" />
13677               <span class="truncate tracking-wide bals-competition-name">Chile Liga U21</span>
13678            </div>
13679            
13680            <div
13681               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
13682               <span> 05:30 </span>
13683               <span class="text-gray-400 leading-none text-base">•</span>
13684               <span>10/10</span>
13685               <span class="bals-live-pill text-gray-400 leading-none text-base" >•</span>
13686               <span
13687                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase" >Live</span>
13688            </div>
13689         </div>
13690         
13691         <div class="relative">
13692            
13693            <div
13694               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold" >
13695               <span class="bals-status-name mr-1">Q1</span> :
13696                  <span class="ml-1 bals-elapsed-time"></span>            </div>
13697            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
13698               
13699               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
13700                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
13701                     Espanol Osorno U21
13702                  </div>
13703                  <img data-src="https://static.sportsfeed.pro/basketball/team/b7abd900aa57fd56814c776c0d9ec4ee.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Espanol Osorno U21 Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
13704               
13705               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
13706                  <div
13707                     class="bals-score-track ">
13708                     <span
13709                        class="bals-vs-box bals-vs-pill text-sm sm:text-base"  style="display:none" >VS</span>
13710                     <span
13711                        class="bals-score-box  text-sm sm:text-base bals-home-score" >
13712                        0
13713                     </span>
13714                     <span class="bals-score-divider bals-score-sep" aria-hidden="true" ></span>
13715                     <span
13716                        class="bals-score-box  text-sm sm:text-base bals-away-score" >
13717                        0
13718                     </span>
13719                  </div>
13720               </div>
13721               
13722               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
13723                  <img data-src="https://static.sportsfeed.pro/basketball/team/07d18678585a896cf1f5a5f0c08b4acf.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="CDB La Union U21 Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
13724                     CDB La Union U21
13725                  </div>
13726               </div>
13727            </div>
13728         </div>
13729
13730         
13731         <div class="space-y-3">
13732            <div class="h-px w-full border-t-gradient-silver-fade"></div>
13733            <div class="relative">
13734               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
13735                  
13736
13737                  
13738                                       <div class="flex-1 min-w-0"></div>
13739                  
13740                  
13741                                       <div class="flex-shrink-0 flex items-center">
13742                        <div class="w-[120px] sm:w-[125px] min-w-0">
13743                           <div class="text-right mr-1.5 bals-odds">
13744                                                                                                   <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
13745                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.95</div>
13746                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0</div>
13747                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">1.74</div>
13748                                                                           </div>
13749                                                                                                                                    <div class="grid grid-cols-3 gap-x-1 sm:gap-x-2 text-[10px] sm:text-[11px] leading-tight">
13750                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.83</div>
13751                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">-1.5</div>
13752                                                                                 <div class="text-gray-light whitespace-nowrap overflow-hidden text-ellipsis">0.83</div>
13753                                                                           </div>
13754                                                                                                                                                         </div>
13755                        </div>
13756                        <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
13757                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
13758                        </a>
13759                     </div>
13760                                 </div>
13761            </div>
13762         </div>
13763      </div>
13764   </div>
13765
13766</div>
13767<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
13768   bals-upcoming-match"
13769   data-accent="hot"
13770   data-template="chroma" data-sport="basketball"
13771   data-match-id="23xmv1tp170zmg8" data-match-time="1791676800"
13772   data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
13773    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
13774   <div class="block relative group">
13775      <a href="https://toptrader.io/basketball/miami-heat-vs-minnesota-timberwolves-on-11-10-2026/" class="absolute inset-0 z-0"
13776         data-tooltip="Miami Heat vs Minnesota Timberwolves lúc 07:00  ngày 11/10/2026"
13777         data-title="Miami Heat vs Minnesota Timberwolves lúc  07:00  ngày 11/10/2026"></a>
13778      <div class="chroma-signal-lock" aria-hidden="true"></div>
13779      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
13780         
13781         <div class="flex items-center justify-between sm:mb-0 mb-2">
13782            
13783            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
13784               <img src="https://img.thesports.com/basketball/competition/061f5ab5b1a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
13785                  loading="lazy" />
13786               <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span>
13787            </div>
13788            
13789            <div
13790               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
13791               <span> 07:00 </span>
13792               <span class="text-gray-400 leading-none text-base">•</span>
13793               <span>11/10</span>
13794               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
13795               <span
13796                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
13797            </div>
13798         </div>
13799         
13800         <div class="relative">
13801            
13802            <div
13803               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
13804               <span class="bals-status-name mr-1">NS</span>            </div>
13805            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
13806               
13807               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
13808                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
13809                     Miami Heat
13810                  </div>
13811                  <img data-src="https://static.sportsfeed.pro/basketball/team/ff7ccef6a6b79c6417ee8367946b0aec.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Miami Heat Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
13812               
13813               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
13814                  <div
13815                     class="bals-score-track bals-score-track--vs">
13816                     <span
13817                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
13818                     <span
13819                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
13820                        0
13821                     </span>
13822                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
13823                     <span
13824                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
13825                        0
13826                     </span>
13827                  </div>
13828               </div>
13829               
13830               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
13831                  <img data-src="https://static.sportsfeed.pro/basketball/team/38794d0ac418d8f2d03bd17a2623f3ed.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Minnesota Timberwolves Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
13832                     Minnesota Timberwolves
13833                  </div>
13834               </div>
13835            </div>
13836         </div>
13837
13838         
13839         <div class="space-y-3">
13840            <div class="h-px w-full border-t-gradient-silver-fade"></div>
13841            <div class="relative">
13842               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
13843                  
13844
13845                  
13846                                       <div class="flex-1 min-w-0"></div>
13847                  
13848                  
13849                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
13850                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
13851                        </a></div>
13852                                 </div>
13853            </div>
13854         </div>
13855      </div>
13856   </div>
13857
13858</div>
13859<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
13860   bals-upcoming-match"
13861   data-accent="hot"
13862   data-template="chroma" data-sport="basketball"
13863   data-match-id="zp5rzkt6v8w9r82" data-match-time="1791676800"
13864   data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
13865    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
13866   <div class="block relative group">
13867      <a href="https://toptrader.io/basketball/boston-celtics-vs-philadelphia-76ers-on-11-10-2026/" class="absolute inset-0 z-0"
13868         data-tooltip="Boston Celtics vs Philadelphia 76ers lúc 07:00  ngày 11/10/2026"
13869         data-title="Boston Celtics vs Philadelphia 76ers lúc  07:00  ngày 11/10/2026"></a>
13870      <div class="chroma-signal-lock" aria-hidden="true"></div>
13871      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
13872         
13873         <div class="flex items-center justify-between sm:mb-0 mb-2">
13874            
13875            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
13876               <img src="https://img.thesports.com/basketball/competition/061f5ab5b1
13876a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
13877                  loading="lazy" />
13878               <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span>
13879            </div>
13880            
13881            <div
13882               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
13883               <span> 07:00 </span>
13884               <span class="text-gray-400 leading-none text-base">•</span>
13885               <span>11/10</span>
13886               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
13887               <span
13888                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
13889            </div>
13890         </div>
13891         
13892         <div class="relative">
13893            
13894            <div
13895               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
13896               <span class="bals-status-name mr-1">NS</span>            </div>
13897            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
13898               
13899               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
13900                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
13901                     Boston Celtics
13902                  </div>
13903                  <img data-src="https://static.sportsfeed.pro/basketball/team/884c1c1f5db46c170df3c34a8e213ec9.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Boston Celtics Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
13904               
13905               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
13906                  <div
13907                     class="bals-score-track bals-score-track--vs">
13908                     <span
13909                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
13910                     <span
13911                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
13912                        0
13913                     </span>
13914                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
13915                     <span
13916                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
13917                        0
13918                     </span>
13919                  </div>
13920               </div>
13921               
13922               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
13923                  <img data-src="https://static.sportsfeed.pro/basketball/team/06e7bde6cca98873fe971fad4e67a9b6.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Philadelphia 76ers Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
13924                     Philadelphia 76ers
13925                  </div>
13926               </div>
13927            </div>
13928         </div>
13929
13930         
13931         <div class="space-y-3">
13932            <div class="h-px w-full border-t-gradient-silver-fade"></div>
13933            <div class="relative">
13934               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
13935                  
13936
13937                  
13938                                       <div class="flex-1 min-w-0"></div>
13939                  
13940                  
13941                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
13942                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
13943                        </a></div>
13944                                 </div>
13945            </div>
13946         </div>
13947      </div>
13948   </div>
13949
13950</div>
13951<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
13952   bals-upcoming-match"
13953   data-accent="hot"
13954   data-template="chroma" data-sport="basketball"
13955   data-match-id="1l4rjztjovlom7v" data-match-time="1791678600"
13956   data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
13957    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
13958   <div class="block relative group">
13959      <a href="https://toptrader.io/basketball/golden-state-warriors-vs-sacramento-kings-on-11-10-2026/" class="absolute inset-0 z-0"
13960         data-tooltip="Golden State Warriors vs Sacramento Kings lúc 07:30  ngày 11/10/2026"
13961         data-title="Golden State Warriors vs Sacramento Kings lúc  07:30  ngày 11/10/2026"></a>
13962      <div class="chroma-signal-lock" aria-hidden="true"></div>
13963      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
13964         
13965         <div class="flex items-center justify-between sm:mb-0 mb-2">
13966            
13967            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
13968               <img src="https://img.thesports.com/basketball/competition/061f5ab5b1a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
13969                  loading="lazy" />
13970               <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span>
13971            </div>
13972            
13973            <div
13974               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
13975               <span> 07:30 </span>
13976               <span class="text-gray-400 leading-none text-base">•</span>
13977               <span>11/10</span>
13978               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
13979               <span
13980                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
13981            </div>
13982         </div>
13983         
13984         <div class="relative">
13985            
13986            <div
13987               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
13988               <span class="bals-status-name mr-1">NS</span>            </div>
13989            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
13990               
13991               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
13992                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
13993                     Golden State Warriors
13994                  </div>
13995                  <img data-src="https://static.sportsfeed.pro/basketball/team/df3f6f8bb17fd1c618f60f0b14637140.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Golden State Warriors Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
13996               
13997               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
13998                  <div
13999                     class="bals-score-track bals-score-track--vs">
14000                     <span
14001                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
14002                     <span
14003                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
14004                        0
14005                     </span>
14006                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
14007                     <span
14008                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
14009                        0
14010                     </span>
14011                  </div>
14012               </div>
14013               
14014               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
14015                  <img data-src="https://static.sportsfeed.pro/basketball/team/1fc010aba7ac510b5364e5f76ca4f060.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sacramento Kings Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
14016                     Sacramento Kings
14017                  </div>
14018               </div>
14019            </div>
14020         </div>
14021
14022         
14023         <div class="space-y-3">
14024            <div class="h-px w-full border-t-gradient-silver-fade"></div>
14025            <div class="relative">
14026               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
14027                  
14028
14029                  
14030                                       <div class="flex-1 min-w-0"></div>
14031                  
14032                  
14033                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
14034                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
14035                        </a></div>
14036                                 </div>
14037            </div>
14038         </div>
14039      </div>
14040   </div>
14041
14042</div>
14043<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
14044   bals-upcoming-match"
14045   data-accent="hot"
14046   data-template="chroma" data-sport="basketball"
14047   data-match-id="6ypq3kt7yx7nmd7" data-match-time="1791685800"
14048   data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
14049    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
14050   <div class="block relative group">
14051      <a href="https://toptrader.io/basketball/phoenix-suns-vs-san-antonio-spurs-on-11-10-2026/" class="absolute inset-0 z-0"
14052         data-tooltip="Phoenix Suns vs San Antonio Spurs lúc 09
14052:30  ngày 11/10/2026"
14053         data-title="Phoenix Suns vs San Antonio Spurs lúc  09:30  ngày 11/10/2026"></a>
14054      <div class="chroma-signal-lock" aria-hidden="true"></div>
14055      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
14056         
14057         <div class="flex items-center justify-between sm:mb-0 mb-2">
14058            
14059            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
14060               <img src="https://img.thesports.com/basketball/competition/061f5ab5b1a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
14061                  loading="lazy" />
14062               <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span>
14063            </div>
14064            
14065            <div
14066               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
14067               <span> 09:30 </span>
14068               <span class="text-gray-400 leading-none text-base">•</span>
14069               <span>11/10</span>
14070               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
14071               <span
14072                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
14073            </div>
14074         </div>
14075         
14076         <div class="relative">
14077            
14078            <div
14079               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
14080               <span class="bals-status-name mr-1">NS</span>            </div>
14081            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
14082               
14083               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
14084                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
14085                     Phoenix Suns
14086                  </div>
14087                  <img data-src="https://static.sportsfeed.pro/basketball/team/da3c882a7e0bc592b4c1ba9d8c5fb68d.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Phoenix Suns Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
14088               
14089               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
14090                  <div
14091                     class="bals-score-track bals-score-track--vs">
14092                     <span
14093                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
14094                     <span
14095                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
14096                        0
14097                     </span>
14098                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
14099                     <span
14100                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
14101                        0
14102                     </span>
14103                  </div>
14104               </div>
14105               
14106               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
14107                  <img data-src="https://static.sportsfeed.pro/basketball/team/5305d1a7b721b5bef418041eff53ba82.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="San Antonio Spurs Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
14108                     San Antonio Spurs
14109                  </div>
14110               </div>
14111            </div>
14112         </div>
14113
14114         
14115         <div class="space-y-3">
14116            <div class="h-px w-full border-t-gradient-silver-fade"></div>
14117            <div class="relative">
14118               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
14119                  
14120
14121                  
14122                                       <div class="flex-1 min-w-0"></div>
14123                  
14124                  
14125                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
14126                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
14127                        </a></div>
14128                                 </div>
14129            </div>
14130         </div>
14131      </div>
14132   </div>
14133
14134</div>
14135<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
14136   bals-upcoming-match"
14137   data-accent="hot"
14138   data-template="chroma" data-sport="basketball"
14139   data-match-id="318q6nt6exo0mo9" data-match-time="1791694800"
14140   data-competition-id="9d23xmv1t4mg8ny" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
14141    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
14142   <div class="block relative group">
14143      <a href="https://toptrader.io/basketball/anyang-jungkwanjang-red-boosters-vs-changwon-lg-sakers-on-11-10-2026/" class="absolute inset-0 z-0"
14144         data-tooltip="Anyang JungKwanJang Red Boosters vs Changwon LG Sakers lúc 12:00  ngày 11/10/2026"
14145         data-title="Anyang JungKwanJang Red Boosters vs Changwon LG Sakers lúc  12:00  ngày 11/10/2026"></a>
14146      <div class="chroma-signal-lock" aria-hidden="true"></div>
14147      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
14148         
14149         <div class="flex items-center justify-between sm:mb-0 mb-2">
14150            
14151            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
14152               <img src="https://img.thesports.com/basketball/competition/f841aa3bd3c2aeffca04f78bfaeecaf7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
14153                  loading="lazy" />
14154               <span class="truncate tracking-wide bals-competition-name">Korean Basketball League</span>
14155            </div>
14156            
14157            <div
14158               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
14159               <span> 12:00 </span>
14160               <span class="text-gray-400 leading-none text-base">•</span>
14161               <span>11/10</span>
14162               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
14163               <span
14164                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
14165            </div>
14166         </div>
14167         
14168         <div class="relative">
14169            
14170            <div
14171               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
14172               <span class="bals-status-name mr-1">NS</span>            </div>
14173            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
14174               
14175               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
14176                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
14177                     Anyang JungKwanJang Red Boosters
14178                  </div>
14179                  <img data-src="https://static.sportsfeed.pro/basketball/team/30683c359531664a5b97f129c047fcdc.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Anyang JungKwanJang Red Boosters Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
14180               
14181               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
14182                  <div
14183                     class="bals-score-track bals-score-track--vs">
14184                     <span
14185                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
14186                     <span
14187                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
14188                        0
14189                     </span>
14190                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
14191                     <span
14192                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
14193                        0
14194                     </span>
14195                  </div>
14196               </div>
14197               
14198               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
14199                  <img data-src="https://static.sportsfeed.pro/basketball/team/b3a61f88692a8a3836f3b93ba65b98da.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Changwon LG Sakers Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
14200                     Changwon LG Sakers
14201                  </div>
14202               </div>
14203            </div>
14204         </div>
14205
14206         
14207         <div class="space-y-3">
14208            <div class="h-px w-full border-t-gradient-silver-fade"></div>
14209            <div class="relative">
14210               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
14211                  
14212
14213                  
14214                                       <div class="flex-1 min-w-0"></div>
14215                  
14216                  
14217                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
14218                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
14219                        </a></div>
14220                                 </div>
14221            </div>
14222         </div>
14223      </div>
14224   </div>
14225
14226</div>
14227<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
14228   bals-upcoming-match"
14229   data-accent="hot"
14230   data-template="chroma" data-sport="basketball"
14231   data-match-id="6ypq3kt79vzpmd7" data-match-time="1791694800"
14232   data-competition-id="9d23xmv1t4mg8ny" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
14233    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
14234   <div class="block relative group">
14235      <a href="https://toptrader.io/basketball/seoul-samsung-thunders-vs-goyang-sono-skygunners-on-11-10-2026/" class="absolute inset-0 z-0"
14236         data-tooltip="Seoul Samsung Thunders vs Goyang Sono Skygunners lúc 12:00  ngày 11/10/2026"
14237         data-title="Seoul Samsung Thunders vs Goyang Sono Skygunners lúc  12:00  ngày 11/10/2026"></a>
14238      <div class="chroma-signal-lock" aria-hidden="true"></div>
14239      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
14240         
14241         <div class="flex items-center justify-between sm:mb-0 mb-2">
14242            
14243            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
14244               <img src="https://img.thesports.com/basketball/competition/f841aa3bd3c2aeffca04f78bfaeecaf7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
14245                  loading="lazy" />
14246               <span class="truncate tracking-wide bals-competition-name">Korean Basketball League</span>
14247            </div>
14248            
14249            <div
14250               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
14251               <span> 12:00 </span>
14252               <span class="text-gray-400 leading-none text-base">•</span>
14253               <span>11/10</span>
14254               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
14255               <span
14256                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
14257            </div>
14258         </div>
14259         
14260         <div class="relative">
14261            
14262            <div
14263               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
14264               <span class="bals-status-name mr-1">NS</span>            </div>
14265            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
14266               
14267               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
14268                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
14269                     Seoul Samsung Thunders
14270                  </div>
14271                  <img data-src="https://static.sportsfeed.pro/basketball/team/9adc8e5768f7787b81ad366fed7b5edd.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Seoul Samsung Thunders Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
14272               
14273               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
14274                  <div
14275                     class="bals-score-track bals-score-track--vs">
14276                     <span
14277                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
14278                     <span
14279                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
14280                        0
14281                     </span>
14282                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
14283                     <span
14284                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
14285                        0
14286                     </span>
14287                  </div>
14288               </div>
14289               
14290               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
14291                  <img data-src="https://static.sportsfeed.pro/basketball/team/4a5ba2f4b39c4cb6db259ed9fb916da1.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Goyang Sono Skygunners Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
14292                     Goyang Sono Skygunners
14293                  </div>
14294               </div>
14295            </div>
14296         </div>
14297
14298         
14299         <div class="space-y-3">
14300            <div class="h-px w-full border-t-gradient-silver-fade"></div>
14301            <div class="relative">
14302               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
14303                  
14304
14305                  
14306                                       <div class="flex-1 min-w-0"></div>
14307                  
14308                  
14309                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
14310                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
14311                        </a></div>
14312                                 </div>
14313            </div>
14314         </div>
14315      </div>
14316   </div>
14317
14318</div>
14319<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
14320   bals-upcoming-match"
14321   data-accent="hot"
14322   data-template="chroma" data-sport="basketball"
14323   data-match-id="8yomovtgpwpkq0j" data-match-time="1791702000"
14324   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
14325    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
14326   <div class="block relative group">
14327      <a href="https://toptrader.io/basketball/shandong-hi-speed-kirin-v
14327s-guangzhou-loong-lions-on-11-10-2026/" class="absolute inset-0 z-0"
14328         data-tooltip="Shandong Hi-Speed Kirin vs Guangzhou Loong Lions lúc 14:00  ngày 11/10/2026"
14329         data-title="Shandong Hi-Speed Kirin vs Guangzhou Loong Lions lúc  14:00  ngày 11/10/2026"></a>
14330      <div class="chroma-signal-lock" aria-hidden="true"></div>
14331      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
14332         
14333         <div class="flex items-center justify-between sm:mb-0 mb-2">
14334            
14335            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
14336               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
14337                  loading="lazy" />
14338               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
14339            </div>
14340            
14341            <div
14342               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
14343               <span> 14:00 </span>
14344               <span class="text-gray-400 leading-none text-base">•</span>
14345               <span>11/10</span>
14346               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
14347               <span
14348                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
14349            </div>
14350         </div>
14351         
14352         <div class="relative">
14353            
14354            <div
14355               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
14356               <span class="bals-status-name mr-1">NS</span>            </div>
14357            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
14358               
14359               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
14360                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
14361                     Shandong Hi-Speed Kirin
14362                  </div>
14363                  <img data-src="https://static.sportsfeed.pro/basketball/team/fd94971d5354c254a48249ad402cfb92.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Shandong Hi-Speed Kirin Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
14364               
14365               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
14366                  <div
14367                     class="bals-score-track bals-score-track--vs">
14368                     <span
14369                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
14370                     <span
14371                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
14372                        0
14373                     </span>
14374                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
14375                     <span
14376                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
14377                        0
14378                     </span>
14379                  </div>
14380               </div>
14381               
14382               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
14383                  <img data-src="https://static.sportsfeed.pro/basketball/team/858cde8d2c075296f24e7ee61929fbeb.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Guangzhou Loong Lions Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
14384                     Guangzhou Loong Lions
14385                  </div>
14386               </div>
14387            </div>
14388         </div>
14389
14390         
14391         <div class="space-y-3">
14392            <div class="h-px w-full border-t-gradient-silver-fade"></div>
14393            <div class="relative">
14394               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
14395                  
14396
14397                  
14398                                       <div class="flex-1 min-w-0"></div>
14399                  
14400                  
14401                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
14402                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
14403                        </a></div>
14404                                 </div>
14405            </div>
14406         </div>
14407      </div>
14408   </div>
14409
14410</div>
14411<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
14412   bals-upcoming-match"
14413   data-accent="hot"
14414   data-template="chroma" data-sport="basketball"
14415   data-match-id="8yomovtgpwlkq0j" data-match-time="1791702000"
14416   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
14417    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
14418   <div class="block relative group">
14419      <a href="https://toptrader.io/basketball/shanghai-jiushi-sharks-vs-fujian-xunxing-sturgeons-on-11-10-2026/" class="absolute inset-0 z-0"
14420         data-tooltip="Shanghai Jiushi Sharks vs Fujian Xunxing Sturgeons lúc 14:00  ngày 11/10/2026"
14421         data-title="Shanghai Jiushi Sharks vs Fujian Xunxing Sturgeons lúc  14:00  ngày 11/10/2026"></a>
14422      <div class="chroma-signal-lock" aria-hidden="true"></div>
14423      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
14424         
14425         <div class="flex items-center justify-between sm:mb-0 mb-2">
14426            
14427            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
14428               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
14429                  loading="lazy" />
14430               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
14431            </div>
14432            
14433            <div
14434               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
14435               <span> 14:00 </span>
14436               <span class="text-gray-400 leading-none text-base">•</span>
14437               <span>11/10</span>
14438               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
14439               <span
14440                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
14441            </div>
14442         </div>
14443         
14444         <div class="relative">
14445            
14446            <div
14447               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
14448               <span class="bals-status-name mr-1">NS</span>            </div>
14449            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
14450               
14451               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
14452                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
14453                     Shanghai Jiushi Sharks
14454                  </div>
14455                  <img data-src="https://static.sportsfeed.pro/basketball/team/1125281dafbf06dad029825221e83d5a.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Shanghai Jiushi Sharks Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
14456               
14457               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
14458                  <div
14459                     class="bals-score-track bals-score-track--vs">
14460                     <span
14461                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
14462                     <span
14463                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
14464                        0
14465                     </span>
14466                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
14467                     <span
14468                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
14469                        0
14470                     </span>
14471                  </div>
14472               </div>
14473               
14474               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
14475                  <img data-src="https://static.sportsfeed.pro/basketball/team/2428a8c17b5a31163b54cb9502998bbf.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Fujian Xunxing Sturgeons Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
14476                     Fujian Xunxing Sturgeons
14477                  </div>
14478               </div>
14479            </div>
14480         </div>
14481
14482         
14483         <div class="space-y-3">
14484            <div class="h-px w-full border-t-gradient-silver-fade"></div>
14485            <div class="relative">
14486               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
14487                  
14488
14489                  
14490                                       <div class="flex-1 min-w-0"></div>
14491                  
14492                  
14493                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
14494                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
14495                        </a></div>
14496                                 </div>
14497            </div>
14498         </div>
14499      </div>
14500   </div>
14501
14502</div>
14503<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
14504   bals-upcoming-match"
14505   data-accent="hot"
14506   data-template="chroma" data-sport="basketball"
14507   data-match-id="y0or5gtzpvyjqwz" data-match-time="1791702000"
14508   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
14509    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
14510   <div class="block relative group">
14511      <a href="https://toptrader.io/basketball/jilin-northeast-tigers-vs-qingdao-eagles-on-11-10-2026/" class="absolute inset-0 z-0"
14512         data-tooltip="Jilin Northeast Tigers vs Qingdao Eagles lúc 14:00  ngày 11/10/2026"
14513         data-title="Jilin Northeast Tigers vs Qingdao Eagles lúc  14:00  ngày 11/10/2026"></a>
14514      <div class="chroma-signal-lock" aria-hidden="true"></div>
14515      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
14516         
14517         <div class="flex items-center justify-between sm:mb-0 mb-2">
14518            
14519            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
14520               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
14521                  loading="lazy" />
14522               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
14523            </div>
14524            
14525            <div
14526               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
14527               <span> 14:00 </span>
14528               <span class="text-gray-400 leading-none text-base">•</span>
14529               <span>11/10</span>
14530               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
14531               <span
14532                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
14533            </div>
14534         </div>
14535         
14536         <div class="relative">
14537            
14538            <div
14539               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
14540               <span class="bals-status-name mr-1">NS</span>            </div>
14541            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
14542               
14543               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
14544                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
14545                     Jilin Northeast Tigers
14546                  </div>
14547                  <img data-src="https://static.sportsfeed.pro/basketball/team/0ef4bf20fbdcd89b1d7cb4a9b29f0f5a.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Jilin Northeast Tigers Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
14548               
14549               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
14550                  <div
14551                     class="bals-score-track bals-score-track--vs">
14552                     <span
14553                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
14554                     <span
14555                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
14556                        0
14557                     </span>
14558                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
14559                     <span
14560                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
14561                        0
14562                     </span>
14563                  </div>
14564               </div>
14565               
14566               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
14567                  <img data-src="https://static.sportsfeed.pro/basketball/team/8265cde14b18d7e3716bb1e0b0aed623.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Qingdao Eagles Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
14568                     Qingdao Eagles
14569                  </div>
14570               </div>
14571            </div>
14572         </div>
14573
14574         
14575         <div class="space-y-3">
14576            <div class="h-px w-full border-t-gradient-silver-fade"></div>
14577            <div class="relative">
14578               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
14579                  
14580
14581                  
14582                                       <div class="flex-1 min-w-0"></div>
14583                  
14584                  
14585                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
14586                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
14587                        </a></div>
14588                                 </div>
14589            </div>
14590         </div>
14591      </div>
14592   </div>
14593
14594</div>
14595<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
14596   bals-upcoming-match"
14597   data-accent="hot"
14598   data-template="chroma" data-sport="basketball"
14599   data-match-id="ednm9kt2njy5ryo" data-match-time="1791702000"
14600   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
14601    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
14602   <div class="block relative group">
14603      <a href="https://toptrader.io/basketball/nanjing-monkey-kings-vs-shenzhen-leopards-on-11-10-2026/" class="absolute inset-0 z-0"
14604         data-tooltip="Nanjing Monkey Kings vs Shenzhen Leopards lúc 14:00  ngày 11/10/2026"
14605         data-title="Nanjing Monkey Kings vs Shenzhen Leopards lúc  14:00  ngày 11/10/2026"></a>
14606      <div class="chroma-signal-lock" aria-hidden="true"></div>
14607      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
14608         
14609         <div class="flex items-center justify-between sm:mb-0 mb-2">
14610            
14611            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
14612               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
14613                  loading="lazy" />
14614               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
14615            </div>
14616            
14617            <div
14618               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
14619               <span> 14:00 </span>
14620               <span class="text-gray-400 leading-none text-base">•</span>
14621               <span>11/10</span>
14622               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
14623               <span
14624                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
14625            </div>
14626         </div>
14627         
14628         <div class="relative">
14629            
14630            <div
14631               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
14632               <span class="bals-status-name mr-1">NS</span>            </div>
14633            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
14634               
14635               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
14636                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
14637                     Nanjing Monkey Kings
14638                  </div>
14639                  <img data-src="https://static.sportsfeed.pro/basketball/team/a5117efc96b29138d9db8f5abc1aa699.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Nanjing Monkey Kings Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
14640               
14641               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
14642                  <div
14643                     class="bals-score-track bals-score-track--vs">
14644                     <span
14645                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
14646                     <span
14647                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
14648                        0
14649                     </span>
14650                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
14651                     <span
14652                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
14653                        0
14654                     </span>
14655                  </div>
14656               </div>
14657               
14658               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
14659                  <img data-src="https://static.sportsfeed.pro/basketball/team/fb44eee02df789207dee98898982cc16.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Shenzhen Leopards Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
14660                     Shenzhen Leopards
14661                  </div>
14662               </div>
14663            </div>
14664         </div>
14665
14666         
14667         <div class="space-y-3">
14668            <div class="h-px w-full border-t-gradient-silver-fade"></div>
14669            <div class="relative">
14670               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
14671                  
14672
14673                  
14674                                       <div class="flex-1 min-w-0"></div>
14675                  
14676                  
14677                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
14678                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
14679                        </a></div>
14680                                 </div>
14681            </div>
14682         </div>
14683      </div>
14684   </div>
14685
14686</div>
14687<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
14688   bals-upcoming-match"
14689   data-accent="hot"
14690   data-template="chroma" data-sport="basketball"
14691   data-match-id="4wyrn1to3jp3q86" data-match-time="1791702000"
14692   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
14693    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
14694   <div class="block relative group">
14695      <a href="https://toptrader.io/basketball/ningbo-rockets-vs-zhejiang-golden-bulls-on-11-10-2026/" class="absolute inset-0 z-0"
14696         data-tooltip="Ningbo Rockets vs Zhejiang Golden Bulls lúc 14:00  ngày 11/10/2026"
14697         data-title="Ningbo Rockets vs Zhejiang Golden Bulls lúc  14:00  ngày 11/10/2026"></a>
14698      <div class="chroma-signal-lock" aria-hidden="true"></div>
14699      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
14700         
14701         <div class="flex items-center justify-between sm:mb-0 mb-2">
14702            
14703            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
14704               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
14705                  loading="lazy" />
14706               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
14707            </div>
14708            
14709            <div
14710               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
14711               <span> 14:00 </span>
14712               <span class="text-gray-400 leading-none text-base">•</span>
14713               <span>11/10</span>
14714               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
14715               <span
14716                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
14717            </div>
14718         </div>
14719         
14720         <div class="relative">
14721            
14722            <div
14723               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
14724               <span class="bals-status-name mr-1">NS</span>            </div>
14725            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
14726               
14727               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
14728                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
14729                     Ningbo Rockets
14730                  </div>
14731                  <img data-src="https://static.sportsfeed.pro/basketball/team/9b17d2feb1397b99fa0530fba4c7385b.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Ningbo Rockets Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
14732               
14733               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
14734                  <div
14735                     class="bals-score-track bals-score-track--vs">
14736                     <span
14737                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
14738                     <span
14739                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
14740                        0
14741                     </span>
14742                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
14743                     <span
14744                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
14745                        0
14746                     </span>
14747                  </div>
14748               </div>
14749               
14750               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
14751                  <img data-src="https://static.sportsfeed.pro/basketball/team/d1d77f07287fe840a7e77459e5bd1bfc.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Zhejiang Golden Bulls Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
14752                     Zhejiang Golden Bulls
14753                  </div>
14754               </div>
14755            </div>
14756         </div>
14757
14758         
14759         <div class="space-y-3">
14760            <div class="h-px w-full border-t-gradient-silver-fade"></div>
14761            <div class="relative">
14762               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
14763                  
14764
14765                  
14766                                       <div class="flex-1 min-w-0"></div>
14767                  
14768                  
14769                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
14770                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
14771                        </a></div>
14772                                 </div>
14773            </div>
14774         </div>
14775      </div>
14776   </div>
14777
14778</div>
14779<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
14780   bals-upcoming-match"
14781   data-accent="hot"
14782   data-template="chroma" data-sport="basketball"
14783   data-match-id="965mk8t2vydxm1g" data-match-time="1791703800"
14784   data-competition-id="9d23xmv1t4mg8ny" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
14785    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
14786   <div class="block relative group">
14787      <a href="https://toptrader.io/basketball/busan-kcc-egis-vs-suwon-kt-sonicboom-on-11-10-2026/" class="absolute inset-0 z-0"
14788         data-tooltip="Busan KCC Egis vs Suwon KT Sonicboom lúc 14:30  ngày 11/10/2026"
14789         data-title="Busan KCC Egis vs Suwon KT Sonicboom lúc  14:30  ngày 11/10/2026"></a>
14790      <div class="chroma-signal-lock" aria-hidden="true"></div>
14791      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
14792         
14793         <div class="flex items-center justify-between sm:mb-0 mb-2">
14794            
14795            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
14796               <img src="https://img.thesports.com/basketball/competition/f841aa3bd3c2aeffca04f78bfaeecaf7.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
14797                  loading="lazy" />
14798               <span class="truncate tracking-wide bals-competition-name">Korean Basketball League</span>
14799            </div>
14800            
14801            <div
14802               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
14803               <span> 14:30 </span>
14804               <span class="text-gray-400 leading-none text-base">•</span>
14805               <span>11/10</span>
14806               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
14807               <span
14808                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
14809            </div>
14810         </div>
14811         
14812         <div class="relative">
14813            
14814            <div
14815               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
14816               <span class="bals-status-name mr-1">NS</span>            </div>
14817            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
14818               
14819               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
14820                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
14821                     Busan KCC Egis
14822                  </div>
14823                  <img data-src="https://static.sportsfeed.pro/basketball/team/0add24fc964de3ea25e83417aa301f81.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Busan KCC Egis Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
14824               
14825               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
14826                  <div
14827                     class="bals-score-track bals-score-track--vs">
14828                     <span
14829                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
14830                     <span
14831                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
14832                        0
14833                     </span>
14834                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
14835                     <span
14836                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
14837                        0
14838                     </span>
14839                  </div>
14840               </div>
14841               
14842               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
14843                  <img data-src="https://static.sportsfeed.pro/basketball/team/624b1a84ff50919f44835640108bdd42.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Suwon KT Sonicboom Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
14844                     Suwon KT Sonicboom
14845                  </div>
14846               </div>
14847            </div>
14848         </div>
14849
14850         
14851         <div class="space-y-3">
14852            <div class="h-px w-full border-t-gradient-silver-fade"></div>
14853            <div class="relative">
14854               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
14855                  
14856
14857                  
14858                                       <div class="flex-1 min-w-0"></div>
14859                  
14860                  
14861                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
14862                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
14863                        </a></div>
14864                                 </div>
14865            </div>
14866         </div>
14867      </div>
14868   </div>
14869
14870</div>
14871<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
14872   bals-upcoming-match"
14873   data-accent="hot"
14874   data-template="chroma" data-sport="basketball"
14875   data-match-id="4jwq25tzyl92q0v" data-match-time="1791712800"
14876   data-competition-id="49vjxm8xt4q6odg" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
14877    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
14878   <div class="block relative group">
14879      <a href="https://toptrader.io/basketball/houston-rockets-vs-dallas-mavericks-on-11-10-2026/" class="absolute inset-0 z-0"
14880         data-tooltip="Houston Rockets vs Dallas Mavericks lúc 17:00  ngày 11/10/2026"
14881         data-title="Houston Rockets vs Dallas Mavericks lúc  17:00  ngày 11/10/2026"></a>
14882      <div class="chroma-signal-lock" aria-hidden="true"></div>
14883      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
14884         
14885         <div class="flex items-center justify-between sm:mb-0 mb-2">
14886            
14887            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
14888               <img src="https://img.thesports.com/basketball/competition/061f5ab5b1
14888a975fc1004529ec3f11fca.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
14889                  loading="lazy" />
14890               <span class="truncate tracking-wide bals-competition-name">National Basketball Association</span>
14891            </div>
14892            
14893            <div
14894               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
14895               <span> 17:00 </span>
14896               <span class="text-gray-400 leading-none text-base">•</span>
14897               <span>11/10</span>
14898               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
14899               <span
14900                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
14901            </div>
14902         </div>
14903         
14904         <div class="relative">
14905            
14906            <div
14907               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
14908               <span class="bals-status-name mr-1">NS</span>            </div>
14909            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
14910               
14911               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
14912                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
14913                     Houston Rockets
14914                  </div>
14915                  <img data-src="https://static.sportsfeed.pro/basketball/team/bcfe797437f18526ff4e62177021f638.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Houston Rockets Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
14916               
14917               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
14918                  <div
14919                     class="bals-score-track bals-score-track--vs">
14920                     <span
14921                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
14922                     <span
14923                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
14924                        0
14925                     </span>
14926                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
14927                     <span
14928                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
14929                        0
14930                     </span>
14931                  </div>
14932               </div>
14933               
14934               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
14935                  <img data-src="https://static.sportsfeed.pro/basketball/team/42d7b5ec22b2eb411d68f94a04eab742.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Dallas Mavericks Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
14936                     Dallas Mavericks
14937                  </div>
14938               </div>
14939            </div>
14940         </div>
14941
14942         
14943         <div class="space-y-3">
14944            <div class="h-px w-full border-t-gradient-silver-fade"></div>
14945            <div class="relative">
14946               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
14947                  
14948
14949                  
14950                                       <div class="flex-1 min-w-0"></div>
14951                  
14952                  
14953                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
14954                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
14955                        </a></div>
14956                                 </div>
14957            </div>
14958         </div>
14959      </div>
14960   </div>
14961
14962</div>
14963<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
14964   bals-upcoming-match"
14965   data-accent="hot"
14966   data-template="chroma" data-sport="basketball"
14967   data-match-id="6ypq3kt792yzmd7" data-match-time="1791718200"
14968   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
14969    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
14970   <div class="block relative group">
14971      <a href="https://toptrader.io/basketball/liaoning-flying-leopards-vs-sichuan-jinqiang-blue-whales-on-11-10-2026/" class="absolute inset-0 z-0"
14972         data-tooltip="Liaoning Flying Leopards vs Sichuan Jinqiang Blue Whales lúc 18:30  ngày 11/10/2026"
14973         data-title="Liaoning Flying Leopards vs Sichuan Jinqiang Blue Whales lúc  18:30  ngày 11/10/2026"></a>
14974      <div class="chroma-signal-lock" aria-hidden="true"></div>
14975      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
14976         
14977         <div class="flex items-center justify-between sm:mb-0 mb-2">
14978            
14979            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
14980               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
14981                  loading="lazy" />
14982               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
14983            </div>
14984            
14985            <div
14986               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
14987               <span> 18:30 </span>
14988               <span class="text-gray-400 leading-none text-base">•</span>
14989               <span>11/10</span>
14990               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
14991               <span
14992                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
14993            </div>
14994         </div>
14995         
14996         <div class="relative">
14997            
14998            <div
14999               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
15000               <span class="bals-status-name mr-1">NS</span>            </div>
15001            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
15002               
15003               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
15004                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
15005                     Liaoning Flying Leopards
15006                  </div>
15007                  <img data-src="https://static.sportsfeed.pro/basketball/team/03173dab50b9418d1a834a91104d90a4.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Liaoning Flying Leopards Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
15008               
15009               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
15010                  <div
15011                     class="bals-score-track bals-score-track--vs">
15012                     <span
15013                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
15014                     <span
15015                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
15016                        0
15017                     </span>
15018                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
15019                     <span
15020                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
15021                        0
15022                     </span>
15023                  </div>
15024               </div>
15025               
15026               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
15027                  <img data-src="https://static.sportsfeed.pro/basketball/team/nd80e6d5b1e2d6d989b5c3b7790fe0025.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Sichuan Jinqiang Blue Whales Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
15028                     Sichuan Jinqiang Blue Whales
15029                  </div>
15030               </div>
15031            </div>
15032         </div>
15033
15034         
15035         <div class="space-y-3">
15036            <div class="h-px w-full border-t-gradient-silver-fade"></div>
15037            <div class="relative">
15038               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
15039                  
15040
15041                  
15042                                       <div class="flex-1 min-w-0"></div>
15043                  
15044                  
15045                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
15046                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
15047                        </a></div>
15048                                 </div>
15049            </div>
15050         </div>
15051      </div>
15052   </div>
15053
15054</div>
15055<div class="match-card relative w-full mx-auto p-3 rounded-lg text-white
15056   bals-upcoming-match"
15057   data-accent="hot"
15058   data-template="chroma" data-sport="basketball"
15059   data-match-id="n54ql7tp0lg1rvy" data-match-time="1791718200"
15060   data-competition-id="ngy0or5gteqwzv3" x-data="{ showStreamers: false }" x-effect="let v = showStreamers; $el.style.zIndex = v ? '80' : ''; $el.style.overflow = v ? 'visible' : ''; let i = $el.querySelector('.block'); if (i) i.style.overflow = v ? 'visible' : ''"
15061    style="--chroma-line-image: url('https://toptrader.io/app/themes/ba-theme/public/build/assets/chroma_card_theme-DIeKmchv.jpg'); transition: all 0.2s ease;">
15062   <div class="block relative group">
15063      <a href="https://toptrader.io/basketball/xinjiang-flying-tigers-vs-zhejiang-guangsha-lions-on-11-10-2026/" class="absolute inset-0 z-0"
15064         data-tooltip="Xinjiang Flying Tigers vs Zhejiang Guangsha Lions lúc 18:30  ngày 11/10/2026"
15065         data-title="Xinjiang Flying Tigers vs Zhejiang Guangsha Lions lúc  18:30  ngày 11/10/2026"></a>
15066      <div class="chroma-signal-lock" aria-hidden="true"></div>
15067      <div class="flex flex-col gap-5 relative z-10 pointer-events-none">
15068         
15069         <div class="flex items-center justify-between sm:mb-0 mb-2">
15070            
15071            <div class="flex items-center gap-1.5 sm:gap-2 text-xs sm:text-base text-gray-light max-w-[33%]">
15072               <img src="https://img.thesports.com/basketball/competition/36660e389d505b7a95c1bf4a3da3e384.png" alt="League" class="h-4 sm:h-5 w-auto object-contain"
15073                  loading="lazy" />
15074               <span class="truncate tracking-wide bals-competition-name">Chinese Basketball Association</span>
15075            </div>
15076            
15077            <div
15078               class="bals-match-time bals-time-pill text-xs sm:text-sm text-gray-light whitespace-nowrap flex gap-1 items-center justify-center">
15079               <span> 18:30 </span>
15080               <span class="text-gray-400 leading-none text-base">•</span>
15081               <span>11/10</span>
15082               <span class="bals-live-pill text-gray-400 leading-none text-base"  style="display:none" >•</span>
15083               <span
15084                  class="bals-live-pill text-white bg-gradient-red-bright rounded-full py-0.5 px-2 text-xs font-semibold uppercase"  style="display:none" >Live</span>
15085            </div>
15086         </div>
15087         
15088         <div class="relative">
15089            
15090            <div
15091               class="bals-status-badge absolute left-1/2 -translate-x-1/2 -top-4 sm:-top-6 min-w-[60px] sm:min-w-[80px] justify-center items-center text-center text-yellow text-xs sm:text-sm font-semibold"  style="display:none" >
15092               <span class="bals-status-name mr-1">NS</span>            </div>
15093            <div class="flex items-center justify-between gap-2 w-full max-w-full mx-auto overflow-hidden">
15094               
15095               <div class="flex items-center justify-end gap-2 w-[40%] min-w-0">
15096                  <div class="w-36 truncate font-semibold text-right bals-home-team-name">
15097                     Xinjiang Flying Tigers
15098                  </div>
15099                  <img data-src="https://static.sportsfeed.pro/basketball/team/b54ffedd1c9a80374581bb3d7096dba6.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Xinjiang Flying Tigers Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />               </div>
15100               
15101               <div class="flex-shrink-0 bals-score-pill flex items-center justify-center px-1 relative pointer-events-auto">
15102                  <div
15103                     class="bals-score-track bals-score-track--vs">
15104                     <span
15105                        class="bals-vs-box bals-vs-pill text-sm sm:text-base" >VS</span>
15106                     <span
15107                        class="bals-score-box  text-sm sm:text-base bals-home-score"  style="display:none" >
15108                        0
15109                     </span>
15110                     <span class="bals-score-divider bals-score-sep" aria-hidden="true"  style="display:none" ></span>
15111                     <span
15112                        class="bals-score-box  text-sm sm:text-base bals-away-score"  style="display:none" >
15113                        0
15114                     </span>
15115                  </div>
15116               </div>
15117               
15118               <div class="flex items-center justify-start gap-2 w-[40%] min-w-0">
15119                  <img data-src="https://static.sportsfeed.pro/basketball/team/96108e3d2a3cf92f8f5305e5135f2419.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" loading="lazy" decoding="async" class="lazy transition-opacity duration-100 ease-in-out logo-skeleton h-7 w-7 sm:h-9 sm:w-9 rounded-full object-cover" alt="Zhejiang Guangsha Lions Logo" onerror="this.src=&quot;https://toptrader.io/app/themes/ba-theme/public/build/assets/team-CKx9jhPk.png&quot;" x-init="() => { if (window.initLazyLoading) { window.initLazyLoading(); }}" />                  <div class="w-36 truncate font-semibold text-left bals-away-team-name">
15120                     Zhejiang Guangsha Lions
15121                  </div>
15122               </div>
15123            </div>
15124         </div>
15125
15126         
15127         <div class="space-y-3">
15128            <div class="h-px w-full border-t-gradient-silver-fade"></div>
15129            <div class="relative">
15130               <div class="flex flex-nowrap items-center justify-between gap-1 sm:gap-2 w-full min-h-[28px]">
15131                  
15132
15133                  
15134                                       <div class="flex-1 min-w-0"></div>
15135                  
15136                  
15137                                       <div class="flex-shrink-0 flex items-center"><div class="w-[120px] sm:w-[125px] min-w-0 bals-odds"></div><a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow" class="ml-1.5 flex-shrink-0 relative z-20 pointer-events-auto">
15138                           <img src="https://toptrader.io/app/themes/ba-theme/public/build/assets/8xbet_logo_hd-CidRcT50.webp" class="h-4 w-auto object-contain" alt="8xbet" />
15139                        </a></div>
15140                                 </div>
15141            </div>
15142         </div>
15143      </div>
15144   </div>
15145
15146</div>
15147
15148  </div>
15149
15150      <div class="flex justify-center items-center py-5 gap-1">
15151      <button
15152        class="load-more-matches px-6 py-2 rounded-full inset-ring inset-ring-gray-500/70 text-gray-400 cursor-pointer hover:bg-gray-700 hover:text-white transition-colors text-base font-normal"
15153        data-tab="bb-all">
15154        Tải thêm các trận đấu
15155      </button>
15156    </div>
15157              </div>
15158            <!-- Tomorrow content is lazy-loaded on tab click (see loadBBTomorrowMatches in home.js).
15159                 SSR is skipped here because the basketball repository's date range is today-bound;
15160                 tomorrow needs a separate fetch with date=tomorrow to pull the full day. -->
15161            <div class="hidden match-container" id="bb-tomorrow-content" role="tabpanel" aria-labelledby="bb-tomorrow-tab">
15162               <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 bb-tomorrow-matches-grid">
15163                  <!-- Matches will be loaded here via AJAX -->
15164               </div>
15165               <div class="flex justify-center items-center py-5 gap-1 load-more-bb-tomorrow-container" style="display: none;">
15166                  <button class="load-more-bb-tomorrow px-6 py-2 rounded-full inset-ring inset-ring-gray-500/70 text-gray-400 cursor-pointer hover:bg-gray-700 hover:text-white transition-colors font-normal">
15167                     Tải thêm các trận đấu
15168                  </button>
15169               </div>
15170            </div>
15171         </div>
15172      </div>
15173
15174      <!-- Livescore View -->
15175      <template x-if="showLiveScore">
15176         <div id="livescore-view" class="w-full" style="height: 90vh;">
15177            <iframe src="https://livescores.antlive.pro/" id="livescore_iframe" width="100%" height="100%" frameborder="0" style="border:0;"></iframe>
15178         </div>
15179      </template>
15180
15181      <!-- News Section -->
15182      <section class="pt-4 mx-auto relative z-0">
15183  <div class="flex items-center justify-between mb-4">
15184    <h2 class="text-base min-[375px]:text-lg sm:text-xl font-bold leading-none uppercase px-3 py-2 text-white">Tin tức &amp; Cập nhật</h2>
15185  </div>
15186  <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3 sm:gap-4">
15187      </div>
15188  <a href="/all-news"
15189     class="sm:hidden block text-primary text-base font-medium text-right px-2 py-1.5 min-w-[75px] mt-3">
15190    Xem tất cả tin tức
15191    <svg class="size-4 inline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"/></svg>  </a>
15192</section>
15193      <!-- Category Posts Section -->
15194                  <!-- Home Content Section -->
15195      <section class="py-8 mx-auto">
15196    <div class="px-3 py-5 rounded-lg bg-[#1A1B1F]">
15197        <div class="flex items-center justify-between mb-4">
15198            <span
15199                class="text-base min-[375px]:text-lg sm:text-xl font-bold leading-none uppercase px-3 py-2 text-white">Lời
15200                giới thiệu</span>
15201        </div>
15202        <div class="flex flex-col lg:flex-row gap-6">
15203            
15204            <div class="toc-wrapper lg:w-1/4 text-[16px]">
15205                <div class="toc-fixed sticky top-4 max-h-[780px] overflow-y-auto no-scrollbar custom-scrollbar">
15206
15207                </div>
15208            </div>
15209
15210            
15211            <div class="content lg:w-3/4 order-1 lg:order-2 p-4 bg-[#292B2E] text-[16px] text-justify">
15212                <div class="max-h-[780px] overflow-y-auto no-scrollbar match-content-article">
15213                    <div id="toc_container" role="navigation" aria-label="Table of Contents" data-nosnippet class="no_bullets toc_title_center"><ul class="toc_list"><li><a href="#Thong_tin_gioi_thieu_8220de_che8221_phat_song_truc_tiep_Xoilactv_2025">Thông tin giới thiệu &#8220;đế chế&#8221; phát sóng trực tiếp Xoilactv 2025</a></li><li><a href="#Kham_pha_suc_hut_khien_Xoilactv_8220de_bep8221_cac_doi_thu_manh">Khám phá sức hút khiến Xoilactv &#8220;đè bẹp&#8221; các đối thủ mạnh</a></li><li><a href="#Trai_nghiem_xem_bong_da_82200_dong8221_chat_luong_8220chuan_5_sao8221">Trải nghiệm xem bóng đá &#8220;0 đồng&#8221; chất lượng &#8220;chuẩn 5 sao&#8221;</a></li><li><a href="#Am_thanh_song_dong_8220chan_thuc_tung_milimet8221">Âm thanh sống động &#8220;chân thực từng milimet&#8221;</a></li><li><a href="#Cam_ket_noi_khong_voi_quang_cao">Cam kết nói không với quảng cáo</a></li><li><a href="#Ha_tang_8220thep8221_dap_tan_con_ac_mong_giat_lag">Hạ tầng &#8220;thép&#8221; đập tan cơn ác mộng giật lag</a></li><li><a href="#Link_xem_du_phong_82203_lop_an_toan8221">Link xem dự phòng &#8220;3 lớp an toàn&#8221;</a></li><li><a href="#Dan_BLV_8220man_moi8221">Dàn BLV &#8220;mặn mòi&#8221;</a></li><li><a href="#Vu_tru_tien_ich_the_thao_toan_dien_chi_co_tai_trang_Xoilactv">Vũ trụ tiện ích thể thao toàn diện chỉ có tại trang Xoilactv</a></li><li><a href="#Lich_thi_dau_sieu_toc_cap_nhat_truoc_14_ngay">Lịch thi đấu siêu tốc cập nhật trước 14 ngày</a></li><li><a href="#BXH_bien_dong_real-time_tung_giay">BXH biến động real-time từng giây</a></li><li><a href="#Ket_qua_bong_da_8220sau_tan_goc8221">Kết quả bóng đá &#8220;sâu tận gốc&#8221;</a></li><li><a href="#Ban_tin_8220nong_hoi8221_247">Bản tin &#8220;nóng hổi&#8221; 24/7</a></li><li><a href="#Nhan_dinh_chuyen_sau">Nhận định chuyên sâu</a></li><li><a href="#So_sanh_Xoilactv_va_cac_8220ong_lon8221_phat_song_bong_da">So sánh Xoilactv và các &#8220;ông lớn&#8221; phát sóng bóng đá</a></li><li><a href="#FAQs_8211_Thac_mac_cua_khan_gia_khi_trai_nghiem_Xoilactv">(FAQs) &#8211; Thắc mắc của khán giả khi trải nghiệm Xoilactv</a></li><li><a href="#Xem_bong_da_co_mien_phi_100_khong">Xem bóng đá có miễn phí 100% không?</a></li><li><a href="#Nen_tang_gioi_han_IP_truy_cap_khong">Nền tảng giới hạn IP truy cập không?</a></li><li><a href="#Lam_sao_de_xem_lai_tran_da_dien_ra">Làm sao để xem lại trận đã diễn ra?</a></li><li><a href="#Loi_ket">Lời kết</a></li></ul></div>
15214
15215<div class="qMYqUG_convSearchResultHighlightRoot">
15216<div class="" data-turn-id-container="request-WEB:53ccf199-ee0b-41ed-ac58-5fa192294912-2" data-is-intersecting="true">
15217<section class="text-token-text-primary w-full focus:outline-none has-data-writing-block:pointer-events-none [&amp;:has([data-writing-block])&gt;*]:pointer-events-auto R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]" dir="auto" data-turn-id="request-WEB:53ccf199-ee0b-41ed-ac58-5fa192294912-2" data-turn-id-container="request-WEB:53ccf199-ee0b-41ed-ac58-5fa192294912-2" data-testid="conversation-turn-6" data-turn="assistant">
15218<div class="text-base my-auto mx-auto pb-8 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)">
15219<div class="[--thread-content-max-width:40rem] @w-lg/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn" data-conversation-screenshot-content="">
15220<div class="flex max-w-full flex-col gap-4 grow">
15221<div class="min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+&amp;]:mt-1" dir="auto" tabindex="0" data-message-author-role="assistant" data-message-id="eff2b1e1-1b4c-494a-82dd-3b6cee6a636a" data-message-model-slug="gpt-5-6" data-turn-start-message="true">
15222<div class="flex w-full flex-col gap-1 empty:hidden">
15223<div class="fbskMG_root markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling">
15224<h1 dir="auto" style="text-align: center;" data-pm-slice="1 1 []">XoilacTV Live &#8211; Kênh Xem Bóng Đá Trực Tuyến Xôi Lạc Số 1</h1>
15225</div>
15226</div>
15227</div>
15228</div>
15229</div>
15230</div>
15231</section>
15232</div>
15233</div>
15234<p><strong><a href="https://toptrader.io/">XOILACTV</a></strong><b></b><span style="font-weight: 400;">
15234 ghi nhận cột mốc kỷ lục với hơn 10.000.000 lượt truy cập/tháng. Đồng thời phục vụ 98% người hâm mộ bóng đá Việt Nam với chi phí 0 đồng. Sự kết hợp hoàn hảo giữa hạ tầng 100 máy chủ siêu phân luồng và tốc độ truyền tải đạt 60fps đã biến nơi đây thành &#8220;thánh địa giải trí&#8221; không thể thay thế. Hơn 500 trận đấu đỉnh cao từ 5 giải vô địch quốc gia hàng đầu châu Âu được phát sóng trọn vẹn mỗi tuần đang đợi bạn khám phá.</span></p>
15235<h2><span id="Thong_tin_gioi_thieu_8220de_che8221_phat_song_truc_tiep_Xoilactv_2025"><b>Thông tin giới thiệu &#8220;đế chế&#8221; phát sóng trực tiếp Xoilactv 2025</b></span></h2>
15236<p><span style="font-weight: 400;">Thị trường xem thể thao trực tuyến năm 2026 chứng kiến sự dịch chuyển mạnh mẽ. Hơn 85% khán giả chuyển từ màn hình tivi truyền thống sang các nền tảng số di động. Sự bùng nổ của hạ tầng Internet 5G cùng thuật toán tối ưu hóa băng thông đã giúp thương hiệu này vươn lên chiếm 65% thị phần bóng đá trực tuyến. </span></p>
15237<p><span style="font-weight: 400;">Giai đoạn 2023 &#8211; 2026 đánh dấu bước thăng tiến &#8220;thần tốc&#8221; của thương hiệu với những số liệu thống kê biết nói vô cùng ấn tượng. Bắt đầu từ mức 2.500.000 người dùng thường xuyên vào đầu năm 2023, nền tảng đã tăng trưởng 160% để đạt 6.500.000 người dùng năm 2024. </span></p>
15238<p><span style="font-weight: 400;">Đến hiện tại, </span><b>Xoilactv </b><span style="font-weight: 400;">chính thức chạm ngưỡng 10.200.000 thành viên. Tỷ lệ giữ chân khán giả đạt mức kỷ lục 91,5%, thời gian xem trung bình của mỗi người dùng lên tới 82 phút/trận. Con số này vượt 35% so với các nền tảng xem bóng đá miễn phí khác trên thị trường.</span></p>
15239<table>
15240<tbody>
15241<tr>
15242<td>
15243<p><b>Chỉ số phát triển</b></p>
15244</td>
15245<td>
15246<p><b>Năm 2023</b></p>
15247</td>
15248<td>
15249<p><b>Năm 2024</b></p>
15250</td>
15251<td>
15252<p><b>Năm 2025</b></p>
15253</td>
15254</tr>
15255<tr>
15256<td>
15257<p><b>Lượt truy cập hàng tháng</b></p>
15258</td>
15259<td>
15260<p><span style="font-weight: 400;">2.500.000</span></p>
15261</td>
15262<td>
15263<p><span style="font-weight: 400;">6.500.000</span></p>
15264</td>
15265<td>
15266<p><span style="font-weight: 400;">10.200.000</span></p>
15267</td>
15268</tr>
15269<tr>
15270<td>
15271<p><b>Băng thông máy chủ</b></p>
15272</td>
15273<td>
15274<p><span style="font-weight: 400;">500 Gbps</span></p>
15275</td>
15276<td>
15277<p><span style="font-weight: 400;">1.200 Gbps</span></p>
15278</td>
15279<td>
15280<p><span style="font-weight: 400;">3.500 Gbps</span></p>
15281</td>
15282</tr>
15283<tr>
15284<td>
15285<p><b>Số giải đấu bản quyền/phát sóng</b></p>
15286</td>
15287<td>
15288<p><span style="font-weight: 400;">15 giải</span></p>
15289</td>
15290<td>
15291<p><span style="font-weight: 400;">28 giải</span></p>
15292</td>
15293<td>
15294<p><span style="font-weight: 400;">45 giải</span></p>
15295</td>
15296</tr>
15297<tr>
15298<td>
15299<p><b>Tỷ lệ hài lòng của người dùng</b></p>
15300</td>
15301<td>
15302<p><span style="font-weight: 400;">84%</span></p>
15303</td>
15304<td>
15305<p><span style="font-weight: 400;">91%</span></p>
15306</td>
15307<td>
15308<p><span style="font-weight: 400;">97,8%</span></p>
15309</td>
15310</tr>
15311</tbody>
15312</table>
15313<figure id="attachment_220443" aria-describedby="caption-attachment-220443" style="width: 800px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="wp-image-220443 size-full" src="https://cdn.toptrader.io/26xoilactv-com/2026/07/de-che-tin-tuc-bong-da-xoilactv-thong-linh-thi-truong.webp" alt="Đế chế tin tức bóng đá Xoilactv thống lĩnh thị trường" width="800" height="400" srcset="https://cdn.toptrader.io/2026/07/de-che-tin-tuc-bong-da-xoilactv-thong-linh-thi-truong.webp 800w, https://cdn.toptrader.io/2026/07/de-che-tin-tuc-bong-da-xoilactv-thong-linh-thi-truong-300x150.webp 300w, https://cdn.toptrader.io/2026/07/de-che-tin-tuc-bong-da-xoilactv-thong-linh-thi-truong-768x384.webp 768w" sizes="auto, (max-width: 800px) 100v
15313w, 800px" /><figcaption id="caption-attachment-220443" class="wp-caption-text">Đế chế tin tức bóng đá Xoilactv thống lĩnh thị trường</figcaption></figure>
15314<h2><span id="Kham_pha_suc_hut_khien_Xoilactv_8220de_bep8221_cac_doi_thu_manh"><b>Khám phá sức hút khiến Xoilactv &#8220;đè bẹp&#8221; các đối thủ mạnh</b></span></h2>
15315<p>Để duy trì vị thế dẫn đầu giữa hàng loạt cái tên đình đám, thương hiệu đã tạo ra chuỗi giá trị khác biệt dựa trên trải nghiệm thực tế của người hâm mộ. Dưới đây là những <a href="https://toptrader.io/tips/"><strong>tips</strong></a> hữu ích giúp người dùng tận hưởng trải nghiệm xem bóng đá trọn vẹn hơn:</p>
15316<h3><span id="Trai_nghiem_xem_bong_da_82200_dong8221_chat_luong_8220chuan_5_sao8221"><b>Trải nghiệm xem bóng đá &#8220;0 đồng&#8221; chất lượng &#8220;chuẩn 5 sao&#8221;</b></span></h3>
15317<p><span style="font-weight: 400;">Cam kết phi thương mại hóa trải nghiệm cốt lõi của người dùng là kim chỉ nam giúp thương hiệu ghi điểm tuyệt đối trong lòng người hâm mộ. Khán giả được tận hưởng trọn vẹn 100% các trận đấu đỉnh cao mà không phải bỏ ra bất kỳ khoản phí đăng ký hay duy trì tài khoản nào. </span></p>
15318<p><span style="font-weight: 400;">Dù tiết kiệm 100% chi phí so với việc đăng ký các gói truyền hình trả tiền đắt đỏ từ 150.000đ đến 300.000đ/tháng, người xem vẫn được tận hưởng đường truyền hình ảnh chuẩn Full HD 1080p. Độ phân giải 1920&#215;1080 pixels, màu sắc đạt độ phủ 99% sRGB và độ trễ tín hiệu được kiểm soát ở mức cực thấp dưới 1,5 giây so với thực địa.</span></p>
15319<h3><span id="Am_thanh_song_dong_8220chan_thuc_tung_milimet8221"><b>Âm thanh sống động &#8220;chân thực từng milimet&#8221;</b></span></h3>
15320<p><span style="font-weight: 400;">Hệ thống lọc âm thông minh giúp tái tạo tần số âm thanh từ 20Hz đến 20.000Hz. Có thể bắt trọn từng tiếng reo hò của 80.000 CĐV trên khán đài, tiếng va chạm nảy lửa giữa các đinh giày hay tiếng va đập của trái bóng vào xà ngang với độ chân thực lên tới 96%. Sự kết hợp của dàn âm thanh chuẩn vòm vòm giúp không gian giải trí tại nhà của bạn biến thành một &#8220;chảo lửa&#8221; thực sự.</span></p>
15321<figure id="attachment_220437" aria-describedby="caption-attachment-220437" style="width: 800px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="wp-image-220437 size-full" src="https://cdn.toptrader.io/26xoilactv-com/2026/07/xoilactv-dau-tu-am-thanh-phat-song-chan-thuc.webp" alt="Xoilactv đầu tư âm thanh phát sóng chân thực" width="800" height="400" srcset="https://cdn.toptrader.io/2026/07/xoilactv-dau-tu-am-thanh-phat-song-chan-thuc.webp 800w, https://cdn.toptrader.io/2026/07/xoilactv-dau-tu-am-thanh-phat-song-chan-thuc-300x150.webp 300w, https://cdn.toptrader.io/2026/07/xoilactv-dau-tu-am-thanh-phat-song-chan-thuc-768x384.webp 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /><figcaption id="caption-attachment-220437" class="wp-caption-text">Xoilactv đầu tư âm thanh phát sóng chân thực</figcaption></figure>
15322<h3><span id="Cam_ket_noi_khong_voi_quang_cao"><b>Cam kết nói không với quảng cáo</b></span></h3>
15323<p><span style="font-weight: 400;">Sự khó chịu khi bị ngắt đoạn cảm xúc bởi các banner quảng cáo phiền phức đã hoàn toàn bị xóa bỏ tại trang web. </span><b>Xoilactv</b><span style="font-weight: 400;"> là đơn vị tiên phong áp dụng chính sách &#8220;sạch quảng cáo&#8221; khi cam kết loại bỏ 100% video quảng cáo chèn ngang trong 90 phút thi đấu chính thức và 30 phút hiệp phụ. Điều này giúp dòng cảm xúc của bạn luôn liền mạch trong từng khoảnh khắc nghẹt thở của trận đấu.</span></p>
15324<h3><span id="Ha_tang_8220thep8221_dap_tan_con_ac_mong_giat_lag"><b>Hạ tầng &#8220;thép&#8221; đập tan cơn ác mộng giật lag</b></span></h3>
15325<p><span style="font-weight: 400;">Nỗi lo về đứt đứt cáp quang hay nghẽn mạng vào các khung giờ cao điểm đã được giải quyết triệt để nhờ hệ thống hạ tầng máy chá»
15325§ quy mô lớn. Nhờ sở hữu 100 server dá»± phòng đặt tại 12 trung tâm dữ liệu đạt chuẩn Tier III khắp Đông Nam Á, hệ thống chịu tải dễ dàng cùng lúc 3.000.000 người truy cập. Tá»· lệ giật lag ghi nhận được tại hệ thống luôn duy trì ở mức dưới 0,01%, tốc độ phản hồi lệnh phản hồi trang chỉ mất 0,2 giây.</span></p>
15326<h3><span id="Link_xem_du_phong_82203_lop_an_toan8221"><b>Link xem dự phòng &#8220;3 lớp an toàn&#8221;</b></span></h3>
15327<p><span style="font-weight: 400;">Mỗi trận đấu được trang </span><b>Xoilactv </b><span style="font-weight: 400;">cung cấp tối thiểu 5 đường link xem trực tiếp. Bao gồm link HD, Full HD, 4K và các link backup tốc độ cao được kiểm tra tự động 5 giây/lần bằng AI. Nếu phát hiện đường truyền chính có dấu hiệu chập chờn, hệ thống tự động chuyển đổi sang tuyến link dự phòng trong vòng 0,5 giây mà không làm ngắt kết nối của người xem.</span></p>
15328<h3><span id="Dan_BLV_8220man_moi8221"><b>Dàn BLV &#8220;mặn mòi&#8221;</b></span></h3>
15329<p><span style="font-weight: 400;">Khán giả không chỉ xem bóng đá mà còn được đắm chìm vào không gian giải trí đỉnh cao nhờ sự góp mặt của những &#8220;cây hài&#8221; trong làng bình luận. Đội ngũ 30 bình luận viên được tuyển chọn khắt khe với trung bình 5 năm kinh nghiệm, sở hữu vốn kiến thức chuyên môn sâu rộng cùng phong cách dẫn dắt &#8220;đội phá mọi giới hạn&#8221;. </span></p>
15330<p><span style="font-weight: 400;">Họ cung cấp chính xác 95% các thông tin thuật toán chiến thuật, kết hợp lối nói chuyện hài hước. Qua đó tạo nên trung bình 15-20 khoảnh khắc giải trí gây bão mỗi trận, giúp mỗi phút giây theo dõi bóng đá trở nên vô cùng thư giãn.</span></p>
15331<figure id="attachment_220439" aria-describedby="caption-attachment-220439" style="width: 800px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-220439" src="https://cdn.toptrader.io/26xoilactv-com/2026/07/xoilactv-so-huu-dan-binh-luan-vien-hai-huoc-tai-nang.webp" alt="Xoilactv sở hữu dàn bình luận viên hài hước, tài năng" width="800" height="400" srcset="https://cdn.toptrader.io/2026/07/xoilactv-so-huu-dan-binh-luan-vien-hai-huoc-tai-nang.webp 800w, https://cdn.toptrader.io/2026/07/xoilactv-so-huu-dan-binh-luan-vien-hai-huoc-tai-nang-300x150.webp 300w, https://cdn.toptrader.io/2026/07/xoilactv-so-huu-dan-binh-luan-vien-hai-huoc-tai-nang-768x384.webp 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /><figcaption id="caption-attachment-220439" class="wp-caption-text">Xoilactv sở hữu dàn bình luận viên hài hước, tài năng</figcaption></figure>
15332<h2><span id="Vu_tru_tien_ich_the_thao_toan_dien_chi_co_tai_trang_Xoilactv"><b>Vũ trụ tiện ích thể thao toàn diện chỉ có tại trang Xoilactv</b></span></h2>
15333<p><span style="font-weight: 400;">Không dừng lại ở vai trò một kênh phát sóng trực tiếp, nền tảng đã phát triển thành một hệ sinh thái dữ liệu bóng đá đồ sộ bậc nhất. Có thể kể đến như:</span></p>
15334<h3><span id="Lich_thi_dau_sieu_toc_cap_nhat_truoc_14_ngay"><b>Lịch thi đấu siêu tốc cập nhật trước 14 ngày</b></span></h3>
15335<p><span style="font-weight: 400;">Lịch thi đấu của hơn 1.000 giải đấu lớn nhỏ trên toàn thế giới từ Champions League, Premier League, Euro, La Liga, Serie A cho đến V-League đều được cập nhật chính xác trước 14 ngày. Khán giả có thể nắm rõ khung giờ đá theo giờ Việt Nam (UTC+7), sơ đồ đội hình ra sân dự kiến được cập nhật trước 60 phút. Hơn nữa còn có lịch sử đối đầu trong 5 trận gần nhất và cả thông tin trọng tài bắt chính với độ chính xác 99,9%.</span></p>
15336<h3><span id="BXH_bien_dong_real-time_tung_giay"><b>BXH biến động real-time từng giây</b></span></h3>
15337<p><span style="font-weight: 400;">Nắm bắt vị trí và thứ hạng của đội bóng yêu thích ngay trong khi trận đấu đang diễn ra là trải nghiệm vô cùng thú vị. Bảng xếp hạng tại </span><b>Xoilactv</b><span style="font-weight: 400;"> cập nhật tự động theo thời gian thực (Real-time) chỉ 3 giây ngay 
15337sau khi có bàn thắng được ghi. </span></p>
15338<p><span style="font-weight: 400;">Hệ thống cung cấp chi tiết 8 chỉ số quan trọng của từng đội bóng. Bao gồm: số trận đã đấu, hiệu số bàn thắng/bại (+/-), tổng điểm, thành tích sân nhà/sân khách, phong độ 5 trận gần nhất, số thẻ phạt và tỷ lệ kiểm soát bóng trung bình.</span></p>
15339<figure id="attachment_220436" aria-describedby="caption-attachment-220436" style="width: 800px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-220436" src="https://cdn.toptrader.io/26xoilactv-com/2026/07/trang-xoilactv-cap-nhat-da-dang-tin-tuc-bong-da-chuan.webp" alt="Trang Xoilactv cập nhật đa dạng tin tức bóng đá chuẩn" width="800" height="400" srcset="https://cdn.toptrader.io/2026/07/trang-xoilactv-cap-nhat-da-dang-tin-tuc-bong-da-chuan.webp 800w, https://cdn.toptrader.io/2026/07/trang-xoilactv-cap-nhat-da-dang-tin-tuc-bong-da-chuan-300x150.webp 300w, https://cdn.toptrader.io/2026/07/trang-xoilactv-cap-nhat-da-dang-tin-tuc-bong-da-chuan-768x384.webp 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /><figcaption id="caption-attachment-220436" class="wp-caption-text">Trang Xoilactv cập nhật đa dạng tin tức bóng đá chuẩn</figcaption></figure>
15340<h3><span id="Ket_qua_bong_da_8220sau_tan_goc8221"><b>Kết quả bóng đá &#8220;sâu tận gốc&#8221;</b></span></h3>
15341<p><span style="font-weight: 400;">Trang </span><b>Xoilactv</b><span style="font-weight: 400;"> lưu trữ dữ liệu kết quả của hơn 50.000 trận đấu trong vòng 10 năm qua. Chỉ sau 1 phút khi tiếng còi kết thúc trận đấu vang lên, người xem có thể truy cập toàn bộ bảng thống kê chi tiết. </span></p>
15342<ul>
15343<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">100% số cú sút trúng đích</span></li>
15344<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Số lần phạm lỗi</span></li>
15345<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Số quả phạt góc</span></li>
15346<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Tỷ lệ chuyền bóng chính xác</span></li>
15347<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Bản đồ nhiệt (Heatmap) di chuyển của từng cầu thủ trên sân</span></li>
15348</ul>
15349<h3><span id="Ban_tin_8220nong_hoi8221_247"><b>Bản tin &#8220;nóng hổi&#8221; 24/7</b></span></h3>
15350<p><span style="font-weight: 400;">Thế giới túc cầu chuyển động không ngừng và bạn sẽ không bao giờ trở thành người &#8220;lỗi thời&#8221; khi đồng hành cùng chuyên mục tin tức. Đội ngũ 20 biên tập viên thể thao hoạt động liên tục 24/7 để xuất bản hơn 100 <strong><a href="https://toptrader.io/tin-tuc/">tin tức</a></strong> mới mỗi ngày. </span></p>
15351<p><span style="font-weight: 400;">Mọi thông tin chuyển nhượng &#8220;bom tấn&#8221;, chấn thương của các siêu sao, phát biểu họp báo gay gắt hay những drama bên lề sân cỏ đều được kiểm chứng từ 3 nguồn tin uy tín. Đó là Fabrizio Romano, Sky Sports, BBC và đăng tải sớm hơn các báo điện tử truyền thống từ 15 đến 30 phút.</span></p>
15352<h3><span id="Nhan_dinh_chuyen_sau"><b>Nhận định chuyên sâu</b></span></h3>
15353<p><span style="font-weight: 400;">Đối với những khán giả đam mê phân tích chuyên sâu và tìm kiếm cơ hội từ các tỷ lệ kèo, chuyên mục nhận định là một kho báu thực sự. Mỗi ngày, các chuyên gia </span><b>Xoilactv </b><span style="font-weight: 400;">sẽ phân tích dữ liệu cập nhật hơn 50 bài phân tích chuyên sâu trước trận đấu. </span></p>
15354<p><span style="font-weight: 400;">Các bài viết áp dụng mô hình máy học để tính toán tỷ lệ thắng/hòa/thua dựa trên 20 biến số độc lập. Ví dụ như: phong độ lực lượng, thời tiết, lịch sử đối đầu, áp lực điểm số và biến động tỷ lệ kèo châu Á, châu Âu. Tỷ lệ dự đoán chính xác của các bài nhận định trên trang đạt mức ấn tượng lên tới 78,5%.</span></p>
15355<h2><span id="So_sanh_Xoilactv_va_cac_8220ong_lon8221_phat_song_bong_da"><b>So sánh Xoilactv và các &#8220;ông lớn&#8221; phát sóng bóng đá</b></span></h2>
15356<p><span style="font-weight: 400;">Để có cái nhìn khách quan nhất về vị thế của thương hiệu </span><b>Xoilactv</b><span style="font-weight: 400;">
15356, chúng ta hãy cùng đặt nền tảng lên bàn cân so sánh với các đối thủ cùng phân khúc. Bao gồm:</span></p>
15357<table style="width: 100%; height: 400px;">
15358<tbody>
15359<tr style="height: 80px;">
15360<td style="height: 80px;">
15361<p><b>Tiêu chí so sánh</b></p>
15362</td>
15363<td style="height: 80px;">
15364<p><b>Xoilactv</b></p>
15365</td>
15366<td style="height: 80px;">
15367<p><b>Các trang web khác</b></p>
15368</td>
15369</tr>
15370<tr style="height: 160px;">
15371<td style="height: 160px;">
15372<p><b>Độ phủ giải đấu</b></p>
15373</td>
15374<td style="height: 160px;">
15375<p><span style="font-weight: 400;">• </span><b>45+ giải đấu</b><span style="font-weight: 400;"> toàn cầu (Bóng đá nữ, U19, U23, Tennis, Bóng rổ&#8230;).</span></p>
15376<br />
15377<p><span style="font-weight: 400;">• Link phát sóng </span><b>nhiều hơn 40%</b><span style="font-weight: 400;">.</span></p>
15378</td>
15379<td style="height: 160px;">
15380<p><span style="font-weight: 400;">• Chỉ phát </span><b>5 giải lớn</b><span style="font-weight: 400;"> Châu Âu.</span></p>
15381<br />
15382<p><span style="font-weight: 400;">• Ít phát sóng giải trẻ, bóng đá nữ hay môn thể thao khác.</span></p>
15383</td>
15384</tr>
15385<tr style="height: 80px;">
15386<td style="height: 80px;">
15387<p><b>Thời gian lên link</b></p>
15388</td>
15389<td style="height: 80px;">
15390<p><span style="font-weight: 400;">Cập nhật trước </span><b>60 phút</b><span style="font-weight: 400;"> (nhanh hơn 30 phút so với thị trường).</span></p>
15391</td>
15392<td style="height: 80px;">
15393<p><span style="font-weight: 400;">Cập nhật trễ, sát giờ bóng lăn (trước </span><b>30 phút</b><span style="font-weight: 400;">).</span></p>
15394</td>
15395</tr>
15396<tr style="height: 80px;">
15397<td style="height: 80px;">
15398<p><b>Tối ưu màn hình</b></p>
15399</td>
15400<td style="height: 80px;">
15401<p><span style="font-weight: 400;">Tích hợp </span><b>Auto-Fit Screen (AI)</b><span style="font-weight: 400;">, tự căn chỉnh khung hình (16:9, 18:9, 21:9), </span><b>không vỡ nét</b><span style="font-weight: 400;">.</span></p>
15402</td>
15403<td style="height: 80px;">
15404<p><span style="font-weight: 400;">Trình phát thường, dễ dãn hình hoặc vỡ nét khi xem màn hình dị.</span></p>
15405</td>
15406</tr>
15407</tbody>
15408</table>
15409<figure id="attachment_220445" aria-describedby="caption-attachment-220445" style="width: 800px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-220445" src="https://cdn.toptrader.io/26xoilactv-com/2026/07/so-sanh-xoilactv-noi-bat-hon-nhieu-doi-thu-khac.webp" alt="So sánh Xoilactv nổi bật hơn nhiều đối thủ khác" width="800" height="400" srcset="https://cdn.toptrader.io/2026/07/so-sanh-xoilactv-noi-bat-hon-nhieu-doi-thu-khac.webp 800w, https://cdn.toptrader.io/2026/07/so-sanh-xoilactv-noi-bat-hon-nhieu-doi-thu-khac-300x150.webp 300w, https://cdn.toptrader.io/2026/07/so-sanh-xoilactv-noi-bat-hon-nhieu-doi-thu-khac-768x384.webp 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /><figcaption id="caption-attachment-220445" class="wp-caption-text">So sánh Xoilactv nổi bật hơn nhiều đối thủ khác</figcaption></figure>
15410<h2><span id="FAQs_8211_Thac_mac_cua_khan_gia_khi_trai_nghiem_Xoilactv"><b>(FAQs) &#8211; Thắc mắc của khán giả khi trải nghiệm Xoilactv</b></span></h2>
15411<p><span style="font-weight: 400;">Dưới đây là tổng hợp những thắc mắc phổ biến nhất của người dùng lần đầu truy cập hệ thống cùng lời giải đáp chi tiết từ bộ phận hỗ trợ kỹ thuật. Bao gồm:</span></p>
15412<h3><span id="Xem_bong_da_co_mien_phi_100_khong"><b>Xem bóng đá có miễn phí 100% không?</b></span></h3>
15413<p><span style="font-weight: 400;">Người dùng truy cập và thưởng thức tất cả các trận đấu mà không phải trả bất kỳ khoản phí ẩn, phí đăng ký hay phí gia hạn nào. Mô hình hoạt động của trang web được tài trợ bởi các đối tác truyền thông thể thao lớn, đảm bảo người xem tận hưởng dịch vụ chất lượng cao nhất với giá 0 đồng.</span></p>
15414<h3><span id="Nen_tang_gioi_han_IP_truy_cap_khong"><b>Nền tảng giới hạn IP truy cập không?</b></span></h3>
15415<p><b>Xoilactv</b><span style="font-weight: 400;"> mở cửa tự do cho tất cả người hâm mộ trên toàn thế giới mà không áp dụng bất kỳ rào cản địa lý hay chính sách giới hạn IP nào. Dù bạn đang ở đâu, chỉ cần có kết nối Internet ổn định từ 5 Mbps trở lên là có thể dễ dàng theo dõi trực tiếp các trận cầu đỉnh cao.</span></p>
15416<h3><span id="Lam_sao_de_xem_lai_tran_da_dien_ra"><b>Làm sao để xem lại trận đã diễn ra?</b></span></h3>
15417<p><span style="font-weight: 400;">Hệ thống cung cấp chuyên mục video highlight chuyên biệt, cập nhật chỉ 15 phút sau khi trận đấu kết thúc. Các video có độ dài từ 5 đến 10 phút, tóm tắt điểm chính của trận để bạn dễ nắm bắt tình hình.</span></p>
15418<figure id="attachment_220435" aria-describedby="caption-attachment-220435" style="width: 800px" class="wp-caption aligncenter"><img loading="lazy" decoding="async" class="size-full wp-image-220435" src="https://cdn.toptrader.io/26xoilactv-com/2026/07/thac-mac-ve-trang-xoilactv-khi-nguoi-dung-trai-nghiem.webp" alt="Thắc mắc về trang Xoilactv khi người dùng trải nghiệm" width="800" height="400" srcset="https://cdn.toptrader.io/2026/07/thac-mac-ve-trang-xoilactv-khi-nguoi-dung-trai-nghiem.webp 800w, https://cdn.toptrader.io/2026/07/thac-mac-ve-trang-xoilactv-khi-nguoi-dung-trai-nghiem-300x150.webp 300w, https://cdn.toptrader.io/2026/07/thac-mac-ve-trang-xoilactv-khi-nguoi-dung-trai-nghiem-768x384.webp 768w" sizes="auto, (max-width: 800px) 100v
15418w, 800px" /><figcaption id="caption-attachment-220435" class="wp-caption-text">Thắc mắc về trang Xoilactv khi người dùng trải nghiệm</figcaption></figure>
15419<h2><span id="Loi_ket"><b>Lời kết</b></span></h2>
15420<p><span style="font-weight: 400;">Cam kết trải nghiệm trọn vẹn cho người hâm mộ, </span><a href="https://toptrader.io/"><b>XOILAC TV</b></a><span style="font-weight: 400;"> xứng đáng là lựa chọn hàng đầu cho bất kỳ ai trót yêu trái bóng tròn trong năm 2026. Hãy truy cập ngay hôm nay để tự mình kiểm chứng và hòa mình vào không khí sôi động của những trận cầu đỉnh cao nhé.</span></p>
15421                </div>
15422            </div>
15423        </div>
15424    </div>
15425</section>
15426
15427<script>
15428    document.addEventListener('DOMContentLoaded', function () {
15429        const tocContainer = document.getElementById('toc_container');
15430        const tocFixed = document.querySelector('.toc-fixed');
15431
15432        if (tocContainer && tocFixed) {
15433            tocFixed.appendChild(tocContainer);
15434        } else if (!tocContainer) {
15435            const content = document.querySelector('.content');
15436            if (content) {
15437                content.classList.add('lg:!w-full');
15438            }
15439        }
15440    });
15441</script>
15441   </div>
15442
15443      </main>
15444
15445      
15446      <footer class="sm:py-8 py-2 text-[16px] sm:text-[18px]">
15447    <div class="container mx-auto px-3">
15448        <div class="flex flex-col sm:flex-row sm:justify-between sm:items-center space-y-4 sm:space-y-0">
15449
15450            
15451            <div class="flex-1 text-center text-[#afb4ba]">
15452                <section class="widget block-37 widget_block widget_text mb-6">
15453<p>XoilacTV là chuyên trang trực tiếp bóng đá uy tín, cung cấp kho giải đấu đa dạng từ Ngoại Hạng Anh, Champions League đến La Liga. Truy cập ngay hôm nay để xem trực tuyến miễn phí và trải nghiệm hệ thống link mượt mà, HD siêu tốc.</p>
15454</section>                                <section class="widget block-46 widget_block mb-6">
15455<ul class="wp-block-list">
15456<li>Địa chỉ: 1 Liên Khu 2-10, Bình Hưng Hoà A, Bình Tân, Hồ Chí Minh, Việt Nam</li>
15457
15458
15459
15460<li>Email: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="64171114140b16102417100516100116100c0109014a080d1201">[email&#160;protected]</a></li>
15461
15462
15463
15464<li>Website: https://toptrader.io/</li>
15465
15466
15467
15468<li>Hotline: 0914564013<br>Tag: #xoilactv #26xoilactvcom #xoilactvcom #xoilaclive #trangchuxoilactv</li>
15469</ul>
15470</section><section class="widget block-47 widget_block mb-6">
15471<ul class="wp-block-social-links aligncenter is-layout-flex wp-block-social-links-is-layout-flex"></ul>
15472</section>            </div>
15473        </div>
15474        <div class="border-t border-divider mt-2 pt-2 text-center text-gray-400 text-sm">
15475            Bản quyền nội dung thuộc về Xoilac TV © 2026. Tuân thủ chính sách bảo mật và điều khoản sử dụng.
15476        </div>
15477    </div>
15478</footer>
15479      
15480      
15481      <div class="fixed bottom-0 left-0 right-0 z-[80] lg:hidden">
15482    <div class="bg-[#151618] border-t border-gray-800">
15483    <a href="https://192.132.28.37/8xx" target="_blank" rel="nofollow noopener"
15484   aria-label="Cược 8xbet"
15485   class="block mb-2 sm:mb-4 rounded overflow-hidden w-full aspect-[928/90] sm:aspect-[1330/60]">
15486    <picture>
15487        <source srcset="https://imgixycdn.com/banner/1330x60.gif" media="(min-width: 640px)">
15488        <img src="https://imgixycdn.com/banner/928x90.gif"
15489             alt="Cược 8xbet"
15490             class="w-full h-full block object-cover"
15491             loading="lazy" decoding="async"
15492             width="928" height="90">
15493    </picture>
15494</a>
15495  </div>
15496
15497      
15498    <nav class="mobile-nav border-t border-gray-800"
15499      role="navigation" aria-label="Main mobile navigation" aria-describedby="mobile-nav-description">
15500      
15501      <div class="flex items-center justify-between h-12 px-2" role="tablist" aria-label="Main navigation sections">
15502        
15503        <div id="mobile-nav-description" class="sr-only">
15504          Navigate between main sections of the site.
15505        </div>
15506
15507                  <a href="https://toptrader.io/" class="mobile-nav-item flex-1 flex flex-col items-center justify-center relative p-1 rounded-lg transition-all duration-200 hover:bg-gray-800/50 focus:outline-none focus:ring-2 focus:ring-primary/50 h-full touch-manipulation active bg-primary/10" role="tab" aria-label="Trực tiếp, current page, 1 of 6"
15508  aria-current="page" aria-selected="true"
15509  aria-describedby="nav-item-truc-tiep-desc" tabindex="0" data-nav-item="truc-tiep"
15510  data-nav-position="1" data-nav-total="6">
15511  
15512  <div class="relative">
15513    
15514    <svg class="mobile-nav-icon text-xl transition-colors duration-200 size-5 text-primary" aria-hidden="true" data-icon="play-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm48.24-94.78-64-40A8,8,0,0,0,100,88v80a8,8,0,0,0,12.24,6.78l64-40a8,8,0,0,0,0-13.56ZM116,153.57V102.43L156.91,128Z"/></svg>
15515    
15516      </div>
15517
15518  
15519  <span class="mobile-nav-label text-[10px] font-medium transition-colors duration-200 text-center leading-tight text-white font-semibold" aria-hidden="true">
15520    Trực tiếp
15521  </span>
15522
15523  
15524  <span id="nav-item-truc-tiep-desc" class="sr-only">
15525    Navigate to Trực tiếp section
15526              , currently selected
15527      </span>
15528
15529  
15530      <span class="absolute top-0 left-1/2 transform -translate-x-1/2 w-6 h-1 bg-primary rounded-b-sm"
15531      aria-hidden="true"></span>
15532  </a>                  <a href="https://toptrader.io/lich-thi-dau/" class="mobile-nav-item flex-1 flex flex-col items-center justify-center relative p-1 rounded-lg transition-all duration-200 hover:bg-gray-800/50 focus:outline-none focus:ring-2 focus:ring-primary/50 h-full touch-manipulation" role="tab" aria-label="Lịch, 2 of 6"
15533  aria-current="false" aria-selected="false"
15534  aria-describedby="nav-item-lich-desc" tabindex="-1" data-nav-item="lich"
15535  data-nav-position="2" data-nav-total="6">
15536  
15537  <div class="relative">
15538    
15539    <svg class="mobile-nav-icon text-xl transition-colors duration-200 size-5 text-gray-400" aria-hidden="true" data-icon="calendar" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"/></svg>
15540    
15541      </div>
15542
15543  
15544  <span class="mobile-nav-label text-[10px] font-medium transition-colors duration-200 text-center leading-tight text-gray-light" aria-hidden="true">
15545    Lịch
15546  </span>
15547
15548  
15549  <span id="nav-item-lich-desc" class="sr-only">
15550    Navigate to Lịch section
15551          </span>
15552
15553  
15554  </a>                  <a href="https://toptrader.io/highlights/" class="mobile-nav-item flex-1 flex flex-col items-center justify-center relative p-1 rounded-lg transition-all duration-200 hover:bg-gray-800/50 focus:outline-none focus:ring-2 focus:ring-primary/50 h-full touch-manipulation" role="tab" aria-label="Highlights, 3 of 6"
15555  aria-current="false" aria-selected="false"
15556  aria-describedby="nav-item-highlights-desc" tabindex="-1" data-nav-item="highlights"
15557  data-nav-position="3" data-nav-total="6">
15558  
15559  <div class="relative">
15560    
15561    <svg class="mobile-nav-icon text-xl transition-colors duration-200 size-5 text-gray-400" aria-hidden="true" data-icon="video" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M164.44,105.34l-48-32A8,8,0,0,0,104,80v64a8,8,0,0,0,12.44,6.66l48-32a8,8,0,0,0,0-13.32ZM120,129.05V95l25.58,17ZM216,40H40A16,16,0,0,0,24,56V168a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,128H40V56H216V168Zm16,40a8,8,0,0,1-8,8H32a8,8,0,0,1,0-16H224A8,8,0,0,1,232,208Z"/></svg>
15562    
15563      </div>
15564
15565  
15566  <span class="mobile-nav-label text-[10px] font-medium transition-colors duration-200 text-center leading-tight text-gray-light" aria-hidden="true">
15567    Highlights
15568  </span>
15569
15570  
15571  <span id="nav-item-highlights-desc" class="sr-only">
15572    Navigate to Highlights section
15573          </span>
15574
15575  
15576  </a>                  <a href="https://toptrader.io/kqbd/" class="mobile-nav-item flex-1 flex flex-col items-center justify-center relative p-1 rounded-lg transition-all duration-200 hover:bg-gray-800/50 focus:outline-none focus:ring-2 focus:ring-primary/50 h-full touch-manipulation" role="tab" aria-label="Kết quả, 4 of 6"
15577  aria-current="false" aria-selected="false"
15578  aria-describedby="nav-item-ket-qua-desc" tabindex="-1" data-nav-item="ket-qua"
15579  data-nav-position="4" data-nav-total="6">
15580  
15581  <div class="relative">
15582    
15583    <svg class="mobile-nav-icon text-xl transition-colors duration-200 size-5 text-gray-400" aria-hidden="true" data-icon="check-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z"/></svg>
15584    
15585      </div>
15586
15587  
15588  <span class="mobile-nav-label text-[10px] font-medium transition-colors duration-200 text-center leading-tight text-gray-light" aria-hidden="true">
15589    Kết quả
15590  </span>
15591
15592  
15593  <span id="nav-item-ket-qua-desc" class="sr-only">
15594    Navigate to Kết quả section
15595          </span>
15596
15597  
15598  </a>                  <a href="https://toptrader.io/bang-xep-hang/" class="mobile-nav-item flex-1 flex flex-col items-center justify-center relative p-1 rounded-lg transition-all duration-200 hover:bg-gray-800/50 focus:outline-none focus:ring-2 focus:ring-primary/50 h-full touch-manipulation" role="tab" aria-label="BXH, 5 of 6"
15599  aria-current="false" aria-selected="false"
15600  aria-describedby="nav-item-bxh-desc" tabindex="-1" data-nav-item="bxh"
15601  data-nav-position="5" data-nav-total="6">
15602  
15603  <div class="relative">
15604    
15605    <svg class="mobile-nav-icon text-xl transition-colors duration-200 size-5 text-gray-400" aria-hidden="true" data-icon="ranking" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M112.41,102.53a8,8,0,0,1,5.06-10.12l12-4A8,8,0,0,1,140,96v40a8,8,0,0,1-16,0V107.1l-1.47.49A8,8,0,0,1,112.41,102.53ZM248,208a8,8,0,0,1-8,8H16a8,8,0,0,1,0-16h8V104A16,16,0,0,1,40,88H80V56A16,16,0,0,1,96,40h64a16,16,0,0,1,16,16v72h40a16,16,0,0,1,16,16v56h8A8,8,0,0,1,248,208Zm-72-64v56h40V144ZM96,200h64V56H96Zm-56,0H80V104H40Z"/></svg>
15606    
15607      </div>
15608
15609  
15610  <span class="mobile-nav-label text-[10px] font-medium transition-colors duration-200 text-center leading-tight text-gray-light" aria-hidden="true">
15611    BXH
15612  </span>
15613
15614  
15615  <span id="nav-item-bxh-desc" class="sr-only">
15616    Navigate to BXH section
15617          </span>
15618
15619  
15620  </a>                  <a href="https://toptrader.io/tin-tuc/" class="mobile-nav-item flex-1 flex flex-col items-center justify-center relative p-1 rounded-lg transition-all duration-200 hover:bg-gray-800/50 focus:outline-none focus:ring-2 focus:ring-primary/50 h-full touch-manipulation" role="tab" aria-label="Tin tức, 6 of 6"
15621  aria-current="false" aria-selected="false"
15622  aria-describedby="nav-item-tin-tuc-desc" tabindex="-1" data-nav-item="tin-tuc"
15623  data-nav-position="6" data-nav-total="6">
15624  
15625  <div class="relative">
15626    
15627    <svg class="mobile-nav-icon text-xl transition-colors duration-200 size-5 text-gray-400" aria-hidden="true" data-icon="newspaper" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M88,112a8,8,0,0,1,8-8h80a8,8,0,0,1,0,16H96A8,8,0,0,1,88,112Zm8,40h80a8,8,0,0,0,0-16H96a8,8,0,0,0,0,16ZM232,64V184a24,24,0,0,1-24,24H32A24,24,0,0,1,8,184.11V88a8,8,0,0,1,16,0v96a8,8,0,0,0,16,0V64A16,16,0,0,1,56,48H216A16,16,0,0,1,232,64Zm-16,0H56V184a23.84,23.84,0,0,1-1.37,8H208a8,8,0,0,0,8-8Z"/></svg>
15628    
15629      </div>
15630
15631  
15632  <span class="mobile-nav-label text-[10px] font-medium transition-colors duration-200 text-center leading-tight text-gray-light" aria-hidden="true">
15633    Tin tức
15634  </span>
15635
15636  
15637  <span id="nav-item-tin-tuc-desc" class="sr-only">
15638    Navigate to Tin tức section
15639          </span>
15640
15641  
15642  </a>              </div>
15643    </nav>
15644  </div>      
15645      
15646          </div>
vendor: 118 bytes, lines 15646-15648
15646
15647
15648        <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
15648<script type="speculationrules">
15649{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp/wp-*.php","/wp/wp-admin/*","/app/uploads/*","/app/*","/app/plugins/*","/app/themes/ba-theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
15650</script>
vendor: 1 bytes, line 15650
15650
15651<script src="https://toptrader.io/app/plugins/table-of-contents-plus/assets/front.min.js?ver=202608.2" id="toc-front-js"></script>
vendor: 1 bytes, line 15651
15651
15652<script type="module" src="https://toptrader.io/app/themes/ba-theme/resources/js/debug-utils.js?ver=1.0.0" id="debug-utils-js"></script>
15652
15653
15654    
15655    
15655<script>
15656      (function () {
15657        var alpineReady = false;
15658        document.addEventListener('alpine:initialized', function () {
15659          alpineReady = true;
15660        });
15661        setTimeout(function () {
15662          if (alpineReady) return;
15663          document.querySelectorAll('[x-cloak]').forEach(function (el) {
15664            el.removeAttribute('x-cloak');
15665          });
15666        }, 3000);
15667      })();
15668    </script>
15668
15669  
15669<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"5cb608440cdc4c2db427ad7f6ba00d15","r":1,"spa":2}' crossorigin="anonymous"></script>
15669
15670</body>
15671</html>
15672<!-- Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.