;
! function() {
    try {
        var e = "undefined" != typeof globalThis ? globalThis : "undefined" != typeof global ? global : "undefined" != typeof window ? window : "undefined" != typeof self ? self : {},
            n = (new e.Error).stack;
        n && ((e._debugIds || (e._debugIds = {}))[n] = "430f1d17-7974-1f1f-35b7-733af92f5682")
    } catch (e) {}
}();
(globalThis.TURBOPACK || (globalThis.TURBOPACK = [])).push(["object" == typeof document ? document.currentScript : void 0, 476717, e => {
    "use strict";
    var t = e.i(221628),
        l = e.i(999061),
        r = e.i(318594),
        a = e.i(416340),
        s = e.i(76953),
        n = e.i(355015),
        i = e.i(777723),
        o = e.i(814703),
        c = e.i(546622);
    let d = {
        "@context": "https://schema.org",
        "@type": "WebSite",
        name: "Polymarket",
        alternateName: "polymarket.com",
        url: "https://polymarket.com"
    };

    function u() {
        let e, r = (0, l.c)(1);
        return r[0] === Symbol.for("react.memo_cache_sentinel") ? (e = (0, t.jsx)(o.default, {
            children: (0, t.jsx)("script", {
                type: "application/ld+json",
                dangerouslySetInnerHTML: {
                    __html: (0, c.safeJsonLdStringify)(d)
                }
            })
        }), r[0] = e) : e = r[0], e
    }
    var m = e.i(491163),
        x = e.i(177521),
        f = e.i(776796),
        h = e.i(964974),
        g = e.i(944891),
        p = e.i(864006),
        v = e.i(604777),
        b = e.i(284553);
    b.default.env.CLICKHOUSE_KEY_ID, b.default.env.CLICKHOUSE_KEY_SECRET;
    let y = (0, a.createContext)(!0),
        j = y.Provider;

    function k() {
        return (0, a.useContext)(y)
    }
    var N = e.i(208956),
        w = e.i(650485),
        S = e.i(459225),
        T = e.i(73903),
        C = e.i(360493);
    let _ = (0, a.createContext)(null),
        M = _.Provider;
    var I = e.i(668122),
        P = e.i(305457);

    function L(e) {
        let t, r = (0, l.c)(4),
            a = (0, P.useAmplitudeAnalytics)();
        return r[0] !== a || r[1] !== e.id || r[2] !== e.slug ? (t = () => {
            a.trackEvent(I.Events.HomepageCarouselClick, {
                event_id: e.id,
                event_slug: e.slug
            })
        }, r[0] = a, r[1] = e.id, r[2] = e.slug, r[3] = t) : t = r[3], t
    }

    function $() {
        let e, t, r, s, n = (0, l.c)(4);
        n[0] === Symbol.for("react.memo_cache_sentinel") ? (e = new Set, n[0] = e) : e = n[0];
        let i = (0, a.useRef)(e);
        n[1] === Symbol.for("react.memo_cache_sentinel") ? (t = e => {
            i.current.forEach(t => {
                t(e)
            })
        }, n[1] = t) : t = n[1];
        let o = t;
        n[2] === Symbol.for("react.memo_cache_sentinel") ? (r = e => (i.current.add(e), () => {
            i.current.delete(e)
        }), n[2] = r) : r = n[2];
        let c = r;
        return n[3] === Symbol.for("react.memo_cache_sentinel") ? (s = {
            dispatch: o,
            subscribe: c
        }, n[3] = s) : s = n[3], s
    }
    var R = e.i(397456),
        A = e.i(606231),
        D = e.i(215777),
        E = e.i(631222);

    function F(e, t) {
        let {
            liveVolume: l,
            addTrade: r,
            resetVolume: s
        } = (0, D.useLiveVolume)(), n = (0, a.useRef)(e), i = (0, a.useRef)(t);
        i.current = t, (0, a.useEffect)(() => {
            n.current !== e && (n.current = e, s())
        }, [e, s]);
        let o = (0, a.useMemo)(() => e ? {
                topic: "activity",
                type: "trades",
                filters: JSON.stringify({
                    event_slug: e
                })
            } : null, [e]),
            c = (0, a.useCallback)(e => {
                if (e.data) try {
                    let t = JSON.parse(e.data);
                    "trades" === t.type && t.payload && (r(t.payload), i.current ? .(t.payload))
                } catch {}
            }, [r]),
            d = e ? E.LIVE_DATA_WEBSOCKET_URL : null,
            {
                readyState: u,
                sendMessage: m
            } = (0, A.useWebSocket)({
                url: d,
                shouldReconnect: () => !!d,
                maxReconnectAttempts: 5,
                reconnectInterval: 1e4,
                onMessage: c
            });
        return (0, a.useEffect)(() => {
            u === R.ReadyState.OPEN && o && m(JSON.stringify({
                action: "subscribe",
                subscriptions: [o]
            }))
        }, [u, o, m]), l
    }
    var O = e.i(918007),
        V = e.i(491636),
        z = e.i(882261),
        B = e.i(390960),
        U = e.i(757844),
        W = e.i(196593),
        H = e.i(289981);

    function K(e) {
        let r, a, s, n, i, o, c, d, u, m, x, f, h, g = (0, l.c)(41),
            {
                event: b,
                options: y,
                liveVolume: j,
                seriesVolume24hr: k,
                logoOnly: N,
                isSports: w
            } = e,
            S = (0, v.useTranslations)(),
            T = (0, p.useLocale)();
        g[0] !== b || g[1] !== T || g[2] !== S ? (r = function(e, t, l) {
            let r = (0, B.getDateFnsLocale)(l);
            if (e.ended && e.finishedTimestamp) {
                let l = new Date(e.finishedTimestamp);
                return (0, z.isToday)(l) ? String(t.raw("homepageV2.endedAt")).replace("{time}", (0, V.format)(l, "p", {
                    locale: r
                })) : String(t.raw("homepageV2.endedOn")).replace("{date}", (0, V.format)(l, "MMM d, yyyy", {
                    locale: r
                }))
            }
            return e.endDate ? String(t.raw("homepageV2.ends")).replace("{date}", (0, V.format)(new Date(e.endDate), "MMM d, yyyy", {
                locale: r
            })) : null
        }(b, S, T), g[0] = b, g[1] = T, g[2] = S, g[3] = r) : r = g[3];
        let C = r,
            _ = b.series ? .[0];
        g[4] !== b.isLive || g[5] !== b.seriesSlug ? (a = b.isLive || b.seriesSlug ? .includes("up-or-down"), g[4] = b.isLive, g[5] = b.seriesSlug, g[6] = a) : a = g[6];
        let M = a,
            I = !N && (M || _ || C),
            P = (w ? (0, H.getGameLinesVolume)(b.markets, b.volume) : k || (b.markets ? .length !== 1 || b.series ? b.volume ? ? 0 : b.markets[0].volume_num || parseFloat(b.markets[0].volume) || b.volume || 0)) + (void 0 === j ? 0 : j),
            L = +!y.hideVolume;
        return g[7] !== L ? (s = {
            opacity: L
        }, g[7] = L, g[8] = s) : s = g[8], g[9] !== P ? (n = (0, W.formatVolume)(P), g[9] = P, g[10] = n) : n = g[10], g[11] !== S ? (i = S("homepageV2.vol"), g[11] = S, g[12] = i) : i = g[12], g[13] !== s || g[14] !== n || g[15] !== i ? (o = (0, t.jsxs)("p", {
            className: "text-body-sm text-text-tertiary",
            style: s,
            children: [n, " ", i]
        }), g[13] = s, g[14] = n, g[15] = i, g[16] = o) : o = g[16], g[17] !== M || g[18] !== N || g[19] !== S ? (c = !N && M && (0, t.jsxs)("div", {
            className: "flex items-center gap-1.5",
            children: [(0, t.jsxs)("div", {
                className: "relative flex items-center justify-center",
                children: [(0, t.jsx)("div", {
                    className: "size-[7px] rounded-full bg-red-500 relative z-10"
                }), (0, t.jsx)("div", {
                    className: "absolute -inset-px size-[9px] rounded-full bg-red-500 opacity-75 animate-ping"
                })]
            }), (0, t.jsx)("span", {
                className: "text-red-500 uppercase text-body-xs font-semibold tracking-normal",
                children: S("homepageV2.live")
            })]
        }), g[17] = M, g[18] = N, g[19] = S, g[20] = c) : c = g[20], g[21] !== M || g[22] !== N || g[23] !== _ ? (d = !M && !N && _ && (0, t.jsx)(U.default, {
            series: _
        }), g[21] = M, g[22] = N, g[23] = _, g[24] = d) : d = g[24], g[25] !== M || g[26] !== N || g[27] !== _ || g[28] !== C ? (u = !N && C && !_ && !M && (0, t.jsx)("span", {
            suppressHydrationWarning: !0,
            children: C
        }), g[25] = M, g[26] = N, g[27] = _, g[28] = C, g[29] = u) : u = g[29], g[30] !== I ? (m = I && (0, t.jsx)("span", {
            children: "·"
        }), g[30] = I, g[31] = m) : m = g[31], g[32] === Symbol.for("react.memo_cache_sentinel") ? (x = (0, t.jsx)(O.PolymarketLogoFull, {
            className: "h-4.5 w-auto opacity-60 text-text-secondary [&_path]:fill-text-secondary!"
        }), g[32] = x) : x = g[32], g[33] !== d || g[34] !== u || g[35] !== m || g[36] !== c ? (f = (0, t.jsxs)("div", {
            className: "flex items-center gap-2 text-body-sm text-text-tertiary",
            children: [c, d, u, m, x]
        }), g[33] = d, g[34] = u, g[35] = m, g[36] = c, g[37] = f) : f = g[37], g[38] !== f || g[39] !== o ? (h = (0, t.jsxs)("div", {
            className: "flex items-center justify-between",
            children: [o, f]
        }), g[38] = f, g[39] = o, g[40] = h) : h = g[40], h
    }
    var q = e.i(695787),
        G = e.i(799275),
        Q = e.i(846396),
        X = e.i(896414),
        Y = e.i(403604),
        Z = e.i(476979),
        J = e.i(444298),
        ee = e.i(672226);

    function et(e) {
        let r, a, s, n, i, o, c, d, u, m, x = (0, l.c)(32),
            {
                event: f
            } = e,
            h = (0, ee.useActiveMarket)(f),
            g = (0, ee.useAssetFromSlug)(f.slug);
        x[0] !== f.seriesSlug ? (r = f.seriesSlug && (0, Z.isSportSupported)(f.seriesSlug), x[0] = f.seriesSlug, x[1] = r) : r = x[1];
        let p = !!r,
            v = !g && !p && h,
            b = f.image,
            y = f.title,
            j = L(f);
        if (x[2] !== f.tags) {
            e: {
                let e = (0, Y.computeCategoryBreadcrumb)(f.tags);
                if (!e) {
                    let e;
                    x[4] === Symbol.for("react.memo_cache_sentinel") ? (e = [], x[4] = e) : e = x[4], a = e;
                    break e
                }
                a = [{
                    label: (0, J.capitalizeWords)(e.categoryLabel),
                    href: (0, Y.getCategoryUrl)(e.category)
                }, {
                    label: (0, J.capitalizeWords)(e.subcategoryLabel),
                    href: `/predictions/${e.subcategory}`
                }]
            }
            x[2] = f.tags,
            x[3] = a
        }
        else a = x[3];
        let k = a,
            w = !!b;
        x[5] !== b || x[6] !== w || x[7] !== y ? (s = (0, t.jsx)("div", {
            className: "shrink-0 hidden md:block",
            children: (0, t.jsx)(X.MarketImage, {
                image: b,
                marketName: y,
                size: 56,
                containerClassName: "rounded-md overflow-hidden relative",
                forceHasLoaded: w
            })
        }), x[5] = b, x[6] = w, x[7] = y, x[8] = s) : s = x[8];
        let S = `/event/${f.slug}`;
        return x[9] !== j || x[10] !== S || x[11] !== y ? (n = (0, t.jsx)("h3", {
            className: "group/title relative w-full min-w-0 font-semibold text-2xl text-pretty md:line-clamp-1",
            children: (0, t.jsx)(N.default, {
                href: S,
                className: "group-hover/title:underline after:absolute after:inset-0 md:break-all",
                onClick: j,
                children: y
            })
        }), x[9] = j, x[10] = S, x[11] = y, x[12] = n) : n = x[12], x[13] !== k ? (i = k.length > 0 && (0, t.jsx)(Q.Breadcrumbs, {
            items: k
        }), x[13] = k, x[14] = i) : i = x[14], x[15] !== i ? (o = (0, t.jsx)("div", {
            className: "relative",
            children: i
        }), x[15] = i, x[16] = o) : o = x[16], x[17] !== n || x[18] !== o ? (c = (0, t.jsxs)("div", {
            className: "flex flex-col-reverse items-start gap-0.5 min-w-0 flex-1",
            children: [n, o]
        }), x[17] = n, x[18] = o, x[19] = c) : c = x[19], x[20] !== s || x[21] !== c ? (d = (0, t.jsxs)("div", {
            className: "flex min-w-0 flex-1 items-center gap-4",
            children: [s, c]
        }), x[20] = s, x[21] = c, x[22] = d) : d = x[22], x[23] !== f.id || x[24] !== f.slug || x[25] !== f.title || x[26] !== h ? .question || x[27] !== v ? (u = v && (0, t.jsxs)("div", {
            className: "shrink-0 hidden md:flex relative z-10 gap-1 items-center",
            children: [(0, t.jsx)(G.default, {
                params: {
                    title: h ? .question ? ? f.title ? ? "",
                    url: `${E.CURRENT_ORIGIN}/event/${f.slug}`
                }
            }), (0, t.jsx)(q.default, {
                eventId: f.id.toString(),
                eventSlug: f.slug
            })]
        }), x[23] = f.id, x[24] = f.slug, x[25] = f.title, x[26] = h ? .question, x[27] = v, x[28] = u) : u = x[28], x[29] !== d || x[30] !== u ? (m = (0, t.jsxs)("div", {
            className: "flex gap-4 w-full justify-between items-start md:pb-1.5 relative",
            children: [d, u]
        }), x[29] = d, x[30] = u, x[31] = m) : m = x[31], m
    }
    var el = e.i(619264),
        er = e.i(219469),
        ea = e.i(215959),
        es = e.i(363966);
    let en = {
            initial: {},
            animate: {
                transition: {
                    staggerChildren: .08
                }
            },
            exit: {
                transition: {
                    staggerChildren: .08
                }
            }
        },
        ei = {
            initial: {
                opacity: 0,
                y: 12
            },
            animate: {
                opacity: 1,
                y: 0,
                transition: {
                    duration: .25,
                    ease: "easeInOut"
                }
            },
            exit: {
                opacity: 0,
                y: -12,
                transition: {
                    duration: .2,
                    ease: "easeInOut"
                }
            }
        };

    function eo(e) {
        let r, a, s, n, i, o, c = (0, l.c)(16),
            {
                comment: d
            } = e;
        c[0] !== d.profile ? (r = (0, el.formatUserName)(d.profile, 20), c[0] = d.profile, c[1] = r) : r = c[1];
        let u = r,
            m = d.profile ? .profileImageOptimized || d.profile ? .profileImage || "";
        return c[2] !== m || c[3] !== d.userAddress || c[4] !== u ? (a = (0, t.jsx)(es.default, {
            address: d.userAddress,
            alt: u,
            className: "size-5 shrink-0",
            height: 20,
            width: 20,
            profileImage: m
        }), c[2] = m, c[3] = d.userAddress, c[4] = u, c[5] = a) : a = c[5], c[6] !== u ? (s = (0, t.jsx)("p", {
            className: "text-body-sm font-normal text-text",
            children: u
        }), c[6] = u, c[7] = s) : s = c[7], c[8] !== d.body ? (n = (0, t.jsx)("p", {
            className: "text-body-xs font-normal text-text-secondary line-clamp-2",
            children: d.body
        }), c[8] = d.body, c[9] = n) : n = c[9], c[10] !== s || c[11] !== n ? (i = (0, t.jsxs)("div", {
            className: "min-w-0 flex flex-col gap-0.5",
            children: [s, n]
        }), c[10] = s, c[11] = n, c[12] = i) : i = c[12], c[13] !== a || c[14] !== i ? (o = (0, t.jsxs)("div", {
            className: "flex items-start gap-1.5",
            children: [a, i]
        }), c[13] = a, c[14] = i, c[15] = o) : o = c[15], o
    }

    function ec(e) {
        let r, a, s, n, i = (0, l.c)(8),
            {
                comments: o,
                eventSlug: c
            } = e;
        i[0] !== o ? (r = o.slice(0, 6), i[0] = o, i[1] = r) : r = i[1];
        let d = r;
        i[2] !== d ? (a = [...d, ...d, ...d], i[2] = d, i[3] = a) : a = i[3];
        let u = a;
        return 0 === d.length ? null : (i[4] === Symbol.for("react.memo_cache_sentinel") ? (s = {
            WebkitMaskImage: "linear-gradient(to bottom, transparent 0px, black 40px, black 100%)",
            maskImage: "linear-gradient(to bottom, transparent 0px, black 40px, black 100%)"
        }, i[4] = s) : s = i[4], i[5] !== u || i[6] !== c ? (n = (0, t.jsx)("div", {
            className: "h-full overflow-hidden relative",
            style: s,
            children: (0, t.jsx)("div", {
                className: "flex flex-col shrink-0 animate-[marquee-vertical_25s_linear_infinite] will-change-transform hover:paused",
                children: u.map((e, l) => (0, t.jsx)(N.default, {
                    href: `/event/${c}`,
                    className: "block py-2 shrink-0",
                    children: (0, t.jsx)(eo, {
                        comment: e
                    })
                }, `${e.id}-${l}`))
            })
        }), i[5] = u, i[6] = c, i[7] = n) : n = i[7], n)
    }

    function ed(e) {
        let r, s, n, i, o, c, d, u, m = (0, l.c)(21),
            {
                comments: x,
                eventSlug: f,
                visibleCount: h
            } = e,
            g = void 0 === h ? 1 : h,
            p = k(),
            [v, b] = (0, a.useState)(!1),
            [y, j] = (0, a.useState)(0);
        m[0] !== x ? (r = x.slice(0, 6), m[0] = x, m[1] = r) : r = m[1];
        let w = r;
        if (m[2] !== p || m[3] !== v ? (s = () => {
                p && !v && b(!0)
            }, n = [p, v], m[2] = p, m[3] = v, m[4] = s, m[5] = n) : (s = m[4], n = m[5]), (0, a.useEffect)(s, n), m[6] !== w.length || m[7] !== v || m[8] !== g ? (i = () => {
                if (!v || w.length <= g) return;
                let e = setInterval(() => {
                    j(e => (e + g) % w.length)
                }, 4e3);
                return () => clearInterval(e)
            }, o = [v, w.length, g], m[6] = w.length, m[7] = v, m[8] = g, m[9] = i, m[10] = o) : (i = m[9], o = m[10]), (0, a.useEffect)(i, o), m[11] !== y || m[12] !== w || m[13] !== g) {
            c = [];
            for (let e = 0; e < g; e++) {
                let t = w[(y + e) % w.length];
                t && c.push(t)
            }
            m[11] = y, m[12] = w, m[13] = g, m[14] = c
        } else c = m[14];
        let S = c;
        return 0 === S.length ? null : (m[15] !== f || m[16] !== S ? (d = S.map(e => (0, t.jsx)(ea.motion.div, {
            variants: ei,
            children: (0, t.jsx)(N.default, {
                href: `/event/${f}`,
                className: "block py-2",
                children: (0, t.jsx)(eo, {
                    comment: e
                })
            })
        }, e.id)), m[15] = f, m[16] = S, m[17] = d) : d = m[17], m[18] !== y || m[19] !== d ? (u = (0, t.jsx)("div", {
            className: "pt-4 flex flex-col justify-end",
            children: (0, t.jsx)(er.AnimatePresence, {
                mode: "wait",
                initial: !1,
                children: (0, t.jsx)(ea.motion.div, {
                    variants: en,
                    initial: "initial",
                    animate: "animate",
                    exit: "exit",
                    className: "flex flex-col",
                    children: d
                }, y)
            })
        }), m[18] = y, m[19] = d, m[20] = u) : u = m[20], u)
    }

    function eu(e) {
        let r, a = (0, l.c)(7),
            {
                comments: s,
                eventSlug: n,
                visibleCount: i,
                scrollable: o
            } = e,
            c = void 0 === i ? 1 : i;
        if (void 0 !== o && o) {
            let e;
            return a[0] !== s || a[1] !== n ? (e = (0, t.jsx)(ec, {
                comments: s,
                eventSlug: n
            }), a[0] = s, a[1] = n, a[2] = e) : e = a[2], e
        }
        return a[3] !== s || a[4] !== n || a[5] !== c ? (r = (0, t.jsx)(ed, {
            comments: s,
            eventSlug: n,
            visibleCount: c
        }), a[3] = s, a[4] = n, a[5] = c, a[6] = r) : r = a[6], r
    }
    var em = e.i(184612),
        ex = e.i(492951);

    function ef(e) {
        let r, a, s, n, i, o, c, d, u, m = (0, l.c)(22),
            {
                article: x,
                relativeTime: f
            } = e;
        if (m[0] !== x.title) {
            let e;
            m[2] === Symbol.for("react.memo_cache_sentinel") ? (e = /- [^-]*$/, m[2] = e) : e = m[2], r = x.title.replace(e, ""), m[0] = x.title, m[1] = r
        } else r = m[1];
        let h = r;
        m[3] !== x.publicationFavicon || m[4] !== x.publicationName ? (a = (0, t.jsx)("div", {
            className: "size-3 rounded-[2px] overflow-hidden shrink-0",
            children: (0, t.jsx)(em.default, {
                src: x.publicationFavicon,
                alt: x.publicationName,
                className: "size-3 object-cover",
                width: 14,
                height: 14,
                loading: "eager",
                unoptimized: !0
            })
        }), m[3] = x.publicationFavicon, m[4] = x.publicationName, m[5] = a) : a = m[5], m[6] !== x.publicationName ? (s = (0, t.jsx)("span", {
            className: "text-body-xs font-normal text-text-secondary truncate",
            children: x.publicationName
        }), m[6] = x.publicationName, m[7] = s) : s = m[7], m[8] !== a || m[9] !== s ? (n = (0, t.jsxs)("div", {
            className: "flex items-center gap-1.5",
            children: [a, s]
        }), m[8] = a, m[9] = s, m[10] = n) : n = m[10], m[11] === Symbol.for("react.memo_cache_sentinel") ? (i = (0, t.jsx)("span", {
            className: "text-body-xs text-text-tertiary shrink-0",
            children: "・"
        }), m[11] = i) : i = m[11];
        let g = f ? ? "";
        return m[12] !== g ? (o = (0, t.jsx)("span", {
            className: "text-body-xs text-text-tertiary shrink-0",
            children: g
        }), m[12] = g, m[13] = o) : o = m[13], m[14] !== n || m[15] !== o ? (c = (0, t.jsxs)("div", {
            className: "flex items-center",
            children: [n, i, o]
        }), m[14] = n, m[15] = o, m[16] = c) : c = m[16], m[17] !== h ? (d = (0, t.jsx)("p", {
            className: "text-body-sm font-normal text-text-primary line-clamp-1 lg:line-clamp-2 group-hover:text-text transition-colors",
            children: h
        }), m[17] = h, m[18] = d) : d = m[18], m[19] !== c || m[20] !== d ? (u = (0, t.jsxs)("div", {
            className: "flex flex-col gap-1.5 group",
            children: [c, d]
        }), m[19] = c, m[20] = d, m[21] = u) : u = m[21], u
    }

    function eh(e) {
        let r, a, s, n, i, o, c = (0, l.c)(17),
            {
                articles: d,
                eventSlug: u,
                scrollable: m
            } = e,
            x = void 0 !== m && m;
        c[0] !== d ? (r = d.slice(0, 6), c[0] = d, c[1] = r) : r = c[1];
        let f = r;
        c[2] !== f ? (a = f.map(eg), c[2] = f, c[3] = a) : a = c[3];
        let h = a,
            g = (0, ex.useRelativeTime)(h);
        c[4] !== f ? (s = [...f, ...f, ...f], c[4] = f, c[5] = s) : s = c[5];
        let p = s;
        if (0 === f.length) return null;
        let v = `overflow-hidden relative ${x?"h-full":"pt-4 h-16 lg:h-auto lg:min-h-16"}`,
            b = x ? "linear-gradient(to bottom, transparent 0px, black 40px, black 100%)" : void 0,
            y = x ? "linear-gradient(to bottom, transparent 0px, black 40px, black 100%)" : void 0;
        return c[6] !== b || c[7] !== y ? (n = {
            WebkitMaskImage: b,
            maskImage: y
        }, c[6] = b, c[7] = y, c[8] = n) : n = c[8], c[9] !== p || c[10] !== u || c[11] !== g ? (i = (0, t.jsx)("div", {
            className: "flex flex-col shrink-0 animate-[marquee-vertical_25s_linear_infinite] will-change-transform hover:paused",
            children: p.map((e, l) => (0, t.jsx)(N.default, {
                href: `/event/${u}`,
                className: "block py-2.5 shrink-0",
                children: (0, t.jsx)(ef, {
                    article: e,
                    relativeTime: g[e.link]
                })
            }, `${e.link}-${l}`))
        }), c[9] = p, c[10] = u, c[11] = g, c[12] = i) : i = c[12], c[13] !== v || c[14] !== n || c[15] !== i ? (o = (0, t.jsx)("div", {
            className: v,
            style: n,
            children: i
        }), c[13] = v, c[14] = n, c[15] = i, c[16] = o) : o = c[16], o
    }

    function eg(e) {
        return {
            id: e.link,
            timestamp: new Date(e.pubDate).getTime()
        }
    }
    var ep = e.i(212017),
        ev = e.i(702502);
    let eb = new Intl.NumberFormat(void 0, {
            style: "currency",
            currency: "USD",
            minimumFractionDigits: 0,
            maximumFractionDigits: 0,
            notation: "compact"
        }),
        ey = "1.25rem 1fr 2.5rem 3.5rem",
        ej = (0, a.memo)(function(e) {
            var r, a;
            let s, n, i, o, c, d, u, m, x, f, h, g, p = (0, l.c)(34),
                {
                    trader: v,
                    rank: b
                } = e;
            p[0] !== v.name || p[1] !== v.proxyWallet ? (s = (0, ev.createProfileUrl)({
                proxyWallet: v.proxyWallet,
                name: v.name
            }), p[0] = v.name, p[1] = v.proxyWallet, p[2] = s) : s = p[2];
            let y = s,
                j = v.totalPnl >= 0;
            p[3] !== v.name || p[4] !== v.proxyWallet ? (n = v.name || (v.proxyWallet ? .length >= 6 ? v.proxyWallet.slice(0, 6) : "Anon"), p[3] = v.name, p[4] = v.proxyWallet, p[5] = n) : n = p[5];
            let k = n;
            (p[6] === Symbol.for("react.memo_cache_sentinel") ? (i = {
                gridTemplateColumns: ey
            }, p[6] = i) : i = p[6], p[7] !== b ? (o = (0, t.jsx)("span", {
                className: "text-body-xs text-text-tertiary text-center",
                children: b
            }), p[7] = b, p[8] = o) : o = p[8], p[9] !== k || p[10] !== v.profileImage || p[11] !== v.proxyWallet ? (c = (0, t.jsx)(es.default, {
                address: v.proxyWallet,
                alt: k,
                height: 20,
                width: 20,
                className: "shrink-0",
                profileImage: v.profileImage,
                quality: 100
            }), p[9] = k, p[10] = v.profileImage, p[11] = v.proxyWallet, p[12] = c) : c = p[12], p[13] !== k ? (d = (0, t.jsx)("span", {
                className: "text-body-sm font-normal text-text-primary truncate hover:underline",
                children: k
            }), p[13] = k, p[14] = d) : d = p[14], p[15] !== y || p[16] !== c || p[17] !== d ? (u = (0, t.jsxs)(N.default, {
                href: y,
                className: "flex min-w-0 items-center gap-1.5",
                children: [c, d]
            }), p[15] = y, p[16] = c, p[17] = d, p[18] = u) : u = p[18], p[19] !== v.outcome) ? (m = "Yes" === (r = v.outcome) ? "text-green-600 bg-green-50 dark:bg-green-100/50" : "No" === r ? "text-red-500 bg-red-50 dark:bg-red-100/50" : "text-text-secondary bg-surface-2", p[19] = v.outcome, p[20] = m) : m = p[20];
            let w = `text-body-xs font-normal px-1 py-[3px] min-w-8 rounded-sm text-center ${m}`;
            (p[21] !== w || p[22] !== v.outcome ? (x = (0, t.jsx)("span", {
                className: w,
                children: v.outcome
            }), p[21] = w, p[22] = v.outcome, p[23] = x) : x = p[23], p[24] !== v.totalPnl) ? (a = v.totalPnl, f = eb.format(a), p[24] = v.totalPnl, p[25] = f) : f = p[25];
            let S = `text-body-sm font-medium ${j?"text-green-600 dark:text-green-500":"text-red-500"}`;
            return p[26] !== f || p[27] !== S ? (h = (0, t.jsx)("div", {
                className: "flex justify-end",
                children: (0, t.jsx)(ep.AnimatedShares, {
                    value: f,
                    className: S
                })
            }), p[26] = f, p[27] = S, p[28] = h) : h = p[28], p[29] !== x || p[30] !== h || p[31] !== o || p[32] !== u ? (g = (0, t.jsxs)("div", {
                className: "grid w-full shrink-0 items-center gap-x-2",
                style: i,
                children: [o, u, x, h]
            }), p[29] = x, p[30] = h, p[31] = o, p[32] = u, p[33] = g) : g = p[33], g
        });

    function ek(e) {
        let r, a, s, n, i, o, c, d, u, m, x, f, h = (0, l.c)(53),
            {
                traders: g,
                scrollable: p
            } = e,
            b = (0, v.useTranslations)();
        if (!(void 0 !== p && p)) {
            let e, l, r, a, s, n, i, o, c, d, u, m, x;
            return h[0] !== b ? (e = b("homepageV2.topTraders"), h[0] = b, h[1] = e) : e = h[1], h[2] !== e ? (l = (0, t.jsx)("p", {
                className: "text-body-sm font-normal text-text-secondary uppercase tracking-wider pb-2",
                children: e
            }), h[2] = e, h[3] = l) : l = h[3], h[4] === Symbol.for("react.memo_cache_sentinel") ? (r = {
                gridTemplateColumns: ey
            }, a = (0, t.jsx)("span", {
                className: "text-body-xs font-normal text-text-tertiary",
                children: "#"
            }), h[4] = r, h[5] = a) : (r = h[4], a = h[5]), h[6] !== b ? (s = b("homepageV2.trader"), h[6] = b, h[7] = s) : s = h[7], h[8] !== s ? (n = (0, t.jsx)("span", {
                className: "text-body-xs font-normal text-text-tertiary",
                children: s
            }), h[8] = s, h[9] = n) : n = h[9], h[10] !== b ? (i = b("homepageV2.side"), h[10] = b, h[11] = i) : i = h[11], h[12] !== i ? (o = (0, t.jsx)("span", {
                className: "text-body-xs font-normal text-text-tertiary text-center",
                children: i
            }), h[12] = i, h[13] = o) : o = h[13], h[14] !== b ? (c = b("homepageV2.pnl"), h[14] = b, h[15] = c) : c = h[15], h[16] !== c ? (d = (0, t.jsx)("span", {
                className: "text-body-xs font-normal text-text-tertiary text-right",
                children: c
            }), h[16] = c, h[17] = d) : d = h[17], h[18] !== d || h[19] !== n || h[20] !== o ? (u = (0, t.jsxs)("div", {
                className: "grid w-full shrink-0 items-center gap-x-2 pb-2",
                style: r,
                children: [a, n, o, d]
            }), h[18] = d, h[19] = n, h[20] = o, h[21] = u) : u = h[21], h[22] !== g ? (m = g.slice(0, 2).map(ew), h[22] = g, h[23] = m) : m = h[23], h[24] !== u || h[25] !== m || h[26] !== l ? (x = (0, t.jsxs)("div", {
                className: "flex w-full flex-col pt-4",
                children: [l, u, m]
            }), h[24] = u, h[25] = m, h[26] = l, h[27] = x) : x = h[27], x
        }
        return 0 === g.length ? null : (h[28] === Symbol.for("react.memo_cache_sentinel") ? (r = {
            gridTemplateColumns: ey
        }, a = (0, t.jsx)("span", {
            className: "text-body-xs font-normal text-text-tertiary pl-[7px]",
            children: "#"
        }), h[28] = r, h[29] = a) : (r = h[28], a = h[29]), h[30] !== b ? (s = b("homepageV2.trader"), h[30] = b, h[31] = s) : s = h[31], h[32] !== s ? (n = (0, t.jsx)("span", {
            className: "text-body-xs font-normal text-text-tertiary",
            children: s
        }), h[32] = s, h[33] = n) : n = h[33], h[34] !== b ? (i = b("homepageV2.side"), h[34] = b, h[35] = i) : i = h[35], h[36] !== i ? (o = (0, t.jsx)("span", {
            className: "text-body-xs font-normal text-text-tertiary text-center",
            children: i
        }), h[36] = i, h[37] = o) : o = h[37], h[38] !== b ? (c = b("homepageV2.pnl"), h[38] = b, h[39] = c) : c = h[39], h[40] !== c ? (d = (0, t.jsx)("span", {
            className: "text-body-xs font-normal text-text-tertiary text-right",
            children: c
        }), h[40] = c, h[41] = d) : d = h[41], h[42] !== n || h[43] !== o || h[44] !== d ? (u = (0, t.jsxs)("div", {
            className: "grid w-full shrink-0 items-center gap-x-2 pb-2",
            style: r,
            children: [a, n, o, d]
        }), h[42] = n, h[43] = o, h[44] = d, h[45] = u) : u = h[45], h[46] !== g ? (m = g.map(eN), h[46] = g, h[47] = m) : m = h[47], h[48] !== m ? (x = (0, t.jsx)("div", {
            className: "no-scrollbar min-h-0 flex-1 overflow-y-auto overflow-x-hidden",
            children: (0, t.jsx)("div", {
                className: "flex w-full flex-col",
                children: m
            })
        }), h[48] = m, h[49] = x) : x = h[49], h[50] !== u || h[51] !== x ? (f = (0, t.jsxs)("div", {
            className: "flex h-full w-full flex-col pt-0 pr-2",
            children: [u, x]
        }), h[50] = u, h[51] = x, h[52] = f) : f = h[52], f)
    }

    function eN(e, l) {
        return (0, t.jsx)("div", {
            className: "w-full shrink-0 py-2",
            children: (0, t.jsx)(ej, {
                trader: e,
                rank: l + 1
            })
        }, e.proxyWallet)
    }

    function ew(e, l) {
        return (0, t.jsx)(ej, {
            trader: e,
            rank: l + 1
        }, e.proxyWallet)
    }
    var eS = e.i(613135),
        eT = e.i(935786),
        eC = e.i(909420),
        e_ = e.i(23128),
        eM = e.i(421569),
        eI = e.i(481640),
        eP = e.i(870555);

    function eL(e) {
        return String(e.line ? ? "")
    }

    function e$(e, t) {
        return (e.line ? ? 0) - (t.line ? ? 0)
    }

    function eR(e, t) {
        let l = (0, eC.getLineLiquidity)(e) + (0, eC.getLineVolume)(e);
        return (0, eC.getLineLiquidity)(t) + (0, eC.getLineVolume)(t) - l
    }
    let eA = "flex flex-1 items-center justify-center gap-1.5 min-w-0 h-10 rounded-[8px] bg-neutral-50 dark:bg-neutral-100 text-text-secondary hover:bg-neutral-100 dark:hover:bg-neutral-200/30 transition-colors text-[13px] font-medium px-3";

    function eD(e) {
        let r, s, n, i, o, c, d, u, m, x, f, h = (0, l.c)(23),
            {
                lines: g,
                selectedIndex: p,
                onSelect: v,
                getLabel: b
            } = e,
            y = (0, a.useRef)(null);
        if (g.length <= 1) return null;
        let j = 0 === p;
        h[0] === Symbol.for("react.memo_cache_sentinel") ? (r = e => {
            e.preventDefault(), y.current ? .slidePrev()
        }, s = (0, t.jsx)(eM.IconChevronLeftOutline12, {}), h[0] = r, h[1] = s) : (r = h[0], s = h[1]), h[2] !== j ? (n = (0, t.jsx)(e_.Button, {
            variant: "ghost",
            size: "iconSm",
            disabled: j,
            className: "h-8 w-8 text-text-tertiary",
            onClick: r,
            children: s
        }), h[2] = j, h[3] = n) : n = h[3], h[4] === Symbol.for("react.memo_cache_sentinel") ? (i = e => {
            y.current = e
        }, h[4] = i) : i = h[4], h[5] !== v ? (o = e => v(e.activeIndex), h[5] = v, h[6] = o) : o = h[6], h[7] !== b || h[8] !== g || h[9] !== v ? (c = g.map((e, l) => (0, t.jsx)(eS.SwiperSlide, {
            className: "w-auto!",
            children: r => {
                let {
                    isActive: a
                } = r;
                return (0, t.jsx)("button", {
                    type: "button",
                    className: (0, eP.cn)("text-[13px] transition font-medium px-3 py-1 rounded", a ? "text-text-primary text-[15px]" : "text-text-tertiary hover:text-text-secondary"),
                    onClick: e => {
                        e.preventDefault(), v(l), y.current ? .slideTo(l)
                    },
                    children: b(e.market)
                })
            }
        }, e.value)), h[7] = b, h[8] = g, h[9] = v, h[10] = c) : c = h[10], h[11] !== p || h[12] !== o || h[13] !== c ? (d = (0, t.jsx)("div", {
            className: "w-28 overflow-hidden",
            children: (0, t.jsx)(eS.Swiper, {
                initialSlide: p,
                slidesPerView: "auto",
                spaceBetween: 1,
                centeredSlides: !0,
                className: "overflow-visible!",
                onSwiper: i,
                onSlideChange: o,
                children: c
            })
        }), h[11] = p, h[12] = o, h[13] = c, h[14] = d) : d = h[14];
        let k = p === g.length - 1;
        return h[15] === Symbol.for("react.memo_cache_sentinel") ? (u = e => {
            e.preventDefault(), y.current ? .slideNext()
        }, m = (0, t.jsx)(eI.IconChevronRightOutline12, {}), h[15] = u, h[16] = m) : (u = h[15], m = h[16]), h[17] !== k ? (x = (0, t.jsx)(e_.Button, {
            variant: "ghost",
            size: "iconSm",
            disabled: k,
            className: "h-8 w-8 text-text-tertiary",
            onClick: u,
            children: m
        }), h[17] = k, h[18] = x) : x = h[18], h[19] !== x || h[20] !== n || h[21] !== d ? (f = (0, t.jsxs)("div", {
            className: "flex items-center justify-end gap-3 shrink-0",
            children: [n, d, x]
        }), h[19] = x, h[20] = n, h[21] = d, h[22] = f) : f = h[22], f
    }

    function eE(e) {
        return (e || "").toUpperCase().replace(/[^A-Z0-9]/g, "")
    }

    function eF(e, t, l) {
        let r = t.outcomes ? .[l] ? ? "",
            a = t.teams ? .[l];
        if (a ? .abbreviation) return a.abbreviation.toUpperCase();
        let s = function(e, t) {
            let l = e.markets.find(e => (e.sportsMarketType ? ? "moneyline") === "moneyline" && e.teams ? .length === 2);
            if (l ? .teams ? .length === 2) return l.teams;
            if (t.teams ? .length === 2) return t.teams;
            let r = e.markets.find(e => e.teams ? .length === 2);
            return r ? .teams ? .length === 2 ? r.teams : []
        }(e, t);
        if (!s.length) return r;
        let n = eE((0, eT.getTeamKey)(e, "home", "team")),
            i = eE((0, eT.getTeamKey)(e, "away", "team")),
            o = 0 === l ? n : i;
        if (o) {
            let e = s.find(e => [eE(e.alias), eE(e.name), eE(e.abbreviation)].some(e => e && e === o));
            if (e ? .abbreviation) return e.abbreviation.toUpperCase()
        }
        let c = eE(r);
        if (c) {
            let e = s.find(e => [eE(e.alias), eE(e.name), eE(e.abbreviation)].some(e => e && (c.includes(e) || e.includes(c))));
            if (e ? .abbreviation) return e.abbreviation.toUpperCase()
        }
        let d = s[l];
        return d ? .abbreviation ? .toUpperCase() ? ? r
    }

    function eO(e) {
        let r, s, n, i, o, c, d, u, m, x, f, h, g, p, v, b, y, j, k, w, S, T, C, _, M, I, P, L, $, R = (0, l.c)(98),
            {
                event: A,
                markets: D,
                spreadLabel: E
            } = e;
        R[0] !== D ? (r = D.filter(eB).map(ez), R[0] = D, R[1] = r) : r = R[1];
        let F = r,
            [O, V] = (0, a.useState)(0),
            z = F[O] ? .market ? ? F[0] ? .market;
        if (!z) return null;
        R[2] !== z ? (s = (0, eC.getSpreadLineForOutcome)({
            market: z,
            outcomeIndex: 0
        }), R[2] = z, R[3] = s) : s = R[3];
        let B = s;
        if (R[4] !== A || R[5] !== B || R[6] !== F || R[7] !== z || R[8] !== O || R[9] !== E) {
            let e, l, r, a, s, _, M, I, P, L, $, D = (0, eC.getSpreadLineForOutcome)({
                market: z,
                outcomeIndex: 1
            });
            R[31] !== A || R[32] !== z ? (e = eF(A, z, 0), R[31] = A, R[32] = z, R[33] = e) : e = R[33];
            let U = e;
            R[34] !== A || R[35] !== z ? (l = eF(A, z, 1), R[34] = A, R[35] = z, R[36] = l) : l = R[36];
            let W = l,
                H = "number" == typeof B ? B : "number" == typeof z.line ? z.line : void 0,
                K = "number" == typeof D ? D : "number" == typeof z.line ? -z.line : void 0,
                q = `/event/${A.slug}?marketSlug=${z.slug}`;
            v = "flex flex-col gap-2", R[37] !== E ? (r = (0, t.jsx)("span", {
                className: "text-body-base font-semibold text-text-primary shrink-0",
                children: E
            }), R[37] = E, R[38] = r) : r = R[38];
            let G = Math.min(O, F.length - 1);
            R[39] !== F || R[40] !== G ? (a = (0, t.jsx)(eD, {
                lines: F,
                selectedIndex: G,
                onSelect: V,
                getLabel: eV
            }), R[39] = F, R[40] = G, R[41] = a) : a = R[41], R[42] !== r || R[43] !== a ? (b = (0, t.jsxs)("div", {
                className: "flex items-center justify-between gap-4",
                children: [r, a]
            }), R[42] = r, R[43] = a, R[44] = b) : b = R[44], g = "flex gap-2 w-full";
            let Q = `${q}&outcomeIndex=0`;
            R[45] === Symbol.for("react.memo_cache_sentinel") ? (s = {
                y: 32,
                opacity: 0
            }, _ = {
                y: 0,
                opacity: 1
            }, M = {
                y: -32,
                opacity: 0
            }, I = {
                duration: .2,
                ease: "easeInOut"
            }, R[45] = s, R[46] = _, R[47] = M, R[48] = I) : (s = R[45], _ = R[46], M = R[47], I = R[48]), R[49] !== U ? (P = (0, t.jsx)("span", {
                className: "truncate",
                children: U
            }), R[49] = U, R[50] = P) : P = R[50], R[51] !== H ? (L = "number" == typeof H ? (0, eC.getFormattedSpread)(H) : "", R[51] = H, R[52] = L) : L = R[52], R[53] !== U || R[54] !== P || R[55] !== L ? ($ = (0, t.jsx)("div", {
                className: "overflow-hidden w-full h-fit flex items-center justify-center relative",
                children: (0, t.jsx)(er.AnimatePresence, {
                    mode: "wait",
                    initial: !1,
                    children: (0, t.jsxs)(ea.motion.span, {
                        initial: s,
                        animate: _,
                        exit: M,
                        transition: I,
                        className: "uppercase inline-block whitespace-nowrap",
                        children: [P, " ", L]
                    }, U)
                })
            }), R[53] = U, R[54] = P, R[55] = L, R[56] = $) : $ = R[56], R[57] !== Q || R[58] !== $ ? (p = (0, t.jsx)(N.default, {
                href: Q,
                className: eA,
                children: $
            }), R[57] = Q, R[58] = $, R[59] = p) : p = R[59], o = N.default, f = `${q}&outcomeIndex=1`, h = eA, x = "overflow-hidden relative w-full h-fit flex items-center justify-center", i = er.AnimatePresence, u = "wait", m = !1, n = ea.motion.span, y = W, R[60] === Symbol.for("react.memo_cache_sentinel") ? (j = {
                y: -32,
                opacity: 0
            }, k = {
                y: 0,
                opacity: 1
            }, w = {
                y: 32,
                opacity: 0
            }, S = {
                duration: .2,
                ease: "easeInOut"
            }, R[60] = j, R[61] = k, R[62] = w, R[63] = S) : (j = R[60], k = R[61], w = R[62], S = R[63]), T = "uppercase inline-block whitespace-nowrap", R[64] !== W ? (C = (0, t.jsx)("span", {
                className: "truncate",
                children: W
            }), R[64] = W, R[65] = C) : C = R[65], c = " ", d = "number" == typeof K ? (0, eC.getFormattedSpread)(K) : "", R[4] = A, R[5] = B, R[6] = F, R[7] = z, R[8] = O, R[9] = E, R[10] = n, R[11] = i, R[12] = o, R[13] = c, R[14] = d, R[15] = u, R[16] = m, R[17] = x, R[18] = f, R[19] = h, R[20] = g, R[21] = p, R[22] = v, R[23] = b, R[24] = y, R[25] = j, R[26] = k, R[27] = w, R[28] = S, R[29] = T, R[30] = C
        } else n = R[10], i = R[11], o = R[12], c = R[13], d = R[14], u = R[15], m = R[16], x = R[17], f = R[18], h = R[19], g = R[20], p = R[21], v = R[22], b = R[23], y = R[24], j = R[25], k = R[26], w = R[27], S = R[28], T = R[29], C = R[30];
        return R[66] !== n || R[67] !== c || R[68] !== d || R[69] !== y || R[70] !== j || R[71] !== k || R[72] !== w || R[73] !== S || R[74] !== T || R[75] !== C ? (_ = (0, t.jsxs)(n, {
            initial: j,
            animate: k,
            exit: w,
            transition: S,
            className: T,
            children: [C, c, d]
        }, y), R[66] = n, R[67] = c, R[68] = d, R[69] = y, R[70] = j, R[71] = k, R[72] = w, R[73] = S, R[74] = T, R[75] = C, R[76] = _) : _ = R[76], R[77] !== i || R[78] !== u || R[79] !== m || R[80] !== _ ? (M = (0, t.jsx)(i, {
            mode: u,
            initial: m,
            children: _
        }), R[77] = i, R[78] = u, R[79] = m, R[80] = _, R[81] = M) : M = R[81], R[82] !== x || R[83] !== M ? (I = (0, t.jsx)("div", {
            className: x,
            children: M
        }), R[82] = x, R[83] = M, R[84] = I) : I = R[84], R[85] !== o || R[86] !== f || R[87] !== h || R[88] !== I ? (P = (0, t.jsx)(o, {
            href: f,
            className: h,
            children: I
        }), R[85] = o, R[86] = f, R[87] = h, R[88] = I, R[89] = P) : P = R[89], R[90] !== g || R[91] !== p || R[92] !== P ? (L = (0, t.jsxs)("div", {
            className: g,
            children: [p, P]
        }), R[90] = g, R[91] = p, R[92] = P, R[93] = L) : L = R[93], R[94] !== v || R[95] !== b || R[96] !== L ? ($ = (0, t.jsxs)("div", {
            className: v,
            children: [b, L]
        }), R[94] = v, R[95] = b, R[96] = L, R[97] = $) : $ = R[97], $
    }

    function eV(e) {
        let t = (0, eC.getSpreadLineForOutcome)({
                market: e,
                outcomeIndex: 0
            }),
            l = "number" == typeof e.line ? e.line : 0;
        return String(Math.abs(t ? ? l))
    }

    function ez(e) {
        return {
            value: e.slug,
            market: e
        }
    }

    function eB(e) {
        let t = (0, eC.getSpreadLineForOutcome)({
                market: e,
                outcomeIndex: 0
            }),
            l = (0, eC.getSpreadLineForOutcome)({
                market: e,
                outcomeIndex: 1
            });
        return "number" == typeof t || "number" == typeof l || "number" == typeof e.line
    }

    function eU(e) {
        let r, s, n, i, o, c, d, u, m, x, f = (0, l.c)(26),
            {
                eventSlug: h,
                markets: g,
                totalLabel: p
            } = e,
            [v, b] = (0, a.useState)(0);
        f[0] !== g ? (r = g.filter(eH).map(eW), f[0] = g, f[1] = r) : r = f[1];
        let y = r,
            j = y[v] ? .market ? ? y[0] ? .market;
        if (!j || "number" != typeof j.line) return null;
        let k = `/event/${h}?marketSlug=${j.slug}`;
        f[2] !== p ? (s = (0, t.jsx)("span", {
            className: "text-body-base font-semibold text-text-primary shrink-0",
            children: p
        }), f[2] = p, f[3] = s) : s = f[3];
        let w = Math.min(v, y.length - 1);
        f[4] !== y || f[5] !== w ? (n = (0, t.jsx)(eD, {
            lines: y,
            selectedIndex: w,
            onSelect: b,
            getLabel: eL
        }), f[4] = y, f[5] = w, f[6] = n) : n = f[6], f[7] !== s || f[8] !== n ? (i = (0, t.jsxs)("div", {
            className: "flex items-center justify-between gap-4",
            children: [s, n]
        }), f[7] = s, f[8] = n, f[9] = i) : i = f[9];
        let S = `${k}&outcomeIndex=0`;
        f[10] !== j.line ? (o = (0, t.jsxs)("span", {
            children: ["O ", j.line]
        }), f[10] = j.line, f[11] = o) : o = f[11], f[12] !== S || f[13] !== o ? (c = (0, t.jsx)(N.default, {
            href: S,
            className: eA,
            children: o
        }), f[12] = S, f[13] = o, f[14] = c) : c = f[14];
        let T = `${k}&outcomeIndex=1`;
        return f[15] !== j.line ? (d = (0, t.jsxs)("span", {
            children: ["U ", j.line]
        }), f[15] = j.line, f[16] = d) : d = f[16], f[17] !== d || f[18] !== T ? (u = (0, t.jsx)(N.default, {
            href: T,
            className: eA,
            children: d
        }), f[17] = d, f[18] = T, f[19] = u) : u = f[19], f[20] !== u || f[21] !== c ? (m = (0, t.jsxs)("div", {
            className: "flex gap-2 w-full",
            children: [c, u]
        }), f[20] = u, f[21] = c, f[22] = m) : m = f[22], f[23] !== m || f[24] !== i ? (x = (0, t.jsxs)("div", {
            className: "flex flex-col gap-2",
            children: [i, m]
        }), f[23] = m, f[24] = i, f[25] = x) : x = f[25], x
    }

    function eW(e) {
        return {
            value: e.slug,
            market: e
        }
    }

    function eH(e) {
        return "number" == typeof e.line
    }

    function eK(e) {
        let r, a, s, n = (0, l.c)(13),
            {
                event: i
            } = e,
            o = (0, v.useTranslations)(),
            c = function(e) {
                let t, r = (0, l.c)(2);
                if (r[0] !== e.markets) {
                    let l = e.markets ? ? [],
                        a = [],
                        s = [];
                    for (let e of l) {
                        let t = e.sportsMarketType ? ? "moneyline";
                        "moneyline" !== t && ("spreads" === t ? a.push(e) : "totals" === t && s.push(e))
                    }
                    a.sort(eR), s.sort(e$), t = {
                        spreads: a,
                        totals: s
                    }, r[0] = e.markets, r[1] = t
                } else t = r[1];
                return t
            }(i),
            d = c.spreads.length > 0,
            u = c.totals.length > 0;
        return d || u ? (n[0] !== i || n[1] !== c.spreads || n[2] !== d || n[3] !== o ? (r = d && (0, t.jsx)(eO, {
            event: i,
            markets: c.spreads,
            spreadLabel: o("homepageV2.spread")
        }), n[0] = i, n[1] = c.spreads, n[2] = d, n[3] = o, n[4] = r) : r = n[4], n[5] !== i || n[6] !== c.totals || n[7] !== u || n[8] !== o ? (a = u && (0, t.jsx)(eU, {
            eventSlug: i.slug,
            markets: c.totals,
            totalLabel: o("homepageV2.total")
        }), n[5] = i, n[6] = c.totals, n[7] = u, n[8] = o, n[9] = a) : a = n[9], n[10] !== r || n[11] !== a ? (s = (0, t.jsxs)("div", {
            className: "flex flex-col gap-4 pt-2 border-t border-border/60",
            children: [r, a]
        }), n[10] = r, n[11] = a, n[12] = s) : s = n[12], s) : null
    }

    function eq(e) {
        let r = (0, l.c)(14),
            {
                slot: a,
                eventSlug: s,
                visibleCount: n,
                scrollable: i
            } = e;
        if ("comments" === a.type) {
            let e;
            return r[0] !== s || r[1] !== i || r[2] !== a.data.comments || r[3] !== n ? (e = (0, t.jsx)(eu, {
                comments: a.data.comments,
                eventSlug: s,
                visibleCount: n,
                scrollable: i
            }), r[0] = s, r[1] = i, r[2] = a.data.comments, r[3] = n, r[4] = e) : e = r[4], e
        }
        if ("news" === a.type) {
            let e;
            return r[5] !== s || r[6] !== i || r[7] !== a.data ? (e = (0, t.jsx)(eh, {
                articles: a.data,
                eventSlug: s,
                scrollable: i
            }), r[5] = s, r[6] = i, r[7] = a.data, r[8] = e) : e = r[8], e
        }
        if ("pnl" === a.type) {
            let e;
            return r[9] !== i || r[10] !== a.data ? (e = (0, t.jsx)(ek, {
                traders: a.data,
                scrollable: i
            }), r[9] = i, r[10] = a.data, r[11] = e) : e = r[11], e
        }
        if ("sports_extra_markets" === a.type) {
            let e;
            return r[12] !== a.data.event ? (e = (0, t.jsx)(eK, {
                event: a.data.event
            }), r[12] = a.data.event, r[13] = e) : e = r[13], e
        }
        return null
    }
    var eG = e.i(740594),
        eQ = e.i(388343),
        eX = e.i(940011),
        eY = e.i(425010);
    let eZ = {
        0: "var(--color-green-500)",
        1: "var(--color-red-500)"
    };

    function eJ({
        event: e,
        maxIndicators: l,
        colorsByConditionId: r,
        colorsByOutcomeIndex: s,
        initialTrades: n
    }) {
        let {
            resolvedTheme: i
        } = (0, eY.useTheme)(), o = (0, a.useContext)(_), c = k(), d = (0, a.useMemo)(() => e.markets ? .map(e => e.conditionId).filter(Boolean) ? ? [], [e.markets]), u = (0, a.useMemo)(() => `${e.slug}:${d.join(",")}`, [e.slug, d]), {
            indicators: m,
            push: x,
            reset: f
        } = (0, eX.useLiveActivityQueue)({
            maxIndicators: l,
            enabled: c
        }), h = (0, a.useCallback)(e => {
            let t = e.conditionId ? r ? .[e.conditionId] : void 0;
            if (t) return t;
            let l = s ? .[e.outcomeIndex];
            return l || (eZ[e.outcomeIndex] ? ? eZ[0])
        }, [r, s]), g = (0, a.useCallback)(e => {
            if (!e ? .conditionId || !d.includes(e.conditionId) || e.side !== eG.Side.BUY) return;
            let t = e.price * e.size;
            t < 1 || x({
                id: e.transactionHash,
                amount: t,
                color: h(e)
            })
        }, [d, h, x]), p = (0, a.useRef)(g);
        p.current = g, (0, a.useEffect)(() => o ? o(e => p.current(e)) : void console.error("[HomepageV2:LiveActivity] missing CarouselTradeProvider", {
            slug: e.slug
        }), [o, e.slug]), (0, a.useEffect)(() => {
            f()
        }, [u, f]);
        let v = (0, a.useRef)(null);
        return ((0, a.useEffect)(() => {
            if (n ? .length && u && v.current !== u)
                for (let e of (v.current = u, [...n].sort((e, t) => e.timestamp - t.timestamp))) p.current(e)
        }, [n, u]), 0 === d.length) ? null : (0, t.jsx)(eQ.LiveActivityOverlay, {
            indicators: m,
            isDark: "dark" === i,
            className: "bottom-10 left-2.5",
            formatAmount: e => (0, W.formatNumbers)(e, 0)
        })
    }
    var e0 = e.i(982214),
        e1 = e.i(85510);

    function e2(e) {
        let r, a, s, n = (0, l.c)(8),
            {
                className: i,
                children: o
            } = e;
        n[0] === Symbol.for("react.memo_cache_sentinel") ? (r = {
            offsetSize: !0
        }, n[0] = r) : r = n[0];
        let [c, d] = (0, e1.useMeasure)(r);
        return n[1] !== d.height || n[2] !== o || n[3] !== i ? (a = d.height > 0 && (0, t.jsx)("div", {
            className: (0, eP.cn)("absolute inset-0 overflow-hidden [&_#group-chart-container]:mt-0", i),
            children: o(d.height)
        }), n[1] = d.height, n[2] = o, n[3] = i, n[4] = a) : a = n[4], n[5] !== c || n[6] !== a ? (s = (0, t.jsx)("div", {
            ref: c,
            className: "h-full w-full relative",
            children: a
        }), n[5] = c, n[6] = a, n[7] = s) : s = n[7], s
    }

    function e3(e) {
        let r, a, s, n = (0, l.c)(9),
            {
                event: i,
                forcedWindow: o
            } = e;
        n[0] !== i.markets ? (r = (i.markets ? ? []).filter(e5).map(e4), n[0] = i.markets, n[1] = r) : r = n[1];
        let c = r,
            d = i.gameStartTime ? ? void 0;
        if (n[2] !== d) {
            let e = d ? new Date(d).getTime() : NaN;
            a = Number.isFinite(e) && e <= Date.now() ? {
                gameStartTime: d
            } : null, n[2] = d, n[3] = a
        } else a = n[3];
        let u = a;
        return 0 === c.length ? null : (n[4] !== i || n[5] !== o || n[6] !== u || n[7] !== c ? (s = (0, t.jsx)(e2, {
            className: "[&_#group-chart-container]:mt-8",
            children: e => (0, t.jsx)(e0.GroupChart, {
                markets: c,
                lowChanceMarkets: [],
                resolvedMarkets: [],
                event: i,
                options: { ...ee.CAROUSEL_CHART_OPTIONS,
                    ...u ? {
                        forcedWindow: "game",
                        ...u
                    } : o && {
                        forcedWindow: o
                    },
                    backfillData: !0,
                    mode: "group",
                    height: e - 4,
                    showLegend: !0
                }
            })
        }), n[4] = i, n[5] = o, n[6] = u, n[7] = c, n[8] = s) : s = n[8], s)
    }

    function e4(e) {
        return (0, S.parseMarketWithSortKey)(e)
    }

    function e5(e) {
        return e.active && !e.closed
    }
    var e9 = e.i(45465);

    function e6(e) {
        let r, a, s = (0, l.c)(6),
            {
                event: n
            } = e;
        return s[0] !== n.markets ? (r = n.markets ? ? [], s[0] = n.markets, s[1] = r) : r = s[1], s[2] !== n.showMarketImages || s[3] !== n.slug || s[4] !== r ? (a = (0, t.jsx)(e9.default, {
            eventSlug: n.slug,
            markets: r,
            showMarketImages: n.showMarketImages
        }), s[2] = n.showMarketImages, s[3] = n.slug, s[4] = r, s[5] = a) : a = s[5], a
    }

    function e8(e) {
        let r, a, s, n, i, o, c, d, u, m, x, f, h, g = (0, l.c)(45),
            {
                item: p
            } = e,
            {
                event: v,
                options: b,
                slot: y
            } = p,
            {
                colors: j
            } = (0, T.useChartTheme)();
        if (g[0] !== j || g[1] !== v) {
            let e, t, l = (v.markets ? ? []).filter(te);
            g[3] !== v ? (e = (e, t) => (0, w.aggregatedSort)(e, t, { ...v,
                sortBy: "price"
            }), g[3] = v, g[4] = e) : e = g[4];
            let a = l.map(e7).sort(e),
                {
                    markets: s
                } = (0, C.getSeriesColors)({
                    markets: a,
                    lowChanceMarkets: [],
                    resolvedMarkets: [],
                    event: v,
                    colors: j
                });
            g[5] !== j ? (t = (e, t) => (t.conditionId && j[t.color] ? .color && (e[t.conditionId] = j[t.color].color), e), g[5] = j, g[6] = t) : t = g[6], r = s.reduce(t, {}), g[0] = j, g[1] = v, g[2] = r
        } else r = g[2];
        let k = r,
            {
                dispatch: S,
                subscribe: _
            } = $(),
            I = F(v.slug, S),
            P = L(v),
            R = `/event/${v.slug}`;
        return g[7] !== P || g[8] !== R ? (a = (0, t.jsx)(N.default, {
            href: R,
            className: "absolute inset-0",
            "aria-hidden": "true",
            tabIndex: -1,
            onClick: P
        }), g[7] = P, g[8] = R, g[9] = a) : a = g[9], g[10] !== v || g[11] !== b ? (s = (0, t.jsx)(et, {
            event: v,
            options: b
        }), g[10] = v, g[11] = b, g[12] = s) : s = g[12], g[13] !== v ? (n = (0, t.jsx)(e6, {
            event: v
        }), g[13] = v, g[14] = n) : n = g[14], g[15] !== v.slug || g[16] !== y ? (i = (0, t.jsx)("div", {
            className: "hidden lg:flex flex-1 min-h-0 overflow-hidden",
            children: (0, t.jsx)(eq, {
                slot: y,
                eventSlug: v.slug,
                scrollable: !0
            })
        }), g[15] = v.slug, g[16] = y, g[17] = i) : i = g[17], g[18] !== n || g[19] !== i ? (o = (0, t.jsxs)("div", {
            className: "relative flex flex-col gap-4 lg:w-[40%] lg:justify-between",
            children: [n, i]
        }), g[18] = n, g[19] = i, g[20] = o) : o = g[20], g[21] !== v ? (c = (0, t.jsx)("div", {
            className: "flex-1 min-h-0",
            children: (0, t.jsx)(e3, {
                event: v
            })
        }), g[21] = v, g[22] = c) : c = g[22], g[23] !== v || g[24] !== k || g[25] !== p.initialTrades ? (d = (0, t.jsx)(eJ, {
            event: v,
            colorsByConditionId: k,
            initialTrades: p.initialTrades
        }), g[23] = v, g[24] = k, g[25] = p.initialTrades, g[26] = d) : d = g[26], g[27] !== c || g[28] !== d ? (u = (0, t.jsxs)("div", {
            className: "relative flex-1 min-h-0 hidden lg:flex flex-col justify-center h-full",
            children: [c, d]
        }), g[27] = c, g[28] = d, g[29] = u) : u = g[29], g[30] !== u || g[31] !== o ? (m = (0, t.jsxs)("div", {
            className: "flex flex-col-reverse lg:flex-row gap-4 lg:gap-6 flex-1 min-h-0",
            children: [o, u]
        }), g[30] = u, g[31] = o, g[32] = m) : m = g[32], g[33] !== v || g[34] !== I || g[35] !== b ? (x = (0, t.jsx)(K, {
            event: v,
            options: b,
            liveVolume: I
        }), g[33] = v, g[34] = I, g[35] = b, g[36] = x) : x = g[36], g[37] !== m || g[38] !== x || g[39] !== a || g[40] !== s ? (f = (0, t.jsxs)("div", {
            className: "relative w-full h-full flex flex-col gap-4",
            children: [a, s, m, x]
        }), g[37] = m, g[38] = x, g[39] = a, g[40] = s, g[41] = f) : f = g[41], g[42] !== _ || g[43] !== f ? (h = (0, t.jsx)(M, {
            value: _,
            children: f
        }), g[42] = _, g[43] = f, g[44] = h) : h = g[44], h
    }

    function e7(e) {
        return (0, S.parseMarketWithSortKey)(e)
    }

    function te(e) {
        return e.active && !e.closed
    }
    var tt = e.i(12884),
        tl = e.i(715877);

    function tr() {
        let e, r = (0, l.c)(1);
        return r[0] === Symbol.for("react.memo_cache_sentinel") ? (e = (0, t.jsx)(e2, {
            children: ta
        }), r[0] = e) : e = r[0], e
    }

    function ta(e) {
        return (0, t.jsx)(e0.GroupChartWithoutProvider, {
            options: { ...ee.CAROUSEL_CHART_OPTIONS,
                mode: "single",
                outcomeMode: "single",
                height: e,
                showLegend: !1,
                showSingleModeLegend: !1
            }
        })
    }
    var ts = e.i(723823),
        tn = e.i(678714),
        ti = e.i(488549),
        to = e.i(3643),
        tc = e.i(156591);

    function td(e) {
        var r;
        let a, s, n, i, o, c, d, u, m, x, f, h, g, p, b, y, j, k, w, S, T = (0, l.c)(62),
            {
                event: C,
                children: _
            } = e,
            M = (0, v.useTranslations)(),
            I = (0, ee.useActiveMarket)(C),
            {
                series: P
            } = (0, tt.useChartContext)(),
            {
                hoverData: L
            } = (0, tt.useChartHoverContext)(),
            $ = I ? ? ee.EMPTY_MARKET,
            R = (0, ts.useBestPrice)($, 0, "ask"),
            A = (0, ts.useBestPrice)($, 0, "bid"),
            D = (0, ts.useSpread)($, 0),
            E = (0, ts.useLastTradedPrice)($, 0),
            F = $ ? .resolutionData ? .proposedPrice === "0",
            O = (0, ts.useAsks)($, +!!F),
            V = $ ? .resolutionData && "69" !== $.resolutionData.proposedPrice && O && !O.hasLiquidity;
        e: {
            let e;
            if (V) {
                a = F ? "0%" : "100%";
                break e
            }
            if (L && L.length > 0) {
                let e = L[0];
                if (e ? .point ? .value !== void 0) {
                    let t, l = 100 * e.point.value;
                    T[0] !== l ? (t = Math.round(l), T[0] = l, T[1] = t) : t = T[1];
                    let r = Math.max(1, t);
                    a = `${r}%`;
                    break e
                }
            }
            if (R && A && D && E) {
                let e;
                T[2] !== R.valid || T[3] !== R.value || T[4] !== A.valid || T[5] !== A.value || T[6] !== $.orderPriceMinTickSize || T[7] !== E ? .price || T[8] !== D.value ? (e = (0, to.getPercentChance)({
                    zeroLastPrice: E ? .price ? .toString(),
                    bestZeroAsk: R.value,
                    bestZeroBid: A.value,
                    zeroSpread: D.value,
                    hasAsks: R.valid,
                    hasBids: A.valid,
                    precision: (0, tc.getPrecisionFromTickSize)($.orderPriceMinTickSize)
                }), T[2] = R.valid, T[3] = R.value, T[4] = A.valid, T[5] = A.value, T[6] = $.orderPriceMinTickSize, T[7] = E ? .price, T[8] = D.value, T[9] = e) : e = T[9];
                let t = e;
                if (t.showLastPrice) {
                    a = t.lastPriceString;
                    break e
                }
            }
            T[10] !== $ ? (e = (0, to.getPercentChanceFromMarket)($, (0, tc.getPrecisionFromTickSize)($.orderPriceMinTickSize)), T[10] = $, T[11] = e) : e = T[11];
            let t = e;
            if (t.showLastPrice) {
                a = t.lastPriceString;
                break e
            }
            a = 0
        }
        let z = (r = a, Number.isNaN(S = Math.round(parseFloat(`${r}`.replace(/[%<]/g, "")))) ? 1 : S);
        t: {
            let e, t;
            if (!I) {
                s = void 0;
                break t
            }
            T[12] !== I ? (e = (0, ti.getAssetId)(I), T[12] = I, T[13] = e) : e = T[13];
            let l = e;
            if (T[14] !== l || T[15] !== I || T[16] !== P) {
                let e;
                T[18] !== l || T[19] !== I ? (e = e => e.label.toLowerCase() === I.groupItemTitle ? .toLowerCase() || e.id === l || e.id === `${l}-single`, T[18] = l, T[19] = I, T[20] = e) : e = T[20], t = P.find(e), T[14] = l, T[15] = I, T[16] = P, T[17] = t
            } else t = T[17];
            let r = t;
            if (!r ? .data ? .length) {
                s = void 0;
                break t
            }
            let a = r.data[0];
            if (!a) {
                s = void 0;
                break t
            }
            s = (z - Math.round(100 * a.value)) / 100
        }
        let B = s;
        if (!I) return null;
        let U = void 0 !== B ? 100 * B : 0;
        T[21] !== U ? (n = Math.abs(U) ? .toFixed(0), T[21] = U, T[22] = n) : n = T[22];
        let H = n,
            K = U > 0 ? "up" : U < 0 ? "down" : null,
            q = I.outcomePrices ? .[0] ? ? "0";
        T[23] !== q ? (i = (0, W.formatPercent)(q), T[23] = q, T[24] = i) : i = T[24], T[25] !== M ? (o = M("navbar.chance"), T[25] = M, T[26] = o) : o = T[26], T[27] !== i || T[28] !== o ? (c = (0, t.jsxs)("p", {
            className: "text-heading-2xl text-[28px] font-semibold text-text-brand",
            children: [i, " ", o]
        }), T[27] = i, T[28] = o, T[29] = c) : c = T[29], T[30] !== H || T[31] !== K || T[32] !== U ? (d = 0 !== U && (0, t.jsxs)("div", {
            "data-direction": K,
            className: "flex gap-x-1 items-center mb-0 group",
            children: [(0, t.jsx)(tn.IconCaretUpFill12, {
                size: 14,
                color: "var(--green-500)",
                className: "group-data-[direction=up]:text-green-500 group-data-[direction=down]:text-red-500\n            group-data-[direction=up]:rotate-0 group-data-[direction=down]:rotate-180"
            }), (0, t.jsxs)("span", {
                className: "text-base font-semibold group-data-[direction=up]:text-green-500 group-data-[direction=down]:text-red-500",
                children: [H, "%"]
            })]
        }), T[30] = H, T[31] = K, T[32] = U, T[33] = d) : d = T[33], T[34] !== c || T[35] !== d ? (u = (0, t.jsxs)("div", {
            className: "flex gap-x-3 items-end",
            children: [c, d]
        }), T[34] = c, T[35] = d, T[36] = u) : u = T[36], T[37] === Symbol.for("react.memo_cache_sentinel") ? (m = (0, eP.cn)("flex-1 h-14 rounded-[8px] dark:hover:bg-green-400 hover:bg-green-600 hover:text-white!"), T[37] = m) : m = T[37];
        let G = `/event/${C.slug}?outcomeIndex=0`;
        T[38] !== M ? (x = M("homepageV2.yes"), T[38] = M, T[39] = x) : x = T[39], T[40] !== x ? (f = (0, t.jsx)("span", {
            className: "text-heading-lg font-semibold",
            children: x
        }), T[40] = x, T[41] = f) : f = T[41], T[42] !== G || T[43] !== f ? (h = (0, t.jsx)(e_.Button, {
            asChild: !0,
            variant: "outcome-yes",
            className: m,
            children: (0, t.jsx)(N.default, {
                href: G,
                children: f
            })
        }), T[42] = G, T[43] = f, T[44] = h) : h = T[44], T[45] === Symbol.for("react.memo_cache_sentinel") ? (g = (0, eP.cn)("flex-1 h-14 rounded-[8px] dark:hover:bg-red-500 hover:bg-red-500! hover:text-white!"), T[45] = g) : g = T[45];
        let Q = `/event/${C.slug}?outcomeIndex=1`;
        return T[46] !== M ? (p = M("homepageV2.no"), T[46] = M, T[47] = p) : p = T[47], T[48] !== p ? (b = (0, t.jsx)("span", {
            className: "text-heading-lg font-semibold",
            children: p
        }), T[48] = p, T[49] = b) : b = T[49], T[50] !== Q || T[51] !== b ? (y = (0, t.jsx)(e_.Button, {
            asChild: !0,
            variant: "outcome-no",
            className: g,
            children: (0, t.jsx)(N.default, {
                href: Q,
                children: b
            })
        }), T[50] = Q, T[51] = b, T[52] = y) : y = T[52], T[53] !== h || T[54] !== y ? (j = (0, t.jsxs)("div", {
            className: "flex gap-2",
            children: [h, y]
        }), T[53] = h, T[54] = y, T[55] = j) : j = T[55], T[56] !== _ || T[57] !== j ? (k = (0, t.jsxs)("div", {
            className: "flex flex-col gap-3",
            children: [_, j]
        }), T[56] = _, T[57] = j, T[58] = k) : k = T[58], T[59] !== k || T[60] !== u ? (w = (0, t.jsxs)("div", {
            className: "flex flex-col flex-1 justify-between lg:flex-initial lg:justify-start gap-4 mt-2 md:-mt-1",
            children: [u, k]
        }), T[59] = k, T[60] = u, T[61] = w) : w = T[61], w
    }

    function tu(e) {
        let r, a, s, n, i, o, c, d, u, m, x, f, h, g, p = (0, l.c)(39),
            {
                item: v
            } = e,
            {
                event: b,
                options: y,
                slot: j
            } = v,
            k = (0, ee.useActiveMarket)(b),
            w = (0, tl.useConvertBinaryMarketToChartMarkets)(k ? ? ee.EMPTY_MARKET),
            {
                dispatch: S,
                subscribe: T
            } = $(),
            C = F(b.slug, S),
            _ = L(b);
        p[0] === Symbol.for("react.memo_cache_sentinel") ? (r = [], a = [], p[0] = r, p[1] = a) : (r = p[0], a = p[1]);
        let I = `/event/${b.slug}`;
        return p[2] !== _ || p[3] !== I ? (s = (0, t.jsx)(N.default, {
            href: I,
            className: "absolute inset-0",
            "aria-hidden": "true",
            tabIndex: -1,
            onClick: _
        }), p[2] = _, p[3] = I, p[4] = s) : s = p[4], p[5] !== b || p[6] !== y ? (n = (0, t.jsx)(et, {
            event: b,
            options: y
        }), p[5] = b, p[6] = y, p[7] = n) : n = p[7], p[8] !== b ? (i = (0, t.jsx)(td, {
            event: b
        }), p[8] = b, p[9] = i) : i = p[9], p[10] !== b.slug || p[11] !== j ? (o = (0, t.jsx)("div", {
            className: "hidden lg:flex flex-1 min-h-0 overflow-hidden",
            children: (0, t.jsx)(eq, {
                slot: j,
                eventSlug: b.slug,
                scrollable: !0
            })
        }), p[10] = b.slug, p[11] = j, p[12] = o) : o = p[12], p[13] !== i || p[14] !== o ? (c = (0, t.jsxs)("div", {
            className: "relative flex flex-col gap-4 flex-1 lg:flex-initial lg:w-[40%] lg:justify-between",
            children: [i, o]
        }), p[13] = i, p[14] = o, p[15] = c) : c = p[15], p[16] === Symbol.for("react.memo_cache_sentinel") ? (d = (0, t.jsx)("div", {
            className: "flex-1 min-h-0 hidden lg:block",
            children: (0, t.jsx)(tr, {})
        }), p[16] = d) : d = p[16], p[17] !== b || p[18] !== v.initialTrades ? (u = (0, t.jsxs)("div", {
            className: "relative flex-1 min-h-0 hidden md:flex flex-col justify-center",
            children: [d, (0, t.jsx)(eJ, {
                event: b,
                initialTrades: v.initialTrades
            })]
        }), p[17] = b, p[18] = v.initialTrades, p[19] = u) : u = p[19], p[20] !== u || p[21] !== c ? (m = (0, t.jsxs)("div", {
            className: "flex flex-col-reverse lg:flex-row gap-4 lg:gap-6 flex-1 min-h-0 mb-4 md:mb-0",
            children: [c, u]
        }), p[20] = u, p[21] = c, p[22] = m) : m = p[22], p[23] !== b || p[24] !== C || p[25] !== y ? (x = (0, t.jsx)(K, {
            event: b,
            options: y,
            liveVolume: C
        }), p[23] = b, p[24] = C, p[25] = y, p[26] = x) : x = p[26], p[27] !== m || p[28] !== x || p[29] !== s || p[30] !== n ? (f = (0, t.jsxs)("div", {
            className: "relative w-full h-full flex flex-col md:gap-4",
            children: [s, n, m, x]
        }), p[27] = m, p[28] = x, p[29] = s, p[30] = n, p[31] = f) : f = p[31], p[32] !== w || p[33] !== b || p[34] !== f ? (h = (0, t.jsx)(tt.ChartContextProvider, {
            markets: w,
            lowChanceMarkets: r,
            resolvedMarkets: a,
            event: b,
            options: ee.SINGLE_MARKET_CONTEXT_OPTIONS,
            children: f
        }), p[32] = w, p[33] = b, p[34] = f, p[35] = h) : h = p[35], p[36] !== T || p[37] !== h ? (g = (0, t.jsx)(M, {
            value: T,
            children: h
        }), p[36] = T, p[37] = h, p[38] = g) : g = p[38], g
    }
    var tm = e.i(269324),
        tx = e.i(593332);

    function tf(e) {
        let r, a, s, n, i, o, c, d, u, m, x = (0, l.c)(34),
            {
                event: f
            } = e,
            h = (0, v.useTranslations)(),
            g = L(f),
            p = (0, tx.canonicalSportSlug)(f.seriesSlug ? ? ""),
            b = Z.sportMap[p];
        x[0] !== f.seriesSlug || x[1] !== b ? .displayHeader || x[2] !== h ? (r = b ? .displayHeader || f.seriesSlug ? .toUpperCase() || h("homepageV2.sports"), x[0] = f.seriesSlug, x[1] = b ? .displayHeader, x[2] = h, x[3] = r) : r = x[3];
        let y = r;
        x[4] !== b ? (a = b ? .sportId ? Z.sports.find(e => e.id === b.sportId) ? .title : null, x[4] = b, x[5] = a) : a = x[5];
        let j = a,
            k = b ? .sportId ? b.sportId === Z.SportId.Esports ? "/esports/live" : `/sports/${b.sportId}` : "",
            w = b ? .href ? ? "";
        x[6] !== y || x[7] !== k || x[8] !== j || x[9] !== w ? (s = {
            leagueName: y,
            sportTypeName: j,
            sportHref: k,
            leagueHref: w
        }, x[6] = y, x[7] = k, x[8] = j, x[9] = w, x[10] = s) : s = x[10];
        let {
            leagueName: S,
            sportTypeName: T,
            sportHref: C,
            leagueHref: _
        } = s;
        if (x[11] !== f.markets || x[12] !== f.negRisk || x[13] !== f.title) {
            e: {
                let e = f.markets.find(tv) ? ? f.markets[0];
                if (!e) {
                    n = f.title;
                    break e
                }
                let t = f.markets.filter(tp),
                    l = !!f.negRisk && 3 === t.length,
                    r = l ? t.find(tg) : void 0,
                    a = l ? t.find(th) : void 0,
                    s = (0, eC.getTeam)({
                        market: e,
                        outcomeIndex: 0
                    }),
                    i = (0, eC.getTeam)({
                        market: e,
                        outcomeIndex: 1
                    }),
                    o = (0, tm.getTeamDisplay)(r, s),
                    c = (0, tm.getTeamDisplay)(a, i);
                if ("TBD" !== o.abbrev && "TBD" !== c.abbrev) {
                    n = `${o.abbrev} vs. ${c.abbrev}`;
                    break e
                }
                if (e.outcomes ? .length >= 2) {
                    n = `${e.outcomes[0]} vs. ${e.outcomes[1]}`;
                    break e
                }
                n = f.title
            }
            x[11] = f.markets,
            x[12] = f.negRisk,
            x[13] = f.title,
            x[14] = n
        }
        else n = x[14];
        let M = n,
            I = `/event/${f.slug}`;
        return x[15] !== g || x[16] !== I || x[17] !== M ? (i = (0, t.jsx)("h3", {
            className: "group/title relative font-semibold text-heading-2xl",
            children: (0, t.jsx)(N.default, {
                href: I,
                className: "group-hover/title:underline after:absolute after:inset-0",
                onClick: g,
                children: M
            })
        }), x[15] = g, x[16] = I, x[17] = M, x[18] = i) : i = x[18], x[19] !== h ? (o = h("homepageV2.sports"), x[19] = h, x[20] = o) : o = x[20], x[21] !== o ? (c = {
            label: o,
            href: "/sports/live"
        }, x[21] = o, x[22] = c) : c = x[22], x[23] !== _ || x[24] !== S || x[25] !== C || x[26] !== T ? (d = T ? [{
            label: T,
            href: C,
            disabled: !C
        }, {
            label: S,
            href: _,
            disabled: !_
        }] : [{
            label: S,
            href: _,
            disabled: !_
        }], x[23] = _, x[24] = S, x[25] = C, x[26] = T, x[27] = d) : d = x[27], x[28] !== d || x[29] !== c ? (u = (0, t.jsx)("div", {
            className: "relative",
            children: (0, t.jsx)(Q.Breadcrumbs, {
                items: [c, ...d]
            })
        }), x[28] = d, x[29] = c, x[30] = u) : u = x[30], x[31] !== u || x[32] !== i ? (m = (0, t.jsx)("div", {
            className: "relative flex w-full items-center gap-4",
            children: (0, t.jsxs)("div", {
                className: "flex flex-col-reverse items-start gap-1",
                children: [i, u]
            })
        }), x[31] = u, x[32] = i, x[33] = m) : m = x[33], m
    }

    function th(e) {
        return "away" === e.negRiskSportsMarketType
    }

    function tg(e) {
        return "home" === e.negRiskSportsMarketType
    }

    function tp(e) {
        return (e.sportsMarketType ? ? "moneyline") === "moneyline"
    }

    function tv(e) {
        return "moneyline" === e.sportsMarketType
    }
    var tb = e.i(100825),
        ty = e.i(840216),
        tj = e.i(371124),
        tk = e.i(932235);

    function tN(e) {
        let r, a, s, n, i, o, c, d, u, m, x, f, h, g, p, v, b, y = (0, l.c)(65),
            {
                event: j
            } = e;
        y[0] === Symbol.for("react.memo_cache_sentinel") ? (r = ["gameState", "time"], y[0] = r) : r = y[0];
        let {
            gameState: k,
            time: N
        } = (0, tb.useSportsGameSelector)(j.slug, r), {
            time: w
        } = (0, tj.useElapsedTime)(j.slug), S = (0, tb.useScores)(j.slug), T = Z.sportMap[(0, tx.canonicalSportSlug)(j.seriesSlug ? ? "")] ? .sportId === Z.SportId.Tennis;
        y[1] !== j.markets ? (a = j.markets.find(tC), y[1] = j.markets, y[2] = a) : a = y[2];
        let C = a;
        y[3] !== j.markets ? (s = j.markets.filter(tT), y[3] = j.markets, y[4] = s) : s = y[4];
        let _ = s,
            M = !!j.negRisk && 3 === _.length;
        y[5] !== j || y[6] !== M || y[7] !== k ? (n = (0, tm.resolveGameState)(k, j, M), y[5] = j, y[6] = M, y[7] = k, y[8] = n) : n = y[8];
        let I = n,
            P = I === tx.GameState.Finished && (j.closed || j.ended || C ? .closed);
        y[9] !== j.score || y[10] !== P || y[11] !== S ? (i = 0 === S[0] && 0 === S[1] && P ? (0, tm.parseEventScore)(j.score) : S, y[9] = j.score, y[10] = P, y[11] = S, y[12] = i) : i = y[12];
        let L = i;
        y[13] !== j.startTime || y[14] !== N ? (o = (0, tm.getGameDate)(j.startTime, N), y[13] = j.startTime, y[14] = N, y[15] = o) : o = y[15];
        let $ = o;
        if (y[16] !== j || y[17] !== $ || y[18] !== I || y[19] !== M || y[20] !== T || y[21] !== C || y[22] !== _ || y[23] !== w) {
            u = Symbol.for("react.early_return_sentinel");
            e: {
                let e = M ? _.find(tS) : void 0,
                    l = M ? _.find(tw) : void 0,
                    r = C ? (0, eC.getTeam)({
                        market: C,
                        outcomeIndex: 0
                    }) : void 0,
                    a = C ? (0, eC.getTeam)({
                        market: C,
                        outcomeIndex: 1
                    }) : void 0,
                    s = M && e ? (0, eC.getTeam)({
                        market: e
                    }) : void 0,
                    n = M && l ? (0, eC.getTeam)({
                        market: l
                    }) : void 0;
                if (d = (0, tm.getTeamDisplay)(M ? e : void 0, r), c = (0, tm.getTeamDisplay)(M ? l : void 0, a), !C) {
                    u = null;
                    break e
                }
                if (T) {
                    let e, l = {
                            name: (0, tm.getTennisPlayerName)(s ? ? r),
                            logo: d.logo,
                            href: d.href
                        },
                        i = {
                            name: (0, tm.getTennisPlayerName)(n ? ? a),
                            logo: c.logo,
                            href: c.href
                        };
                    y[27] !== j || y[28] !== $ || y[29] !== I || y[30] !== l || y[31] !== i || y[32] !== w ? (e = (0, t.jsx)(tm.TennisGameHeader, {
                        event: j,
                        showHeader: !1,
                        homeTeam: l,
                        awayTeam: i,
                        gameState: I,
                        timeLabel: w,
                        gameDate: $
                    }), y[27] = j, y[28] = $, y[29] = I, y[30] = l, y[31] = i, y[32] = w, y[33] = e) : e = y[33], u = e;
                    break e
                }
            }
            y[16] = j, y[17] = $, y[18] = I, y[19] = M, y[20] = T, y[21] = C, y[22] = _, y[23] = w, y[24] = c, y[25] = d, y[26] = u
        } else c = y[24], d = y[25], u = y[26];
        if (u !== Symbol.for("react.early_return_sentinel")) return u;
        let R = I === tx.GameState.Live ? "gap-10" : "gap-6",
            A = I === tx.GameState.NotStarted ? "items-center" : "items-end";
        return y[34] !== R || y[35] !== A ? (m = (0, eP.cn)("flex justify-center", R, A), y[34] = R, y[35] = A, y[36] = m) : m = y[36], y[37] !== d.abbrev || y[38] !== d.href || y[39] !== d.logo ? (x = (0, t.jsx)(tm.TeamDisplay, {
            abbrev: d.abbrev,
            logo: d.logo,
            href: d.href
        }), y[37] = d.abbrev, y[38] = d.href, y[39] = d.logo, y[40] = x) : x = y[40], y[41] !== $ || y[42] !== I ? (f = I === tx.GameState.NotStarted && (0, t.jsx)(tm.NotStartedGameCenter, {
            gameDate: $
        }), y[41] = $, y[42] = I, y[43] = f) : f = y[43], y[44] !== I || y[45] !== L || y[46] !== w ? (h = I === tx.GameState.Live && (0, t.jsx)(tm.GameScoreCenter, {
            homeScore: L[0],
            awayScore: L[1],
            label: w,
            isLive: !0
        }), y[44] = I, y[45] = L, y[46] = w, y[47] = h) : h = y[47], y[48] !== I || y[49] !== L || y[50] !== w ? (g = I === tx.GameState.Finished && (0, t.jsx)(tm.GameScoreCenter, {
            homeScore: L[0],
            awayScore: L[1],
            label: w,
            isFinished: !0
        }), y[48] = I, y[49] = L, y[50] = w, y[51] = g) : g = y[51], y[52] !== f || y[53] !== h || y[54] !== g ? (p = (0, t.jsxs)("div", {
            className: "flex flex-col items-center gap-3 w-[140px]",
            children: [f, h, g]
        }), y[52] = f, y[53] = h, y[54] = g, y[55] = p) : p = y[55], y[56] !== c.abbrev || y[57] !== c.href || y[58] !== c.logo ? (v = (0, t.jsx)(tm.TeamDisplay, {
            abbrev: c.abbrev,
            logo: c.logo,
            href: c.href
        }), y[56] = c.abbrev, y[57] = c.href, y[58] = c.logo, y[59] = v) : v = y[59], y[60] !== m || y[61] !== x || y[62] !== p || y[63] !== v ? (b = (0, t.jsx)("div", {
            className: "flex flex-col items-center",
            children: (0, t.jsxs)("div", {
                className: m,
                children: [x, p, v]
            })
        }), y[60] = m, y[61] = x, y[62] = p, y[63] = v, y[64] = b) : b = y[64], b
    }

    function tw(e) {
        return "away" === e.negRiskSportsMarketType
    }

    function tS(e) {
        return "home" === e.negRiskSportsMarketType
    }

    function tT(e) {
        return (e.sportsMarketType ? ? "moneyline") === "moneyline"
    }

    function tC(e) {
        return "moneyline" === e.sportsMarketType
    }

    function t_(e) {
        let r, a, s = (0, l.c)(5),
            {
                event: n,
                initialState: i
            } = e;
        return s[0] !== n ? (r = (0, t.jsx)(tk.SportsWebsocketProvider, {
            children: (0, t.jsx)(tN, {
                event: n
            })
        }), s[0] = n, s[1] = r) : r = s[1], s[2] !== i || s[3] !== r ? (a = (0, t.jsx)(ty.SportsStoreProvider, {
            initialState: i,
            children: r
        }), s[2] = i, s[3] = r, s[4] = a) : a = s[4], a
    }
    var tM = e.i(507670),
        tI = e.i(554637);

    function tP(e) {
        let t = e.gameStartTime ? ? void 0,
            l = t ? new Date(t).getTime() : NaN;
        return Number.isFinite(l) && l <= Date.now() ? {
            forcedWindow: "game",
            gameStartTime: t
        } : {
            forcedWindow: "1d",
            gameStartTime: void 0
        }
    }

    function tL(e) {
        let r, a, s, n = (0, l.c)(14),
            {
                event: i
            } = e;
        if (n[0] !== i.markets || n[1] !== i.negRisk) {
            e: {
                let e, t = i.markets.find(tD);
                if (!t || !t.clobTokenIds ? .length) {
                    let e;
                    n[3] === Symbol.for("react.memo_cache_sentinel") ? (e = {
                        markets: [],
                        colors: void 0
                    }, n[3] = e) : e = n[3], r = e;
                    break e
                }
                let l = i.markets.filter(tA),
                    a = !!i.negRisk && 3 === l.length,
                    s = a ? l.find(tR) : void 0,
                    o = a ? l.find(t$) : void 0,
                    c = a ? (0, tM.getNegRiskColors)(s, o) : (0, tM.getBinaryColors)(t),
                    d = a ? (0, tM.getNegRiskChartMarkets)(l) : (0, tM.getBinaryChartMarkets)(t, c);n[4] !== c || n[5] !== d ? (e = {
                    markets: d,
                    colors: c
                }, n[4] = c, n[5] = d, n[6] = e) : e = n[6],
                r = e
            }
            n[0] = i.markets,
            n[1] = i.negRisk,
            n[2] = r
        }
        else r = n[2];
        let {
            markets: o,
            colors: c
        } = r;
        n[7] !== i ? (a = tP(i), n[7] = i, n[8] = a) : a = n[8];
        let d = a;
        return 0 === o.length ? null : (n[9] !== c || n[10] !== i || n[11] !== o || n[12] !== d ? (s = (0, t.jsx)(e2, {
            className: "pt-2",
            children: e => (0, t.jsx)(e0.GroupChart, {
                markets: o,
                lowChanceMarkets: [],
                resolvedMarkets: [],
                event: i,
                customColors: c,
                options: { ...ee.CAROUSEL_CHART_OPTIONS,
                    ...d,
                    mode: "group",
                    outcomeMode: "default",
                    forceShowAllMarkets: !0,
                    height: e,
                    showLegend: !0,
                    showOptions: !0,
                    showSingleModeLegend: !1,
                    oddsDisplay: "side",
                    backfillData: !1,
                    customLabels: {
                        enabled: !1
                    },
                    tooltipOptions: {
                        mode: "default"
                    },
                    marketType: "default"
                }
            })
        }), n[9] = c, n[10] = i, n[11] = o, n[12] = d, n[13] = s) : s = n[13], s)
    }

    function t$(e) {
        return "away" === e.negRiskSportsMarketType
    }

    function tR(e) {
        return "home" === e.negRiskSportsMarketType
    }

    function tA(e) {
        return (e.sportsMarketType ? ? "moneyline") === "moneyline"
    }

    function tD(e) {
        return "moneyline" === e.sportsMarketType
    }

    function tE(e) {
        let r, a, s = (0, l.c)(6),
            {
                event: n
            } = e,
            i = (0, ee.useActiveMarket)(n),
            o = (0, tl.useConvertBinaryMarketToChartMarkets)(i ? ? ee.EMPTY_MARKET);
        s[0] !== n ? (r = tP(n), s[0] = n, s[1] = r) : r = s[1];
        let c = r;
        return i ? (s[2] !== o || s[3] !== n || s[4] !== c ? (a = (0, t.jsx)(e2, {
            children: e => (0, t.jsx)(e0.GroupChart, {
                markets: o,
                lowChanceMarkets: [],
                resolvedMarkets: [],
                event: n,
                options: { ...ee.CAROUSEL_CHART_OPTIONS,
                    ...c,
                    mode: "single",
                    outcomeMode: "single",
                    height: e,
                    showLegend: !1,
                    showSingleModeLegend: !1
                }
            })
        }), s[2] = o, s[3] = n, s[4] = c, s[5] = a) : a = s[5], a) : null
    }

    function tF(e) {
        let r, a, s, n, i, o = (0, l.c)(15),
            {
                event: c,
                initialTrades: d
            } = e;
        o[0] !== c.markets ? (r = c.markets.some(tV), o[0] = c.markets, o[1] = r) : r = o[1];
        let u = r;
        if (o[2] !== c.markets) {
            let e = {},
                t = {},
                l = c.markets.find(tO),
                r = !!l && Array.isArray(l.teams) && l.teams.length >= 2;
            if (r && l) {
                let e = (0, eC.getTeam)({
                        market: l,
                        outcomeIndex: 0
                    }),
                    r = (0, eC.getTeam)({
                        market: l,
                        outcomeIndex: 1
                    }),
                    a = (e ? (0, tI.getSportsButtonColor)({
                        team: e
                    }).customColors ? .backgroundColor : void 0) ? ? e ? .color,
                    s = (r ? (0, tI.getSportsButtonColor)({
                        team: r
                    }).customColors ? .backgroundColor : void 0) ? ? r ? .color;
                a && (t[0] = a), s && (t[1] = s)
            }
            for (let t of c.markets) {
                if (!t.conditionId || l && t.conditionId === l.conditionId && r) continue;
                if ("draw" === t.negRiskSportsMarketType) {
                    e[t.conditionId] = "var(--color-neutral-500)";
                    continue
                }
                let a = (0, eC.getTeam)({
                    market: t
                });
                if (!a) continue;
                let s = (0, tI.getSportsButtonColor)({
                    team: a
                }).customColors ? .backgroundColor ? ? a.color;
                s && (e[t.conditionId] = s)
            }
            a = {
                colorsByConditionId: e,
                colorsByOutcomeIndex: t
            }, o[2] = c.markets, o[3] = a
        } else a = o[3];
        let {
            colorsByConditionId: m,
            colorsByOutcomeIndex: x
        } = a;
        return o[4] !== c || o[5] !== u ? (s = u ? (0, t.jsx)(tL, {
            event: c
        }) : c.negRisk ? (0, t.jsx)(e3, {
            event: c,
            forcedWindow: "1d"
        }) : (0, t.jsx)(tE, {
            event: c
        }), o[4] = c, o[5] = u, o[6] = s) : s = o[6], o[7] !== m || o[8] !== x || o[9] !== c || o[10] !== d ? (n = (0, t.jsx)(eJ, {
            event: c,
            colorsByConditionId: m,
            colorsByOutcomeIndex: x,
            initialTrades: d
        }), o[7] = m, o[8] = x, o[9] = c, o[10] = d, o[11] = n) : n = o[11], o[12] !== s || o[13] !== n ? (i = (0, t.jsxs)("div", {
            className: "relative h-full w-full",
            children: [s, n]
        }), o[12] = s, o[13] = n, o[14] = i) : i = o[14], i
    }

    function tO(e) {
        return "moneyline" === e.sportsMarketType && !!e.conditionId
    }

    function tV(e) {
        return "moneyline" === e.sportsMarketType
    }
    var tz = e.i(510954),
        tB = e.i(57096),
        tU = e.i(996076);

    function tW({
        event: e,
        children: l
    }) {
        let r = (0, v.useTranslations)(),
            s = (0, a.useMemo)(() => (e.markets ? ? []).filter(e => e && (e.sportsMarketType ? ? "moneyline") === "moneyline"), [e.markets]),
            {
                isNegRisk: n,
                negriskMarkets: i
            } = (0, a.useMemo)(() => {
                if (!e.negRisk || 3 !== s.length) return {
                    isNegRisk: !1,
                    negriskMarkets: void 0
                };
                let t = [...s].sort((e, t) => Number(e.groupItemThreshold ? ? 0) - Number(t.groupItemThreshold ? ? 0));
                return {
                    isNegRisk: !0,
                    negriskMarkets: {
                        home: t[0],
                        draw: t[1],
                        away: t[2]
                    }
                }
            }, [e.negRisk, s]),
            o = e.seriesSlug || e.series ? .[0] ? .slug,
            c = (0, a.useMemo)(() => o ? (0, tx.canonicalSportSlug)(o) : void 0, [o]),
            d = (0, a.useMemo)(() => c ? (0, Z.createSportsTeamsQueryKey)(c) : void 0, [c]),
            {
                data: u
            } = (0, h.useQuery)({
                queryKey: d ? .queryKey ? ? tz.queryKeys[tB.QueryKey.SportsTeams].teams("noop").queryKey,
                queryFn: Z.sportsTeamsFetcher,
                enabled: !!d,
                staleTime: 3e5,
                gcTime: 3e5,
                refetchOnWindowFocus: !1,
                refetchOnReconnect: !1
            }),
            [m, x, f, g] = (0, a.useMemo)(() => {
                let t = "var(--color-brand-500)";
                if (n) {
                    let e = s.find(e => "home" === e.negRiskSportsMarketType),
                        l = s.find(e => "away" === e.negRiskSportsMarketType),
                        r = e ? (0, eC.getTeam)({
                            market: e
                        }) : void 0,
                        a = l ? (0, eC.getTeam)({
                            market: l
                        }) : void 0,
                        n = r ? .alias || r ? .name || r ? .abbreviation || "TBD",
                        i = a ? .alias || a ? .name || a ? .abbreviation || "TBD";
                    return [r ? .color || t, a ? .color || t, (0, tU.formatShortLabel)(n) ? ? n, (0, tU.formatShortLabel)(i) ? ? i]
                }
                let l = e.markets ? .[0],
                    r = l ? .outcomes ? ? [];
                if (!Array.isArray(u)) return [t, t, r[0], r[1]];
                try {
                    let {
                        homeTeam: l,
                        awayTeam: a
                    } = (0, tU.resolveSportsTeamLabels)({
                        event: e,
                        teamsList: u
                    });
                    return [l ? .color || t, a ? .color || t, l ? .labelShort ? ? r[0], a ? .labelShort ? ? r[1]]
                } catch {
                    return [t, t, r[0], r[1]]
                }
            }, [u, e, n, s]),
            p = i ? .home ? .slug ? `/event/${e.slug}?marketSlug=${i.home.slug}&outcomeIndex=0` : `/event/${e.slug}?outcomeIndex=0`,
            b = i ? .draw ? .slug ? `/event/${e.slug}?marketSlug=${i.draw.slug}&outcomeIndex=0` : `/event/${e.slug}`,
            y = i ? .away ? .slug ? `/event/${e.slug}?marketSlug=${i.away.slug}&outcomeIndex=0` : `/event/${e.slug}?outcomeIndex=1`,
            j = (0, t.jsxs)(N.default, {
                href: p,
                className: "group relative flex-1 h-14 rounded-[8px] px-4 flex items-center justify-center overflow-hidden bg-transparent! hover:bg-transparent! transition-colors min-w-0",
                children: [(0, t.jsx)("span", {
                    className: "text-heading-lg font-semibold z-1 truncate group-hover:text-white! transition dark:brightness-150",
                    style: {
                        color: m
                    },
                    children: f ? ? "TBD"
                }), (0, t.jsx)("div", {
                    style: {
                        backgroundColor: m
                    },
                    className: "absolute inset-0 opacity-10 dark:opacity-20 z-0 rounded-[8px] group-hover:opacity-100! transition"
                })]
            }),
            k = (0, t.jsx)(N.default, {
                href: b,
                className: "h-14 w-18 shrink-0 rounded-[8px] border border-border flex items-center justify-center overflow-hidden text-text-secondary hover:bg-neutral-50 dark:hover:bg-neutral-100/50 transition-colors",
                children: (0, t.jsx)("span", {
                    className: "text-heading-base font-semibold",
                    children: r("homepageV2.draw")
                })
            }),
            w = (0, t.jsxs)(N.default, {
                href: y,
                className: "group relative flex-1 h-14 rounded-[8px] px-4 flex items-center justify-center overflow-hidden bg-transparent! hover:bg-transparent! transition-colors min-w-0",
                children: [(0, t.jsx)("span", {
                    className: "text-heading-lg font-semibold z-1 truncate group-hover:text-white! transition dark:brightness-150",
                    style: {
                        color: x
                    },
                    children: g ? ? "TBD"
                }), (0, t.jsx)("div", {
                    style: {
                        backgroundColor: x
                    },
                    className: "absolute inset-0 opacity-10 dark:opacity-20 z-0 rounded-[8px] group-hover:opacity-100! transition"
                })]
            });
        return (0, t.jsxs)("div", {
            className: "flex flex-col justify-end lg:flex-initial lg:justify-start gap-3",
            children: [l, (0, t.jsxs)("div", {
                className: `flex gap-2 ${n?"justify-center":""}`,
                children: [j, n && k, w]
            })]
        })
    }

    function tH(e) {
        let r, a, s, n, i, o, c, d, u, m, x, f, h, g, p = (0, l.c)(43),
            {
                item: v
            } = e,
            {
                event: b,
                options: y,
                slot: j
            } = v,
            {
                dispatch: k,
                subscribe: w
            } = $(),
            S = F(b.slug, k),
            T = L(b),
            C = `/event/${b.slug}`;
        p[0] !== T || p[1] !== C ? (r = (0, t.jsx)(N.default, {
            href: C,
            className: "absolute inset-0",
            "aria-hidden": "true",
            tabIndex: -1,
            onClick: T
        }), p[0] = T, p[1] = C, p[2] = r) : r = p[2], p[3] !== b ? (a = (0, t.jsx)("div", {
            className: "lg:hidden",
            children: (0, t.jsx)(tf, {
                event: b
            })
        }), p[3] = b, p[4] = a) : a = p[4], p[5] !== b ? (s = (0, t.jsx)("div", {
            className: "hidden lg:block",
            children: (0, t.jsx)(tf, {
                event: b
            })
        }), n = (0, t.jsx)(tW, {
            event: b
        }), p[5] = b, p[6] = s, p[7] = n) : (s = p[6], n = p[7]), p[8] !== b.slug || p[9] !== j ? (i = (0, t.jsx)(eq, {
            slot: j,
            eventSlug: b.slug,
            scrollable: !0
        }), p[8] = b.slug, p[9] = j, p[10] = i) : i = p[10], p[11] !== b.slug || p[12] !== j ? (o = (0, t.jsx)("div", {
            className: "hidden lg:flex flex-1 min-h-0 overflow-hidden opacity-0",
            children: (0, t.jsx)(eq, {
                slot: j,
                eventSlug: b.slug
            })
        }), p[11] = b.slug, p[12] = j, p[13] = o) : o = p[13], p[14] !== s || p[15] !== n || p[16] !== i || p[17] !== o ? (c = (0, t.jsxs)("div", {
            className: "relative flex flex-col gap-4 lg:w-[40%] lg:justify-between",
            children: [s, n, i, o]
        }), p[14] = s, p[15] = n, p[16] = i, p[17] = o, p[18] = c) : c = p[18];
        let _ = v.sportsInitialState;
        return p[19] !== b || p[20] !== _ ? (d = (0, t.jsx)(t_, {
            event: b,
            initialState: _
        }), p[19] = b, p[20] = _, p[21] = d) : d = p[21], p[22] !== b || p[23] !== v.initialTrades ? (u = (0, t.jsx)("div", {
            className: "flex-1 min-h-0 hidden lg:block",
            children: (0, t.jsx)(tF, {
                event: b,
                initialTrades: v.initialTrades
            })
        }), p[22] = b, p[23] = v.initialTrades, p[24] = u) : u = p[24], p[25] !== d || p[26] !== u ? (m = (0, t.jsxs)("div", {
            className: "relative flex-1 min-h-0 flex flex-col justify-center gap-3 h-full",
            children: [d, u]
        }), p[25] = d, p[26] = u, p[27] = m) : m = p[27], p[28] !== m || p[29] !== c ? (x = (0, t.jsxs)("div", {
            className: "flex flex-col-reverse lg:flex-row gap-4 lg:gap-6 flex-1 min-h-0",
            children: [c, m]
        }), p[28] = m, p[29] = c, p[30] = x) : x = p[30], p[31] !== b || p[32] !== S || p[33] !== y ? (f = (0, t.jsx)(K, {
            event: b,
            options: y,
            liveVolume: S,
            logoOnly: !0,
            isSports: !0
        }), p[31] = b, p[32] = S, p[33] = y, p[34] = f) : f = p[34], p[35] !== x || p[36] !== f || p[37] !== r || p[38] !== a ? (h = (0, t.jsxs)("div", {
            className: "relative w-full h-full flex flex-col gap-2",
            children: [r, a, x, f]
        }), p[35] = x, p[36] = f, p[37] = r, p[38] = a, p[39] = h) : h = p[39], p[40] !== w || p[41] !== h ? (g = (0, t.jsx)(M, {
            value: w,
            children: h
        }), p[40] = w, p[41] = h, p[42] = g) : g = p[42], g
    }
    var tK = e.i(476001);
    e.i(304697);
    var tq = e.i(179645),
        tG = e.i(255760);
    let tQ = "America/New_York",
        tX = {
            bitcoin: "bitcoin",
            ethereum: "ethereum",
            solana: "solana",
            xrp: "xrp",
            dogecoin: "dogecoin",
            bnb: "bnb",
            hype: "hype"
        };

    function tY(e) {
        let r, a, s, n, i, o, c, d, u = (0, l.c)(37),
            {
                id: m,
                slug: x,
                title: f,
                startTime: h,
                endDate: g,
                image: b,
                invertOrder: y
            } = e,
            j = (0, v.useTranslations)(),
            k = (0, p.useLocale)();
        u[0] !== k ? (r = (0, B.getDateFnsLocale)(k), u[0] = k, u[1] = r) : r = u[1];
        let w = r;
        e: {
            let e, t, l, r;u[2] !== x || u[3] !== j ? (e = function(e, t) {
                let [l] = e.split("-"), {
                    name: r
                } = (0, tG.getAssetNames)(l);
                if (!r) return null;
                let a = tX[r];
                return a ? t(`crypto.items.${a}`) : r.charAt(0).toUpperCase() + r.slice(1)
            }(x, j), u[2] = x, u[3] = j, u[4] = e) : e = u[4];
            let s = e;
            if (!(s && h && g) || !h || !g) {
                let e;
                if (u[5] !== f) {
                    let t;
                    t = f.split(" - "), e = {
                        title: t[0] ? .trim() ? ? f,
                        dateLabel: t[1] ? .trim() ? ? null
                    }, u[5] = f, u[6] = e
                } else e = u[6];
                a = e;
                break e
            }
            u[7] !== j ? (t = j("homepageV2.upOrDown"), u[7] = j, u[8] = t) : t = u[8];
            let n = `${s} ${t}`;u[9] !== w || u[10] !== g || u[11] !== k || u[12] !== h ? (l = function(e, t, l, r) {
                try {
                    let a = new tq.TZDate(new Date(e), tQ),
                        s = new tq.TZDate(new Date(t), tQ);
                    if (Number.isNaN(a.getTime()) || Number.isNaN(s.getTime())) return null;
                    let n = (0, V.format)(a, "MMMM d", {
                        locale: r
                    });
                    if (!l || "en" === l) {
                        let e = a.getMinutes(),
                            t = s.getMinutes(),
                            l = 0 === e ? (0, V.format)(a, "h") : (0, V.format)(a, "h:mm"),
                            r = 0 === t ? (0, V.format)(s, "h") : (0, V.format)(s, "h:mm"),
                            i = (0, V.format)(a, "a").toUpperCase(),
                            o = (0, V.format)(s, "a").toUpperCase();
                        return `${n}, ${l}${i}-${r}${o} ET`
                    }
                    let i = (0, V.format)(a, "p", {
                            locale: r
                        }),
                        o = (0, V.format)(s, "p", {
                            locale: r
                        });
                    return `${n}, ${i}-${o} ET`
                } catch {
                    return null
                }
            }(h, g, k, w), u[9] = w, u[10] = g, u[11] = k, u[12] = h, u[13] = l) : l = u[13];
            let i = l;u[14] !== i || u[15] !== n ? (r = {
                title: n,
                dateLabel: i
            }, u[14] = i, u[15] = n, u[16] = r) : r = u[16],
            a = r
        }
        let {
            title: S,
            dateLabel: T
        } = a;
        u[17] !== m || u[18] !== x ? (s = {
            id: m,
            slug: x
        }, u[17] = m, u[18] = x, u[19] = s) : s = u[19];
        let C = L(s);
        u[20] !== C || u[21] !== x || u[22] !== S ? (n = S ? (0, t.jsx)("h3", {
            className: "font-semibold text-heading-2xl text-pretty leading-tight",
            children: (0, t.jsx)(N.default, {
                href: `/event/${x}`,
                className: "group-hover:underline after:absolute after:inset-0",
                onClick: C,
                children: S
            })
        }) : null, u[20] = C, u[21] = x, u[22] = S, u[23] = n) : n = u[23];
        let _ = n;
        u[24] !== T ? (i = T ? (0, t.jsx)("div", {
            className: "relative pointer-events-none",
            children: (0, t.jsx)(Q.Breadcrumbs, {
                items: [{
                    label: T,
                    href: "",
                    disabled: !0
                }]
            })
        }) : null, u[24] = T, u[25] = i) : i = u[25];
        let M = i,
            I = !!b;
        return u[26] !== b || u[27] !== I || u[28] !== S ? (o = (0, t.jsx)("div", {
            className: "shrink-0 hidden md:block",
            children: (0, t.jsx)(X.MarketImage, {
                image: b,
                marketName: S,
                size: 56,
                containerClassName: "rounded-md overflow-hidden relative",
                forceHasLoaded: I
            })
        }), u[26] = b, u[27] = I, u[28] = S, u[29] = o) : o = u[29], u[30] !== M || u[31] !== y || u[32] !== _ ? (c = (0, t.jsx)("div", {
            className: "flex flex-col items-start gap-1",
            children: y ? (0, t.jsxs)(t.Fragment, {
                children: [_, M]
            }) : (0, t.jsxs)(t.Fragment, {
                children: [M, _]
            })
        }), u[30] = M, u[31] = y, u[32] = _, u[33] = c) : c = u[33], u[34] !== o || u[35] !== c ? (d = (0, t.jsxs)("div", {
            className: "flex gap-4 w-full items-center group relative",
            children: [o, c]
        }), u[34] = o, u[35] = c, u[36] = d) : d = u[36], d
    }
    e.i(686518);
    var tZ = e.i(907855),
        tJ = e.i(787909),
        t0 = e.i(162181),
        t1 = e.i(294472),
        t2 = e.i(660635);
    let t3 = {
        duration: 450,
        easing: "linear(0,.005,.019,.039,.066,.096,.129,.165,.202,.24,.278,.316,.354,.39,.426,.461,.494,.526,.557,.586,.614,.64,.665,.689,.711,.731,.751,.769,.786,.802,.817,.831,.844,.856,.867,.877,.887,.896,.904,.912,.919,.925,.931,.937,.942,.947,.951,.955,.959,.962,.965,.968,.971,.973,.976,.978,.98,.981,.983,.984,.986,.987,.988,.989,.99,.991,.992,.992,.993,.994,.994,.995,.995,.996,.996,.9963,.9967,.9969,.9972,.9975,.9977,.9979,.9981,.9982,.9984,.9985,.9987,.9988,.9989,1)"
    };

    function t4(e) {
        let r, s, n, i, o, c, d, u, m, x = (0, l.c)(29),
            {
                event: f,
                currentPrice: h,
                targetPrice: g
            } = e,
            p = (0, v.useTranslations)(),
            b = (0, ee.useActiveMarket)(f),
            y = (0, ee.useAssetFromSlug)(f.slug),
            j = function(e) {
                let t, r, s = (0, l.c)(3),
                    [n, i] = (0, a.useState)(null);
                return s[0] !== e ? (t = () => {
                    if (!e) return;
                    (0, t2.calibrateClock)();
                    let t = () => {
                        if (!(0, t2.isClockCalibrated)()) return;
                        let t = new Date(e).getTime() - (0, t2.getServerNow)();
                        t < 0 ? i(null) : i((0, t1.getTimeBreakdown)(t))
                    };
                    t();
                    let l = setInterval(t, 1e3);
                    return () => clearInterval(l)
                }, r = [e], s[0] = e, s[1] = t, s[2] = r) : (t = s[1], r = s[2]), (0, a.useEffect)(t, r), n
            }(b ? .endDate);
        e: {
            if (null == h || null == g) {
                r = void 0;
                break e
            }
            r = h - g
        }
        let k = r;
        x[0] !== y ? (s = y ? (0, ee.getAssetDecimals)(y.abbreviation) : 2, x[0] = y, x[1] = s) : s = x[1];
        let N = s;
        x[2] !== y || x[3] !== k ? (n = y ? (0, ee.getPriceChangeDecimals)(y.abbreviation, k) : 0, x[2] = y, x[3] = k, x[4] = n) : n = x[4];
        let w = n;
        return x[5] !== N || x[6] !== p || x[7] !== g ? (i = null != g && (0, t.jsx)(t0.TitlePrice, {
            label: p("homepageV2.priceToBeat"),
            variant: "default",
            value: g,
            color: "secondary",
            decimals: N,
            priceClassName: "text-heading-xl md:text-heading-2xl"
        }), x[5] = N, x[6] = p, x[7] = g, x[8] = i) : i = x[8], x[9] !== h || x[10] !== g ? (o = null != g && null != h && (0, t.jsx)("div", {
            className: "w-[2px] h-6 lg:h-8 bg-surface-2 rounded-full"
        }), x[9] = h, x[10] = g, x[11] = o) : o = x[11], x[12] !== y || x[13] !== w || x[14] !== h || x[15] !== N || x[16] !== k || x[17] !== p ? (c = null != h && y && (0, t.jsx)(t0.TitlePrice, {
            label: p("homepageV2.currentPrice"),
            variant: "animated",
            value: h,
            color: y.color,
            change: k,
            changePosition: "top",
            decimals: N,
            changeDecimals: w,
            priceClassName: "text-heading-xl md:text-heading-2xl"
        }), x[12] = y, x[13] = w, x[14] = h, x[15] = N, x[16] = k, x[17] = p, x[18] = c) : c = x[18], x[19] !== i || x[20] !== o || x[21] !== c ? (d = (0, t.jsxs)("div", {
            className: "flex items-center gap-4",
            children: [i, o, c]
        }), x[19] = i, x[20] = o, x[21] = c, x[22] = d) : d = x[22], x[23] !== p || x[24] !== j ? (u = j && (0, t.jsxs)("div", {
            className: "flex flex-col items-end",
            children: [(0, t.jsx)("span", {
                className: "text-body-xs font-semibold",
                style: {
                    color: "var(--color-text-secondary)",
                    opacity: .8
                },
                children: p("homepageV2.endsIn")
            }), (0, t.jsx)("div", {
                className: "font-[620] text-heading-xl md:text-heading-2xl normal-nums!",
                style: {
                    color: j.d < 1 ? "#ef4444" : "var(--color-neutral-500)"
                },
                children: (0, t.jsx)(tJ.NumberFlowGroup, {
                    children: (0, t.jsxs)("div", {
                        className: "flex items-center",
                        children: [j.d > 0 && (0, t.jsxs)(t.Fragment, {
                            children: [(0, t.jsx)(tZ.default, {
                                value: j.d,
                                trend: -1,
                                transformTiming: t3
                            }), (0, t.jsx)("span", {
                                children: ":"
                            })]
                        }), (j.d > 0 || j.h > 0) && (0, t.jsxs)(t.Fragment, {
                            children: [(0, t.jsx)(tZ.default, {
                                value: j.h,
                                format: {
                                    minimumIntegerDigits: j.d > 0 ? 2 : 1
                                },
                                trend: -1,
                                transformTiming: t3
                            }), (0, t.jsx)("span", {
                                children: ":"
                            })]
                        }), (0, t.jsx)(tZ.default, {
                            value: j.m,
                            format: {
                                minimumIntegerDigits: j.h > 0 || j.d > 0 ? 2 : 1
                            },
                            trend: -1,
                            transformTiming: t3
                        }), (0, t.jsx)("span", {
                            children: ":"
                        }), (0, t.jsx)(tZ.default, {
                            value: j.s,
                            format: {
                                minimumIntegerDigits: 2
                            },
                            trend: -1,
                            transformTiming: t3
                        })]
                    })
                })
            })]
        }), x[23] = p, x[24] = j, x[25] = u) : u = x[25], x[26] !== d || x[27] !== u ? (m = (0, t.jsxs)("div", {
            className: "flex items-center justify-between py-0.5 pr-2",
            children: [d, u]
        }), x[26] = d, x[27] = u, x[28] = m) : m = x[28], m
    }
    let t5 = (0, e.i(97271).default)(() => e.A(786547), {
        loadableGenerated: {
            modules: [584710]
        },
        ssr: !1
    });

    function t9(e) {
        let r, s, n, i, o, c, d, u = (0, l.c)(20),
            {
                event: m,
                onPricesChange: x,
                onLivePriceMessage: f
            } = e,
            h = (0, ee.useAssetFromSlug)(m.slug);
        u[0] === Symbol.for("react.memo_cache_sentinel") ? (r = {
            offsetSize: !0,
            debounce: 50
        }, u[0] = r) : r = u[0];
        let [g, p, v] = (0, e1.useMeasure)(r);
        u[1] !== v ? (s = () => {
            let e, t = () => {
                cancelAnimationFrame(e), e = requestAnimationFrame(v)
            };
            return window.addEventListener("resize", t), () => {
                window.removeEventListener("resize", t), cancelAnimationFrame(e)
            }
        }, n = [v], u[1] = v, u[2] = s, u[3] = n) : (s = u[2], n = u[3]), (0, a.useEffect)(s, n), u[4] !== p.height || u[5] !== p.width || u[6] !== m || u[7] !== f || u[8] !== x ? (i = (0, t.jsx)(t5, {
            event: m,
            width: p.width,
            height: p.height,
            onPricesChange: x,
            onLivePriceMessage: f
        }), u[4] = p.height, u[5] = p.width, u[6] = m, u[7] = f, u[8] = x, u[9] = i) : i = u[9];
        let b = p.width < 400 ? 4 : 8,
            y = h ? .color ? ? "var(--color-green-500)";
        return u[10] !== y ? (o = {
            0: y,
            1: "var(--color-neutral-500)"
        }, u[10] = y, u[11] = o) : o = u[11], u[12] !== m || u[13] !== b || u[14] !== o ? (c = (0, t.jsx)(eJ, {
            event: m,
            maxIndicators: b,
            colorsByOutcomeIndex: o
        }), u[12] = m, u[13] = b, u[14] = o, u[15] = c) : c = u[15], u[16] !== g || u[17] !== i || u[18] !== c ? (d = (0, t.jsxs)("div", {
            ref: g,
            className: "absolute inset-0 overflow-hidden",
            children: [i, c]
        }), u[16] = g, u[17] = i, u[18] = c, u[19] = d) : d = u[19], d
    }
    let t6 = {
        duration: 450,
        easing: "linear(0,.005,.019,.039,.066,.096,.129,.165,.202,.24,.278,.316,.354,.39,.426,.461,.494,.526,.557,.586,.614,.64,.665,.689,.711,.731,.751,.769,.786,.802,.817,.831,.844,.856,.867,.877,.887,.896,.904,.912,.919,.925,.931,.937,.942,.947,.951,.955,.959,.962,.965,.968,.971,.973,.976,.978,.98,.981,.983,.984,.986,.987,.988,.989,.99,.991,.992,.992,.993,.994,.994,.995,.995,.996,.996,.9963,.9967,.9969,.9972,.9975,.9977,.9979,.9981,.9982,.9984,.9985,.9987,.9988,.9989,1)"
    };

    function t8(e) {
        let r, a, s, n, i, o, c, d, u, m, x, f, h, g, p, b = (0, l.c)(38),
            {
                event: y,
                livePrices: j
            } = e,
            k = (0, v.useTranslations)(),
            w = (0, ee.useActiveMarket)(y),
            S = (0, ee.useAssetFromSlug)(y.slug),
            T = S ? .color ? ? "#FF9900";
        w ? .outcomePrices;
        e: {
            let e, t = w ? .outcomePrices;
            if (!t || t.length < 2) {
                r = null;
                break e
            }
            let l = parseFloat(t[0]),
                a = parseFloat(t[1]);
            if (!Number.isFinite(l) || !Number.isFinite(a)) {
                r = null;
                break e
            }
            b[0] !== a || b[1] !== l ? (e = {
                up: l,
                down: a
            }, b[0] = a, b[1] = l, b[2] = e) : e = b[2],
            r = e
        }
        let C = r,
            _ = j ? ? C,
            M = _ && _.up > 0 ? 1 / _.up : null,
            I = _ && _.down > 0 ? 1 / _.down : null,
            P = null != M && M >= 300 || null != I && I >= 300,
            L = P ? null : M,
            $ = P ? null : I,
            R = `/event/${y.slug}?outcomeIndex=0`;
        b[3] !== T ? (a = {
            "--up-color": T,
            color: T
        }, b[3] = T, b[4] = a) : a = b[4];
        let A = a;
        b[5] !== T ? (s = e => {
            e.currentTarget.style.backgroundColor = T, e.currentTarget.style.color = "#fff"
        }, n = e => {
            e.currentTarget.style.backgroundColor = "", e.currentTarget.style.color = T
        }, b[5] = T, b[6] = s, b[7] = n) : (s = b[6], n = b[7]), b[8] !== k ? (i = k("homepageV2.up"), b[8] = k, b[9] = i) : i = b[9], b[10] !== i ? (o = (0, t.jsx)("span", {
            className: "uppercase font-bold",
            children: i
        }), b[10] = i, b[11] = o) : o = b[11], b[12] !== L ? (c = null != L && (0, t.jsx)(tZ.default, {
            value: parseFloat(L.toFixed(2)),
            suffix: "x",
            trend: 0,
            willChange: !0,
            transformTiming: t6
        }), b[12] = L, b[13] = c) : c = b[13], b[14] !== o || b[15] !== c ? (d = (0, t.jsxs)("span", {
            className: "text-heading-lg font-semibold inline-flex items-center gap-1.5 tabular-nums",
            children: [o, c]
        }), b[14] = o, b[15] = c, b[16] = d) : d = b[16], b[17] !== d || b[18] !== R || b[19] !== A || b[20] !== s || b[21] !== n ? (u = (0, t.jsx)(N.default, {
            href: R,
            className: "group flex-1 h-14 rounded-[8px] flex items-center justify-center transition-colors bg-[color-mix(in_srgb,var(--up-color)_20%,transparent)] dark:bg-[color-mix(in_srgb,var(--up-color)_15%,transparent)]",
            style: A,
            onMouseEnter: s,
            onMouseLeave: n,
            children: d
        }), b[17] = d, b[18] = R, b[19] = A, b[20] = s, b[21] = n, b[22] = u) : u = b[22];
        let D = `/event/${y.slug}?outcomeIndex=1`;
        return b[23] !== k ? (m = k("homepageV2.down"), b[23] = k, b[24] = m) : m = b[24], b[25] !== m ? (x = (0, t.jsx)("span", {
            className: "uppercase font-bold",
            children: m
        }), b[25] = m, b[26] = x) : x = b[26], b[27] !== $ ? (f = null != $ && (0, t.jsx)(tZ.default, {
            value: parseFloat($.toFixed(2)),
            suffix: "x",
            trend: 0,
            willChange: !0,
            transformTiming: t6
        }), b[27] = $, b[28] = f) : f = b[28], b[29] !== x || b[30] !== f ? (h = (0, t.jsxs)("span", {
            className: "text-heading-lg font-semibold inline-flex items-center gap-1.5 tabular-nums",
            children: [x, f]
        }), b[29] = x, b[30] = f, b[31] = h) : h = b[31], b[32] !== D || b[33] !== h ? (g = (0, t.jsx)(N.default, {
            href: D,
            className: "flex-1 h-14 rounded-[8px] dark:bg-neutral-300/15 bg-neutral-300/20 dark:hover:bg-neutral-300 hover:bg-neutral-400 text-neutral-400 hover:text-white flex items-center justify-center transition-colors",
            children: h
        }), b[32] = D, b[33] = h, b[34] = g) : g = b[34], b[35] !== u || b[36] !== g ? (p = (0, t.jsxs)("div", {
            className: "flex gap-2",
            children: [u, g]
        }), b[35] = u, b[36] = g, b[37] = p) : p = b[37], p
    }

    function t7(e) {
        let r, s, n, i, o, c, d, u, m, x, f, g, p, v, b, y, j, k, w, S = (0, l.c)(61),
            {
                item: T
            } = e,
            {
                options: C,
                slot: _
            } = T,
            {
                event: I,
                livePrices: P,
                refreshIfStale: R
            } = (0, ee.useUpDownMarketData)(T.event, !0),
            A = I ? ? T.event,
            {
                dispatch: D,
                subscribe: E
            } = $();
        F(A.slug, D);
        let O = (0, ee.useAssetFromSlug)(A.slug),
            V = A.series ? .[0] ? .id,
            z = String(V);
        S[0] !== z ? (r = ["series-summary", z], S[0] = z, S[1] = r) : r = S[1], S[2] !== V ? (s = () => (0, tK.getBtc15mSeriesSummary)(String(V)), S[2] = V, S[3] = s) : s = S[3];
        let B = !!V;
        S[4] !== r || S[5] !== s || S[6] !== B ? (n = {
            queryKey: r,
            queryFn: s,
            enabled: B,
            staleTime: 3e5,
            gcTime: 6e5
        }, S[4] = r, S[5] = s, S[6] = B, S[7] = n) : n = S[7];
        let {
            data: U
        } = (0, h.useQuery)(n), {
            data: W
        } = (0, ee.useCarouselTargetPrice)(A);
        S[8] === Symbol.for("react.memo_cache_sentinel") ? (i = {
            currentPrice: null,
            targetPrice: null
        }, S[8] = i) : i = S[8];
        let [H, q] = (0, a.useState)(i), G = H.targetPrice ? ? W ? .openPrice ? ? null;
        S[9] === Symbol.for("react.memo_cache_sentinel") ? (o = (e, t) => {
            q(l => l.currentPrice === e && l.targetPrice === t ? l : {
                currentPrice: e,
                targetPrice: t
            })
        }, S[9] = o) : o = S[9];
        let Q = o,
            X = L(A);
        S[10] !== A.endDate || S[11] !== A.id || S[12] !== A.image || S[13] !== A.slug || S[14] !== A.startTime || S[15] !== A.title ? (c = {
            id: A.id,
            slug: A.slug,
            title: A.title,
            startTime: A.startTime,
            endDate: A.endDate,
            image: A.image
        }, S[10] = A.endDate, S[11] = A.id, S[12] = A.image, S[13] = A.slug, S[14] = A.startTime, S[15] = A.title, S[16] = c) : c = S[16];
        let Y = c,
            Z = `/event/${A.slug}`;
        S[17] !== X || S[18] !== Z ? (d = (0, t.jsx)(N.default, {
            href: Z,
            className: "absolute inset-0",
            "aria-hidden": "true",
            tabIndex: -1,
            onClick: X
        }), S[17] = X, S[18] = Z, S[19] = d) : d = S[19];
        let J = !!O;
        S[20] !== J || S[21] !== Y ? (u = (0, t.jsx)("div", {
            className: "lg:hidden",
            children: (0, t.jsx)(tY, { ...Y,
                invertOrder: J
            })
        }), S[20] = J, S[21] = Y, S[22] = u) : u = S[22];
        let et = !!O;
        S[23] !== et || S[24] !== Y ? (m = (0, t.jsx)("div", {
            className: "hidden lg:block",
            children: (0, t.jsx)(tY, { ...Y,
                invertOrder: et
            })
        }), S[23] = et, S[24] = Y, S[25] = m) : m = S[25];
        let el = P ? ? null;
        S[26] !== A || S[27] !== el ? (x = (0, t.jsx)(t8, {
            event: A,
            livePrices: el
        }), S[26] = A, S[27] = el, S[28] = x) : x = S[28], S[29] !== A.slug || S[30] !== _ ? (f = (0, t.jsx)("div", {
            className: "hidden lg:flex flex-1 min-h-0 overflow-hidden",
            children: (0, t.jsx)(eq, {
                slot: _,
                eventSlug: A.slug,
                scrollable: !0
            })
        }), S[29] = A.slug, S[30] = _, S[31] = f) : f = S[31], S[32] !== m || S[33] !== x || S[34] !== f ? (g = (0, t.jsxs)("div", {
            className: "relative flex flex-col gap-4 lg:w-[40%] lg:justify-between",
            children: [m, x, f]
        }), S[32] = m, S[33] = x, S[34] = f, S[35] = g) : g = S[35], S[36] !== A || S[37] !== H.currentPrice || S[38] !== G ? (p = (0, t.jsx)(t4, {
            event: A,
            currentPrice: H.currentPrice,
            targetPrice: G
        }), S[36] = A, S[37] = H.currentPrice, S[38] = G, S[39] = p) : p = S[39], S[40] !== A || S[41] !== R ? (v = (0, t.jsx)("div", {
            className: "relative flex-1 min-h-0 overflow-hidden",
            children: (0, t.jsx)(t9, {
                event: A,
                onPricesChange: Q,
                onLivePriceMessage: R
            })
        }), S[40] = A, S[41] = R, S[42] = v) : v = S[42], S[43] !== p || S[44] !== v ? (b = (0, t.jsxs)("div", {
            className: "relative flex-1 min-h-0 min-w-0 flex flex-col justify-center gap-3",
            children: [p, v]
        }), S[43] = p, S[44] = v, S[45] = b) : b = S[45], S[46] !== g || S[47] !== b ? (y = (0, t.jsxs)("div", {
            className: "flex flex-col-reverse lg:flex-row gap-4 lg:gap-6 flex-1 min-h-0",
            children: [g, b]
        }), S[46] = g, S[47] = b, S[48] = y) : y = S[48];
        let er = U ? .volume24hr ? ? A.seriesVolume24hr;
        return S[49] !== A || S[50] !== C || S[51] !== er ? (j = (0, t.jsx)(K, {
            event: A,
            options: C,
            seriesVolume24hr: er
        }), S[49] = A, S[50] = C, S[51] = er, S[52] = j) : j = S[52], S[53] !== d || S[54] !== u || S[55] !== y || S[56] !== j ? (k = (0, t.jsxs)("div", {
            className: "relative w-full h-full flex flex-col gap-2",
            children: [d, u, y, j]
        }), S[53] = d, S[54] = u, S[55] = y, S[56] = j, S[57] = k) : k = S[57], S[58] !== E || S[59] !== k ? (w = (0, t.jsx)(M, {
            value: E,
            children: k
        }), S[58] = E, S[59] = k, S[60] = w) : w = S[60], w
    }

    function le(e) {
        let r, a, s = (0, l.c)(11),
            {
                item: n,
                active: i
            } = e,
            o = void 0 === i || i;
        switch (n.type) {
            case "up-down":
                {
                    let e;s[0] !== n ? (e = (0, t.jsx)(t7, {
                        item: n
                    }), s[0] = n, s[1] = e) : e = s[1],
                    r = e;
                    break
                }
            case "sports":
                {
                    let e;s[2] !== n ? (e = (0, t.jsx)(tH, {
                        item: n
                    }), s[2] = n, s[3] = e) : e = s[3],
                    r = e;
                    break
                }
            case "single-market":
                {
                    let e;s[4] !== n ? (e = (0, t.jsx)(tu, {
                        item: n
                    }), s[4] = n, s[5] = e) : e = s[5],
                    r = e;
                    break
                }
            default:
                {
                    let e;s[6] !== n ? (e = (0, t.jsx)(e8, {
                        item: n
                    }), s[6] = n, s[7] = e) : e = s[7],
                    r = e
                }
        }
        return s[8] !== o || s[9] !== r ? (a = (0, t.jsx)(j, {
            value: o,
            children: r
        }), s[8] = o, s[9] = r, s[10] = a) : a = s[10], a
    }
    var lt = e.i(859938);
    let ll = {
            initial: {
                opacity: 0,
                scale: .99
            },
            animate: {
                opacity: 1,
                scale: 1
            },
            exit: {
                opacity: 0,
                scale: .99
            },
            transition: {
                duration: .1,
                ease: [.19, 1, .22, 1],
                delay: .05,
                opacity: {
                    duration: .2,
                    ease: "easeInOut"
                }
            }
        },
        lr = {
            duration: .4,
            ease: [.19, 1, .22, 1],
            delay: .05
        },
        la = {
            duration: .4,
            ease: [.19, 1, .22, 1]
        },
        ls = (0, a.memo)(function(e) {
            let r, s, n, i, o, c, d, u, m, x = (0, l.c)(26),
                {
                    direction: f,
                    label: h,
                    onClick: g
                } = e,
                p = "prev" === f,
                [v, b] = function() {
                    let e, t, r, s, n, i = (0, l.c)(7),
                        [o, c] = (0, a.useState)(null);
                    i[0] === Symbol.for("react.memo_cache_sentinel") ? (e = {
                        width: 0,
                        height: 0
                    }, i[0] = e) : e = i[0];
                    let [d, u] = (0, a.useState)(e);
                    i[1] === Symbol.for("react.memo_cache_sentinel") ? (t = e => {
                        c(e)
                    }, i[1] = t) : t = i[1];
                    let m = t;
                    return i[2] !== o ? (r = () => {
                        if (!o) return;
                        let e = new ResizeObserver(e => {
                            let [t] = e;
                            u({
                                width: t.contentRect.width,
                                height: t.contentRect.height
                            })
                        });
                        return e.observe(o), () => e.disconnect()
                    }, s = [o], i[2] = o, i[3] = r, i[4] = s) : (r = i[3], s = i[4]), (0, a.useEffect)(r, s), i[5] !== d ? (n = [m, d], i[5] = d, i[6] = n) : n = i[6], n
                }(),
                y = `group flex items-center cursor-pointer outline-none py-2 ${p?"pr-1.5 pl-2":"pl-1.5 pr-2"}`,
                j = b.width > 0 ? b.width : "auto";
            return x[0] !== j ? (r = {
                width: j
            }, x[0] = j, x[1] = r) : r = x[1], x[2] !== p ? (s = p && (0, t.jsx)("div", {
                className: "absolute left-[15px] top-1/2 -translate-y-1/2 size-3",
                children: (0, t.jsx)(eM.IconChevronLeftOutline12, {
                    className: "text-text-secondary shrink-0"
                })
            }), x[2] = p, x[3] = s) : s = x[3], x[4] !== p ? (n = !p && (0, t.jsx)("div", {
                className: "absolute right-[15px] top-1/2 -translate-y-1/2 size-3",
                children: (0, t.jsx)(eI.IconChevronRightOutline12, {
                    className: "text-text-secondary shrink-0"
                })
            }), x[4] = p, x[5] = n) : n = x[5], x[6] !== p ? (i = p && (0, t.jsx)("div", {
                className: "size-3"
            }), x[6] = p, x[7] = i) : i = x[7], x[8] !== p ? (o = !p && (0, t.jsx)("div", {
                className: "size-3"
            }), x[8] = p, x[9] = o) : o = x[9], x[10] !== h || x[11] !== i || x[12] !== o ? (c = (0, t.jsx)(er.AnimatePresence, {
                mode: "wait",
                initial: !1,
                children: (0, t.jsxs)(ea.motion.span, { ...ll,
                    className: "py-2 px-4 text-sm font-medium whitespace-nowrap text-text-secondary flex items-center gap-2",
                    children: [i, h, o]
                }, h)
            }), x[10] = h, x[11] = i, x[12] = o, x[13] = c) : c = x[13], x[14] !== v || x[15] !== c ? (d = (0, t.jsx)("div", {
                ref: v,
                className: "flex items-center justify-center whitespace-nowrap gap-2",
                children: c
            }), x[14] = v, x[15] = c, x[16] = d) : d = x[16], x[17] !== r || x[18] !== s || x[19] !== n || x[20] !== d ? (u = (0, t.jsxs)(ea.motion.div, {
                className: "flex items-center justify-center overflow-hidden relative border-none bg-neutral-50 border border-border group-hover:bg-neutral-100/70 dark:group-hover:bg-neutral-100 rounded-full group-active:scale-[0.98] transition-transform h-10 group-focus-visible:outline group-focus-visible:outline-2 group-focus-visible:outline-offset-2 group-focus-visible:outline-text",
                initial: !1,
                animate: r,
                transition: la,
                children: [s, n, d]
            }), x[17] = r, x[18] = s, x[19] = n, x[20] = d, x[21] = u) : u = x[21], x[22] !== g || x[23] !== y || x[24] !== u ? (m = (0, t.jsx)(lt.MotionConfig, {
                transition: lr,
                children: (0, t.jsx)("button", {
                    type: "button",
                    onClick: g,
                    className: y,
                    children: u
                })
            }), x[22] = g, x[23] = y, x[24] = u, x[25] = m) : m = x[25], m
        });
    var ln = e.i(248131),
        li = e.i(86831),
        lo = e.i(197994);
    let lc = ({ ...e
    }) => a.default.createElement(lo.Icon, {
        size: "18px",
        ...e
    }, a.default.createElement("path", {
        d: "M13.28,8.47L7.03,2.22c-.293-.293-.768-.293-1.061,0s-.293,.768,0,1.061l5.72,5.72-5.72,5.72c-.293,.293-.293,.768,0,1.061,.146,.146,.338,.22,.53,.22s.384-.073,.53-.22l6.25-6.25c.293-.293,.293-.768,0-1.061Z",
        fill: "currentColor"
    }));
    var ld = e.i(449004);

    function lu(e) {
        let r, a, s, n, i, o, c, d = (0, l.c)(14),
            {
                markets: u
            } = e,
            m = (0, v.useTranslations)();
        return u && 0 !== u.length ? (d[0] !== m ? (r = m("homepageV2.breakingNews"), d[0] = m, d[1] = r) : r = d[1], d[2] !== r ? (a = (0, t.jsx)("h2", {
            className: "text-[18px] font-[580] text-text",
            children: r
        }), d[2] = r, d[3] = a) : a = d[3], d[4] === Symbol.for("react.memo_cache_sentinel") ? (s = (0, t.jsx)(lc, {
            className: "text-text-secondary size-3.5 group-hover:text-text transition-colors"
        }), d[4] = s) : s = d[4], d[5] !== a ? (n = (0, t.jsxs)(N.default, {
            href: "/breaking",
            className: "flex items-center gap-1 hover:underline group",
            children: [a, s]
        }), d[5] = a, d[6] = n) : n = d[6], d[7] !== u ? (i = u.slice(0, 3).map(lm), d[7] = u, d[8] = i) : i = d[8], d[9] !== i ? (o = (0, t.jsx)("div", {
            className: "flex flex-col",
            children: i
        }), d[9] = i, d[10] = o) : o = d[10], d[11] !== n || d[12] !== o ? (c = (0, t.jsxs)("div", {
            className: "rounded-lg flex flex-col gap-2",
            children: [n, o]
        }), d[11] = n, d[12] = o, d[13] = c) : c = d[13], c) : null
    }

    function lm(e, l) {
        let r = Math.round(100 * (null !== e.currentPrice && void 0 !== e.currentPrice ? e.currentPrice : e.outcomePrices ? .length > 0 ? parseFloat(e.outcomePrices[0]) : 0)),
            a = null !== e.livePriceChange && void 0 !== e.livePriceChange ? e.livePriceChange : null !== e.oneDayPriceChange && void 0 !== e.oneDayPriceChange ? Math.round(100 * e.oneDayPriceChange) : 0;
        return (0, t.jsxs)(N.default, {
            href: `/event/${e.events?.[0]?.slug||e.slug}`,
            className: "group flex items-start gap-4 py-2.5",
            children: [(0, t.jsx)("div", {
                className: "text-body-sm font-semibold text-text-tertiary tabular-nums pt-0.5",
                children: l + 1
            }), (0, t.jsx)("div", {
                className: "flex-1 min-w-0",
                children: (0, t.jsx)("p", {
                    className: "text-body-base font-medium text-text group-hover:underline line-clamp-2",
                    children: e.question
                })
            }), (0, t.jsxs)("div", {
                className: "flex flex-col gap-1.5 text-right shrink-0",
                children: [(0, t.jsxs)("span", {
                    className: "font-semibold text-text text-[18px] leading-none",
                    children: [r, "%"]
                }), (0, t.jsxs)("div", {
                    className: (0, li.cn)("flex items-center gap-0.5 justify-end", a >= 0 ? "text-green-600 dark:text-green-500" : "text-red-500"),
                    children: [(0, t.jsx)(ld.IconArrowRightOutline12, {
                        className: (0, li.cn)(a >= 0 ? "-rotate-45" : "rotate-45")
                    }), (0, t.jsxs)("span", {
                        className: "font-medium text-body-sm leading-none",
                        children: [Math.abs(a), "%"]
                    })]
                })]
            })]
        }, e.id)
    }
    let lx = ({ ...e
    }) => a.default.createElement(lo.Icon, {
        size: "18px",
        ...e
    }, a.default.createElement("path", {
        d: "M9.493,1.185c-.282-.246-.703-.246-.985,0-.235,.205-5.757,5.067-5.757,9.548,0,3.456,2.804,6.267,6.25,6.267s6.25-2.812,6.25-6.267C15.25,6.252,9.728,1.389,9.493,1.185Zm-.493,14.315c-1.523,0-2.762-1.242-2.762-2.769,0-1.822,2.037-3.65,2.27-3.852,.282-.246,.703-.246,.985,0,.232,.202,2.27,2.03,2.27,3.852,0,1.526-1.239,2.769-2.762,2.769Z",
        fill: "currentColor"
    }));

    function lf(e) {
        let r, a, s, n, i, o, c, d = (0, l.c)(17),
            {
                topics: u
            } = e,
            m = (0, v.useTranslations)();
        if (!u || 0 === u.length) return null;
        if (d[0] !== m ? (r = m("homepageV2.hotTopics"), d[0] = m, d[1] = r) : r = d[1], d[2] !== r ? (a = (0, t.jsx)("h2", {
                className: "text-[18px] font-[580] text-text",
                children: r
            }), d[2] = r, d[3] = a) : a = d[3], d[4] === Symbol.for("react.memo_cache_sentinel") ? (s = (0, t.jsx)(lc, {
                className: "text-text-secondary size-3.5 group-hover:text-text transition-colors"
            }), d[4] = s) : s = d[4], d[5] !== a ? (n = (0, t.jsxs)(N.default, {
                href: "/predictions?_sort=volume",
                className: "flex items-center gap-1 hover:underline group",
                children: [a, s]
            }), d[5] = a, d[6] = n) : n = d[6], d[7] !== m || d[8] !== u) {
            let e;
            d[10] !== m ? (e = (e, l) => (0, t.jsxs)(N.default, {
                href: e.url,
                className: "group flex items-start gap-4 py-2.5",
                children: [(0, t.jsx)("div", {
                    className: "text-body-sm font-semibold text-text-tertiary tabular-nums",
                    children: l + 1
                }), (0, t.jsxs)("div", {
                    className: "flex items-center w-full justify-between gap-2",
                    children: [(0, t.jsxs)("div", {
                        className: "flex-1 flex justify-between items-center gap-1.5",
                        children: [(0, t.jsx)("div", {
                            className: "text-heading-base font-medium text-text group-hover:underline",
                            children: e.title
                        }), (0, t.jsxs)("div", {
                            className: (0, eP.cn)("flex items-center gap-2 text-body-sm text-text-secondary", 0 === e.volume ? "hidden" : ""),
                            children: [(0, t.jsxs)("span", {
                                className: "font-medium",
                                children: [(0, W.formatVolume)(e.volume), " ", m("homepageV2.today")]
                            }), (0, t.jsx)(lx, {
                                className: "text-red-500 size-3.5"
                            })]
                        })]
                    }), (0, t.jsx)(eI.IconChevronRightOutline12, {
                        className: "text-text-tertiary"
                    })]
                })]
            }, e.url), d[10] = m, d[11] = e) : e = d[11], i = u.slice(0, 5).map(e), d[7] = m, d[8] = u, d[9] = i
        } else i = d[9];
        return d[12] !== i ? (o = (0, t.jsx)("div", {
            className: "flex flex-col",
            children: i
        }), d[12] = i, d[13] = o) : o = d[13], d[14] !== n || d[15] !== o ? (c = (0, t.jsxs)("div", {
            className: "rounded-lg flex flex-col gap-3",
            children: [n, o]
        }), d[14] = n, d[15] = o, d[16] = c) : c = d[16], c
    }
    let lh = (0, a.memo)(function(e) {
        let r, s, n, i, o, c, d, u, m, x, f, h, g = (0, l.c)(23),
            {
                breakingMarkets: p,
                hotTopics: b
            } = e,
            y = (0, v.useTranslations)("homepageV2"),
            j = (0, a.useRef)(null),
            k = (0, a.useRef)(null),
            [w, S] = (0, a.useState)(!1);
        g[0] === Symbol.for("react.memo_cache_sentinel") ? (r = () => {
            let e = k.current,
                t = j.current;
            if (!e || !t) return;
            let l = new IntersectionObserver(e => {
                let [t] = e;
                return S(!!t ? .isIntersecting)
            }, {
                root: t,
                threshold: 0
            });
            return l.observe(e), () => l.disconnect()
        }, s = [], g[0] = r, g[1] = s) : (r = g[0], s = g[1]), (0, a.useEffect)(r, s), g[2] !== p ? (n = (0, t.jsx)(lu, {
            markets: p
        }), g[2] = p, g[3] = n) : n = g[3], g[4] === Symbol.for("react.memo_cache_sentinel") ? (i = (0, t.jsx)("div", {
            className: "border-t border-dashed border-border"
        }), g[4] = i) : i = g[4], g[5] !== b ? (o = (0, t.jsx)(lf, {
            topics: b
        }), g[5] = b, g[6] = o) : o = g[6], g[7] === Symbol.for("react.memo_cache_sentinel") ? (c = (0, t.jsx)("div", {
            ref: k,
            className: "shrink-0",
            "aria-hidden": !0
        }), g[7] = c) : c = g[7], g[8] !== n || g[9] !== o ? (d = (0, t.jsxs)("div", {
            ref: j,
            className: "flex flex-col gap-4 min-h-[300px] max-h-[500px] overflow-auto pb-4 flex-1",
            children: [n, i, o, c]
        }), g[8] = n, g[9] = o, g[10] = d) : d = g[10];
        let T = `absolute bottom-0 left-0 right-0 h-16 pointer-events-none bg-linear-to-b from-transparent to-background transition-opacity duration-200 ${w?"opacity-0":"opacity-100"}`;
        return g[11] !== T ? (u = (0, t.jsx)("div", {
            className: T,
            "aria-hidden": !0
        }), g[11] = T, g[12] = u) : u = g[12], g[13] !== d || g[14] !== u ? (m = (0, t.jsxs)("div", {
            className: "relative flex flex-col flex-1 min-h-0",
            children: [d, u]
        }), g[13] = d, g[14] = u, g[15] = m) : m = g[15], g[16] !== y ? (x = y("exploreAll"), g[16] = y, g[17] = x) : x = g[17], g[18] !== x ? (f = (0, t.jsx)(N.default, {
            href: ln.Location.Search,
            className: "rounded-full focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-text",
            children: (0, t.jsx)(e_.Button, {
                variant: "outline",
                size: "lg",
                className: "w-full rounded-full focus-visible:ring-0 focus-visible:ring-offset-0",
                tabIndex: -1,
                children: x
            })
        }), g[18] = x, g[19] = f) : f = g[19], g[20] !== m || g[21] !== f ? (h = (0, t.jsxs)("div", {
            className: "flex-col w-[40%] gap-0 pb-0 min-h-full justify-between hidden lg:flex",
            children: [m, f]
        }), g[20] = m, g[21] = f, g[22] = h) : h = g[22], h
    });

    function lg(e) {
        let r, a, s = (0, l.c)(11),
            {
                items: n,
                virtualOffset: i,
                isJumping: o
            } = e,
            c = n.length;
        if (s[0] !== o || s[1] !== n || s[2] !== c || s[3] !== i) {
            let e;
            s[5] !== o || s[6] !== c || s[7] !== i ? (e = (e, l) => {
                let r = (c > 0 ? l + Math.round((i - l) / c) * c : l) - i;
                return (0, t.jsx)("div", {
                    className: "absolute inset-0 p-5 pb-4",
                    style: {
                        transform: `translateX(${100*r}%)`,
                        transition: o ? "opacity 120ms ease-out" : "transform 500ms cubic-bezier(0.32, 0.72, 0, 1), opacity 120ms ease-in",
                        opacity: +!o
                    },
                    "aria-hidden": 0 !== r,
                    inert: 0 !== r || void 0,
                    children: (0, t.jsx)(le, {
                        item: e,
                        active: 0 === r
                    })
                }, e.event.id)
            }, s[5] = o, s[6] = c, s[7] = i, s[8] = e) : e = s[8], r = n.map(e), s[0] = o, s[1] = n, s[2] = c, s[3] = i, s[4] = r
        } else r = s[4];
        return s[9] !== r ? (a = (0, t.jsx)(t.Fragment, {
            children: r
        }), s[9] = r, s[10] = a) : a = s[10], a
    }

    function lp({
        breakingMarkets: e,
        hotTopics: l
    }) {
        let r = (0, v.useTranslations)("homepageV2"),
            s = (0, p.useLocale)(),
            {
                data: n = []
            } = (0, h.useQuery)({
                queryKey: ["homepage-v2", "carousel", s ? ? "en"],
                queryFn: async () => {
                    let e = s && "en" !== s ? `?locale=${s}` : "",
                        t = await fetch(`/api/homepage/carousel${e}`);
                    if (!t.ok) throw Error("Failed to fetch /api/homepage/carousel");
                    return t.json()
                },
                staleTime: 2e4
            }),
            [i, o] = (0, a.useState)(0),
            [c, d] = (0, a.useState)(!1),
            u = (0, a.useRef)(null),
            m = (0, a.useRef)(!1),
            x = (0, a.useRef)(null),
            f = (0, a.useRef)(null),
            b = (0, a.useRef)(1e4),
            y = (0, a.useRef)(1e4),
            j = (0, a.useRef)(0),
            k = (0, a.useRef)(n.length);
        k.current = n.length;
        let N = n.length,
            w = N > 0 ? (i % N + N) % N : 0,
            S = (0, a.useCallback)(() => {
                let e = u.current;
                e && (e.style.transition = "none", e.style.transform = "scaleX(0)", e.offsetHeight)
            }, []),
            T = (0, a.useCallback)(() => {
                let e = u.current;
                if (!e) return;
                let t = getComputedStyle(e).transform,
                    l = 0;
                if (t && "none" !== t) {
                    let e = t.match(/matrix\(([^)]+)\)/),
                        r = t.match(/matrix3d\(([^)]+)\)/);
                    if (e ? .[1]) {
                        let t = e[1].split(",").map(e => Number.parseFloat(e.trim()));
                        l = Number.isFinite(t[0]) ? t[0] : 0
                    } else if (r ? .[1]) {
                        let e = r[1].split(",").map(e => Number.parseFloat(e.trim()));
                        l = Number.isFinite(e[0]) ? e[0] : 0
                    }
                }
                e.style.transition = "none", e.style.transform = `scaleX(${Math.max(0,Math.min(1,l))})`
            }, []),
            C = (0, a.useCallback)(() => {
                let e = u.current;
                e && (e.offsetHeight, e.style.transition = `transform ${b.current}ms linear`, e.style.transform = "scaleX(1)")
            }, []),
            _ = (0, a.useCallback)(() => {
                x.current && clearTimeout(x.current), x.current = null
            }, []),
            M = (0, a.useCallback)(e => {
                let t = k.current;
                0 !== t && (f.current && clearTimeout(f.current), T(), _(), d(!0), f.current = setTimeout(() => {
                    f.current = null, o(l => {
                        let r = (l % t + t) % t;
                        if (r === e) return l;
                        let a = e - r;
                        return l + (a - Math.round(a / t) * t)
                    }), requestAnimationFrame(() => {
                        requestAnimationFrame(() => {
                            d(!1)
                        })
                    })
                }, 120))
            }, [_, T]),
            I = (0, a.useCallback)(e => {
                o(t => t + e)
            }, []),
            P = (0, a.useCallback)(() => {
                I(-1)
            }, [I]),
            L = (0, a.useCallback)(() => {
                I(1)
            }, [I]),
            $ = (0, a.useCallback)(() => {
                if (T(), x.current) {
                    let e = Date.now() - j.current;
                    b.current = Math.max(0, y.current - e), _()
                }
            }, [_, T]),
            R = (0, a.useCallback)(() => {
                T(), _(), !m.current && !document.hidden && document.hasFocus() && (y.current = b.current, j.current = Date.now(), C(), x.current = setTimeout(L, b.current))
            }, [_, L, C, T]);
        (0, a.useLayoutEffect)(() => {
            if (!(n.length <= 1)) {
                if (c) {
                    T(), _();
                    return
                }
                return b.current = 1e4, S(), R(), () => {
                    T(), _()
                }
            }
        }, [i, n.length, c, R, T, S, _]), (0, a.useEffect)(() => () => {
            f.current && clearTimeout(f.current), f.current = null
        }, []);
        let A = (0, a.useCallback)(() => {
                m.current = !0, $()
            }, [$]),
            D = (0, a.useCallback)(() => {
                m.current = !1, R()
            }, [R]),
            E = (0, a.useCallback)(() => {
                document.hidden || m.current || R()
            }, [R]);
        return ((0, a.useEffect)(() => {
            if (n.length <= 1) return;
            let e = () => {
                document.hidden || !document.hasFocus() ? $() : E()
            };
            return document.addEventListener("visibilitychange", e), () => document.removeEventListener("visibilitychange", e)
        }, [n.length, $, E]), (0, a.useEffect)(() => {
            if (!(n.length <= 1)) return window.addEventListener("blur", $), window.addEventListener("focus", E), () => {
                window.removeEventListener("blur", $), window.removeEventListener("focus", E)
            }
        }, [n.length, $, E]), n.length) ? (0, t.jsx)("div", {
            className: "flex flex-col w-full lg:max-w-[1350px] lg:mx-auto px-4 lg:px-6 lg:mb-3",
            children: (0, t.jsxs)("div", {
                className: "flex flex-row gap-8 pt-0 lg:pt-6 items-stretch w-full",
                children: [(0, t.jsxs)("section", {
                    className: "group/carousel hidden lg:flex flex-col gap-4 w-full",
                    "aria-label": r("featuredMarketsCarousel"),
                    onMouseEnter: A,
                    onMouseLeave: D,
                    onFocusCapture: A,
                    onBlurCapture: e => {
                        let t = e.relatedTarget;
                        t && e.currentTarget.contains(t) || D()
                    },
                    children: [(0, t.jsx)("h2", {
                        className: "sr-only",
                        children: r("featuredMarketsSectionHeading")
                    }), (0, t.jsx)("div", {
                        className: "rounded-[18px] border dark:border-border border-blue-600/10 bg-surface-1 shadow-[0_4px_16px_0_rgba(0,0,0,0.1)] shadow-blue-500/7 dark:shadow-none overflow-hidden h-fit lg:h-auto lg:max-h-[500px] lg:relative lg:flex-1 lg:min-h-[min(480px,60vh)]",
                        children: (0, t.jsx)("div", {
                            className: "absolute inset-0 overflow-hidden",
                            children: (0, t.jsx)(lg, {
                                items: n,
                                virtualOffset: i,
                                isJumping: c
                            })
                        })
                    }), (0, t.jsxs)("div", {
                        className: `flex items-center justify-center md:justify-between md:h-10 pl-5 pr-0${n.length<=1?" invisible":""}`,
                        children: [(0, t.jsx)("div", {
                            className: "flex items-center -mx-1.5",
                            children: n.map((e, l) => {
                                let r = l === w;
                                return (0, t.jsx)("button", {
                                    type: "button",
                                    onClick: () => !r && M(l),
                                    className: "flex items-center justify-center px-[3px] py-3 cursor-pointer",
                                    children: (0, t.jsx)("div", {
                                        className: `rounded-full bg-neutral-200 overflow-hidden relative transition-all duration-300 ${r?"h-1.5 w-8 bg-neutral-300":"size-1.5 hover:bg-neutral-300"}`,
                                        children: r && (0, t.jsx)("div", {
                                            ref: u,
                                            className: "absolute left-0 top-0 h-full w-full origin-left rounded-full bg-text",
                                            style: {
                                                transform: "scaleX(0)"
                                            }
                                        })
                                    })
                                }, e.event.id)
                            })
                        }), n.length > 1 && (0, t.jsxs)(g.Media, {
                            greaterThanOrEqual: "lg",
                            className: "flex items-center",
                            children: [(0, t.jsx)(ls, {
                                direction: "prev",
                                label: n[w > 0 ? w - 1 : n.length - 1] ? .shortName,
                                onClick: P
                            }), (0, t.jsx)(ls, {
                                direction: "next",
                                label: n[w < n.length - 1 ? w + 1 : 0] ? .shortName,
                                onClick: L
                            })]
                        })]
                    })]
                }), (0, t.jsx)(lh, {
                    breakingMarkets: e,
                    hotTopics: l
                })]
            })
        }) : null
    }
    var lv = e.i(446789),
        lb = e.i(932996),
        ly = e.i(193948),
        lj = e.i(204924);
    let lk = {
        sortSpec: "volume_24hr",
        eventStatus: "active",
        limitPerType: x.DEFAULT_TAB_MARKET_COUNT.toString()
    };

    function lN(e) {
        let a, n, o, c, d, x, h, g, b, y = (0, l.c)(29),
            {
                breakingMarkets: j,
                hotTopics: k
            } = e,
            N = (0, v.useTranslations)(),
            w = (0, p.useLocale)(),
            S = (0, r.useQueryClient)();
        if (y[0] !== w || y[1] !== S || y[2] !== N) {
            let e, t, l, r = (0, m.createEventsQueryKey)(lk, !1),
                s = S.getQueryData(r);
            y[4] !== w ? (e = (0, lv.isValidLocale)(w) ? w : "en", y[4] = w, y[5] = e) : e = y[5];
            let n = e;
            y[6] !== N ? (t = N("seo.homepage.title"), y[6] = N, y[7] = t) : t = y[7];
            let o = String(t);
            y[8] !== N ? (l = N("seo.homepage.description"), y[8] = N, y[9] = l) : l = y[9], a = (0, i.buildCollectionPageSchemaData)({
                pageType: "CollectionPage",
                pageTitle: o,
                description: String(l),
                canonicalUrl: (0, lb.buildLocaleAwareCanonicalUrl)("", n),
                locale: n,
                events: s ? .pages ? .[0] ? .events ? ? []
            }), y[0] = w, y[1] = S, y[2] = N, y[3] = a
        } else a = y[3];
        let T = a;
        return y[10] !== T ? (n = (0, t.jsx)(i.CollectionPageSchema, {
            data: T
        }), y[10] = T, y[11] = n) : n = y[11], y[12] !== w ? (o = "en" === w && (0, t.jsx)(u, {}), y[12] = w, y[13] = o) : o = y[13], y[14] !== N ? (c = N("seo.homepage.h1"), y[14] = N, y[15] = c) : c = y[15], y[16] !== c ? (d = (0, t.jsx)("h1", {
            className: "sr-only",
            children: c
        }), y[16] = c, y[17] = d) : d = y[17], y[18] !== j || y[19] !== k ? (x = (0, t.jsx)(lp, {
            breakingMarkets: j,
            hotTopics: k
        }), y[18] = j, y[19] = k, y[20] = x) : x = y[20], y[21] === Symbol.for("react.memo_cache_sentinel") ? (h = (0, t.jsx)(f.default, {}), y[21] = h) : h = y[21], y[22] !== x ? (g = (0, t.jsx)(ly.MarketsProvider, {
            children: (0, t.jsxs)("div", {
                className: "flex flex-col",
                children: [x, h]
            })
        }), y[22] = x, y[23] = g) : g = y[23], y[24] !== n || y[25] !== o || y[26] !== d || y[27] !== g ? (b = (0, t.jsxs)(s.default, {
            skipHeadContent: !0,
            children: [n, o, d, g]
        }, "/"), y[24] = n, y[25] = o, y[26] = d, y[27] = g, y[28] = b) : b = y[28], b
    }
    let lw = e => {
        let r, a = (0, l.c)(3),
            {
                breakingMarkets: s,
                hotTopics: n
            } = e;
        return a[0] !== s || a[1] !== n ? (r = (0, t.jsx)(lj.OrderBookProvider, {
            children: (0, t.jsx)(lN, {
                breakingMarkets: s,
                hotTopics: n
            })
        }), a[0] = s, a[1] = n, a[2] = r) : r = a[2], r
    };
    lw.getLayout = function(e) {
        return (0, t.jsx)(n.default, {
            page: "discovery",
            children: e
        })
    }, e.s(["__N_SSG", 0, !0, "default", 0, lw], 476717)
}, 857896, (e, t, l) => {
    (window.__NEXT_P = window.__NEXT_P || []).push(["/", () => e.r(476717)]), t.hot && t.hot.dispose(function() {
        window.__NEXT_P.push(["/"])
    })
}]);

//# debugId=430f1d17-7974-1f1f-35b7-733af92f5682