fansunited-frontend-components 0.0.38 → 0.0.39

package/MatchQuizPlay.js

@@ -1,33 +1,34 @@
 import { jsx as t, jsxs as d, Fragment as p } from "react/jsx-runtime";
-import et, { useState as te, useEffect as gt, createContext as Pn, memo as bt, useCallback as Ye, useMemo as tt } from "react";
-import { v as ee, e as ce, B as i, T as x, a0 as ne, c as Nt, x as _, w as ie, f as Se, aq as Ne, a1 as Le, ak as De, au as zn, ay as kn, aj as In, a5 as Pe, u as Ee, W as Ce, a2 as Rt, y as rt, a3 as un } from "./chunks/ConstantsProvider-YKCgQ1mh.js";
-import { P as wn } from "./chunks/Portal-CfeOliT5.js";
-import { g as An, e as Tt, d as it, a as at, u as Je, b as Ut, h as ye, s as St, n as vn } from "./chunks/useImageVariant-BB7FL7DQ.js";
-import { a as Fn, b as En, S as Ht } from "./chunks/Spinner-kT93nizf.js";
+import et, { useState as te, useEffect as gt, createContext as Tn, memo as bt, useCallback as Ye, useMemo as tt } from "react";
+import { v as ee, e as ce, B as i, T as y, a0 as ne, d as Nt, x as _, w as re, f as Se, aq as Ne, a1 as De, an as Le, au as Pn, ay as zn, am as kn, a5 as Pe, u as Ee, W as Ce, a2 as Rt, y as rt, a3 as un } from "./chunks/ConstantsProvider-BPJJz9fq.js";
+import { P as In } from "./chunks/Portal-DWAr8MhA.js";
+import { g as wn, e as Tt, d as it, a as at, u as Je, b as Ut, h as ye, s as St, n as An } from "./chunks/useImageVariant-Do8kOVs2.js";
+import { a as Fn, b as vn, S as Ht } from "./chunks/Spinner-m59ZJZ35.js";
 import "react-dom";
-import { i as Dn, n as c, S as Ln, A as It, a as _n, c as Mn, b as Qn, O as On, j as gn, C as an, d as on } from "./chunks/ChanceGameEmbedVariant-B5jX_jMO.js";
-import { T as ln, C as Hn, D as Bn, O as Wn, S as hn, R as Ct, N as Vn } from "./chunks/useInfoPage-Cjw5ykNz.js";
-import { C as jn, F as rn, a as cn } from "./chunks/CollectLeadForm-D7pLjJkA.js";
-import { K as Gt, a as Yt, H as $n, D as Nn, S as fn, T as xn, E as Un, P as sn, d as yn, C as Gn, b as Yn, c as qn } from "./chunks/Error-ZEDfLj_t.js";
-import { T as Sn, a as Cn, b as Bt, c as Wt, t as dn } from "./chunks/Tabs-B6f7vU-w.js";
-import { e as Xn, d as Kn, f as Zn, W as Jn, C as bn } from "./chunks/AlertMessage-DZAXIV4L.js";
-import { A as mn, S as pn } from "./chunks/Snackbar-DIH2D4Gx.js";
-import { O as ei } from "./chunks/OverlayScoreStateSkeleton-BEe63pWp.js";
-import { S as ti, a as ni, O as ii, b as ai, c as oi, d as li } from "./chunks/OverlayLeadAfterCollection-9i_et1r0.js";
-const ri = (e) => e === "CORRECT_SCORE" || e === "CORRECT_SCORE_HT" || e === "CORRECT_SCORE_ADVANCED", ut = (e) => e === "PLAYER_SCORE" || e === "PLAYER_YELLOW_CARD" || e === "PLAYER_RED_CARD" || e === "PLAYER_SCORE_FIRST_GOAL" || e === "PLAYER_SCORE_HATTRICK" || e === "PLAYER_SCORE_TWICE", qt = (e) => {
+import { i as En, n as c, S as Ln, A as It, a as Dn, c as _n, b as Mn, O as Qn, j as gn, C as an, d as on } from "./chunks/ChanceGameEmbedVariant-BvIKBhq_.js";
+import { A as ln, N as kt } from "./chunks/Notification-Bwcoljir.js";
+import { T as rn, C as On, D as Hn, O as Bn, S as hn, R as Ct, N as Wn } from "./chunks/useInfoPage-v91yL5SS.js";
+import { C as Vn, F as cn, a as sn } from "./chunks/CollectLeadForm-o9NdYQgu.js";
+import { K as Gt, a as Yt, H as jn, D as $n, S as fn, T as xn, E as Nn, P as dn, c as yn, C as Un, b as Gn } from "./chunks/chevron-right-Dlc9ZKhv.js";
+import { T as Sn, a as Cn, b as Bt, c as Wt, t as mn } from "./chunks/Tabs-BGihvj9C.js";
+import { C as Yn } from "./chunks/CheckCircle-D-GH16Lb.js";
+import { e as qn, d as Xn, f as Kn, W as Zn } from "./chunks/AlertMessage-C2aBXCrl.js";
+import { O as Jn } from "./chunks/OverlayScoreStateSkeleton-xvq9lQEi.js";
+import { S as pn, a as ei, O as ti, b as ni, c as ii, d as ai } from "./chunks/OverlayLeadAfterCollection-B3D5ct0J.js";
+const oi = (e) => e === "CORRECT_SCORE" || e === "CORRECT_SCORE_HT" || e === "CORRECT_SCORE_ADVANCED", ut = (e) => e === "PLAYER_SCORE" || e === "PLAYER_YELLOW_CARD" || e === "PLAYER_RED_CARD" || e === "PLAYER_SCORE_FIRST_GOAL" || e === "PLAYER_SCORE_HATTRICK" || e === "PLAYER_SCORE_TWICE", qt = (e) => {
   const n = (/* @__PURE__ */ new Date()).getTime(), o = new Date(e).getTime();
   return n > o;
-}, ci = (e, n, o) => {
+}, li = (e, n, o) => {
   const [r, l] = te(null), [h, m] = te(
     null
   ), [u, f] = te(null), a = async () => {
     try {
       const s = await n.matchQuiz.getGameById(e, !0);
       l(s);
-      const y = s.fixtures.some(
+      const x = s.fixtures.some(
         (I) => ut(I.market)
       ), b = s.fixtures[0].matchModel.homeTeam.id, z = s.fixtures[0].matchModel.awayTeam.id, C = (/* @__PURE__ */ new Map()).set(b, []).set(z, []);
-      if (y)
+      if (x)
         try {
           const I = await n.football.getTeamById(b), T = await n.football.getTeamById(z);
           C.set(I.id, I.squad), C.set(T.id, T.squad);
@@ -39,12 +40,12 @@ const ri = (e) => e === "CORRECT_SCORE" || e === "CORRECT_SCORE_HT" || e === "CO
         }
       m(C);
     } catch (s) {
-      console.warn(s), l(new Dn()), m(/* @__PURE__ */ new Map());
+      console.warn(s), l(new En()), m(/* @__PURE__ */ new Map());
     }
   }, S = async () => {
     try {
-      const y = (await n.loyalty.getConfigV2(!0)).rewards.points.matchQuiz;
-      f(y);
+      const x = (await n.loyalty.getConfigV2(!0)).rewards.points.matchQuiz;
+      f(x);
     } catch (s) {
       console.warn(s), f([]);
     }
@@ -52,7 +53,7 @@ const ri = (e) => e === "CORRECT_SCORE" || e === "CORRECT_SCORE_HT" || e === "CO
   return gt(() => (a(), o ? S() : f([]), () => {
     l(null), m(null), f(null);
   }), [e, n, o]), { game: r, squads: h, points: u };
-}, si = (e, n) => {
+}, ri = (e, n) => {
   const [o, r] = te(null), [l, h] = te(!1), [m, u] = te(!1), [f, a] = te(""), S = async () => {
     try {
       const s = await n.matchQuiz.getMyGamePrediction(e);
@@ -88,7 +89,7 @@ const ri = (e) => e === "CORRECT_SCORE" || e === "CORRECT_SCORE_HT" || e === "CO
     setApiErrorMessage: a
   };
 }, ke = (e) => {
-  const n = ee().secondary, o = ce(), r = e.flexDirection || "column", l = An(e.primaryUrl, e.secondaryUrl, "logo");
+  const n = ee().secondary, o = ce(), r = e.flexDirection || "column", l = wn(e.primaryUrl, e.secondaryUrl, "logo");
   if (!e.brandingLogo)
     return null;
   const h = () => {
@@ -142,7 +143,7 @@ const ri = (e) => e === "CORRECT_SCORE" || e === "CORRECT_SCORE_HT" || e === "CO
       },
       children: [
         e.label && /* @__PURE__ */ t(
-          x,
+          y,
           {
             level: "body-sm",
             sx: {
@@ -173,7 +174,7 @@ const ri = (e) => e === "CORRECT_SCORE" || e === "CORRECT_SCORE_HT" || e === "CO
       },
       children: [
         e.label && /* @__PURE__ */ t(
-          x,
+          y,
           {
             level: "body-sm",
             sx: {
@@ -205,18 +206,18 @@ const ri = (e) => e === "CORRECT_SCORE" || e === "CORRECT_SCORE_HT" || e === "CO
   leadTitle: a,
   leadDescription: S,
   leadCta: s,
-  leadSuccessTitle: y,
+  leadSuccessTitle: x,
   leadSuccessDescription: b,
   syncWithProfile: z = !1,
   isAfterPosition: C = !1,
   isSubmittingParticipation: I = !1
 }) => {
-  const { t: T } = ne(), E = a ?? T("leads.header.title"), g = S ?? T("leads.header.description"), v = s ?? T("leads.buttons.submit"), P = y ?? T("leads.success.title"), M = b ?? T("leads.success.description"), D = {
+  const { t: T } = ne(), E = a ?? T("leads.header.title"), g = S ?? T("leads.header.description"), F = s ?? T("leads.buttons.submit"), P = x ?? T("leads.success.title"), M = b ?? T("leads.success.description"), L = {
     defaultLabel: T(C ? "matchQuiz.buttons.play" : "matchQuiz.buttons.start"),
     onClick: u
   };
   return /* @__PURE__ */ t(
-    jn,
+    Vn,
     {
       sdk: e,
       content: {
@@ -224,7 +225,7 @@ const ri = (e) => e === "CORRECT_SCORE" || e === "CORRECT_SCORE_HT" || e === "CO
         type: "match-quiz",
         name: o
       },
-      onSuccessCta: D,
+      onSuccessCta: L,
       branding: {
         colors: r,
         urls: l
@@ -237,7 +238,7 @@ const ri = (e) => e === "CORRECT_SCORE" || e === "CORRECT_SCORE_HT" || e === "CO
       labels: {
         title: E,
         description: g,
-        submitButtonLabel: v,
+        submitButtonLabel: F,
         successTitle: P,
         successDescription: M
       },
@@ -245,7 +246,7 @@ const ri = (e) => e === "CORRECT_SCORE" || e === "CORRECT_SCORE_HT" || e === "CO
       isSubmittingParticipation: I
     }
   );
-}, di = (e) => ({
+}, ci = (e) => ({
   // Content container with backdrop
   contentContainerWithBackdrop: {
     borderRadius: e.mdBorderRadius,
@@ -454,9 +455,9 @@ const ri = (e) => e === "CORRECT_SCORE" || e === "CORRECT_SCORE_HT" || e === "CO
     justifyContent: "center",
     alignItems: "center"
   }
-}), mi = Nt(/* @__PURE__ */ t("path", {
+}), si = Nt(/* @__PURE__ */ t("path", {
   d: "M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z"
-}), "KeyboardArrowUp"), ui = Nt(/* @__PURE__ */ t("path", {
+}), "KeyboardArrowUp"), di = Nt(/* @__PURE__ */ t("path", {
   d: "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"
 }), "KeyboardArrowDown"), At = (e) => ({
   base: {
@@ -494,7 +495,7 @@ const ri = (e) => e === "CORRECT_SCORE" || e === "CORRECT_SCORE_HT" || e === "CO
   selectedText: e.onPrimary ? {
     color: e.onPrimary
   } : {}
-}), gi = (e) => ({
+}), mi = (e) => ({
   ...At(e),
   selectedYes: e.successMain ? {
     backgroundColor: e.successMain,
@@ -516,7 +517,7 @@ const ri = (e) => e === "CORRECT_SCORE" || e === "CORRECT_SCORE_HT" || e === "CO
   } : {
     borderRadius: e.spacingScale.sm
   }
-}), hi = (e) => {
+}), ui = (e) => {
   const n = At({
     spacingScale: e.spacingScale,
     neutralSoftBg: e.neutralSoftBg,
@@ -674,7 +675,7 @@ const ri = (e) => e === "CORRECT_SCORE" || e === "CORRECT_SCORE_HT" || e === "CO
       mx: e.isMobile ? e.spacingScale.md : e.spacingScale.lg
     }
   };
-}, _e = Pn({
+}, _e = Tn({
   showTeamLabels: !1,
   points: [],
   squads: /* @__PURE__ */ new Map()
@@ -707,13 +708,13 @@ const ri = (e) => e === "CORRECT_SCORE" || e === "CORRECT_SCORE_HT" || e === "CO
           objectFit: "contain"
         }
       }
-    ) : /* @__PURE__ */ t(x, { level: "body-sm", sx: o.teamLogoText, children: e.name }) }),
-    r && /* @__PURE__ */ t(x, { level: "body-sm", sx: o.teamName, children: e.name })
+    ) : /* @__PURE__ */ t(y, { level: "body-sm", sx: o.teamLogoText, children: e.name }) }),
+    r && /* @__PURE__ */ t(y, { level: "body-sm", sx: o.teamName, children: e.name })
   ] });
 });
 Vt.displayName = "TeamLogo";
-const fi = (e) => {
-  const n = _(), o = ie(), r = ee(), l = Se(), h = ce(), m = Ne(), { showTeamLabels: u } = Le(_e), f = e.useExtraSmallLayout !== void 0 ? e.useExtraSmallLayout : m, [a, S] = te(e.initialHomeScore ?? 0), [s, y] = te(e.initialAwayScore ?? 0), b = hi({
+const gi = (e) => {
+  const n = _(), o = re(), r = ee(), l = Se(), h = ce(), m = Ne(), { showTeamLabels: u } = De(_e), f = e.useExtraSmallLayout !== void 0 ? e.useExtraSmallLayout : m, [a, S] = te(e.initialHomeScore ?? 0), [s, x] = te(e.initialAwayScore ?? 0), b = ui({
     spacingScale: l,
     borderRadius: o,
     fontFamilyPrimary: r.primary,
@@ -730,32 +731,32 @@ const fi = (e) => {
       S(g), e.onScoreChange(g, s);
     } else {
       const g = E ? Math.min(s + 1, 99) : Math.max(s - 1, 0);
-      y(g), e.onScoreChange(a, g);
+      x(g), e.onScoreChange(a, g);
     }
   }, C = ({ score: T, onIncrement: E, onDecrement: g }) => /* @__PURE__ */ d(i, { sx: b.scoreInputContainer, children: [
     /* @__PURE__ */ t(
-      De,
+      Le,
       {
         size: "sm",
         variant: "plain",
         onClick: E,
         sx: b.scoreButton,
-        children: /* @__PURE__ */ t(mi, { fontSize: "small" })
+        children: /* @__PURE__ */ t(si, { fontSize: "small" })
       }
     ),
-    /* @__PURE__ */ t(x, { level: "h2", sx: b.scoreDisplay, children: T }),
+    /* @__PURE__ */ t(y, { level: "h2", sx: b.scoreDisplay, children: T }),
     /* @__PURE__ */ t(
-      De,
+      Le,
       {
         size: "sm",
         variant: "plain",
         onClick: g,
         sx: b.scoreButton,
         disabled: T === 0,
-        children: /* @__PURE__ */ t(ui, { fontSize: "small" })
+        children: /* @__PURE__ */ t(di, { fontSize: "small" })
       }
     )
-  ] }), I = ({ team: T, score: E, onIncrement: g, onDecrement: v }) => {
+  ] }), I = ({ team: T, score: E, onIncrement: g, onDecrement: F }) => {
     var P;
     return /* @__PURE__ */ d(i, { sx: b.xsRow, children: [
       /* @__PURE__ */ d(i, { sx: b.xsTeamInfo, children: [
@@ -766,24 +767,24 @@ const fi = (e) => {
             alt: T.name,
             style: { width: "100%", height: "100%", objectFit: "contain" }
           }
-        ) : /* @__PURE__ */ t(x, { level: "body-sm", sx: b.teamLogoText, children: T.name }) }),
-        u && /* @__PURE__ */ t(x, { level: "body-sm", sx: b.teamNameInline, children: T.name })
+        ) : /* @__PURE__ */ t(y, { level: "body-sm", sx: b.teamLogoText, children: T.name }) }),
+        u && /* @__PURE__ */ t(y, { level: "body-sm", sx: b.teamNameInline, children: T.name })
       ] }),
       /* @__PURE__ */ d(i, { sx: b.scoreInputRow, children: [
         /* @__PURE__ */ t(
-          De,
+          Le,
           {
             size: "sm",
             variant: "plain",
-            onClick: v,
+            onClick: F,
             sx: b.scoreButton,
             disabled: E === 0,
             children: /* @__PURE__ */ t(Gt, { fontSize: "small" })
           }
         ),
-        /* @__PURE__ */ t(x, { level: "h2", sx: b.scoreDisplay, children: E }),
+        /* @__PURE__ */ t(y, { level: "h2", sx: b.scoreDisplay, children: E }),
         /* @__PURE__ */ t(
-          De,
+          Le,
           {
             size: "sm",
             variant: "plain",
@@ -833,7 +834,7 @@ const fi = (e) => {
           onDecrement: () => z("home", !1)
         }
       ),
-      /* @__PURE__ */ t(x, { level: "h2", sx: b.separator, children: ":" }),
+      /* @__PURE__ */ t(y, { level: "h2", sx: b.separator, children: ":" }),
       /* @__PURE__ */ t(
         C,
         {
@@ -853,7 +854,7 @@ const fi = (e) => {
       }
     )
   ] });
-}, xi = (e) => ({
+}, hi = (e) => ({
   // Split variant layout container: two stacked rows
   container: {
     display: "flex",
@@ -946,12 +947,12 @@ const fi = (e) => {
           alt: e.name,
           style: { width: "100%", height: "100%", objectFit: "contain" }
         }
-      ) : /* @__PURE__ */ t(x, { level: "body-sm", sx: l.teamLogoText, children: e.name }) }),
-      h && /* @__PURE__ */ t(x, { level: "body-sm", sx: l.teamName, children: e.name })
+      ) : /* @__PURE__ */ t(y, { level: "body-sm", sx: l.teamLogoText, children: e.name }) }),
+      h && /* @__PURE__ */ t(y, { level: "body-sm", sx: l.teamName, children: e.name })
     ] }),
     /* @__PURE__ */ d(i, { sx: l.scoreInputRow, children: [
       /* @__PURE__ */ t(
-        De,
+        Le,
         {
           size: "sm",
           variant: "plain",
@@ -961,9 +962,9 @@ const fi = (e) => {
           children: /* @__PURE__ */ t(Gt, { fontSize: "small" })
         }
       ),
-      /* @__PURE__ */ t(x, { level: "h2", sx: l.scoreDisplay, children: n }),
+      /* @__PURE__ */ t(y, { level: "h2", sx: l.scoreDisplay, children: n }),
       /* @__PURE__ */ t(
-        De,
+        Le,
         {
           size: "sm",
           variant: "plain",
@@ -976,8 +977,8 @@ const fi = (e) => {
   ] });
 });
 jt.displayName = "TeamRow";
-const yi = (e) => {
-  const n = _(), o = ie(), r = ee(), l = Se(), h = Ne(), { showTeamLabels: m } = Le(_e), [u, f] = te(e.initialHomeScore ?? 0), [a, S] = te(e.initialAwayScore ?? 0), s = xi({
+const fi = (e) => {
+  const n = _(), o = re(), r = ee(), l = Se(), h = Ne(), { showTeamLabels: m } = De(_e), [u, f] = te(e.initialHomeScore ?? 0), [a, S] = te(e.initialAwayScore ?? 0), s = hi({
     spacingScale: l,
     borderRadius: o,
     fontFamilyPrimary: r.primary,
@@ -988,7 +989,7 @@ const yi = (e) => {
     neutralOutlinedBorder: n.palette.neutral.outlinedBorder,
     neutralPlainHoverBg: n.palette.neutral.plainHoverBg,
     isExtraSmall: h
-  }), y = (b, z) => {
+  }), x = (b, z) => {
     if (b === "home") {
       const C = z ? Math.min(u + 1, 99) : Math.max(u - 1, 0);
       f(C), e.onScoreChange(C, a);
@@ -1003,8 +1004,8 @@ const yi = (e) => {
       {
         team: e.matchModel.homeTeam,
         score: u,
-        onIncrement: () => y("home", !0),
-        onDecrement: () => y("home", !1),
+        onIncrement: () => x("home", !0),
+        onDecrement: () => x("home", !1),
         styles: s,
         showTeamLabels: m
       }
@@ -1014,14 +1015,14 @@ const yi = (e) => {
       {
         team: e.matchModel.awayTeam,
         score: a,
-        onIncrement: () => y("away", !0),
-        onDecrement: () => y("away", !1),
+        onIncrement: () => x("away", !0),
+        onDecrement: () => x("away", !1),
         styles: s,
         showTeamLabels: m
       }
     )
   ] });
-}, Si = (e) => {
+}, xi = (e) => {
   const n = ce();
   return {
     container: {
@@ -1039,7 +1040,7 @@ const yi = (e) => {
       marginLeft: "auto"
     }
   };
-}, Ci = (e) => ({
+}, yi = (e) => ({
   container: {
     backgroundColor: e.neutralSoftBg,
     color: e.textPrimary,
@@ -1134,7 +1135,7 @@ const yi = (e) => {
     color: e.textPrimary
   }
 }), Pt = (e) => {
-  const { t: n } = ne(), o = _(), r = ie(), l = ee(), h = Se(), m = ce(), [u, f] = te(!1), { points: a } = Le(_e), S = Ci({
+  const { t: n } = ne(), o = _(), r = re(), l = ee(), h = Se(), m = ce(), [u, f] = te(!1), { points: a } = De(_e), S = yi({
     spacingScale: h,
     borderRadius: r,
     fontFamilyPrimary: l.primary,
@@ -1147,24 +1148,24 @@ const yi = (e) => {
   }), s = a.find((C) => C.id === e.market);
   if (!s)
     return null;
-  const y = s.alternative && Object.values(s.alternative).some(
+  const x = s.alternative && Object.values(s.alternative).some(
     (C) => C > 0
   ), b = () => {
-    if (!y)
-      return /* @__PURE__ */ t(x, { level: "body-sm", sx: S.tooltipText, children: n("matchQuiz.points.earnPointsForCorrect", {
+    if (!x)
+      return /* @__PURE__ */ t(y, { level: "body-sm", sx: S.tooltipText, children: n("matchQuiz.points.earnPointsForCorrect", {
         points: s.points
       }) });
     const C = Object.entries(s.alternative).filter(
       ([, I]) => I > 0
     );
     return /* @__PURE__ */ d(i, { sx: S.tooltipContainer, children: [
-      /* @__PURE__ */ t(x, { level: "body-sm", sx: S.tooltipText, children: n("matchQuiz.points.earnPointsForCompletelyCorrect", {
+      /* @__PURE__ */ t(y, { level: "body-sm", sx: S.tooltipText, children: n("matchQuiz.points.earnPointsForCompletelyCorrect", {
         points: s.points
       }) }),
       C.length > 0 && /* @__PURE__ */ d(p, { children: [
-        /* @__PURE__ */ t(x, { level: "body-sm", sx: S.tooltipSubtext, children: n("matchQuiz.points.canAlsoEarnForPartial") }),
+        /* @__PURE__ */ t(y, { level: "body-sm", sx: S.tooltipSubtext, children: n("matchQuiz.points.canAlsoEarnForPartial") }),
         C.map(([I, T]) => /* @__PURE__ */ d(
-          x,
+          y,
           {
             level: "body-sm",
             sx: S.tooltipAlternative,
@@ -1197,7 +1198,7 @@ const yi = (e) => {
     }
   };
   return m || e.isSplitVariant ? /* @__PURE__ */ t(
-    ln,
+    rn,
     {
       title: b(),
       placement: "top-start",
@@ -1210,16 +1211,16 @@ const yi = (e) => {
       disableFocusListener: !0,
       disableTouchListener: !0,
       children: /* @__PURE__ */ t(
-        De,
+        Le,
         {
           onClick: () => f(!u),
           sx: S.mobileIconButton,
-          children: /* @__PURE__ */ t($n, { sx: S.mobileIcon })
+          children: /* @__PURE__ */ t(jn, { sx: S.mobileIcon })
         }
       )
     }
   ) : /* @__PURE__ */ t(
-    ln,
+    rn,
     {
       title: b(),
       placement: "top-start",
@@ -1227,13 +1228,13 @@ const yi = (e) => {
       sx: S.tooltip,
       disablePortal: !0,
       children: /* @__PURE__ */ d(i, { sx: S.container, children: [
-        /* @__PURE__ */ t(x, { level: "body-sm", sx: S.pointsText, children: s.points }),
-        /* @__PURE__ */ t(x, { level: "body-xs", sx: S.ptsLabel, children: n("matchQuiz.points.pts") })
+        /* @__PURE__ */ t(y, { level: "body-sm", sx: S.pointsText, children: s.points }),
+        /* @__PURE__ */ t(y, { level: "body-xs", sx: S.ptsLabel, children: n("matchQuiz.points.pts") })
       ] })
     }
   );
-}, vt = (e) => {
-  const { t: n } = ne(), o = _(), r = ie(), l = ee(), h = Se(), m = Ne(), { points: u } = Le(_e), f = e.useExtraSmallLayout !== void 0 ? e.useExtraSmallLayout : m, a = e.showPoints === void 0, S = Si({
+}, Ft = (e) => {
+  const { t: n } = ne(), o = _(), r = re(), l = ee(), h = Se(), m = Ne(), { points: u } = De(_e), f = e.useExtraSmallLayout !== void 0 ? e.useExtraSmallLayout : m, a = e.showPoints === void 0, S = xi({
     spacingScale: h,
     borderRadius: r,
     fontFamilyPrimary: l.primary,
@@ -1254,7 +1255,7 @@ const yi = (e) => {
         },
         children: [
           f ? /* @__PURE__ */ t(p, {}) : /* @__PURE__ */ t(i, { sx: { flex: 1 } }),
-          /* @__PURE__ */ t(x, { level: "h3", sx: S.title, children: s() }),
+          /* @__PURE__ */ t(y, { level: "h3", sx: S.title, children: s() }),
           /* @__PURE__ */ t(i, { sx: { flex: 1, display: "flex", justifyContent: "flex-end" }, children: a && u.length > 0 && /* @__PURE__ */ t(
             Pt,
             {
@@ -1267,7 +1268,7 @@ const yi = (e) => {
       }
     ),
     e.isSplitVariant ? /* @__PURE__ */ t(
-      yi,
+      fi,
       {
         matchModel: e.matchModel,
         onScoreChange: e.onScoreChange,
@@ -1275,7 +1276,7 @@ const yi = (e) => {
         initialAwayScore: e.initialAwayScore
       }
     ) : /* @__PURE__ */ t(
-      fi,
+      gi,
       {
         matchModel: e.matchModel,
         onScoreChange: e.onScoreChange,
@@ -1285,7 +1286,7 @@ const yi = (e) => {
       }
     )
   ] });
-}, bi = (e) => {
+}, Si = (e) => {
   const n = At({
     spacingScale: e.spacingScale,
     neutralSoftBg: e.neutralSoftBg,
@@ -1381,7 +1382,7 @@ const yi = (e) => {
       textAlign: "center"
     }
   };
-}, Ri = (e) => ({
+}, Ci = (e) => ({
   // Split variant layout container: stacked rows
   container: {
     display: "flex",
@@ -1454,10 +1455,10 @@ const yi = (e) => {
   selectedOptionLabel: {
     color: e.onPrimary
   }
-}), Ti = (e) => {
-  const n = _(), o = ie(), r = ee(), l = Se(), { t: h } = ne(), { showTeamLabels: m } = Le(_e), [u, f] = te(
+}), bi = (e) => {
+  const n = _(), o = re(), r = ee(), l = Se(), { t: h } = ne(), { showTeamLabels: m } = De(_e), [u, f] = te(
     e.prediction
-  ), a = Ri({
+  ), a = Ci({
     spacingScale: l,
     borderRadius: o,
     fontFamilyPrimary: r.primary,
@@ -1469,9 +1470,9 @@ const yi = (e) => {
     neutralPlainHoverBg: n.palette.neutral.plainHoverBg,
     primary: e.brandingPrimaryColor || n.palette.primary.plainColor,
     onPrimary: n.palette.primary.onPrimary
-  }), S = (y) => {
-    f(y), e.onSelectionChange(y);
-  }, s = ({ team: y, option: b, label: z, isSelected: C, isDraw: I = !1 }) => {
+  }), S = (x) => {
+    f(x), e.onSelectionChange(x);
+  }, s = ({ team: x, option: b, label: z, isSelected: C, isDraw: I = !1 }) => {
     var T;
     return /* @__PURE__ */ t(
       i,
@@ -1483,16 +1484,16 @@ const yi = (e) => {
         },
         onClick: () => S(b),
         children: /* @__PURE__ */ d(i, { sx: a.optionContent, children: [
-          !I && y && /* @__PURE__ */ t(i, { sx: a.teamLogo, children: (T = y.assets) != null && T.logo ? /* @__PURE__ */ t(
+          !I && x && /* @__PURE__ */ t(i, { sx: a.teamLogo, children: (T = x.assets) != null && T.logo ? /* @__PURE__ */ t(
             "img",
             {
-              src: y.assets.logo,
-              alt: y.name,
+              src: x.assets.logo,
+              alt: x.name,
               style: { width: "100%", height: "100%", objectFit: "contain" }
             }
-          ) : /* @__PURE__ */ t(x, { level: "body-sm", sx: a.teamLogoText, children: y.name }) }),
+          ) : /* @__PURE__ */ t(y, { level: "body-sm", sx: a.teamLogoText, children: x.name }) }),
           /* @__PURE__ */ t(
-            x,
+            y,
             {
               level: "body-md",
               sx: {
@@ -1558,7 +1559,7 @@ const yi = (e) => {
           }
         }
       ) : /* @__PURE__ */ t(
-        x,
+        y,
         {
           level: "body-sm",
           sx: {
@@ -1572,7 +1573,7 @@ const yi = (e) => {
   ) });
 });
 $t.displayName = "TeamIcon";
-const Rn = bt(({ isSelected: e, styles: n, handleSelection: o }) => /* @__PURE__ */ t(i, { sx: n.iconContainer, children: /* @__PURE__ */ t(
+const bn = bt(({ isSelected: e, styles: n, handleSelection: o }) => /* @__PURE__ */ t(i, { sx: n.iconContainer, children: /* @__PURE__ */ t(
   i,
   {
     sx: {
@@ -1582,7 +1583,7 @@ const Rn = bt(({ isSelected: e, styles: n, handleSelection: o }) => /* @__PURE__
     },
     onClick: () => o("x"),
     children: /* @__PURE__ */ t(
-      x,
+      y,
       {
         level: "h4",
         sx: {
@@ -1594,11 +1595,11 @@ const Rn = bt(({ isSelected: e, styles: n, handleSelection: o }) => /* @__PURE__
     )
   }
 ) }));
-Rn.displayName = "DrawIcon";
-const Pi = (e) => {
+bn.displayName = "DrawIcon";
+const Ri = (e) => {
   if (e.isSplitVariant)
     return /* @__PURE__ */ t(
-      Ti,
+      bi,
       {
         matchModel: e.matchModel,
         onSelectionChange: e.onSelectionChange,
@@ -1606,9 +1607,9 @@ const Pi = (e) => {
         prediction: e.prediction
       }
     );
-  const n = _(), o = ie(), r = ee(), l = Se(), h = ce(), { t: m } = ne(), { showTeamLabels: u } = Le(_e), [f, a] = te(
+  const n = _(), o = re(), r = ee(), l = Se(), h = ce(), { t: m } = ne(), { showTeamLabels: u } = De(_e), [f, a] = te(
     e.prediction
-  ), S = bi({
+  ), S = Si({
     spacingScale: l,
     borderRadius: o,
     fontFamilyPrimary: r.primary,
@@ -1623,7 +1624,7 @@ const Pi = (e) => {
     isMobile: h
   }), s = (z) => {
     a(z), e.onSelectionChange(z);
-  }, y = ({ team: z }) => /* @__PURE__ */ t(i, { sx: S.labelContainer, children: /* @__PURE__ */ t(x, { level: "body-sm", sx: S.teamName, children: z.name }) }), b = () => /* @__PURE__ */ t(i, { sx: S.labelContainer, children: /* @__PURE__ */ t(x, { level: "body-sm", sx: S.drawLabel, children: m("matchQuiz.fixtures.draw") }) });
+  }, x = ({ team: z }) => /* @__PURE__ */ t(i, { sx: S.labelContainer, children: /* @__PURE__ */ t(y, { level: "body-sm", sx: S.teamName, children: z.name }) }), b = () => /* @__PURE__ */ t(i, { sx: S.labelContainer, children: /* @__PURE__ */ t(y, { level: "body-sm", sx: S.drawLabel, children: m("matchQuiz.fixtures.draw") }) });
   return /* @__PURE__ */ d(i, { sx: S.container, children: [
     /* @__PURE__ */ d(i, { sx: S.iconsRow, children: [
       /* @__PURE__ */ t(
@@ -1637,7 +1638,7 @@ const Pi = (e) => {
         }
       ),
       /* @__PURE__ */ t(
-        Rn,
+        bn,
         {
           isSelected: f === "x",
           styles: S,
@@ -1656,12 +1657,12 @@ const Pi = (e) => {
       )
     ] }),
     u && /* @__PURE__ */ d(i, { sx: S.labelsRow, children: [
-      /* @__PURE__ */ t(y, { team: e.matchModel.homeTeam }),
+      /* @__PURE__ */ t(x, { team: e.matchModel.homeTeam }),
       /* @__PURE__ */ t(b, {}),
-      /* @__PURE__ */ t(y, { team: e.matchModel.awayTeam })
+      /* @__PURE__ */ t(x, { team: e.matchModel.awayTeam })
     ] })
   ] });
-}, zi = (e) => {
+}, Ti = (e) => {
   const n = ce();
   return {
     container: {
@@ -1678,8 +1679,8 @@ const Pi = (e) => {
       textAlign: e.ixExtraSmall ? "left" : "center"
     }
   };
-}, Ft = (e) => {
-  const { t: n } = ne(), o = _(), r = ie(), l = ee(), h = Se(), m = Ne(), { points: u } = Le(_e), f = e.useExtraSmallLayout !== void 0 ? e.useExtraSmallLayout : m, a = e.showPoints === void 0, S = zi({
+}, vt = (e) => {
+  const { t: n } = ne(), o = _(), r = re(), l = ee(), h = Se(), m = Ne(), { points: u } = De(_e), f = e.useExtraSmallLayout !== void 0 ? e.useExtraSmallLayout : m, a = e.showPoints === void 0, S = Ti({
     spacingScale: h,
     borderRadius: r,
     fontFamilyPrimary: l.primary,
@@ -1700,7 +1701,7 @@ const Pi = (e) => {
         },
         children: [
           f ? /* @__PURE__ */ t(p, {}) : /* @__PURE__ */ t(i, { sx: { flex: 1 } }),
-          /* @__PURE__ */ t(x, { level: "h3", sx: S.title, children: s() }),
+          /* @__PURE__ */ t(y, { level: "h3", sx: S.title, children: s() }),
           /* @__PURE__ */ t(i, { sx: { flex: 1, display: "flex", justifyContent: "flex-end" }, children: a && u.length > 0 && /* @__PURE__ */ t(
             Pt,
             {
@@ -1713,7 +1714,7 @@ const Pi = (e) => {
       }
     ),
     /* @__PURE__ */ t(
-      Pi,
+      Ri,
       {
         matchModel: e.matchModel,
         onSelectionChange: e.onSelectionChange,
@@ -1723,7 +1724,7 @@ const Pi = (e) => {
       }
     )
   ] });
-}, ki = (e) => ({
+}, Pi = (e) => ({
   container: {
     display: "flex",
     alignItems: "center",
@@ -1760,8 +1761,8 @@ const Pi = (e) => {
     px: e.spacingScale.sm,
     py: e.spacingScale.xs
   }
-}), Ii = (e) => {
-  const n = _(), o = ie(), r = ee(), l = Se(), h = ce(), [m, u] = te(e.prediction || 6), f = ki({
+}), zi = (e) => {
+  const n = _(), o = re(), r = ee(), l = Se(), h = ce(), [m, u] = te(e.prediction || 6), f = Pi({
     spacingScale: l,
     borderRadius: o,
     fontFamilyPrimary: r.primary,
@@ -1774,11 +1775,11 @@ const Pi = (e) => {
     isMobile: h
   }), a = (s) => {
     var b;
-    const y = s ? Math.min(m + 1, 99) : Math.max(m - 1, 0);
-    u(y), (b = e.onCornersChange) == null || b.call(e, y);
-  }, S = ({ corners: s, onIncrement: y, onDecrement: b }) => /* @__PURE__ */ d(i, { sx: f.cornersInputContainer, children: [
+    const x = s ? Math.min(m + 1, 99) : Math.max(m - 1, 0);
+    u(x), (b = e.onCornersChange) == null || b.call(e, x);
+  }, S = ({ corners: s, onIncrement: x, onDecrement: b }) => /* @__PURE__ */ d(i, { sx: f.cornersInputContainer, children: [
     /* @__PURE__ */ t(
-      De,
+      Le,
       {
         size: "sm",
         variant: "plain",
@@ -1788,13 +1789,13 @@ const Pi = (e) => {
         children: /* @__PURE__ */ t(Gt, { fontSize: "small" })
       }
     ),
-    /* @__PURE__ */ t(x, { level: "h2", sx: f.cornersDisplay, children: s }),
+    /* @__PURE__ */ t(y, { level: "h2", sx: f.cornersDisplay, children: s }),
     /* @__PURE__ */ t(
-      De,
+      Le,
       {
         size: "sm",
         variant: "plain",
-        onClick: y,
+        onClick: x,
         sx: f.cornersButton,
         children: /* @__PURE__ */ t(Yt, { fontSize: "small" })
       }
@@ -1808,7 +1809,7 @@ const Pi = (e) => {
       onDecrement: () => a(!1)
     }
   ) });
-}, wi = (e) => {
+}, ki = (e) => {
   const n = ce();
   return {
     container: {
@@ -1826,7 +1827,7 @@ const Pi = (e) => {
     }
   };
 }, Et = (e) => {
-  const { t: n } = ne(), o = _(), r = Ne(), l = ie(), h = ee(), m = Se(), { points: u } = Le(_e), f = e.useExtraSmallLayout !== void 0 ? e.useExtraSmallLayout : r, a = e.showPoints === void 0, S = wi({
+  const { t: n } = ne(), o = _(), r = Ne(), l = re(), h = ee(), m = Se(), { points: u } = De(_e), f = e.useExtraSmallLayout !== void 0 ? e.useExtraSmallLayout : r, a = e.showPoints === void 0, S = ki({
     spacingScale: m,
     borderRadius: l,
     fontFamilyPrimary: h.primary,
@@ -1847,7 +1848,7 @@ const Pi = (e) => {
         },
         children: [
           f ? /* @__PURE__ */ t(p, {}) : /* @__PURE__ */ t(i, { sx: { flex: 1 } }),
-          /* @__PURE__ */ t(x, { level: "h3", sx: S.title, children: n("matchQuiz.fixtures.cornersFixtureTitle") }),
+          /* @__PURE__ */ t(y, { level: "h3", sx: S.title, children: n("matchQuiz.fixtures.cornersFixtureTitle") }),
           /* @__PURE__ */ t(i, { sx: { flex: 1, display: "flex", justifyContent: "flex-end" }, children: a && u.length > 0 && /* @__PURE__ */ t(
             Pt,
             {
@@ -1860,7 +1861,7 @@ const Pi = (e) => {
       }
     ),
     /* @__PURE__ */ t(
-      Ii,
+      zi,
       {
         matchModel: e.matchModel,
         onCornersChange: e.onCornersChange,
@@ -1868,8 +1869,8 @@ const Pi = (e) => {
       }
     )
   ] });
-}, Ai = (e) => {
-  const n = gi({
+}, Ii = (e) => {
+  const n = mi({
     spacingScale: e.spacingScale,
     neutralSoftBg: e.neutralSoftBg,
     neutralPlainHoverBg: e.neutralPlainHoverBg,
@@ -1907,10 +1908,10 @@ const Pi = (e) => {
       textAlign: "center"
     }
   };
-}, vi = (e) => {
-  const { t: n } = ne(), o = _(), r = ie(), l = ee(), h = Se(), m = ce(), [u, f] = te(
+}, wi = (e) => {
+  const { t: n } = ne(), o = _(), r = re(), l = ee(), h = Se(), m = ce(), [u, f] = te(
     e.prediction
-  ), a = Ai({
+  ), a = Ii({
     spacingScale: h,
     borderRadius: r,
     fontFamilyPrimary: l.primary,
@@ -1927,7 +1928,7 @@ const Pi = (e) => {
     isMobile: m
   }), S = (C) => {
     f(C), e.onSelectionChange(C);
-  }, y = {
+  }, x = {
     yes: n("matchQuiz.fixtures.yes"),
     no: n("matchQuiz.fixtures.no")
   }, b = ({ isSelected: C }) => /* @__PURE__ */ d(i, { sx: a.optionContainer, children: [
@@ -1962,7 +1963,7 @@ const Pi = (e) => {
         )
       }
     ),
-    /* @__PURE__ */ t(x, { level: "body-sm", sx: a.optionLabel, children: y.yes })
+    /* @__PURE__ */ t(y, { level: "body-sm", sx: a.optionLabel, children: x.yes })
   ] }), z = ({ isSelected: C }) => /* @__PURE__ */ d(i, { sx: a.optionContainer, children: [
     /* @__PURE__ */ t(
       i,
@@ -1995,13 +1996,13 @@ const Pi = (e) => {
         )
       }
     ),
-    /* @__PURE__ */ t(x, { level: "body-sm", sx: a.optionLabel, children: y.no })
+    /* @__PURE__ */ t(y, { level: "body-sm", sx: a.optionLabel, children: x.no })
   ] });
   return /* @__PURE__ */ d(i, { sx: a.container, children: [
     /* @__PURE__ */ t(b, { isSelected: u === !0 }),
     /* @__PURE__ */ t(z, { isSelected: u === !1 })
   ] });
-}, Fi = (e) => {
+}, Ai = (e) => {
   const n = ce();
   return {
     container: {
@@ -2018,8 +2019,8 @@ const Pi = (e) => {
       textAlign: e.isExtraSmall ? "left" : "center"
     }
   };
-}, Dt = (e) => {
-  const { t: n } = ne(), o = _(), r = Ne(), l = ie(), h = ee(), m = Se(), { points: u } = Le(_e), f = e.useExtraSmallLayout !== void 0 ? e.useExtraSmallLayout : r, a = e.showPoints === void 0, S = Fi({
+}, Lt = (e) => {
+  const { t: n } = ne(), o = _(), r = Ne(), l = re(), h = ee(), m = Se(), { points: u } = De(_e), f = e.useExtraSmallLayout !== void 0 ? e.useExtraSmallLayout : r, a = e.showPoints === void 0, S = Ai({
     spacingScale: m,
     borderRadius: l,
     fontFamilyPrimary: h.primary,
@@ -2029,11 +2030,11 @@ const Pi = (e) => {
     isExtraSmall: f
   }), s = () => {
     if (e.market.startsWith("OVER_GOALS_")) {
-      const y = e.market.replace("OVER_GOALS_", "").replace("_", "."), b = Math.floor(parseFloat(y));
+      const x = e.market.replace("OVER_GOALS_", "").replace("_", "."), b = Math.floor(parseFloat(x));
       return n("matchQuiz.fixtures.overGoalsFixtureTitle", { threshold: b });
     }
     if (e.market.startsWith("OVER_CORNERS_")) {
-      const y = e.market.replace("OVER_CORNERS_", "").replace("_", "."), b = Math.floor(parseFloat(y));
+      const x = e.market.replace("OVER_CORNERS_", "").replace("_", "."), b = Math.floor(parseFloat(x));
       return n("matchQuiz.fixtures.overCornersFixtureTitle", { threshold: b });
     }
     return e.market === "RED_CARD_MATCH" ? n("matchQuiz.fixtures.redCardFixtureTitle") : n("matchQuiz.fixtures.penaltyFixtureTitle");
@@ -2050,7 +2051,7 @@ const Pi = (e) => {
         },
         children: [
           f ? /* @__PURE__ */ t(p, {}) : /* @__PURE__ */ t(i, { sx: { flex: 1 } }),
-          /* @__PURE__ */ t(x, { level: "h3", sx: S.title, children: s() }),
+          /* @__PURE__ */ t(y, { level: "h3", sx: S.title, children: s() }),
           /* @__PURE__ */ t(i, { sx: { flex: 1, display: "flex", justifyContent: "flex-end" }, children: a && u.length > 0 && /* @__PURE__ */ t(
             Pt,
             {
@@ -2063,7 +2064,7 @@ const Pi = (e) => {
       }
     ),
     /* @__PURE__ */ t(
-      vi,
+      wi,
       {
         market: e.market,
         onSelectionChange: e.onSelectionChange,
@@ -2074,7 +2075,7 @@ const Pi = (e) => {
   ] });
 }, wt = Nt(/* @__PURE__ */ t("path", {
   d: "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4m0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4"
-}), "PersonOutline"), Ei = (e) => {
+}), "PersonOutline"), Fi = (e) => {
   const n = At({
     spacingScale: e.spacingScale,
     neutralSoftBg: e.neutralSoftBg,
@@ -2362,7 +2363,7 @@ const Pi = (e) => {
       fontWeight: 500
     }
   };
-}, Tn = bt(({ player: e, isSelected: n, styles: o, handlePlayerSelection: r }) => {
+}, Rn = bt(({ player: e, isSelected: n, styles: o, handlePlayerSelection: r }) => {
   var l;
   return /* @__PURE__ */ t(
     i,
@@ -2396,9 +2397,9 @@ const Pi = (e) => {
     }
   );
 });
-Tn.displayName = "PlayerAvatar";
-const Di = (e) => {
-  const n = _(), o = ie(), r = ee(), l = Se(), h = ce(), m = Ne(), u = zn(), { t: f } = ne(), { squads: a } = Le(_e), S = e.useExtraSmallLayout !== void 0 ? e.useExtraSmallLayout : m, [s, y] = te(e.prediction), [b, z] = te(e.prediction === "OWN_GOAL"), [C, I] = te(e.prediction === null), [T, E] = te("home"), [g, v] = te(0), P = Ei({
+Rn.displayName = "PlayerAvatar";
+const vi = (e) => {
+  const n = _(), o = re(), r = ee(), l = Se(), h = ce(), m = Ne(), u = Pn(), { t: f } = ne(), { squads: a } = De(_e), S = e.useExtraSmallLayout !== void 0 ? e.useExtraSmallLayout : m, [s, x] = te(e.prediction), [b, z] = te(e.prediction === "OWN_GOAL"), [C, I] = te(e.prediction === null), [T, E] = te("home"), [g, F] = te(0), P = Fi({
     spacingScale: l,
     borderRadius: o,
     fontFamilyPrimary: r.primary,
@@ -2414,12 +2415,12 @@ const Di = (e) => {
     isExtraSmall: S,
     isSplitVariant: e.isSplitVariant || !1
   }), M = (R) => {
-    z(!1), I(!1), y(R), e.onPlayerSelection(R);
-  }, D = (R) => {
-    R ? (y(null), I(!1), z(!0), e.onPlayerSelection("OWN_GOAL")) : (z(!1), e.onPlayerSelection(null));
+    z(!1), I(!1), x(R), e.onPlayerSelection(R);
+  }, L = (R) => {
+    R ? (x(null), I(!1), z(!0), e.onPlayerSelection("OWN_GOAL")) : (z(!1), e.onPlayerSelection(null));
   }, H = (R) => {
-    R ? (y(null), z(!1), I(!0), e.onPlayerSelection(null)) : (I(!1), e.onPlayerSelection(null));
-  }, F = () => {
+    R ? (x(null), z(!1), I(!0), e.onPlayerSelection(null)) : (I(!1), e.onPlayerSelection(null));
+  }, v = () => {
     const R = T === "home" ? a.get(e.matchModel.homeTeam.id) : a.get(e.matchModel.awayTeam.id);
     switch (g) {
       case 0:
@@ -2475,13 +2476,13 @@ const Di = (e) => {
       Sn,
       {
         value: g,
-        onChange: (R, W) => v(W),
+        onChange: (R, W) => F(W),
         sx: P.tabs,
         children: [
           /* @__PURE__ */ t(Cn, { sx: P.tabList, children: V.map((R, W) => /* @__PURE__ */ t(Bt, { value: W, sx: P.tab, children: f(`matchQuiz.fixtures.${R}`) }, R)) }),
-          V.map((R, W) => /* @__PURE__ */ t(Wt, { value: W, sx: P.tabPanel, children: /* @__PURE__ */ t(i, { sx: P.playersGrid, children: F().map((O) => /* @__PURE__ */ d(i, { sx: P.playerContainer, children: [
+          V.map((R, W) => /* @__PURE__ */ t(Wt, { value: W, sx: P.tabPanel, children: /* @__PURE__ */ t(i, { sx: P.playersGrid, children: v().map((O) => /* @__PURE__ */ d(i, { sx: P.playerContainer, children: [
             /* @__PURE__ */ t(
-              Tn,
+              Rn,
               {
                 player: O,
                 isSelected: s === O.id,
@@ -2490,7 +2491,7 @@ const Di = (e) => {
               }
             ),
             /* @__PURE__ */ t(
-              x,
+              y,
               {
                 level: "body-xs",
                 sx: {
@@ -2506,11 +2507,11 @@ const Di = (e) => {
       }
     ) }),
     /* @__PURE__ */ d(i, { sx: P.checkboxesContainer, children: [
-      /* @__PURE__ */ t(rn, { size: "sm", children: /* @__PURE__ */ t(i, { sx: P.checkboxRow, children: /* @__PURE__ */ t(
-        cn,
+      /* @__PURE__ */ t(cn, { size: "sm", children: /* @__PURE__ */ t(i, { sx: P.checkboxRow, children: /* @__PURE__ */ t(
+        sn,
         {
           checked: b,
-          onChange: (R) => D(R.target.checked),
+          onChange: (R) => L(R.target.checked),
           slotProps: {
             checkbox: {
               sx: {
@@ -2531,8 +2532,8 @@ const Di = (e) => {
           label: f("matchQuiz.fixtures.ownGoal")
         }
       ) }) }),
-      /* @__PURE__ */ t(rn, { size: "sm", children: /* @__PURE__ */ t(i, { sx: P.checkboxRow, children: /* @__PURE__ */ t(
-        cn,
+      /* @__PURE__ */ t(cn, { size: "sm", children: /* @__PURE__ */ t(i, { sx: P.checkboxRow, children: /* @__PURE__ */ t(
+        sn,
         {
           checked: C,
           onChange: (R) => H(R.target.checked),
@@ -2558,7 +2559,7 @@ const Di = (e) => {
       ) }) })
     ] })
   ] });
-}, Li = (e) => {
+}, Ei = (e) => {
   const n = ce();
   return {
     container: {
@@ -2575,8 +2576,8 @@ const Di = (e) => {
       textAlign: e.isExtraSmall ? "left" : "center"
     }
   };
-}, Lt = (e) => {
-  const { t: n } = ne(), o = _(), r = Ne(), l = ie(), h = ee(), m = Se(), { points: u } = Le(_e), f = e.useExtraSmallLayout !== void 0 ? e.useExtraSmallLayout : r, a = e.showPoints === void 0, S = Li({
+}, Dt = (e) => {
+  const { t: n } = ne(), o = _(), r = Ne(), l = re(), h = ee(), m = Se(), { points: u } = De(_e), f = e.useExtraSmallLayout !== void 0 ? e.useExtraSmallLayout : r, a = e.showPoints === void 0, S = Ei({
     spacingScale: m,
     borderRadius: l,
     fontFamilyPrimary: h.primary,
@@ -2612,7 +2613,7 @@ const Di = (e) => {
         },
         children: [
           f ? /* @__PURE__ */ t(p, {}) : /* @__PURE__ */ t(i, { sx: { flex: 1 } }),
-          /* @__PURE__ */ t(x, { level: "h3", sx: S.title, children: s() }),
+          /* @__PURE__ */ t(y, { level: "h3", sx: S.title, children: s() }),
           /* @__PURE__ */ t(i, { sx: { flex: 1, display: "flex", justifyContent: "flex-end" }, children: a && u.length > 0 && /* @__PURE__ */ t(
             Pt,
             {
@@ -2625,7 +2626,7 @@ const Di = (e) => {
       }
     ),
     /* @__PURE__ */ t(
-      Di,
+      vi,
       {
         matchModel: e.matchModel,
         onPlayerSelection: e.onPlayerSelection,
@@ -2637,7 +2638,7 @@ const Di = (e) => {
     )
   ] });
 }, Xt = (e) => {
-  const n = _(), o = ie(), r = ce(), l = () => {
+  const n = _(), o = re(), r = ce(), l = () => {
     const m = o.full, u = e.brandingPrimaryColor || n.palette.primary.plainColor, f = e.brandingPrimaryColor || n.palette.primary.outlinedBorder, a = "#FFFFFF", S = n.outlineEnabledBorder;
     return /* @__PURE__ */ d(
       i,
@@ -2677,7 +2678,7 @@ const Di = (e) => {
                 // Add margin between lines and circle
               },
               children: /* @__PURE__ */ t(
-                x,
+                y,
                 {
                   sx: {
                     fontSize: "14px",
@@ -2708,8 +2709,8 @@ const Di = (e) => {
     const m = o.full, u = e.totalSteps || e.matchQuiz.fixtures.length, f = [];
     for (let a = 0; a < u; a++) {
       const S = a + 1;
-      let s, y, b;
-      if (S < e.currentStep ? (s = e.brandingPrimaryColor || n.palette.primary.plainColor, y = e.brandingPrimaryColor || n.palette.primary.outlinedBorder, b = "#FFFFFF") : S === e.currentStep ? (s = e.brandingPrimaryColor || n.palette.primary.plainColor, y = e.brandingPrimaryColor || n.palette.primary.outlinedBorder, b = n.palette.primary.onPrimary) : (s = n.palette.neutral.softBg, y = n.outlineEnabledBorder, b = n.textColor), f.push(
+      let s, x, b;
+      if (S < e.currentStep ? (s = e.brandingPrimaryColor || n.palette.primary.plainColor, x = e.brandingPrimaryColor || n.palette.primary.outlinedBorder, b = "#FFFFFF") : S === e.currentStep ? (s = e.brandingPrimaryColor || n.palette.primary.plainColor, x = e.brandingPrimaryColor || n.palette.primary.outlinedBorder, b = n.palette.primary.onPrimary) : (s = n.palette.neutral.softBg, x = n.outlineEnabledBorder, b = n.textColor), f.push(
         /* @__PURE__ */ t(
           i,
           {
@@ -2718,7 +2719,7 @@ const Di = (e) => {
               height: "32px",
               borderRadius: m,
               backgroundColor: s,
-              border: `1px solid ${y}`,
+              border: `1px solid ${x}`,
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
@@ -2726,7 +2727,7 @@ const Di = (e) => {
               position: "relative"
             },
             children: /* @__PURE__ */ t(
-              x,
+              y,
               {
                 sx: {
                   fontSize: "14px",
@@ -2768,7 +2769,7 @@ const Di = (e) => {
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
-        py: kn("xs"),
+        py: zn("xs"),
         width: "100%",
         zIndex: 1
       },
@@ -2776,14 +2777,14 @@ const Di = (e) => {
     }
   );
 }, Kt = (e) => {
-  const { t: n } = ne(), o = _(), r = ie(), l = ee(), h = Se(), u = ce() || e.isSplitVariant, [f, a] = te({
+  const { t: n } = ne(), o = _(), r = re(), l = ee(), h = Se(), u = ce() || e.isSplitVariant, [f, a] = te({
     days: 0,
     hours: 0,
     minutes: 0,
     seconds: 0,
     total: 0
   }), S = Ye(() => {
-    const y = (/* @__PURE__ */ new Date()).getTime(), z = new Date(e.predictionsCutoffTime).getTime() - y;
+    const x = (/* @__PURE__ */ new Date()).getTime(), z = new Date(e.predictionsCutoffTime).getTime() - x;
     if (z <= 0)
       return { days: 0, hours: 0, minutes: 0, seconds: 0, total: 0 };
     const C = Math.floor(z / (1e3 * 60 * 60 * 24)), I = Math.floor(
@@ -2792,11 +2793,11 @@ const Di = (e) => {
     return { days: C, hours: I, minutes: T, seconds: E, total: z };
   }, [e.predictionsCutoffTime]);
   if (gt(() => {
-    const y = () => {
+    const x = () => {
       a(S());
     };
-    y();
-    const b = setInterval(y, 1e3);
+    x();
+    const b = setInterval(x, 1e3);
     return () => clearInterval(b);
   }, [S]), f.total <= 0)
     return null;
@@ -2860,34 +2861,34 @@ const Di = (e) => {
     }
   };
   return /* @__PURE__ */ d(i, { sx: s.container, children: [
-    /* @__PURE__ */ t(x, { sx: s.participationText, children: n("matchQuiz.countdown.participationTimeLeft") }),
+    /* @__PURE__ */ t(y, { sx: s.participationText, children: n("matchQuiz.countdown.participationTimeLeft") }),
     /* @__PURE__ */ d(i, { sx: s.countdownContainer, children: [
       f.days > 0 && /* @__PURE__ */ d(p, { children: [
         /* @__PURE__ */ d(i, { sx: s.timeUnit, children: [
-          /* @__PURE__ */ t(x, { sx: s.timeValue, children: f.days.toString().padStart(2, "0") }),
-          /* @__PURE__ */ t(x, { sx: s.timeLabel, children: n("matchQuiz.countdown.daysShort") })
+          /* @__PURE__ */ t(y, { sx: s.timeValue, children: f.days.toString().padStart(2, "0") }),
+          /* @__PURE__ */ t(y, { sx: s.timeLabel, children: n("matchQuiz.countdown.daysShort") })
         ] }),
-        /* @__PURE__ */ t(x, { sx: s.separator, children: ":" })
+        /* @__PURE__ */ t(y, { sx: s.separator, children: ":" })
       ] }),
       (f.days > 0 || f.hours > 0) && /* @__PURE__ */ d(p, { children: [
         /* @__PURE__ */ d(i, { sx: s.timeUnit, children: [
-          /* @__PURE__ */ t(x, { sx: s.timeValue, children: f.hours.toString().padStart(2, "0") }),
-          /* @__PURE__ */ t(x, { sx: s.timeLabel, children: n("matchQuiz.countdown.hoursShort") })
+          /* @__PURE__ */ t(y, { sx: s.timeValue, children: f.hours.toString().padStart(2, "0") }),
+          /* @__PURE__ */ t(y, { sx: s.timeLabel, children: n("matchQuiz.countdown.hoursShort") })
         ] }),
-        /* @__PURE__ */ t(x, { sx: s.separator, children: ":" })
+        /* @__PURE__ */ t(y, { sx: s.separator, children: ":" })
       ] }),
       /* @__PURE__ */ d(i, { sx: s.timeUnit, children: [
-        /* @__PURE__ */ t(x, { sx: s.timeValue, children: f.minutes.toString().padStart(2, "0") }),
-        /* @__PURE__ */ t(x, { sx: s.timeLabel, children: n("matchQuiz.countdown.minutesShort") })
+        /* @__PURE__ */ t(y, { sx: s.timeValue, children: f.minutes.toString().padStart(2, "0") }),
+        /* @__PURE__ */ t(y, { sx: s.timeLabel, children: n("matchQuiz.countdown.minutesShort") })
       ] }),
-      /* @__PURE__ */ t(x, { sx: s.separator, children: ":" }),
+      /* @__PURE__ */ t(y, { sx: s.separator, children: ":" }),
       /* @__PURE__ */ d(i, { sx: s.timeUnit, children: [
-        /* @__PURE__ */ t(x, { sx: s.timeValue, children: f.seconds.toString().padStart(2, "0") }),
-        /* @__PURE__ */ t(x, { sx: s.timeLabel, children: n("matchQuiz.countdown.secondsShort") })
+        /* @__PURE__ */ t(y, { sx: s.timeValue, children: f.seconds.toString().padStart(2, "0") }),
+        /* @__PURE__ */ t(y, { sx: s.timeLabel, children: n("matchQuiz.countdown.secondsShort") })
       ] })
     ] })
   ] });
-}, _i = (e) => ({
+}, Li = (e) => ({
   container: {
     display: "flex",
     flexDirection: "column",
@@ -3102,7 +3103,7 @@ const Di = (e) => {
       color: e.textPrimary
     }
   }
-}), Mi = (e) => {
+}), Di = (e) => {
   const n = ce();
   return {
     modalDialog: {
@@ -3199,8 +3200,8 @@ const Di = (e) => {
       }
     }
   };
-}, Qi = (e) => {
-  const { t: n } = ne(), { shadowRootElement: o } = Le(In), r = _(), l = ie(), h = ee(), m = Se(), [u, f] = te(!1), a = e.brandingPrimaryColor || r.palette.primary.plainColor, S = Mi({
+}, _i = (e) => {
+  const { t: n } = ne(), { shadowRootElement: o } = De(kn), r = _(), l = re(), h = ee(), m = Se(), [u, f] = te(!1), a = e.brandingPrimaryColor || r.palette.primary.plainColor, S = Di({
     spacingScale: m,
     borderRadius: l,
     fontFamilyPrimary: h.primary,
@@ -3211,7 +3212,7 @@ const Di = (e) => {
     surface: r.surface
   }), s = e.prediction.fixtures.find(
     (C) => C.market === e.fixture.market
-  ), y = (C) => {
+  ), x = (C) => {
     const I = { ...e.prediction }, T = I.fixtures.findIndex(
       (E) => E.market === e.fixture.market
     );
@@ -3233,12 +3234,12 @@ const Di = (e) => {
     if (C === c.CORRECT_SCORE || C === c.CORRECT_SCORE_HT || C === c.CORRECT_SCORE_ADVANCED) {
       const T = (s == null ? void 0 : s.prediction.value) || "0:0", [E, g] = T.split(":").map(Number);
       return /* @__PURE__ */ t(
-        vt,
+        Ft,
         {
           matchModel: I,
           market: C,
-          onScoreChange: (v, P) => {
-            y({ value: `${v}:${P}` });
+          onScoreChange: (F, P) => {
+            x({ value: `${F}:${P}` });
           },
           initialHomeScore: E,
           initialAwayScore: g,
@@ -3247,12 +3248,12 @@ const Di = (e) => {
       );
     }
     return C === c.FT_1X2 || C === c.HT_1X2 ? /* @__PURE__ */ t(
-      Ft,
+      vt,
       {
         matchModel: I,
         market: C,
         onSelectionChange: (T) => {
-          y({ value: T });
+          x({ value: T });
         },
         brandingPrimaryColor: e.brandingPrimaryColor,
         prediction: s == null ? void 0 : s.prediction.value,
@@ -3265,29 +3266,29 @@ const Di = (e) => {
         market: c.CORNERS_MATCH,
         prediction: s == null ? void 0 : s.prediction.value,
         onCornersChange: (T) => {
-          y({ value: T });
+          x({ value: T });
         },
         showPoints: !1
       }
     ) : ut(C) ? /* @__PURE__ */ t(
-      Lt,
+      Dt,
       {
         matchModel: I,
         prediction: s == null ? void 0 : s.prediction.playerId,
         market: C,
         onPlayerSelection: (T) => {
-          y({ playerId: T, value: !0 });
+          x({ playerId: T, value: !0 });
         },
         brandingPrimaryColor: e.brandingPrimaryColor,
         showPoints: !1
       }
     ) : C === c.PENALTY_MATCH || C === c.RED_CARD_MATCH || C.includes("OVER_") ? /* @__PURE__ */ t(
-      Dt,
+      Lt,
       {
         matchModel: I,
         market: C,
         onSelectionChange: (T) => {
-          y({ value: T });
+          x({ value: T });
         },
         brandingPrimaryColor: e.brandingPrimaryColor,
         prediction: s == null ? void 0 : s.prediction.value,
@@ -3301,10 +3302,10 @@ const Di = (e) => {
       open: e.isOpen,
       onClose: e.onClose,
       container: o,
-      children: /* @__PURE__ */ d(En, { sx: S.modalDialog, children: [
-        /* @__PURE__ */ t(De, { onClick: e.onClose, sx: S.closeButton, children: /* @__PURE__ */ t(Hn, {}) }),
-        /* @__PURE__ */ t(Bn, { children: z() }),
-        e.view === "score" && /* @__PURE__ */ d(Nn, { children: [
+      children: /* @__PURE__ */ d(vn, { sx: S.modalDialog, children: [
+        /* @__PURE__ */ t(Le, { onClick: e.onClose, sx: S.closeButton, children: /* @__PURE__ */ t(On, {}) }),
+        /* @__PURE__ */ t(Hn, { children: z() }),
+        e.view === "score" && /* @__PURE__ */ d($n, { children: [
           /* @__PURE__ */ t(
             Pe,
             {
@@ -3349,7 +3350,7 @@ const Di = (e) => {
     }
   );
 }, ft = (e) => {
-  const { t: n } = ne(), o = _(), r = ie(), l = ee(), h = Se(), m = ce(), { squads: u } = Le(_e), [f, a] = te(!1), [S, s] = te(null), y = _i({
+  const { t: n } = ne(), o = _(), r = re(), l = ee(), h = Se(), m = ce(), { squads: u } = De(_e), [f, a] = te(!1), [S, s] = te(null), x = Li({
     spacingScale: h,
     borderRadius: r,
     fontFamilyPrimary: l.primary,
@@ -3364,8 +3365,8 @@ const Di = (e) => {
     isMobile: m,
     isSplitVariant: e.isSplitVariant || !1
   }), b = (g) => {
-    const v = e.fixtures[g];
-    s(v), a(!0);
+    const F = e.fixtures[g];
+    s(F), a(!0);
   }, z = () => {
     a(!1), s(null);
   }, C = (g) => {
@@ -3401,33 +3402,33 @@ const Di = (e) => {
         return n("matchQuiz.fixtures.redCardFixtureTitle");
       default:
         if (g.includes("OVER_GOALS")) {
-          const v = g.replace("OVER_GOALS_", "").replace("_", "."), P = Math.floor(parseFloat(v));
+          const F = g.replace("OVER_GOALS_", "").replace("_", "."), P = Math.floor(parseFloat(F));
           return n("matchQuiz.fixtures.overGoalsFixtureTitle", { threshold: P });
         }
         if (g.includes("OVER_CORNERS")) {
-          const v = g.replace("OVER_CORNERS_", "").replace("_", "."), P = Math.floor(parseFloat(v));
+          const F = g.replace("OVER_CORNERS_", "").replace("_", "."), P = Math.floor(parseFloat(F));
           return n("matchQuiz.fixtures.overCornersFixtureTitle", { threshold: P });
         }
         return "";
     }
   }, T = (g) => {
-    for (const [, v] of u.entries()) {
-      const P = v.find((M) => M.id === g);
+    for (const [, F] of u.entries()) {
+      const P = F.find((M) => M.id === g);
       if (P)
         return P;
     }
     return null;
   }, E = (g) => {
-    var D, H, F, V, R, W;
-    const v = (D = e.prediction.fixtures) == null ? void 0 : D.find(
+    var L, H, v, V, R, W;
+    const F = (L = e.prediction.fixtures) == null ? void 0 : L.find(
       (O) => O.market === g.market
     );
-    if (!v) return null;
+    if (!F) return null;
     const P = g.market, M = g.matchModel;
     if (P === c.CORRECT_SCORE || P === c.CORRECT_SCORE_HT || P === c.CORRECT_SCORE_ADVANCED) {
-      const O = v.prediction.value || "0:0", [k, Q] = O.split(":");
-      return /* @__PURE__ */ d(i, { sx: y.predictionBox, children: [
-        ((H = M.homeTeam.assets) == null ? void 0 : H.logo) && /* @__PURE__ */ t(i, { sx: y.teamLogo, children: /* @__PURE__ */ t(
+      const O = F.prediction.value || "0:0", [k, Q] = O.split(":");
+      return /* @__PURE__ */ d(i, { sx: x.predictionBox, children: [
+        ((H = M.homeTeam.assets) == null ? void 0 : H.logo) && /* @__PURE__ */ t(i, { sx: x.teamLogo, children: /* @__PURE__ */ t(
           "img",
           {
             src: M.homeTeam.assets.logo,
@@ -3440,12 +3441,12 @@ const Di = (e) => {
             }
           }
         ) }),
-        /* @__PURE__ */ d(x, { sx: y.selectionText, children: [
+        /* @__PURE__ */ d(y, { sx: x.selectionText, children: [
           k,
           ":",
           Q
         ] }),
-        ((F = M.awayTeam.assets) == null ? void 0 : F.logo) && /* @__PURE__ */ t(i, { sx: y.teamLogo, children: /* @__PURE__ */ t(
+        ((v = M.awayTeam.assets) == null ? void 0 : v.logo) && /* @__PURE__ */ t(i, { sx: x.teamLogo, children: /* @__PURE__ */ t(
           "img",
           {
             src: M.awayTeam.assets.logo,
@@ -3461,10 +3462,10 @@ const Di = (e) => {
       ] });
     }
     if (P === c.FT_1X2 || P === c.HT_1X2) {
-      const O = v.prediction.value;
+      const O = F.prediction.value;
       let k = "", Q = null;
-      return O === "1" ? (k = M.homeTeam.name, Q = (V = M.homeTeam.assets) == null ? void 0 : V.logo) : O === "x" ? k = n("matchQuiz.fixtures.draw") : O === "2" && (k = M.awayTeam.name, Q = (R = M.awayTeam.assets) == null ? void 0 : R.logo), /* @__PURE__ */ d(i, { sx: y.predictionBox, children: [
-        Q && /* @__PURE__ */ t(i, { sx: y.teamLogo, children: /* @__PURE__ */ t(
+      return O === "1" ? (k = M.homeTeam.name, Q = (V = M.homeTeam.assets) == null ? void 0 : V.logo) : O === "x" ? k = n("matchQuiz.fixtures.draw") : O === "2" && (k = M.awayTeam.name, Q = (R = M.awayTeam.assets) == null ? void 0 : R.logo), /* @__PURE__ */ d(i, { sx: x.predictionBox, children: [
+        Q && /* @__PURE__ */ t(i, { sx: x.teamLogo, children: /* @__PURE__ */ t(
           "img",
           {
             src: Q,
@@ -3477,18 +3478,18 @@ const Di = (e) => {
             }
           }
         ) }),
-        /* @__PURE__ */ t(x, { sx: y.selectionText, children: k })
+        /* @__PURE__ */ t(y, { sx: x.selectionText, children: k })
       ] });
     }
     if (P.includes("PLAYER_")) {
-      const O = v.prediction.playerId;
+      const O = F.prediction.playerId;
       if (!O)
-        return /* @__PURE__ */ t(i, { sx: y.predictionBox, children: /* @__PURE__ */ t(x, { sx: y.selectionText, children: n("matchQuiz.fixtures.noGoalWillBeScored") }) });
+        return /* @__PURE__ */ t(i, { sx: x.predictionBox, children: /* @__PURE__ */ t(y, { sx: x.selectionText, children: n("matchQuiz.fixtures.noGoalWillBeScored") }) });
       if (O === "OWN_GOAL")
-        return /* @__PURE__ */ t(i, { sx: y.predictionBox, children: /* @__PURE__ */ t(x, { sx: y.selectionText, children: n("matchQuiz.fixtures.ownGoal") }) });
+        return /* @__PURE__ */ t(i, { sx: x.predictionBox, children: /* @__PURE__ */ t(y, { sx: x.selectionText, children: n("matchQuiz.fixtures.ownGoal") }) });
       const k = T(O), Q = (k == null ? void 0 : k.name) || "Unknown Player";
-      return /* @__PURE__ */ d(i, { sx: y.predictionBox, children: [
-        /* @__PURE__ */ t(i, { sx: y.playerAvatar, children: (W = k == null ? void 0 : k.assets) != null && W.headshot ? /* @__PURE__ */ t(
+      return /* @__PURE__ */ d(i, { sx: x.predictionBox, children: [
+        /* @__PURE__ */ t(i, { sx: x.playerAvatar, children: (W = k == null ? void 0 : k.assets) != null && W.headshot ? /* @__PURE__ */ t(
           "img",
           {
             src: k.assets.headshot,
@@ -3500,56 +3501,56 @@ const Di = (e) => {
               borderRadius: "50%"
             }
           }
-        ) : /* @__PURE__ */ t(wt, { sx: y.playerAvatarIcon }) }),
-        /* @__PURE__ */ t(x, { sx: y.selectionText, children: Q })
+        ) : /* @__PURE__ */ t(wt, { sx: x.playerAvatarIcon }) }),
+        /* @__PURE__ */ t(y, { sx: x.selectionText, children: Q })
       ] });
     }
     if (P === c.PENALTY_MATCH || P === c.RED_CARD_MATCH || P.includes("OVER_")) {
-      const O = v.prediction.value === !0;
-      return /* @__PURE__ */ t(i, { sx: y.predictionBox, children: /* @__PURE__ */ t(x, { sx: y.selectionText, children: n(O ? "matchQuiz.fixtures.yes" : "matchQuiz.fixtures.no") }) });
+      const O = F.prediction.value === !0;
+      return /* @__PURE__ */ t(i, { sx: x.predictionBox, children: /* @__PURE__ */ t(y, { sx: x.selectionText, children: n(O ? "matchQuiz.fixtures.yes" : "matchQuiz.fixtures.no") }) });
     }
     if (P === c.CORNERS_MATCH) {
-      const O = v.prediction.value || 6;
-      return /* @__PURE__ */ t(i, { sx: y.predictionBox, children: /* @__PURE__ */ t(x, { sx: y.selectionText, children: O }) });
+      const O = F.prediction.value || 6;
+      return /* @__PURE__ */ t(i, { sx: x.predictionBox, children: /* @__PURE__ */ t(y, { sx: x.selectionText, children: O }) });
     }
     return null;
   };
-  return /* @__PURE__ */ t(p, { children: /* @__PURE__ */ d(i, { sx: y.container, children: [
-    /* @__PURE__ */ t(x, { sx: y.title, children: n("matchQuiz.summary.title") }),
-    /* @__PURE__ */ t(fn, { sx: y.tableContainer, children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ t(p, { children: /* @__PURE__ */ d(i, { sx: x.container, children: [
+    /* @__PURE__ */ t(y, { sx: x.title, children: n("matchQuiz.summary.title") }),
+    /* @__PURE__ */ t(fn, { sx: x.tableContainer, children: /* @__PURE__ */ d(
       xn,
       {
         variant: "outlined",
         hoverRow: !1,
         borderAxis: "bothBetween",
         size: "sm",
-        sx: y.table,
+        sx: x.table,
         children: [
           /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ d("tr", { children: [
-            /* @__PURE__ */ t("th", { style: y.headerCell, children: n("matchQuiz.summary.prediction") }),
-            /* @__PURE__ */ t("th", { style: y.headerCellAction })
+            /* @__PURE__ */ t("th", { style: x.headerCell, children: n("matchQuiz.summary.prediction") }),
+            /* @__PURE__ */ t("th", { style: x.headerCellAction })
           ] }) }),
-          /* @__PURE__ */ t("tbody", { children: e.fixtures.map((g, v) => /* @__PURE__ */ d("tr", { children: [
-            /* @__PURE__ */ t("td", { style: y.predictionCell, children: /* @__PURE__ */ d(i, { sx: y.predictionContent, children: [
-              /* @__PURE__ */ t(x, { sx: y.questionText, children: I(g.market) }),
+          /* @__PURE__ */ t("tbody", { children: e.fixtures.map((g, F) => /* @__PURE__ */ d("tr", { children: [
+            /* @__PURE__ */ t("td", { style: x.predictionCell, children: /* @__PURE__ */ d(i, { sx: x.predictionContent, children: [
+              /* @__PURE__ */ t(y, { sx: x.questionText, children: I(g.market) }),
               E(g)
             ] }) }),
-            /* @__PURE__ */ t("td", { style: y.actionCell, children: /* @__PURE__ */ t(
-              De,
+            /* @__PURE__ */ t("td", { style: x.actionCell, children: /* @__PURE__ */ t(
+              Le,
               {
                 variant: "plain",
                 size: "sm",
-                sx: y.editIconButton,
-                onClick: () => b(v),
-                children: /* @__PURE__ */ t(Un, {})
+                sx: x.editIconButton,
+                onClick: () => b(F),
+                children: /* @__PURE__ */ t(Nn, {})
               }
             ) })
-          ] }, `${g.market}-${v}`)) })
+          ] }, `${g.market}-${F}`)) })
         ]
       }
     ) }),
     S && /* @__PURE__ */ t(
-      Qi,
+      _i,
       {
         isOpen: f,
         onClose: z,
@@ -3563,8 +3564,8 @@ const Di = (e) => {
       }
     )
   ] }) });
-}, Oi = (e) => {
-  var Te, ve, Ae, Me, Qe, Oe, He, Be, We, Ve, je, L, Y, K, G, ae, X, w, Z, he, oe, fe;
+}, Mi = (e) => {
+  var Te, Fe, Ae, Me, Qe, Oe, He, Be, We, Ve, je, D, Y, K, G, ie, X, w, Z, he, ae, fe;
   const [n, o] = et.useState(1), [r, l] = et.useState(
     ((Te = e.leads) == null ? void 0 : Te.position) === "before" && e.matchQuiz.authRequirement === "LEAD"
   );
@@ -3573,63 +3574,63 @@ const Di = (e) => {
     l(
       ((A = e.leads) == null ? void 0 : A.position) === "before" && e.matchQuiz.authRequirement === "LEAD" || !1
     );
-  }, [(ve = e.leads) == null ? void 0 : ve.position, e.matchQuiz.authRequirement]);
-  const h = Se(), m = Ee(), { t: u } = ne(), f = ce(), a = Ne(), { brandingImage: S, brandingColors: s, brandingLogo: y } = Tt(e.matchQuiz.branding || null), b = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : f ? it : at, z = S || Je(
+  }, [(Fe = e.leads) == null ? void 0 : Fe.position, e.matchQuiz.authRequirement]);
+  const h = Se(), m = Ee(), { t: u } = ne(), f = ce(), a = Ne(), { brandingImage: S, brandingColors: s, brandingLogo: x } = Tt(e.matchQuiz.branding || null), b = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : f ? it : at, z = S || Je(
     {
       images: e.matchQuiz.images,
       imagePlaceholder: b
     },
     Ce.OVERLAY
-  ), C = m.customRadius.dark.md, I = (s == null ? void 0 : s.backgroundColor) || ((Me = (Ae = m.colorSchemes) == null ? void 0 : Ae.dark) == null ? void 0 : Me.surfaceVariant), T = (Oe = (Qe = m.customRadius) == null ? void 0 : Qe.light) == null ? void 0 : Oe.xl, E = (s == null ? void 0 : s.primaryColor) || ((Ve = (We = (Be = (He = m.colorSchemes) == null ? void 0 : He.light) == null ? void 0 : Be.palette) == null ? void 0 : We.primary) == null ? void 0 : Ve.plainColor), g = (K = (Y = (L = (je = m.colorSchemes) == null ? void 0 : je.light) == null ? void 0 : L.palette) == null ? void 0 : Y.primary) == null ? void 0 : K.onPrimary, v = m.customFontFamily.dark.primary, P = m.colorSchemes.dark.textColor, M = (w = (X = (ae = (G = m.colorSchemes) == null ? void 0 : G.light) == null ? void 0 : ae.palette) == null ? void 0 : X.danger) == null ? void 0 : w.plainColor, D = (s == null ? void 0 : s.contentColor) || m.colorSchemes.dark.textColor, F = di({
+  ), C = m.customRadius.dark.md, I = (s == null ? void 0 : s.backgroundColor) || ((Me = (Ae = m.colorSchemes) == null ? void 0 : Ae.dark) == null ? void 0 : Me.surfaceVariant), T = (Oe = (Qe = m.customRadius) == null ? void 0 : Qe.light) == null ? void 0 : Oe.xl, E = (s == null ? void 0 : s.primaryColor) || ((Ve = (We = (Be = (He = m.colorSchemes) == null ? void 0 : He.light) == null ? void 0 : Be.palette) == null ? void 0 : We.primary) == null ? void 0 : Ve.plainColor), g = (K = (Y = (D = (je = m.colorSchemes) == null ? void 0 : je.light) == null ? void 0 : D.palette) == null ? void 0 : Y.primary) == null ? void 0 : K.onPrimary, F = m.customFontFamily.dark.primary, P = m.colorSchemes.dark.textColor, M = (w = (X = (ie = (G = m.colorSchemes) == null ? void 0 : G.light) == null ? void 0 : ie.palette) == null ? void 0 : X.danger) == null ? void 0 : w.plainColor, L = (s == null ? void 0 : s.contentColor) || m.colorSchemes.dark.textColor, v = ci({
     spacingScale: h,
     mdBorderRadius: C,
     contentBgColor: I,
     buttonRadius: T,
     primaryColor: E,
     onPrimaryColor: g,
-    fontFamilyPrimary: v,
+    fontFamilyPrimary: F,
     darkTextColor: P,
     isMobile: f,
     isExtraSmall: a,
     dangerColor: M,
-    textColor: D,
+    textColor: L,
     opacity: "60%"
   }), V = () => {
     l(!1);
   }, R = Ye(
     (A, J, me) => {
-      const le = `${J}:${me}`;
-      e.setPrediction((re) => {
-        const Re = { ...re }, Fe = Re.fixtures.find((Xe) => Xe.market === A);
-        return Fe && (Fe.prediction.value = le), Re;
+      const oe = `${J}:${me}`;
+      e.setPrediction((le) => {
+        const Re = { ...le }, ve = Re.fixtures.find((Xe) => Xe.market === A);
+        return ve && (ve.prediction.value = oe), Re;
       });
     },
     [e.setPrediction]
   ), W = Ye(
     (A, J) => {
       e.setPrediction((me) => {
-        const le = { ...me }, re = le.fixtures.find(
+        const oe = { ...me }, le = oe.fixtures.find(
           (Re) => Re.market === A
         );
-        return re && (re.prediction.value = J), le;
+        return le && (le.prediction.value = J), oe;
       });
     },
     [e.setPrediction]
   ), O = Ye(
     (A, J) => {
       e.setPrediction((me) => {
-        const le = { ...me }, re = le.fixtures.find(
+        const oe = { ...me }, le = oe.fixtures.find(
           (Re) => Re.market === A
         );
-        return re && (re.prediction.playerId = J), le;
+        return le && (le.prediction.playerId = J), oe;
       });
     },
     [e.setPrediction]
   ), k = Ye(
     (A, J) => {
       e.setPrediction((me) => {
-        const le = { ...me }, re = le.fixtures.find((Re) => Re.market === A);
-        return re && (re.prediction.value = J), le;
+        const oe = { ...me }, le = oe.fixtures.find((Re) => Re.market === A);
+        return le && (le.prediction.value = J), oe;
       });
     },
     [e.setPrediction]
@@ -3640,33 +3641,33 @@ const Di = (e) => {
   }, $ = (A) => {
     o(A + 1);
   }, xe = () => {
-    var me, le;
+    var me, oe;
     if (n === Q) return !0;
     const A = e.matchQuiz.fixtures[n - 1];
     if (!A) return !1;
-    const J = (le = (me = e.prediction) == null ? void 0 : me.fixtures) == null ? void 0 : le.find(
-      (re) => re.market === A.market
+    const J = (oe = (me = e.prediction) == null ? void 0 : me.fixtures) == null ? void 0 : oe.find(
+      (le) => le.market === A.market
     );
     return J ? A.market === c.CORRECT_SCORE || A.market === c.CORRECT_SCORE_HT || A.market === c.CORRECT_SCORE_ADVANCED || A.market === c.CORNERS_MATCH ? !0 : A.market === c.PLAYER_SCORE || A.market === c.PLAYER_YELLOW_CARD || A.market === c.PLAYER_RED_CARD || A.market === c.PLAYER_SCORE_FIRST_GOAL || A.market === c.PLAYER_SCORE_HATTRICK || A.market === c.PLAYER_SCORE_TWICE ? J.prediction.playerId !== void 0 : J.prediction.value !== null : !1;
   }, ge = () => {
-    var A, J, me, le, re;
+    var A, J, me, oe, le;
     return /* @__PURE__ */ t(
       ke,
       {
-        brandingLogo: y,
+        brandingLogo: x,
         textColor: m.colorSchemes.dark.textColor,
         label: ((A = e.matchQuiz.labels) == null ? void 0 : A.sponsor) || null,
         primaryUrl: (me = (J = e.matchQuiz.branding) == null ? void 0 : J.urls) == null ? void 0 : me.primaryUrl,
-        secondaryUrl: (re = (le = e.matchQuiz.branding) == null ? void 0 : le.urls) == null ? void 0 : re.secondaryUrl
+        secondaryUrl: (le = (oe = e.matchQuiz.branding) == null ? void 0 : oe.urls) == null ? void 0 : le.secondaryUrl
       }
     );
   }, ze = () => {
-    var le, re, Re, Fe;
-    const A = (le = e.matchQuiz.fixtures[0]) == null ? void 0 : le.matchModel;
-    if (!A || !((re = A.scores) != null && re.ftScore)) return null;
+    var oe, le, Re, ve;
+    const A = (oe = e.matchQuiz.fixtures[0]) == null ? void 0 : oe.matchModel;
+    if (!A || !((le = A.scores) != null && le.ftScore)) return null;
     const J = A.scores.ftScore.homeGoals || 0, me = A.scores.ftScore.awayGoals || 0;
-    return /* @__PURE__ */ d(i, { sx: F.matchResultBadge, children: [
-      ((Re = A.homeTeam.assets) == null ? void 0 : Re.logo) && /* @__PURE__ */ t(i, { sx: F.matchResultTeamLogo, children: /* @__PURE__ */ t(
+    return /* @__PURE__ */ d(i, { sx: v.matchResultBadge, children: [
+      ((Re = A.homeTeam.assets) == null ? void 0 : Re.logo) && /* @__PURE__ */ t(i, { sx: v.matchResultTeamLogo, children: /* @__PURE__ */ t(
         "img",
         {
           src: A.homeTeam.assets.logo,
@@ -3679,12 +3680,12 @@ const Di = (e) => {
           }
         }
       ) }),
-      /* @__PURE__ */ d(x, { sx: F.matchResultScoreText, children: [
+      /* @__PURE__ */ d(y, { sx: v.matchResultScoreText, children: [
         J,
         " - ",
         me
       ] }),
-      ((Fe = A.awayTeam.assets) == null ? void 0 : Fe.logo) && /* @__PURE__ */ t(i, { sx: F.matchResultTeamLogo, children: /* @__PURE__ */ t(
+      ((ve = A.awayTeam.assets) == null ? void 0 : ve.logo) && /* @__PURE__ */ t(i, { sx: v.matchResultTeamLogo, children: /* @__PURE__ */ t(
         "img",
         {
           src: A.awayTeam.assets.logo,
@@ -3698,26 +3699,26 @@ const Di = (e) => {
         }
       ) })
     ] });
-  }, ot = () => /* @__PURE__ */ t(i, { sx: F.contentContainerWithBackdrop, children: /* @__PURE__ */ d(i, { sx: F.gameStateContainer, children: [
-    /* @__PURE__ */ t(x, { component: "h5", sx: F.stateTitle, children: u("matchQuiz.states.pending.title") }),
-    /* @__PURE__ */ t(x, { sx: F.stateDescription, children: u("matchQuiz.states.pending.description") })
-  ] }) }), be = () => /* @__PURE__ */ t(i, { sx: F.contentContainerWithBackdrop, children: /* @__PURE__ */ d(i, { sx: F.gameStateContainer, children: [
+  }, ot = () => /* @__PURE__ */ t(i, { sx: v.contentContainerWithBackdrop, children: /* @__PURE__ */ d(i, { sx: v.gameStateContainer, children: [
+    /* @__PURE__ */ t(y, { component: "h5", sx: v.stateTitle, children: u("matchQuiz.states.pending.title") }),
+    /* @__PURE__ */ t(y, { sx: v.stateDescription, children: u("matchQuiz.states.pending.description") })
+  ] }) }), be = () => /* @__PURE__ */ t(i, { sx: v.contentContainerWithBackdrop, children: /* @__PURE__ */ d(i, { sx: v.gameStateContainer, children: [
     ze(),
-    /* @__PURE__ */ d(i, { sx: F.liveIndicatorContainer, children: [
-      /* @__PURE__ */ t(i, { sx: F.liveIndicator }),
-      /* @__PURE__ */ t(x, { component: "h5", sx: F.liveText, children: u("matchQuiz.states.live.indicator") })
+    /* @__PURE__ */ d(i, { sx: v.liveIndicatorContainer, children: [
+      /* @__PURE__ */ t(i, { sx: v.liveIndicator }),
+      /* @__PURE__ */ t(y, { component: "h5", sx: v.liveText, children: u("matchQuiz.states.live.indicator") })
     ] }),
-    /* @__PURE__ */ t(x, { sx: F.stateDescription, children: u("matchQuiz.states.live.description") })
-  ] }) }), Ue = () => /* @__PURE__ */ t(i, { sx: F.contentContainerWithBackdrop, children: /* @__PURE__ */ d(i, { sx: F.gameStateContainer, children: [
+    /* @__PURE__ */ t(y, { sx: v.stateDescription, children: u("matchQuiz.states.live.description") })
+  ] }) }), Ue = () => /* @__PURE__ */ t(i, { sx: v.contentContainerWithBackdrop, children: /* @__PURE__ */ d(i, { sx: v.gameStateContainer, children: [
     ze(),
-    /* @__PURE__ */ t(i, { sx: F.closedStateHeader, children: /* @__PURE__ */ t(x, { component: "h5", sx: F.stateTitle, children: u("matchQuiz.states.closed.title") }) }),
-    /* @__PURE__ */ t(x, { sx: F.stateDescription, children: u("matchQuiz.states.closed.description") })
-  ] }) }), se = () => /* @__PURE__ */ d(i, { sx: F.gameStateContainer, children: [
-    /* @__PURE__ */ t(x, { component: "h5", sx: F.stateTitle, children: u("matchQuiz.states.open.title") }),
-    /* @__PURE__ */ t(x, { sx: F.stateDescription, children: u("matchQuiz.states.open.description") })
+    /* @__PURE__ */ t(i, { sx: v.closedStateHeader, children: /* @__PURE__ */ t(y, { component: "h5", sx: v.stateTitle, children: u("matchQuiz.states.closed.title") }) }),
+    /* @__PURE__ */ t(y, { sx: v.stateDescription, children: u("matchQuiz.states.closed.description") })
+  ] }) }), se = () => /* @__PURE__ */ d(i, { sx: v.gameStateContainer, children: [
+    /* @__PURE__ */ t(y, { component: "h5", sx: v.stateTitle, children: u("matchQuiz.states.open.title") }),
+    /* @__PURE__ */ t(y, { sx: v.stateDescription, children: u("matchQuiz.states.open.description") })
   ] }), q = tt(() => e.matchQuiz.fixtures[n - 1], [e.matchQuiz.fixtures, n]), B = tt(() => q == null ? void 0 : q.matchModel, [
     (he = (Z = q == null ? void 0 : q.matchModel) == null ? void 0 : Z.homeTeam) == null ? void 0 : he.id,
-    (fe = (oe = q == null ? void 0 : q.matchModel) == null ? void 0 : oe.awayTeam) == null ? void 0 : fe.id
+    (fe = (ae = q == null ? void 0 : q.matchModel) == null ? void 0 : ae.awayTeam) == null ? void 0 : fe.id
   ]), j = tt(() => q ? {
     onScoreChange: (A, J) => R(q.market, A, J),
     onSelectionChange: (A) => W(q.market, A),
@@ -3730,7 +3731,7 @@ const Di = (e) => {
     k,
     O
   ]), Ie = () => {
-    var J, me, le, re, Re, Fe, Xe, Ke, Ze, Ge, lt, $e, zt, dt;
+    var J, me, oe, le, Re, ve, Xe, Ke, Ze, Ge, lt, $e, zt, dt;
     const A = q;
     if (ue)
       return se();
@@ -3743,7 +3744,7 @@ const Di = (e) => {
             (nt) => nt.market === A.market
           ), xt = (ct == null ? void 0 : ct.prediction.value) || "0:0", [yt, pe] = xt.split(":").map(Number);
           return /* @__PURE__ */ t(
-            vt,
+            Ft,
             {
               matchModel: B,
               market: A.market,
@@ -3756,11 +3757,11 @@ const Di = (e) => {
           );
         case c.FT_1X2:
         case c.HT_1X2:
-          const _t = (re = (le = e.prediction) == null ? void 0 : le.fixtures) == null ? void 0 : re.find(
+          const _t = (le = (oe = e.prediction) == null ? void 0 : oe.fixtures) == null ? void 0 : le.find(
             (nt) => nt.market === A.market
           );
           return /* @__PURE__ */ t(
-            Ft,
+            vt,
             {
               matchModel: B,
               market: A.market,
@@ -3771,7 +3772,7 @@ const Di = (e) => {
             `${A.market}-${n}`
           );
         case c.CORNERS_MATCH:
-          const Mt = (Xe = (Fe = e.prediction) == null ? void 0 : Fe.fixtures) == null ? void 0 : Xe.find(
+          const Mt = (Xe = (ve = e.prediction) == null ? void 0 : ve.fixtures) == null ? void 0 : Xe.find(
             (nt) => nt.market === A.market
           );
           return /* @__PURE__ */ t(
@@ -3806,7 +3807,7 @@ const Di = (e) => {
             (nt) => nt.market === A.market
           );
           return /* @__PURE__ */ t(
-            Dt,
+            Lt,
             {
               matchModel: B,
               market: A.market,
@@ -3826,7 +3827,7 @@ const Di = (e) => {
             (nt) => nt.market === A.market
           );
           return /* @__PURE__ */ t(
-            Lt,
+            Dt,
             {
               matchModel: B,
               market: A.market,
@@ -3851,9 +3852,9 @@ const Di = (e) => {
         return de();
     }
   }, de = () => {
-    var A, J, me, le, re, Re, Fe, Xe, Ke, Ze, Ge;
+    var A, J, me, oe, le, Re, ve, Xe, Ke, Ze, Ge;
     return /* @__PURE__ */ t(p, { children: r ? /* @__PURE__ */ d(p, { children: [
-      /* @__PURE__ */ t(i, { sx: F.contentContainerWithBackdrop, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t(i, { sx: v.contentContainerWithBackdrop, children: /* @__PURE__ */ t(
         ht,
         {
           sdk: e.sdk,
@@ -3863,17 +3864,17 @@ const Di = (e) => {
           brandingColors: (A = e.matchQuiz.branding) == null ? void 0 : A.colors,
           brandingUrls: (J = e.matchQuiz.branding) == null ? void 0 : J.urls,
           campaignId: (me = e.leads) == null ? void 0 : me.campaignId,
-          campaignName: (le = e.leads) == null ? void 0 : le.campaignName,
-          fields: (re = e.leads) == null ? void 0 : re.fields,
+          campaignName: (oe = e.leads) == null ? void 0 : oe.campaignName,
+          fields: (le = e.leads) == null ? void 0 : le.fields,
           leadTitle: (Re = e.matchQuiz.labels) == null ? void 0 : Re.leadTitle,
-          leadDescription: (Fe = e.matchQuiz.labels) == null ? void 0 : Fe.leadDescription,
+          leadDescription: (ve = e.matchQuiz.labels) == null ? void 0 : ve.leadDescription,
           leadCta: (Xe = e.matchQuiz.labels) == null ? void 0 : Xe.leadCta,
           leadSuccessTitle: (Ke = e.matchQuiz.labels) == null ? void 0 : Ke.leadSuccessTitle,
           leadSuccessDescription: (Ze = e.matchQuiz.labels) == null ? void 0 : Ze.leadSuccessDescription,
           syncWithProfile: (Ge = e.leads) == null ? void 0 : Ge.syncWithProfile
         }
       ) }),
-      y ? ge() : /* @__PURE__ */ t(p, {})
+      x ? ge() : /* @__PURE__ */ t(p, {})
     ] }) : /* @__PURE__ */ d(p, { children: [
       e.showCountdown && e.matchQuiz.status === "OPEN" && /* @__PURE__ */ t(
         Kt,
@@ -3891,7 +3892,7 @@ const Di = (e) => {
           brandingPrimaryColor: s == null ? void 0 : s.primaryColor
         }
       ),
-      /* @__PURE__ */ t(i, { sx: F.contentContainerWithBackdrop, children: n === Q ? /* @__PURE__ */ t(
+      /* @__PURE__ */ t(i, { sx: v.contentContainerWithBackdrop, children: n === Q ? /* @__PURE__ */ t(
         ft,
         {
           fixtures: e.matchQuiz.fixtures,
@@ -3906,10 +3907,10 @@ const Di = (e) => {
       /* @__PURE__ */ d(
         i,
         {
-          sx: y ? F.footerContainer : F.footerContainerNoLogo,
+          sx: x ? v.footerContainer : v.footerContainerNoLogo,
           children: [
-            y && !a ? ge() : /* @__PURE__ */ t(p, {}),
-            /* @__PURE__ */ d(i, { sx: F.navigationContainer, children: [
+            x && !a ? ge() : /* @__PURE__ */ t(p, {}),
+            /* @__PURE__ */ d(i, { sx: v.navigationContainer, children: [
               n > 1 && n < Q && /* @__PURE__ */ t(
                 Pe,
                 {
@@ -3938,10 +3939,10 @@ const Di = (e) => {
                     boxShadow: "var(--joy-shadow-md)"
                   },
                   children: /* @__PURE__ */ t(
-                    x,
+                    y,
                     {
                       sx: {
-                        fontFamily: v,
+                        fontFamily: F,
                         fontWeight: 500,
                         fontSize: "0.9375em",
                         lineHeight: "24px",
@@ -3994,10 +3995,10 @@ const Di = (e) => {
                     boxShadow: "var(--joy-shadow-md)"
                   },
                   children: /* @__PURE__ */ t(
-                    x,
+                    y,
                     {
                       sx: {
-                        fontFamily: v,
+                        fontFamily: F,
                         fontWeight: 500,
                         fontSize: "0.9375em",
                         lineHeight: "24px",
@@ -4017,11 +4018,11 @@ const Di = (e) => {
           ]
         }
       ),
-      y && a ? ge() : /* @__PURE__ */ t(p, {})
+      x && a ? ge() : /* @__PURE__ */ t(p, {})
     ] }) });
   };
   return /* @__PURE__ */ t(
-    Wn,
+    Bn,
     {
       entity: e.matchQuiz,
       headline: u("matchQuiz.headline"),
@@ -4034,7 +4035,7 @@ const Di = (e) => {
   children: e,
   brandingBorderColor: n
 }) => {
-  const o = ce(), r = ie().md, l = n || _().secondaryContainer, m = Rt().size + " solid " + l;
+  const o = ce(), r = re().md, l = n || _().secondaryContainer, m = Rt().size + " solid " + l;
   return /* @__PURE__ */ t(
     i,
     {
@@ -4052,7 +4053,7 @@ const Di = (e) => {
       children: e
     }
   );
-}, Hi = (e) => {
+}, Qi = (e) => {
   var n, o, r;
   return {
     // Mobile headline with image background
@@ -4424,8 +4425,8 @@ const Di = (e) => {
       lineHeight: 1
     }
   };
-}, Bi = (e) => {
-  var Me, Qe, Oe, He, Be, We, Ve, je, L, Y, K, G, ae, X;
+}, Oi = (e) => {
+  var Me, Qe, Oe, He, Be, We, Ve, je, D, Y, K, G, ie, X;
   const [n, o] = et.useState(1), [r, l] = et.useState(
     ((Me = e.leads) == null ? void 0 : Me.position) === "before" && e.matchQuiz.authRequirement === "LEAD"
   ), h = Ee(), { t: m } = ne();
@@ -4435,23 +4436,23 @@ const Di = (e) => {
       ((w = e.leads) == null ? void 0 : w.position) === "before" && e.matchQuiz.authRequirement === "LEAD" || !1
     );
   }, [(Qe = e.leads) == null ? void 0 : Qe.position, e.matchQuiz.authRequirement]);
-  const u = ce(), f = Ne(), a = ((Oe = e.matchQuiz.branding) == null ? void 0 : Oe.colors) || null, S = u ? ((Be = (He = e.matchQuiz.branding) == null ? void 0 : He.images) == null ? void 0 : Be.mobileLogo) || ((Ve = (We = e.matchQuiz.branding) == null ? void 0 : We.images) == null ? void 0 : Ve.mainLogo) || "" : ((L = (je = e.matchQuiz.branding) == null ? void 0 : je.images) == null ? void 0 : L.mainLogo) || "", s = e.imagePosition || "left", y = Je(
+  const u = ce(), f = Ne(), a = ((Oe = e.matchQuiz.branding) == null ? void 0 : Oe.colors) || null, S = u ? ((Be = (He = e.matchQuiz.branding) == null ? void 0 : He.images) == null ? void 0 : Be.mobileLogo) || ((Ve = (We = e.matchQuiz.branding) == null ? void 0 : We.images) == null ? void 0 : Ve.mainLogo) || "" : ((D = (je = e.matchQuiz.branding) == null ? void 0 : je.images) == null ? void 0 : D.mainLogo) || "", s = e.imagePosition || "left", x = Je(
     {
       images: e.matchQuiz.images,
       imagePlaceholder: e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : ""
     },
     Ce.STANDARD
-  ), b = f || u && !!y, z = _().palette.danger.plainColor, C = (a == null ? void 0 : a.contentColor) || _().textColor, I = (a == null ? void 0 : a.secondaryColor) || _().textColor, T = ee().secondary, E = "60%", g = ee().primary, v = (a == null ? void 0 : a.backgroundColor) || _().surfaceVariant, P = ie(), M = (a == null ? void 0 : a.primaryColor) || _().palette.primary.plainColor, D = _().palette.primary.onPrimary, H = ie().xl, F = Se(), V = rt(
+  ), b = f || u && !!x, z = _().palette.danger.plainColor, C = (a == null ? void 0 : a.contentColor) || _().textColor, I = (a == null ? void 0 : a.secondaryColor) || _().textColor, T = ee().secondary, E = "60%", g = ee().primary, F = (a == null ? void 0 : a.backgroundColor) || _().surfaceVariant, P = re(), M = (a == null ? void 0 : a.primaryColor) || _().palette.primary.plainColor, L = _().palette.primary.onPrimary, H = re().xl, v = Se(), V = rt(
     Ce.STANDARD
-  ), R = Hi({
-    finalImage: y,
-    spacingScale: F,
+  ), R = Qi({
+    finalImage: x,
+    spacingScale: v,
     borderRadius: P,
     fontFamilyPrimary: g,
     fontFamilySecondary: T,
     textColor: C,
     secondaryColor: I,
-    bgcolor: ye(v || ""),
+    bgcolor: ye(F || ""),
     opacity: E,
     brandingColors: a,
     darkTextColor: h.colorSchemes.dark.textColor,
@@ -4463,38 +4464,38 @@ const Di = (e) => {
     l(!1);
   }, O = Ye(
     (w, Z, he) => {
-      const oe = `${Z}:${he}`;
+      const ae = `${Z}:${he}`;
       e.setPrediction((fe) => {
         const A = { ...fe }, J = A.fixtures.find((me) => me.market === w);
-        return J && (J.prediction.value = oe), A;
+        return J && (J.prediction.value = ae), A;
       });
     },
     [e.setPrediction]
   ), k = Ye(
     (w, Z) => {
       e.setPrediction((he) => {
-        const oe = { ...he }, fe = oe.fixtures.find(
+        const ae = { ...he }, fe = ae.fixtures.find(
           (A) => A.market === w
         );
-        return fe && (fe.prediction.value = Z), oe;
+        return fe && (fe.prediction.value = Z), ae;
       });
     },
     [e.setPrediction]
   ), Q = Ye(
     (w, Z) => {
       e.setPrediction((he) => {
-        const oe = { ...he }, fe = oe.fixtures.find(
+        const ae = { ...he }, fe = ae.fixtures.find(
           (A) => A.market === w
         );
-        return fe && (fe.prediction.playerId = Z), oe;
+        return fe && (fe.prediction.playerId = Z), ae;
       });
     },
     [e.setPrediction]
   ), ue = Ye(
     (w, Z) => {
       e.setPrediction((he) => {
-        const oe = { ...he }, fe = oe.fixtures.find((A) => A.market === w);
-        return fe && (fe.prediction.value = Z), oe;
+        const ae = { ...he }, fe = ae.fixtures.find((A) => A.market === w);
+        return fe && (fe.prediction.value = Z), ae;
       });
     },
     [e.setPrediction]
@@ -4503,11 +4504,11 @@ const Di = (e) => {
   }, ge = (w) => {
     o(w + 1);
   }, ze = () => {
-    var he, oe;
+    var he, ae;
     if (n === N) return !0;
     const w = e.matchQuiz.fixtures[n - 1];
     if (!w) return !1;
-    const Z = (oe = (he = e.prediction) == null ? void 0 : he.fixtures) == null ? void 0 : oe.find(
+    const Z = (ae = (he = e.prediction) == null ? void 0 : he.fixtures) == null ? void 0 : ae.find(
       (fe) => fe.market === w.market
     );
     return Z ? w.market === c.CORRECT_SCORE || w.market === c.CORRECT_SCORE_HT || w.market === c.CORRECT_SCORE_ADVANCED || w.market === c.CORNERS_MATCH ? !0 : w.market === c.PLAYER_SCORE || w.market === c.PLAYER_YELLOW_CARD || w.market === c.PLAYER_RED_CARD || w.market === c.PLAYER_SCORE_FIRST_GOAL || w.market === c.PLAYER_SCORE_HATTRICK || w.market === c.PLAYER_SCORE_TWICE ? Z.prediction.playerId !== void 0 : Z.prediction.value !== null : !1;
@@ -4515,13 +4516,13 @@ const Di = (e) => {
     n > 1 && o(n - 1);
   }, be = () => /* @__PURE__ */ t(i, { sx: R.questionArea, children: /* @__PURE__ */ d(i, { sx: R.questionContainer, children: [
     /* @__PURE__ */ t(i, { sx: R.questionContentContainer, children: /* @__PURE__ */ d(i, { sx: R.gameStateContainer, children: [
-      /* @__PURE__ */ t(x, { sx: R.stateTitle, children: m("matchQuiz.states.pending.title") }),
-      /* @__PURE__ */ t(x, { sx: R.stateDescription, children: m("matchQuiz.states.pending.description") })
+      /* @__PURE__ */ t(y, { sx: R.stateTitle, children: m("matchQuiz.states.pending.title") }),
+      /* @__PURE__ */ t(y, { sx: R.stateDescription, children: m("matchQuiz.states.pending.description") })
     ] }) }),
     S && /* @__PURE__ */ t(i, { sx: R.footerContainer, children: we(C) })
   ] }) }), Ue = () => {
-    var oe, fe, A, J;
-    const w = (oe = e.matchQuiz.fixtures[0]) == null ? void 0 : oe.matchModel;
+    var ae, fe, A, J;
+    const w = (ae = e.matchQuiz.fixtures[0]) == null ? void 0 : ae.matchModel;
     if (!w || !((fe = w.scores) != null && fe.ftScore)) return null;
     const Z = w.scores.ftScore.homeGoals || 0, he = w.scores.ftScore.awayGoals || 0;
     return /* @__PURE__ */ d(i, { sx: R.matchResultBadge, children: [
@@ -4538,7 +4539,7 @@ const Di = (e) => {
           }
         }
       ) }),
-      /* @__PURE__ */ d(x, { sx: R.matchResultScoreText, children: [
+      /* @__PURE__ */ d(y, { sx: R.matchResultScoreText, children: [
         Z,
         " - ",
         he
@@ -4562,23 +4563,23 @@ const Di = (e) => {
       Ue(),
       /* @__PURE__ */ d(i, { sx: R.liveIndicatorContainer, children: [
         /* @__PURE__ */ t(i, { sx: R.liveIndicator }),
-        /* @__PURE__ */ t(x, { sx: R.liveText, children: m("matchQuiz.states.live.indicator") })
+        /* @__PURE__ */ t(y, { sx: R.liveText, children: m("matchQuiz.states.live.indicator") })
       ] }),
-      /* @__PURE__ */ t(x, { sx: R.stateDescription, children: m("matchQuiz.states.live.description") })
+      /* @__PURE__ */ t(y, { sx: R.stateDescription, children: m("matchQuiz.states.live.description") })
     ] }) }),
     S && /* @__PURE__ */ t(i, { sx: R.footerContainer, children: we(C) })
   ] }) }), q = () => /* @__PURE__ */ t(i, { sx: R.questionArea, children: /* @__PURE__ */ d(i, { sx: R.questionContainer, children: [
     /* @__PURE__ */ t(i, { sx: R.questionContentContainer, children: /* @__PURE__ */ d(i, { sx: R.gameStateContainer, children: [
       Ue(),
-      /* @__PURE__ */ t(i, { sx: R.closedStateHeader, children: /* @__PURE__ */ t(x, { sx: R.stateTitle, children: m("matchQuiz.states.closed.title") }) }),
-      /* @__PURE__ */ t(x, { sx: R.stateDescription, children: m("matchQuiz.states.closed.description") })
+      /* @__PURE__ */ t(i, { sx: R.closedStateHeader, children: /* @__PURE__ */ t(y, { sx: R.stateTitle, children: m("matchQuiz.states.closed.title") }) }),
+      /* @__PURE__ */ t(y, { sx: R.stateDescription, children: m("matchQuiz.states.closed.description") })
     ] }) }),
     S && /* @__PURE__ */ t(i, { sx: R.footerContainer, children: we(C) })
   ] }) }), B = () => /* @__PURE__ */ d(i, { sx: R.gameStateContainer, children: [
-    /* @__PURE__ */ t(x, { sx: R.stateTitle, children: m("matchQuiz.states.open.title") }),
-    /* @__PURE__ */ t(x, { sx: R.stateDescription, children: m("matchQuiz.states.open.description") })
+    /* @__PURE__ */ t(y, { sx: R.stateTitle, children: m("matchQuiz.states.open.title") }),
+    /* @__PURE__ */ t(y, { sx: R.stateDescription, children: m("matchQuiz.states.open.description") })
   ] }), j = () => {
-    var w, Z, he, oe, fe, A, J, me, le, re, Re;
+    var w, Z, he, ae, fe, A, J, me, oe, le, Re;
     return /* @__PURE__ */ t(p, { children: r ? /* @__PURE__ */ t(i, { sx: R.leadCollectionContainer, children: /* @__PURE__ */ d(i, { sx: R.leadQuestionContainer, children: [
       /* @__PURE__ */ t(i, { sx: R.leadContentContainer, children: /* @__PURE__ */ t(
         ht,
@@ -4590,13 +4591,13 @@ const Di = (e) => {
           brandingColors: (w = e.matchQuiz.branding) == null ? void 0 : w.colors,
           brandingUrls: (Z = e.matchQuiz.branding) == null ? void 0 : Z.urls,
           campaignId: (he = e.leads) == null ? void 0 : he.campaignId,
-          campaignName: (oe = e.leads) == null ? void 0 : oe.campaignName,
+          campaignName: (ae = e.leads) == null ? void 0 : ae.campaignName,
           fields: (fe = e.leads) == null ? void 0 : fe.fields,
           leadTitle: (A = e.matchQuiz.labels) == null ? void 0 : A.leadTitle,
           leadDescription: (J = e.matchQuiz.labels) == null ? void 0 : J.leadDescription,
           leadCta: (me = e.matchQuiz.labels) == null ? void 0 : me.leadCta,
-          leadSuccessTitle: (le = e.matchQuiz.labels) == null ? void 0 : le.leadSuccessTitle,
-          leadSuccessDescription: (re = e.matchQuiz.labels) == null ? void 0 : re.leadSuccessDescription,
+          leadSuccessTitle: (oe = e.matchQuiz.labels) == null ? void 0 : oe.leadSuccessTitle,
+          leadSuccessDescription: (le = e.matchQuiz.labels) == null ? void 0 : le.leadSuccessDescription,
           syncWithProfile: (Re = e.leads) == null ? void 0 : Re.syncWithProfile
         }
       ) }),
@@ -4663,7 +4664,7 @@ const Di = (e) => {
                       fontSize: "0.9375em"
                     },
                     children: /* @__PURE__ */ t(
-                      x,
+                      y,
                       {
                         sx: {
                           fontFamily: g,
@@ -4694,7 +4695,7 @@ const Di = (e) => {
                       py: "10px",
                       px: "16px",
                       bgcolor: M,
-                      color: D,
+                      color: L,
                       transition: "all 300ms cubic-bezier(0.2, 0, 0, 1)",
                       transform: "scale(1)",
                       alignSelf: "center",
@@ -4703,19 +4704,19 @@ const Di = (e) => {
                         transform: "scale(1.02)"
                       },
                       "&:active": {
-                        color: D,
+                        color: L,
                         transform: "scale(0.98)"
                       },
                       "&:disabled": {
                         bgcolor: M,
-                        color: D,
+                        color: L,
                         opacity: "12%"
                       },
-                      "--Icon-color": D,
+                      "--Icon-color": L,
                       fontSize: "0.9375em"
                     },
                     children: /* @__PURE__ */ t(
-                      x,
+                      y,
                       {
                         sx: {
                           fontFamily: g,
@@ -4724,7 +4725,7 @@ const Di = (e) => {
                           lineHeight: "24px",
                           letterSpacing: "0.46px",
                           textTransform: "uppercase",
-                          color: D,
+                          color: L,
                           gap: "8px",
                           display: "flex",
                           alignItems: "center"
@@ -4753,7 +4754,7 @@ const Di = (e) => {
         return j();
     }
   }, we = (w, Z) => {
-    var he, oe, fe, A, J;
+    var he, ae, fe, A, J;
     return /* @__PURE__ */ t(
       ke,
       {
@@ -4761,14 +4762,14 @@ const Di = (e) => {
         textColor: w,
         label: ((he = e.matchQuiz.labels) == null ? void 0 : he.sponsor) || null,
         flexDirection: Z,
-        primaryUrl: (fe = (oe = e.matchQuiz.branding) == null ? void 0 : oe.urls) == null ? void 0 : fe.primaryUrl,
+        primaryUrl: (fe = (ae = e.matchQuiz.branding) == null ? void 0 : ae.urls) == null ? void 0 : fe.primaryUrl,
         secondaryUrl: (J = (A = e.matchQuiz.branding) == null ? void 0 : A.urls) == null ? void 0 : J.secondaryUrl
       }
     );
   }, de = tt(() => e.matchQuiz.fixtures[n - 1], [e.matchQuiz.fixtures, n]), Te = tt(() => de == null ? void 0 : de.matchModel, [
     (G = (K = de == null ? void 0 : de.matchModel) == null ? void 0 : K.homeTeam) == null ? void 0 : G.id,
-    (X = (ae = de == null ? void 0 : de.matchModel) == null ? void 0 : ae.awayTeam) == null ? void 0 : X.id
-  ]), ve = tt(() => de ? {
+    (X = (ie = de == null ? void 0 : de.matchModel) == null ? void 0 : ie.awayTeam) == null ? void 0 : X.id
+  ]), Fe = tt(() => de ? {
     onScoreChange: (w, Z) => O(de.market, w, Z),
     onSelectionChange: (w) => k(de.market, w),
     onCornersChange: (w) => ue(de.market, w),
@@ -4780,7 +4781,7 @@ const Di = (e) => {
     ue,
     Q
   ]), Ae = () => {
-    var Z, he, oe, fe, A, J, me, le, re, Re, Fe, Xe, Ke, Ze;
+    var Z, he, ae, fe, A, J, me, oe, le, Re, ve, Xe, Ke, Ze;
     const w = de;
     if (U)
       return B();
@@ -4793,12 +4794,12 @@ const Di = (e) => {
             (pe) => pe.market === w.market
           ), lt = (Ge == null ? void 0 : Ge.prediction.value) || "0:0", [$e, zt] = lt.split(":").map(Number);
           return /* @__PURE__ */ t(
-            vt,
+            Ft,
             {
               matchModel: Te,
               market: w.market,
               brandingPrimaryColor: a == null ? void 0 : a.primaryColor,
-              onScoreChange: ve.onScoreChange,
+              onScoreChange: Fe.onScoreChange,
               initialHomeScore: $e,
               initialAwayScore: zt,
               useExtraSmallLayout: b
@@ -4807,17 +4808,17 @@ const Di = (e) => {
           );
         case c.FT_1X2:
         case c.HT_1X2:
-          const dt = (fe = (oe = e.prediction) == null ? void 0 : oe.fixtures) == null ? void 0 : fe.find(
+          const dt = (fe = (ae = e.prediction) == null ? void 0 : ae.fixtures) == null ? void 0 : fe.find(
             (pe) => pe.market === w.market
           );
           return /* @__PURE__ */ t(
-            Ft,
+            vt,
             {
               matchModel: Te,
               market: w.market,
               brandingPrimaryColor: a == null ? void 0 : a.primaryColor,
               prediction: ((A = dt == null ? void 0 : dt.prediction) == null ? void 0 : A.value) || null,
-              onSelectionChange: ve.onSelectionChange,
+              onSelectionChange: Fe.onSelectionChange,
               useExtraSmallLayout: b
             },
             `${w.market}-${n}`
@@ -4831,9 +4832,9 @@ const Di = (e) => {
             {
               matchModel: Te,
               market: w.market,
-              prediction: (le = ct == null ? void 0 : ct.prediction) == null ? void 0 : le.value,
+              prediction: (oe = ct == null ? void 0 : ct.prediction) == null ? void 0 : oe.value,
               brandingPrimaryColor: a == null ? void 0 : a.primaryColor,
-              onCornersChange: ve.onCornersChange,
+              onCornersChange: Fe.onCornersChange,
               useExtraSmallLayout: b
             },
             `${w.market}-${n}`
@@ -4855,17 +4856,17 @@ const Di = (e) => {
         case c.OVER_CORNERS_13_5:
         case c.RED_CARD_MATCH:
         case c.PENALTY_MATCH:
-          const xt = (Re = (re = e.prediction) == null ? void 0 : re.fixtures) == null ? void 0 : Re.find(
+          const xt = (Re = (le = e.prediction) == null ? void 0 : le.fixtures) == null ? void 0 : Re.find(
             (pe) => pe.market === w.market
           );
           return /* @__PURE__ */ t(
-            Dt,
+            Lt,
             {
               matchModel: Te,
               market: w.market,
               brandingPrimaryColor: a == null ? void 0 : a.primaryColor,
-              prediction: (Fe = xt == null ? void 0 : xt.prediction) == null ? void 0 : Fe.value,
-              onSelectionChange: ve.onSelectionChange,
+              prediction: (ve = xt == null ? void 0 : xt.prediction) == null ? void 0 : ve.value,
+              onSelectionChange: Fe.onSelectionChange,
               useExtraSmallLayout: b
             },
             w.market
@@ -4880,13 +4881,13 @@ const Di = (e) => {
             (pe) => pe.market === w.market
           );
           return /* @__PURE__ */ t(
-            Lt,
+            Dt,
             {
               matchModel: Te,
               market: w.market,
               brandingPrimaryColor: a == null ? void 0 : a.primaryColor,
               prediction: (Ze = yt == null ? void 0 : yt.prediction) == null ? void 0 : Ze.playerId,
-              onPlayerSelection: ve.onPlayerSelection,
+              onPlayerSelection: Fe.onPlayerSelection,
               useExtraSmallLayout: b
             },
             `${w.market}-${n}`
@@ -4900,13 +4901,13 @@ const Di = (e) => {
     {
       entity: e.matchQuiz,
       headline: m("matchQuiz.headline"),
-      finalImage: y,
+      finalImage: x,
       imagePosition: s,
       rulesDisplay: e.rulesDisplay,
       children: Ie()
     }
   ) });
-}, Wi = (e) => ({
+}, Hi = (e) => ({
   // Question area
   questionArea: {
     flex: e.isMobile ? "1" : "0 0 50%",
@@ -5051,24 +5052,24 @@ const Di = (e) => {
     color: e.textColor,
     lineHeight: 1
   }
-}), Vi = (e) => {
-  var we, de, Te, ve, Ae, Me, Qe, Oe, He, Be, We, Ve, je;
+}), Bi = (e) => {
+  var we, de, Te, Fe, Ae, Me, Qe, Oe, He, Be, We, Ve, je;
   const [n, o] = et.useState(1), [r, l] = et.useState(
     ((we = e.leads) == null ? void 0 : we.position) === "before" && e.matchQuiz.authRequirement === "LEAD"
   );
   et.useEffect(() => {
-    var L;
+    var D;
     l(
-      ((L = e.leads) == null ? void 0 : L.position) === "before" && e.matchQuiz.authRequirement === "LEAD" || !1
+      ((D = e.leads) == null ? void 0 : D.position) === "before" && e.matchQuiz.authRequirement === "LEAD" || !1
     );
   }, [(de = e.leads) == null ? void 0 : de.position, e.matchQuiz.authRequirement]);
-  const h = Ee(), { t: m } = ne(), u = ce(), f = un(), a = ((Te = e.matchQuiz.branding) == null ? void 0 : Te.colors) || null, S = u ? ((Ae = (ve = e.matchQuiz.branding) == null ? void 0 : ve.images) == null ? void 0 : Ae.mobileLogo) || ((Qe = (Me = e.matchQuiz.branding) == null ? void 0 : Me.images) == null ? void 0 : Qe.mainLogo) || "" : ((He = (Oe = e.matchQuiz.branding) == null ? void 0 : Oe.images) == null ? void 0 : He.mainLogo) || "", s = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : u ? it : at, y = Je(
+  const h = Ee(), { t: m } = ne(), u = ce(), f = un(), a = ((Te = e.matchQuiz.branding) == null ? void 0 : Te.colors) || null, S = u ? ((Ae = (Fe = e.matchQuiz.branding) == null ? void 0 : Fe.images) == null ? void 0 : Ae.mobileLogo) || ((Qe = (Me = e.matchQuiz.branding) == null ? void 0 : Me.images) == null ? void 0 : Qe.mainLogo) || "" : ((He = (Oe = e.matchQuiz.branding) == null ? void 0 : Oe.images) == null ? void 0 : He.mainLogo) || "", s = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : u ? it : at, x = Je(
     {
       images: e.matchQuiz.images,
       imagePlaceholder: s
     },
     Ce.SPLIT
-  ), b = _().palette.danger.plainColor, z = (a == null ? void 0 : a.contentColor) || _().textColor, C = (a == null ? void 0 : a.secondaryColor) || _().textColor, I = ee().primary, T = (a == null ? void 0 : a.backgroundColor) || _().surfaceVariant, E = ie(), g = (a == null ? void 0 : a.primaryColor) || _().palette.primary.plainColor, v = _().palette.primary.onPrimary, P = ie().xl, M = Se(), D = Wi({
+  ), b = _().palette.danger.plainColor, z = (a == null ? void 0 : a.contentColor) || _().textColor, C = (a == null ? void 0 : a.secondaryColor) || _().textColor, I = ee().primary, T = (a == null ? void 0 : a.backgroundColor) || _().surfaceVariant, E = re(), g = (a == null ? void 0 : a.primaryColor) || _().palette.primary.plainColor, F = _().palette.primary.onPrimary, P = re().xl, M = Se(), L = Hi({
     spacingScale: M,
     borderRadius: E,
     fontFamilyPrimary: I,
@@ -5079,69 +5080,69 @@ const Di = (e) => {
     dangerColor: b
   }), H = () => {
     l(!1);
-  }, F = Ye(
-    (L, Y, K) => {
+  }, v = Ye(
+    (D, Y, K) => {
       const G = `${Y}:${K}`;
-      e.setPrediction((ae) => {
-        const X = { ...ae }, w = X.fixtures.find((Z) => Z.market === L);
+      e.setPrediction((ie) => {
+        const X = { ...ie }, w = X.fixtures.find((Z) => Z.market === D);
         return w && (w.prediction.value = G), X;
       });
     },
     [e.setPrediction]
   ), V = Ye(
-    (L, Y) => {
+    (D, Y) => {
       e.setPrediction((K) => {
-        const G = { ...K }, ae = G.fixtures.find(
-          (X) => X.market === L
+        const G = { ...K }, ie = G.fixtures.find(
+          (X) => X.market === D
         );
-        return ae && (ae.prediction.value = Y), G;
+        return ie && (ie.prediction.value = Y), G;
       });
     },
     [e.setPrediction]
   ), R = Ye(
-    (L, Y) => {
+    (D, Y) => {
       e.setPrediction((K) => {
-        const G = { ...K }, ae = G.fixtures.find(
-          (X) => X.market === L
+        const G = { ...K }, ie = G.fixtures.find(
+          (X) => X.market === D
         );
-        return ae && (ae.prediction.playerId = Y), G;
+        return ie && (ie.prediction.playerId = Y), G;
       });
     },
     [e.setPrediction]
   ), W = Ye(
-    (L, Y) => {
+    (D, Y) => {
       e.setPrediction((K) => {
-        const G = { ...K }, ae = G.fixtures.find((X) => X.market === L);
-        return ae && (ae.prediction.value = Y), G;
+        const G = { ...K }, ie = G.fixtures.find((X) => X.market === D);
+        return ie && (ie.prediction.value = Y), G;
       });
     },
     [e.setPrediction]
   ), O = e.matchQuiz.fixtures.length + 1, k = e.matchQuiz.status === "OPEN" && qt(e.matchQuiz.predictionsCutoff), Q = () => {
     n < O ? o(n + 1) : e.play();
-  }, ue = (L) => {
-    o(L + 1);
+  }, ue = (D) => {
+    o(D + 1);
   }, N = () => {
     var K, G;
     if (n === O) return !0;
-    const L = e.matchQuiz.fixtures[n - 1];
-    if (!L) return !1;
+    const D = e.matchQuiz.fixtures[n - 1];
+    if (!D) return !1;
     const Y = (G = (K = e.prediction) == null ? void 0 : K.fixtures) == null ? void 0 : G.find(
-      (ae) => ae.market === L.market
+      (ie) => ie.market === D.market
     );
-    return Y ? L.market === c.CORRECT_SCORE || L.market === c.CORRECT_SCORE_HT || L.market === c.CORRECT_SCORE_ADVANCED || L.market === c.CORNERS_MATCH ? !0 : L.market === c.PLAYER_SCORE || L.market === c.PLAYER_YELLOW_CARD || L.market === c.PLAYER_RED_CARD || L.market === c.PLAYER_SCORE_FIRST_GOAL || L.market === c.PLAYER_SCORE_HATTRICK || L.market === c.PLAYER_SCORE_TWICE ? Y.prediction.playerId !== void 0 : Y.prediction.value !== null : !1;
+    return Y ? D.market === c.CORRECT_SCORE || D.market === c.CORRECT_SCORE_HT || D.market === c.CORRECT_SCORE_ADVANCED || D.market === c.CORNERS_MATCH ? !0 : D.market === c.PLAYER_SCORE || D.market === c.PLAYER_YELLOW_CARD || D.market === c.PLAYER_RED_CARD || D.market === c.PLAYER_SCORE_FIRST_GOAL || D.market === c.PLAYER_SCORE_HATTRICK || D.market === c.PLAYER_SCORE_TWICE ? Y.prediction.playerId !== void 0 : Y.prediction.value !== null : !1;
   }, U = () => {
     n > 1 && o(n - 1);
   }, $ = () => {
-    var G, ae, X, w;
-    const L = (G = e.matchQuiz.fixtures[0]) == null ? void 0 : G.matchModel;
-    if (!L || !((ae = L.scores) != null && ae.ftScore)) return null;
-    const Y = L.scores.ftScore.homeGoals || 0, K = L.scores.ftScore.awayGoals || 0;
-    return /* @__PURE__ */ d(i, { sx: D.matchResultBadge, children: [
-      ((X = L.homeTeam.assets) == null ? void 0 : X.logo) && /* @__PURE__ */ t(i, { sx: D.matchResultTeamLogo, children: /* @__PURE__ */ t(
+    var G, ie, X, w;
+    const D = (G = e.matchQuiz.fixtures[0]) == null ? void 0 : G.matchModel;
+    if (!D || !((ie = D.scores) != null && ie.ftScore)) return null;
+    const Y = D.scores.ftScore.homeGoals || 0, K = D.scores.ftScore.awayGoals || 0;
+    return /* @__PURE__ */ d(i, { sx: L.matchResultBadge, children: [
+      ((X = D.homeTeam.assets) == null ? void 0 : X.logo) && /* @__PURE__ */ t(i, { sx: L.matchResultTeamLogo, children: /* @__PURE__ */ t(
         "img",
         {
-          src: L.homeTeam.assets.logo,
-          alt: L.homeTeam.name,
+          src: D.homeTeam.assets.logo,
+          alt: D.homeTeam.name,
           style: {
             width: "100%",
             height: "100%",
@@ -5150,16 +5151,16 @@ const Di = (e) => {
           }
         }
       ) }),
-      /* @__PURE__ */ d(x, { sx: D.matchResultScoreText, children: [
+      /* @__PURE__ */ d(y, { sx: L.matchResultScoreText, children: [
         Y,
         " - ",
         K
       ] }),
-      ((w = L.awayTeam.assets) == null ? void 0 : w.logo) && /* @__PURE__ */ t(i, { sx: D.matchResultTeamLogo, children: /* @__PURE__ */ t(
+      ((w = D.awayTeam.assets) == null ? void 0 : w.logo) && /* @__PURE__ */ t(i, { sx: L.matchResultTeamLogo, children: /* @__PURE__ */ t(
         "img",
         {
-          src: L.awayTeam.assets.logo,
-          alt: L.awayTeam.name,
+          src: D.awayTeam.assets.logo,
+          alt: D.awayTeam.name,
           style: {
             width: "100%",
             height: "100%",
@@ -5169,95 +5170,95 @@ const Di = (e) => {
         }
       ) })
     ] });
-  }, xe = () => /* @__PURE__ */ t(i, { sx: D.questionAreaContent, children: /* @__PURE__ */ t(i, { sx: D.mainContentContainer, children: /* @__PURE__ */ d(i, { sx: D.gameStateContainer, children: [
-    /* @__PURE__ */ t(x, { sx: D.stateTitle, children: m("matchQuiz.states.pending.title") }),
-    /* @__PURE__ */ t(x, { sx: D.stateDescription, children: m("matchQuiz.states.pending.description") })
-  ] }) }) }), ge = () => /* @__PURE__ */ t(i, { sx: D.questionAreaContent, children: /* @__PURE__ */ t(i, { sx: D.mainContentContainer, children: /* @__PURE__ */ d(i, { sx: D.gameStateContainer, children: [
+  }, xe = () => /* @__PURE__ */ t(i, { sx: L.questionAreaContent, children: /* @__PURE__ */ t(i, { sx: L.mainContentContainer, children: /* @__PURE__ */ d(i, { sx: L.gameStateContainer, children: [
+    /* @__PURE__ */ t(y, { sx: L.stateTitle, children: m("matchQuiz.states.pending.title") }),
+    /* @__PURE__ */ t(y, { sx: L.stateDescription, children: m("matchQuiz.states.pending.description") })
+  ] }) }) }), ge = () => /* @__PURE__ */ t(i, { sx: L.questionAreaContent, children: /* @__PURE__ */ t(i, { sx: L.mainContentContainer, children: /* @__PURE__ */ d(i, { sx: L.gameStateContainer, children: [
     $(),
-    /* @__PURE__ */ d(i, { sx: D.liveIndicatorContainer, children: [
-      /* @__PURE__ */ t(i, { sx: D.liveIndicator }),
-      /* @__PURE__ */ t(x, { sx: D.liveText, children: m("matchQuiz.states.live.indicator") })
+    /* @__PURE__ */ d(i, { sx: L.liveIndicatorContainer, children: [
+      /* @__PURE__ */ t(i, { sx: L.liveIndicator }),
+      /* @__PURE__ */ t(y, { sx: L.liveText, children: m("matchQuiz.states.live.indicator") })
     ] }),
-    /* @__PURE__ */ t(x, { sx: D.stateDescription, children: m("matchQuiz.states.live.description") })
-  ] }) }) }), ze = () => /* @__PURE__ */ t(i, { sx: D.questionAreaContent, children: /* @__PURE__ */ t(i, { sx: D.mainContentContainer, children: /* @__PURE__ */ d(i, { sx: D.gameStateContainer, children: [
+    /* @__PURE__ */ t(y, { sx: L.stateDescription, children: m("matchQuiz.states.live.description") })
+  ] }) }) }), ze = () => /* @__PURE__ */ t(i, { sx: L.questionAreaContent, children: /* @__PURE__ */ t(i, { sx: L.mainContentContainer, children: /* @__PURE__ */ d(i, { sx: L.gameStateContainer, children: [
     $(),
-    /* @__PURE__ */ t(x, { sx: D.stateTitle, children: m("matchQuiz.states.closed.title") }),
-    /* @__PURE__ */ t(x, { sx: D.stateDescription, children: m("matchQuiz.states.closed.description") })
-  ] }) }) }), ot = () => /* @__PURE__ */ d(i, { sx: D.gameStateContainer, children: [
-    /* @__PURE__ */ t(x, { sx: D.stateTitle, children: m("matchQuiz.states.open.title") }),
-    /* @__PURE__ */ t(x, { sx: D.stateDescription, children: m("matchQuiz.states.open.description") })
+    /* @__PURE__ */ t(y, { sx: L.stateTitle, children: m("matchQuiz.states.closed.title") }),
+    /* @__PURE__ */ t(y, { sx: L.stateDescription, children: m("matchQuiz.states.closed.description") })
+  ] }) }) }), ot = () => /* @__PURE__ */ d(i, { sx: L.gameStateContainer, children: [
+    /* @__PURE__ */ t(y, { sx: L.stateTitle, children: m("matchQuiz.states.open.title") }),
+    /* @__PURE__ */ t(y, { sx: L.stateDescription, children: m("matchQuiz.states.open.description") })
   ] }), be = tt(() => e.matchQuiz.fixtures[n - 1], [e.matchQuiz.fixtures, n]), Ue = tt(() => be == null ? void 0 : be.matchModel, [
     (We = (Be = be == null ? void 0 : be.matchModel) == null ? void 0 : Be.homeTeam) == null ? void 0 : We.id,
     (je = (Ve = be == null ? void 0 : be.matchModel) == null ? void 0 : Ve.awayTeam) == null ? void 0 : je.id
   ]), se = tt(() => be ? {
-    onScoreChange: (L, Y) => F(be.market, L, Y),
-    onSelectionChange: (L) => V(be.market, L),
-    onCornersChange: (L) => W(be.market, L),
-    onPlayerSelection: (L) => R(be.market, L)
+    onScoreChange: (D, Y) => v(be.market, D, Y),
+    onSelectionChange: (D) => V(be.market, D),
+    onCornersChange: (D) => W(be.market, D),
+    onPlayerSelection: (D) => R(be.market, D)
   } : {}, [
     be == null ? void 0 : be.market,
-    F,
+    v,
     V,
     W,
     R
   ]), q = () => {
-    var Y, K, G, ae, X, w, Z, he, oe, fe, A, J, me, le;
-    const L = be;
+    var Y, K, G, ie, X, w, Z, he, ae, fe, A, J, me, oe;
+    const D = be;
     if (k)
       return ot();
-    if (L)
-      switch (L.market) {
+    if (D)
+      switch (D.market) {
         case c.CORRECT_SCORE:
         case c.CORRECT_SCORE_HT:
         case c.CORRECT_SCORE_ADVANCED:
-          const re = (K = (Y = e.prediction) == null ? void 0 : Y.fixtures) == null ? void 0 : K.find(
-            ($e) => $e.market === L.market
-          ), Re = (re == null ? void 0 : re.prediction.value) || "0:0", [Fe, Xe] = Re.split(":").map(Number);
+          const le = (K = (Y = e.prediction) == null ? void 0 : Y.fixtures) == null ? void 0 : K.find(
+            ($e) => $e.market === D.market
+          ), Re = (le == null ? void 0 : le.prediction.value) || "0:0", [ve, Xe] = Re.split(":").map(Number);
           return /* @__PURE__ */ t(
-            vt,
+            Ft,
             {
               matchModel: Ue,
-              market: L.market,
+              market: D.market,
               brandingPrimaryColor: a == null ? void 0 : a.primaryColor,
               onScoreChange: se.onScoreChange,
-              initialHomeScore: Fe,
+              initialHomeScore: ve,
               initialAwayScore: Xe,
               isSplitVariant: !0
             },
-            `${L.market}-${n}`
+            `${D.market}-${n}`
           );
         case c.FT_1X2:
         case c.HT_1X2:
-          const Ke = (ae = (G = e.prediction) == null ? void 0 : G.fixtures) == null ? void 0 : ae.find(
-            ($e) => $e.market === L.market
+          const Ke = (ie = (G = e.prediction) == null ? void 0 : G.fixtures) == null ? void 0 : ie.find(
+            ($e) => $e.market === D.market
           );
           return /* @__PURE__ */ t(
-            Ft,
+            vt,
             {
               matchModel: Ue,
-              market: L.market,
+              market: D.market,
               brandingPrimaryColor: a == null ? void 0 : a.primaryColor,
               prediction: ((X = Ke == null ? void 0 : Ke.prediction) == null ? void 0 : X.value) || null,
               isSplitVariant: !0,
               onSelectionChange: se.onSelectionChange
             },
-            `${L.market}-${n}`
+            `${D.market}-${n}`
           );
         case c.CORNERS_MATCH:
           const Ze = (Z = (w = e.prediction) == null ? void 0 : w.fixtures) == null ? void 0 : Z.find(
-            ($e) => $e.market === L.market
+            ($e) => $e.market === D.market
           );
           return /* @__PURE__ */ t(
             Et,
             {
               matchModel: Ue,
-              market: L.market,
+              market: D.market,
               prediction: (he = Ze == null ? void 0 : Ze.prediction) == null ? void 0 : he.value,
               brandingPrimaryColor: a == null ? void 0 : a.primaryColor,
               isSplitVariant: !0,
               onCornersChange: se.onCornersChange
             },
-            `${L.market}-${n}`
+            `${D.market}-${n}`
           );
         case c.OVER_GOALS_0_5:
         case c.OVER_GOALS_1_5:
@@ -5276,20 +5277,20 @@ const Di = (e) => {
         case c.OVER_CORNERS_13_5:
         case c.RED_CARD_MATCH:
         case c.PENALTY_MATCH:
-          const Ge = (fe = (oe = e.prediction) == null ? void 0 : oe.fixtures) == null ? void 0 : fe.find(
-            ($e) => $e.market === L.market
+          const Ge = (fe = (ae = e.prediction) == null ? void 0 : ae.fixtures) == null ? void 0 : fe.find(
+            ($e) => $e.market === D.market
           );
           return /* @__PURE__ */ t(
-            Dt,
+            Lt,
             {
               matchModel: Ue,
-              market: L.market,
+              market: D.market,
               brandingPrimaryColor: a == null ? void 0 : a.primaryColor,
               prediction: (A = Ge == null ? void 0 : Ge.prediction) == null ? void 0 : A.value,
               isSplitVariant: !0,
               onSelectionChange: se.onSelectionChange
             },
-            L.market
+            D.market
           );
         case c.PLAYER_SCORE:
         case c.PLAYER_YELLOW_CARD:
@@ -5298,25 +5299,25 @@ const Di = (e) => {
         case c.PLAYER_SCORE_HATTRICK:
         case c.PLAYER_SCORE_TWICE:
           const lt = (me = (J = e.prediction) == null ? void 0 : J.fixtures) == null ? void 0 : me.find(
-            ($e) => $e.market === L.market
+            ($e) => $e.market === D.market
           );
           return /* @__PURE__ */ t(
-            Lt,
+            Dt,
             {
               matchModel: Ue,
-              market: L.market,
+              market: D.market,
               brandingPrimaryColor: a == null ? void 0 : a.primaryColor,
-              prediction: (le = lt == null ? void 0 : lt.prediction) == null ? void 0 : le.playerId,
+              prediction: (oe = lt == null ? void 0 : lt.prediction) == null ? void 0 : oe.playerId,
               isSplitVariant: !0,
               onPlayerSelection: se.onPlayerSelection
             },
-            `${L.market}-${n}`
+            `${D.market}-${n}`
           );
         default:
           return /* @__PURE__ */ t(p, {});
       }
   }, B = () => {
-    var L, Y, K, G, ae, X, w, Z, he, oe;
+    var D, Y, K, G, ie, X, w, Z, he, ae;
     return /* @__PURE__ */ t(p, { children: r ? /* @__PURE__ */ t(
       i,
       {
@@ -5327,23 +5328,23 @@ const Di = (e) => {
           justifyContent: "center",
           gap: "16px"
         },
-        children: /* @__PURE__ */ t(i, { sx: D.leadContentContainer, children: /* @__PURE__ */ t(
+        children: /* @__PURE__ */ t(i, { sx: L.leadContentContainer, children: /* @__PURE__ */ t(
           ht,
           {
             sdk: e.sdk,
             startGame: H,
             contentId: e.matchQuiz.id,
             contentName: e.matchQuiz.title,
-            brandingColors: (L = e.matchQuiz.branding) == null ? void 0 : L.colors,
+            brandingColors: (D = e.matchQuiz.branding) == null ? void 0 : D.colors,
             brandingUrls: (Y = e.matchQuiz.branding) == null ? void 0 : Y.urls,
             campaignId: (K = e.leads) == null ? void 0 : K.campaignId,
             campaignName: (G = e.leads) == null ? void 0 : G.campaignName,
-            fields: (ae = e.leads) == null ? void 0 : ae.fields,
+            fields: (ie = e.leads) == null ? void 0 : ie.fields,
             leadTitle: (X = e.matchQuiz.labels) == null ? void 0 : X.leadTitle,
             leadDescription: (w = e.matchQuiz.labels) == null ? void 0 : w.leadDescription,
             leadCta: (Z = e.matchQuiz.labels) == null ? void 0 : Z.leadCta,
             leadSuccessTitle: (he = e.matchQuiz.labels) == null ? void 0 : he.leadSuccessTitle,
-            leadSuccessDescription: (oe = e.matchQuiz.labels) == null ? void 0 : oe.leadSuccessDescription
+            leadSuccessDescription: (ae = e.matchQuiz.labels) == null ? void 0 : ae.leadSuccessDescription
           }
         ) })
       }
@@ -5364,7 +5365,7 @@ const Di = (e) => {
           )
         }
       ),
-      !k && /* @__PURE__ */ t(i, { sx: D.paginationContainer, children: /* @__PURE__ */ t(
+      !k && /* @__PURE__ */ t(i, { sx: L.paginationContainer, children: /* @__PURE__ */ t(
         Xt,
         {
           matchQuiz: e.matchQuiz,
@@ -5374,7 +5375,7 @@ const Di = (e) => {
           isSplitVariant: !0
         }
       ) }),
-      /* @__PURE__ */ t(i, { sx: D.questionAreaContent, children: /* @__PURE__ */ d(i, { sx: D.mainContentContainer, children: [
+      /* @__PURE__ */ t(i, { sx: L.questionAreaContent, children: /* @__PURE__ */ d(i, { sx: L.mainContentContainer, children: [
         n === O ? /* @__PURE__ */ t(
           ft,
           {
@@ -5388,7 +5389,7 @@ const Di = (e) => {
             isSplitVariant: !0
           }
         ) : q(),
-        /* @__PURE__ */ d(i, { sx: D.navigationContainer, children: [
+        /* @__PURE__ */ d(i, { sx: L.navigationContainer, children: [
           n > 1 && n < O && /* @__PURE__ */ t(
             Pe,
             {
@@ -5414,7 +5415,7 @@ const Di = (e) => {
                 fontSize: "0.9375em"
               },
               children: /* @__PURE__ */ t(
-                x,
+                y,
                 {
                   sx: {
                     fontFamily: I,
@@ -5445,7 +5446,7 @@ const Di = (e) => {
                 py: "10px",
                 px: "16px",
                 bgcolor: g,
-                color: v,
+                color: F,
                 transition: "all 300ms cubic-bezier(0.2, 0, 0, 1)",
                 transform: "scale(1)",
                 alignSelf: "center",
@@ -5454,19 +5455,19 @@ const Di = (e) => {
                   transform: "scale(1.02)"
                 },
                 "&:active": {
-                  color: v,
+                  color: F,
                   transform: "scale(0.98)"
                 },
                 "&:disabled": {
                   bgcolor: g,
-                  color: v,
+                  color: F,
                   opacity: "12%"
                 },
-                "--Icon-color": v,
+                "--Icon-color": F,
                 fontSize: "0.9375em"
               },
               children: /* @__PURE__ */ t(
-                x,
+                y,
                 {
                   sx: {
                     fontFamily: I,
@@ -5475,7 +5476,7 @@ const Di = (e) => {
                     lineHeight: "24px",
                     letterSpacing: "0.46px",
                     textTransform: "uppercase",
-                    color: v,
+                    color: F,
                     gap: "8px",
                     display: "flex",
                     alignItems: "center"
@@ -5499,16 +5500,16 @@ const Di = (e) => {
       default:
         return B();
     }
-  }, Ie = (L) => {
-    var Y, K, G, ae, X;
+  }, Ie = (D) => {
+    var Y, K, G, ie, X;
     return /* @__PURE__ */ t(
       ke,
       {
         brandingLogo: S,
-        textColor: L,
+        textColor: D,
         label: ((Y = e.matchQuiz.labels) == null ? void 0 : Y.sponsor) || null,
         primaryUrl: (G = (K = e.matchQuiz.branding) == null ? void 0 : K.urls) == null ? void 0 : G.primaryUrl,
-        secondaryUrl: (X = (ae = e.matchQuiz.branding) == null ? void 0 : ae.urls) == null ? void 0 : X.secondaryUrl
+        secondaryUrl: (X = (ie = e.matchQuiz.branding) == null ? void 0 : ie.urls) == null ? void 0 : X.secondaryUrl
       }
     );
   };
@@ -5518,7 +5519,7 @@ const Di = (e) => {
       {
         entity: e.matchQuiz,
         headline: m("matchQuiz.headline"),
-        finalImage: y,
+        finalImage: x,
         brandingLogo: S,
         renderPresentedBy: Ie,
         rulesDisplay: e.rulesDisplay,
@@ -5529,7 +5530,7 @@ const Di = (e) => {
       (a == null ? void 0 : a.contentColor) || h.colorSchemes.dark.textColor
     ) })
   ] });
-}, ji = (e) => {
+}, Wi = (e) => {
   var n, o, r;
   return {
     // Main content area
@@ -5783,16 +5784,16 @@ const Di = (e) => {
       // border: "1px dashed rgba(255,255,255,0.7)",
     }
   };
-}, $i = (e, n) => {
+}, Vi = (e, n) => {
   switch (e) {
     case "success":
-      return /* @__PURE__ */ t(bn, {});
+      return /* @__PURE__ */ t(Yn, {});
     case "error":
-      return /* @__PURE__ */ t(Jn, { sx: { color: n } });
+      return /* @__PURE__ */ t(Zn, { sx: { color: n } });
     case "info":
-      return /* @__PURE__ */ t(Zn, {});
+      return /* @__PURE__ */ t(Kn, {});
   }
-}, Ni = (e) => {
+}, ji = (e) => {
   switch (e) {
     case "success":
       return "success";
@@ -5807,13 +5808,13 @@ const Di = (e) => {
   message: o,
   description: r
 }) => {
-  const l = Ee(), h = ie(), m = ee().secondary, u = ce(), f = Ni(e);
+  const l = Ee(), h = re(), m = ee().secondary, u = ce(), f = ji(e);
   return /* @__PURE__ */ t(
-    Xn,
+    qn,
     {
       variant: "soft",
       color: f,
-      startDecorator: $i(
+      startDecorator: Vi(
         e,
         l.colorSchemes.light.palette.danger.plainColor
       ),
@@ -5824,14 +5825,14 @@ const Di = (e) => {
         "--Icon-fontSize": u ? "1em" : "1.25em"
       },
       children: /* @__PURE__ */ d(
-        Kn,
+        Xn,
         {
           sx: {
             fontSize: "1.5em"
           },
           children: [
             n && /* @__PURE__ */ t(
-              x,
+              y,
               {
                 level: "title-md",
                 color: f,
@@ -5841,7 +5842,7 @@ const Di = (e) => {
               }
             ),
             /* @__PURE__ */ t(
-              x,
+              y,
               {
                 level: "body-sm",
                 sx: { fontFamily: m, fontSize: "0.675em" },
@@ -5849,7 +5850,7 @@ const Di = (e) => {
               }
             ),
             r && /* @__PURE__ */ t(
-              x,
+              y,
               {
                 level: "body-xs",
                 sx: { fontFamily: m, fontSize: "0.6em" },
@@ -5861,7 +5862,7 @@ const Di = (e) => {
       )
     }
   );
-}, Ui = (e) => {
+}, $i = (e) => {
   var V, R, W, O;
   const n = Ee(), o = Je(
     {
@@ -5871,15 +5872,15 @@ const Di = (e) => {
     Ce.STANDARD
   ), { t: r } = ne(), l = ((V = e.matchQuiz.branding) == null ? void 0 : V.colors) || null, h = ce(), m = h ? ((R = e.matchQuiz.branding) == null ? void 0 : R.images.mobileLogo) || ((W = e.matchQuiz.branding) == null ? void 0 : W.images.mainLogo) || "" : ((O = e.matchQuiz.branding) == null ? void 0 : O.images.mainLogo) || "", u = e.imagePosition || "left", f = e.matchQuiz.status === "OPEN", a = (k) => {
     console.log(`Edit prediction for fixture at index: ${k}`);
-  }, S = (l == null ? void 0 : l.contentColor) || _().textColor, s = ee().secondary, y = ee().primary, b = ie(), z = Se(), C = `rgba(${ye(
+  }, S = (l == null ? void 0 : l.contentColor) || _().textColor, s = ee().secondary, x = ee().primary, b = re(), z = Se(), C = `rgba(${ye(
     _().surfaceVariant || ""
   )}, 0.5)`, I = rt(
     Ce.STANDARD
-  ), T = "60%", E = (l == null ? void 0 : l.secondaryColor) || _().textSecondary, g = _().secondaryContainer, v = Rt().size, P = ji({
+  ), T = "60%", E = (l == null ? void 0 : l.secondaryColor) || _().textSecondary, g = _().secondaryContainer, F = Rt().size, P = Wi({
     finalImage: o,
     spacingScale: z,
     borderRadius: b,
-    fontFamilyPrimary: y,
+    fontFamilyPrimary: x,
     fontFamilySecondary: s,
     textColor: S,
     surfaceVariant: C,
@@ -5898,27 +5899,27 @@ const Di = (e) => {
     alignItems: "center",
     gap: "8px",
     borderRadius: b.xl,
-    border: v + " solid " + g,
+    border: F + " solid " + g,
     bgcolor: g,
     "&:hover": {
       bgcolor: g,
       opacity: 0.9
     }
-  }, D = {
+  }, L = {
     display: "flex",
     justifyContent: "center",
     alignItems: "center",
     gap: "8px"
   }, H = {
     color: E,
-    fontFamily: y,
+    fontFamily: x,
     fontSize: h ? "0.750em" : "0.8125em",
     fontStyle: "normal",
     fontWeight: 500,
     lineHeight: "22px",
     letterSpacing: "0.46px",
     textTransform: "uppercase"
-  }, F = () => {
+  }, v = () => {
     var k;
     return /* @__PURE__ */ d(p, { children: [
       e.isUnauthorized ? /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(
@@ -5963,7 +5964,7 @@ const Di = (e) => {
               {
                 additionalCTA: e.additionalCTA,
                 buttonStyle: M,
-                buttonContentStyle: D,
+                buttonContentStyle: L,
                 textStyle: H
               }
             )
@@ -5980,10 +5981,10 @@ const Di = (e) => {
       finalImage: o,
       imagePosition: u,
       rulesDisplay: e.rulesDisplay,
-      children: F()
+      children: v()
     }
   ) });
-}, Gi = (e) => ({
+}, Ni = (e) => ({
   // Question area content wrapper
   questionAreaContent: {
     p: e.spacingScale.lg,
@@ -6006,15 +6007,15 @@ const Di = (e) => {
   alertMessageWrapper: {
     p: e.spacingScale.lg
   }
-}), Yi = (e) => {
-  var F, V, R, W, O, k, Q, ue, N;
+}), Ui = (e) => {
+  var v, V, R, W, O, k, Q, ue, N;
   const n = Ee(), { t: o } = ne(), r = ce(), l = un(), h = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : r ? it : at, m = Je(
     {
       images: e.matchQuiz.images,
       imagePlaceholder: h
     },
     Ce.SPLIT
-  ), u = ((F = e.matchQuiz.branding) == null ? void 0 : F.colors) || null, f = (u == null ? void 0 : u.secondaryColor) || _().textSecondary, a = _().secondaryContainer, S = ee().primary, s = (u == null ? void 0 : u.backgroundColor) || _().surfaceVariant, y = ie(), b = _().textColor, z = Se(), C = Rt().size, I = r ? ((V = e.matchQuiz.branding) == null ? void 0 : V.images.mobileLogo) || ((R = e.matchQuiz.branding) == null ? void 0 : R.images.mainLogo) || "" : ((W = e.matchQuiz.branding) == null ? void 0 : W.images.mainLogo) || "", T = e.matchQuiz.status === "OPEN" && e.prediction && e.squads && e.onPredictionUpdate, E = (U) => {
+  ), u = ((v = e.matchQuiz.branding) == null ? void 0 : v.colors) || null, f = (u == null ? void 0 : u.secondaryColor) || _().textSecondary, a = _().secondaryContainer, S = ee().primary, s = (u == null ? void 0 : u.backgroundColor) || _().surfaceVariant, x = re(), b = _().textColor, z = Se(), C = Rt().size, I = r ? ((V = e.matchQuiz.branding) == null ? void 0 : V.images.mobileLogo) || ((R = e.matchQuiz.branding) == null ? void 0 : R.images.mainLogo) || "" : ((W = e.matchQuiz.branding) == null ? void 0 : W.images.mainLogo) || "", T = e.matchQuiz.status === "OPEN" && e.prediction && e.squads && e.onPredictionUpdate, E = (U) => {
     console.log(`Edit prediction for fixture at index: ${U}`);
   }, g = !l && I ? /* @__PURE__ */ t(
     ke,
@@ -6025,9 +6026,9 @@ const Di = (e) => {
       primaryUrl: (Q = (k = e.matchQuiz.branding) == null ? void 0 : k.urls) == null ? void 0 : Q.primaryUrl,
       secondaryUrl: (N = (ue = e.matchQuiz.branding) == null ? void 0 : ue.urls) == null ? void 0 : N.secondaryUrl
     }
-  ) : null, v = Gi({
+  ) : null, F = Ni({
     spacingScale: z,
-    borderRadius: y,
+    borderRadius: x,
     bgcolor: ye(s || ""),
     isMobile: r
   }), P = {
@@ -6038,7 +6039,7 @@ const Di = (e) => {
     justifyContent: "center",
     alignItems: "center",
     gap: "8px",
-    borderRadius: y.xl,
+    borderRadius: x.xl,
     bgcolor: a,
     border: `${C} solid ${a}`,
     "&:hover": {
@@ -6052,7 +6053,7 @@ const Di = (e) => {
     justifyContent: "center",
     alignItems: "center",
     gap: "8px"
-  }, D = {
+  }, L = {
     color: f,
     fontFamily: S,
     fontStyle: "normal",
@@ -6063,7 +6064,7 @@ const Di = (e) => {
   }, H = () => {
     var U, $, xe, ge, ze;
     return /* @__PURE__ */ t(
-      _n,
+      Dn,
       {
         entity: e.matchQuiz,
         headline: o("matchQuiz.headline"),
@@ -6072,14 +6073,14 @@ const Di = (e) => {
         isTabulated: !1,
         alwaysShowImage: !0,
         rulesDisplay: e.rulesDisplay,
-        children: e.isUnauthorized ? /* @__PURE__ */ t(i, { sx: v.alertMessageArea, children: /* @__PURE__ */ t(i, { sx: v.alertMessageWrapper, children: /* @__PURE__ */ t(
+        children: e.isUnauthorized ? /* @__PURE__ */ t(i, { sx: F.alertMessageArea, children: /* @__PURE__ */ t(i, { sx: F.alertMessageWrapper, children: /* @__PURE__ */ t(
           Zt,
           {
             variant: "error",
             title: o("common.authentication.accessRequired"),
             message: o("common.authentication.invalidOrMissingAuth")
           }
-        ) }) }) : /* @__PURE__ */ d(i, { sx: v.questionAreaContent, children: [
+        ) }) }) : /* @__PURE__ */ d(i, { sx: F.questionAreaContent, children: [
           /* @__PURE__ */ t(
             i,
             {
@@ -6090,7 +6091,7 @@ const Di = (e) => {
                 flexDirection: "column",
                 backdropFilter: "blur(4px)",
                 bgcolor: `rgba(${s ? ye(s || "").replace(/[^\d,]/g, "") : ""}, 0.5)`,
-                borderRadius: y.sm,
+                borderRadius: x.sm,
                 position: "relative",
                 overflow: "visible"
               },
@@ -6125,7 +6126,7 @@ const Di = (e) => {
                   additionalCTA: e.additionalCTA,
                   buttonStyle: P,
                   buttonContentStyle: M,
-                  textStyle: D
+                  textStyle: L
                 }
               )
             }
@@ -6146,7 +6147,7 @@ const Di = (e) => {
     );
   };
   return /* @__PURE__ */ t(qe, { brandingBorderColor: (u == null ? void 0 : u.borderColor) || null, children: H() });
-}, qi = (e) => {
+}, Gi = (e) => {
   var n, o, r;
   return {
     // Main headline section with background image
@@ -6375,14 +6376,14 @@ const Di = (e) => {
       lineHeight: 1
     }
   };
-}, Xi = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_929_1048'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_929_1048)'%3e%3cpath%20d='M12%2020.6254L5.20005%2016.9254V11.1254L1.36255%209.01289L12%203.21289L22.65%209.01464V16.7504H20.775V10.0504L18.8%2011.1254V16.9254L12%2020.6254ZM12%2012.6754L18.75%209.01289L12%205.36289L5.26255%209.01289L12%2012.6754ZM12%2018.4879L16.925%2015.8296V12.1129L12%2014.8254L7.07505%2012.1129V15.8296L12%2018.4879Z'%20fill='%23212121'/%3e%3c/g%3e%3c/svg%3e", Ki = "data:image/svg+xml,%3csvg%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_929_504'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='25'%20height='24'%3e%3crect%20x='0.5'%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_929_504)'%3e%3cpath%20d='M9.6875%206H11.5625V4.125H9.6875V6ZM13.4375%206V4.125H15.3125V6H13.4375ZM9.6875%2013.5V11.625H11.5625V13.5H9.6875ZM17.1875%209.75V7.875H19.0625V9.75H17.1875ZM17.1875%2013.5V11.625H19.0625V13.5H17.1875ZM13.4375%2013.5V11.625H15.3125V13.5H13.4375ZM17.1875%206V4.125H19.0625V6H17.1875ZM11.5625%207.875V6H13.4375V7.875H11.5625ZM5.9375%2019.825V4.125H7.8125V6H9.6875V7.875H7.8125V9.75H9.6875V11.625H7.8125V19.825H5.9375ZM15.3125%2011.625V9.75H17.1875V11.625H15.3125ZM11.5625%2011.625V9.75H13.4375V11.625H11.5625ZM9.6875%209.75V7.875H11.5625V9.75H9.6875ZM13.4375%209.75V7.875H15.3125V9.75H13.4375ZM15.3125%207.875V6H17.1875V7.875H15.3125Z'%20fill='%23212121'/%3e%3c/g%3e%3c/svg%3e", Zi = ({
+}, Yi = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_929_1048'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_929_1048)'%3e%3cpath%20d='M12%2020.6254L5.20005%2016.9254V11.1254L1.36255%209.01289L12%203.21289L22.65%209.01464V16.7504H20.775V10.0504L18.8%2011.1254V16.9254L12%2020.6254ZM12%2012.6754L18.75%209.01289L12%205.36289L5.26255%209.01289L12%2012.6754ZM12%2018.4879L16.925%2015.8296V12.1129L12%2014.8254L7.07505%2012.1129V15.8296L12%2018.4879Z'%20fill='%23212121'/%3e%3c/g%3e%3c/svg%3e", qi = "data:image/svg+xml,%3csvg%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_929_504'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='25'%20height='24'%3e%3crect%20x='0.5'%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_929_504)'%3e%3cpath%20d='M9.6875%206H11.5625V4.125H9.6875V6ZM13.4375%206V4.125H15.3125V6H13.4375ZM9.6875%2013.5V11.625H11.5625V13.5H9.6875ZM17.1875%209.75V7.875H19.0625V9.75H17.1875ZM17.1875%2013.5V11.625H19.0625V13.5H17.1875ZM13.4375%2013.5V11.625H15.3125V13.5H13.4375ZM17.1875%206V4.125H19.0625V6H17.1875ZM11.5625%207.875V6H13.4375V7.875H11.5625ZM5.9375%2019.825V4.125H7.8125V6H9.6875V7.875H7.8125V9.75H9.6875V11.625H7.8125V19.825H5.9375ZM15.3125%2011.625V9.75H17.1875V11.625H15.3125ZM11.5625%2011.625V9.75H13.4375V11.625H11.5625ZM9.6875%209.75V7.875H11.5625V9.75H9.6875ZM13.4375%209.75V7.875H15.3125V9.75H13.4375ZM15.3125%207.875V6H17.1875V7.875H15.3125Z'%20fill='%23212121'/%3e%3c/g%3e%3c/svg%3e", Xi = ({
   market: e,
   earnedPoints: n
 }) => {
-  const { t: o } = ne(), r = _(), l = ie(), h = ee(), m = Se(), { points: u } = Le(_e), f = u.find((P) => P.id === e);
+  const { t: o } = ne(), r = _(), l = re(), h = ee(), m = Se(), { points: u } = De(_e), f = u.find((P) => P.id === e);
   if (!f)
     return null;
-  const a = f.points, S = n ?? 0, s = S > 0, y = r.palette.success.plainColor, b = r.palette.danger.plainColor, z = r.textSecondary, C = s ? y : S === 0 ? b : z, I = s ? r.palette.success.softBg : S === 0 ? r.palette.danger.softBg : r.palette.neutral.softBg, T = {
+  const a = f.points, S = n ?? 0, s = S > 0, x = r.palette.success.plainColor, b = r.palette.danger.plainColor, z = r.textSecondary, C = s ? x : S === 0 ? b : z, I = s ? r.palette.success.softBg : S === 0 ? r.palette.danger.softBg : r.palette.neutral.softBg, T = {
     display: "flex",
     alignItems: "center",
     gap: m.xs,
@@ -6403,21 +6404,21 @@ const Di = (e) => {
     fontWeight: 500,
     fontSize: "0.75em",
     color: r.textSecondary
-  }, v = {
+  }, F = {
     fontFamily: h.primary,
     fontWeight: 500,
     fontSize: "0.75em",
     color: r.textSecondary
   };
   return /* @__PURE__ */ d(i, { sx: T, children: [
-    /* @__PURE__ */ t(x, { sx: E, children: S }),
-    /* @__PURE__ */ t(x, { sx: g, children: "/" }),
-    /* @__PURE__ */ t(x, { sx: v, children: a }),
+    /* @__PURE__ */ t(y, { sx: E, children: S }),
+    /* @__PURE__ */ t(y, { sx: g, children: "/" }),
+    /* @__PURE__ */ t(y, { sx: F, children: a }),
     /* @__PURE__ */ t(
-      x,
+      y,
       {
         sx: {
-          ...v,
+          ...F,
           fontSize: "0.625em"
         },
         children: o("matchQuiz.points.pts")
@@ -6433,7 +6434,7 @@ const Di = (e) => {
   brandingColors: h
 }) => {
   var O;
-  const [m, u] = et.useState(0), f = Ee(), { t: a } = ne(), { squads: S, points: s } = Le(_e), y = ce(), b = Ne(), z = ie().md, C = r ? f.colorSchemes.dark.textPrimary : _().textPrimary, I = r ? f.colorSchemes.dark.textSecondary : _().textSecondary, T = ee().primary, E = ee().secondary, g = r ? f.colorSchemes.dark.secondaryContainer : _().secondaryContainer, v = h != null && h.backgroundColor || r ? f.colorSchemes.dark.surfaceVariant : _().surfaceVariant, P = Se(), M = _().palette.success.plainColor, D = _().palette.danger.plainColor, H = r ? f.colorSchemes.dark.outlineEnabledBorder : _().outlineEnabledBorder, F = r ? f.colorSchemes.dark.palette.neutral.softBg : _().palette.neutral.softBg;
+  const [m, u] = et.useState(0), f = Ee(), { t: a } = ne(), { squads: S, points: s } = De(_e), x = ce(), b = Ne(), z = re().md, C = r ? f.colorSchemes.dark.textPrimary : _().textPrimary, I = r ? f.colorSchemes.dark.textSecondary : _().textSecondary, T = ee().primary, E = ee().secondary, g = r ? f.colorSchemes.dark.secondaryContainer : _().secondaryContainer, F = h != null && h.backgroundColor || r ? f.colorSchemes.dark.surfaceVariant : _().surfaceVariant, P = Se(), M = _().palette.success.plainColor, L = _().palette.danger.plainColor, H = r ? f.colorSchemes.dark.outlineEnabledBorder : _().outlineEnabledBorder, v = r ? f.colorSchemes.dark.palette.neutral.softBg : _().palette.neutral.softBg;
   let V = r ? f.colorSchemes.dark.textPrimary : _().textPrimary;
   h != null && h.primaryColor && (V = h.primaryColor);
   const R = (O = s.find(
@@ -6519,7 +6520,7 @@ const Di = (e) => {
       }
       return null;
     }, $ = (se, q) => {
-      var Me, Qe, Oe, He, Be, We, Ve, je, L, Y, K, G, ae;
+      var Me, Qe, Oe, He, Be, We, Ve, je, D, Y, K, G, ie;
       if (!se) return null;
       const B = q.market, j = q.matchModel, Ie = (Me = se.prediction) == null ? void 0 : Me.value, we = (Qe = se.prediction) == null ? void 0 : Qe.playerId, de = {
         display: "flex",
@@ -6530,7 +6531,7 @@ const Di = (e) => {
         minHeight: "20px",
         borderRadius: z,
         border: `1px solid ${H}`,
-        backgroundColor: F,
+        backgroundColor: v,
         width: "fit-content"
       }, Te = {
         width: b ? "16px" : "20px",
@@ -6538,11 +6539,11 @@ const Di = (e) => {
         borderRadius: "50%",
         overflow: "hidden",
         flexShrink: 0
-      }, ve = {
+      }, Fe = {
         width: b ? "16px" : "20px",
         height: b ? "16px" : "20px",
         borderRadius: "50%",
-        backgroundColor: F,
+        backgroundColor: v,
         color: "#FFFFFF",
         display: "flex",
         alignItems: "center",
@@ -6574,7 +6575,7 @@ const Di = (e) => {
               }
             }
           ) }),
-          /* @__PURE__ */ d(x, { sx: Ae, children: [
+          /* @__PURE__ */ d(y, { sx: Ae, children: [
             w,
             ":",
             Z
@@ -6597,7 +6598,7 @@ const Di = (e) => {
       if (B === c.FT_1X2 || B === c.HT_1X2) {
         const X = Ie;
         let w = "", Z = null;
-        return X === "1" ? (w = ((Ve = j == null ? void 0 : j.homeTeam) == null ? void 0 : Ve.name) || "Home", Z = (L = (je = j == null ? void 0 : j.homeTeam) == null ? void 0 : je.assets) == null ? void 0 : L.logo) : X === "x" || X === "X" ? w = a("matchQuiz.fixtures.draw") : X === "2" && (w = ((Y = j == null ? void 0 : j.awayTeam) == null ? void 0 : Y.name) || "Away", Z = (G = (K = j == null ? void 0 : j.awayTeam) == null ? void 0 : K.assets) == null ? void 0 : G.logo), /* @__PURE__ */ d(i, { sx: de, children: [
+        return X === "1" ? (w = ((Ve = j == null ? void 0 : j.homeTeam) == null ? void 0 : Ve.name) || "Home", Z = (D = (je = j == null ? void 0 : j.homeTeam) == null ? void 0 : je.assets) == null ? void 0 : D.logo) : X === "x" || X === "X" ? w = a("matchQuiz.fixtures.draw") : X === "2" && (w = ((Y = j == null ? void 0 : j.awayTeam) == null ? void 0 : Y.name) || "Away", Z = (G = (K = j == null ? void 0 : j.awayTeam) == null ? void 0 : K.assets) == null ? void 0 : G.logo), /* @__PURE__ */ d(i, { sx: de, children: [
           Z && /* @__PURE__ */ t(i, { sx: Te, children: /* @__PURE__ */ t(
             "img",
             {
@@ -6611,17 +6612,17 @@ const Di = (e) => {
               }
             }
           ) }),
-          /* @__PURE__ */ t(x, { sx: Ae, children: w })
+          /* @__PURE__ */ t(y, { sx: Ae, children: w })
         ] });
       }
       if (B.includes("PLAYER_")) {
         if (!we)
-          return /* @__PURE__ */ t(i, { sx: de, children: /* @__PURE__ */ t(x, { sx: Ae, children: a("matchQuiz.fixtures.noGoalWillBeScored") }) });
+          return /* @__PURE__ */ t(i, { sx: de, children: /* @__PURE__ */ t(y, { sx: Ae, children: a("matchQuiz.fixtures.noGoalWillBeScored") }) });
         if (we === "OWN_GOAL")
-          return /* @__PURE__ */ t(i, { sx: de, children: /* @__PURE__ */ t(x, { sx: Ae, children: a("matchQuiz.fixtures.ownGoal") }) });
-        const X = U(we), w = (X == null ? void 0 : X.name) || "Unknown Player", Z = (ae = X == null ? void 0 : X.assets) == null ? void 0 : ae.headshot;
+          return /* @__PURE__ */ t(i, { sx: de, children: /* @__PURE__ */ t(y, { sx: Ae, children: a("matchQuiz.fixtures.ownGoal") }) });
+        const X = U(we), w = (X == null ? void 0 : X.name) || "Unknown Player", Z = (ie = X == null ? void 0 : X.assets) == null ? void 0 : ie.headshot;
         return /* @__PURE__ */ d(i, { sx: de, children: [
-          /* @__PURE__ */ t(i, { sx: ve, children: Z ? /* @__PURE__ */ t(
+          /* @__PURE__ */ t(i, { sx: Fe, children: Z ? /* @__PURE__ */ t(
             "img",
             {
               src: Z,
@@ -6639,12 +6640,12 @@ const Di = (e) => {
               sx: { fontSize: "0.75em", color: I }
             }
           ) }),
-          /* @__PURE__ */ t(x, { sx: Ae, children: w })
+          /* @__PURE__ */ t(y, { sx: Ae, children: w })
         ] });
       }
-      return B === c.PENALTY_MATCH || B === c.RED_CARD_MATCH || B.includes("OVER_") ? /* @__PURE__ */ t(i, { sx: de, children: /* @__PURE__ */ t(x, { sx: Ae, children: a(Ie === !0 ? "matchQuiz.fixtures.yes" : "matchQuiz.fixtures.no") }) }) : B === c.CORNERS_MATCH ? /* @__PURE__ */ t(i, { sx: de, children: /* @__PURE__ */ t(x, { sx: Ae, children: Ie || 6 }) }) : null;
+      return B === c.PENALTY_MATCH || B === c.RED_CARD_MATCH || B.includes("OVER_") ? /* @__PURE__ */ t(i, { sx: de, children: /* @__PURE__ */ t(y, { sx: Ae, children: a(Ie === !0 ? "matchQuiz.fixtures.yes" : "matchQuiz.fixtures.no") }) }) : B === c.CORNERS_MATCH ? /* @__PURE__ */ t(i, { sx: de, children: /* @__PURE__ */ t(y, { sx: Ae, children: Ie || 6 }) }) : null;
     }, xe = (se) => {
-      var ve, Ae, Me, Qe, Oe, He, Be, We, Ve, je, L;
+      var Fe, Ae, Me, Qe, Oe, He, Be, We, Ve, je, D;
       const q = se.market, B = se.matchModel, j = se.result, Ie = {
         display: "flex",
         alignItems: "center",
@@ -6654,7 +6655,7 @@ const Di = (e) => {
         minHeight: "20px",
         borderRadius: z,
         border: `1px solid ${H}`,
-        backgroundColor: F,
+        backgroundColor: v,
         width: "fit-content"
       }, we = {
         width: b ? "16px" : "20px",
@@ -6666,7 +6667,7 @@ const Di = (e) => {
         width: b ? "16px" : "20px",
         height: b ? "16px" : "20px",
         borderRadius: "50%",
-        backgroundColor: F,
+        backgroundColor: v,
         color: "#FFFFFF",
         display: "flex",
         alignItems: "center",
@@ -6685,7 +6686,7 @@ const Di = (e) => {
       if (q === c.CORRECT_SCORE || q === c.CORRECT_SCORE_HT || q === c.CORRECT_SCORE_ADVANCED) {
         const Y = j || "0:0", [K, G] = Y.split(":");
         return /* @__PURE__ */ d(i, { sx: Ie, children: [
-          ((Ae = (ve = B == null ? void 0 : B.homeTeam) == null ? void 0 : ve.assets) == null ? void 0 : Ae.logo) && /* @__PURE__ */ t(i, { sx: we, children: /* @__PURE__ */ t(
+          ((Ae = (Fe = B == null ? void 0 : B.homeTeam) == null ? void 0 : Fe.assets) == null ? void 0 : Ae.logo) && /* @__PURE__ */ t(i, { sx: we, children: /* @__PURE__ */ t(
             "img",
             {
               src: B.homeTeam.assets.logo,
@@ -6698,7 +6699,7 @@ const Di = (e) => {
               }
             }
           ) }),
-          /* @__PURE__ */ d(x, { sx: Te, children: [
+          /* @__PURE__ */ d(y, { sx: Te, children: [
             K,
             ":",
             G
@@ -6735,7 +6736,7 @@ const Di = (e) => {
               }
             }
           ) }),
-          /* @__PURE__ */ t(x, { sx: Te, children: K })
+          /* @__PURE__ */ t(y, { sx: Te, children: K })
         ] });
       }
       if (q.includes("PLAYER_")) {
@@ -6747,10 +6748,10 @@ const Di = (e) => {
             );
           }).filter(Boolean);
           if (Y.length === 0)
-            return /* @__PURE__ */ t(i, { sx: Ie, children: /* @__PURE__ */ t(x, { sx: Te, children: a("matchQuiz.fixtures.noGoalWillBeScored") }) });
+            return /* @__PURE__ */ t(i, { sx: Ie, children: /* @__PURE__ */ t(y, { sx: Te, children: a("matchQuiz.fixtures.noGoalWillBeScored") }) });
           const K = Y[0];
           return /* @__PURE__ */ d(i, { sx: Ie, children: [
-            /* @__PURE__ */ t(i, { sx: de, children: (L = K == null ? void 0 : K.assets) != null && L.headshot ? /* @__PURE__ */ t(
+            /* @__PURE__ */ t(i, { sx: de, children: (D = K == null ? void 0 : K.assets) != null && D.headshot ? /* @__PURE__ */ t(
               "img",
               {
                 src: K.assets.headshot,
@@ -6768,12 +6769,12 @@ const Di = (e) => {
                 sx: { fontSize: "0.75em", color: I }
               }
             ) }),
-            /* @__PURE__ */ t(x, { sx: Te, children: Y.map((G) => G == null ? void 0 : G.name).join(", ") })
+            /* @__PURE__ */ t(y, { sx: Te, children: Y.map((G) => G == null ? void 0 : G.name).join(", ") })
           ] });
         }
-        return /* @__PURE__ */ t(i, { sx: Ie, children: /* @__PURE__ */ t(x, { sx: Te, children: a("matchQuiz.fixtures.noGoalWillBeScored") }) });
+        return /* @__PURE__ */ t(i, { sx: Ie, children: /* @__PURE__ */ t(y, { sx: Te, children: a("matchQuiz.fixtures.noGoalWillBeScored") }) });
       }
-      return q === c.PENALTY_MATCH || q === c.RED_CARD_MATCH || q.includes("OVER_") ? /* @__PURE__ */ t(i, { sx: Ie, children: /* @__PURE__ */ t(x, { sx: Te, children: a(j === !0 ? "matchQuiz.fixtures.yes" : "matchQuiz.fixtures.no") }) }) : q === c.CORNERS_MATCH ? /* @__PURE__ */ t(i, { sx: Ie, children: /* @__PURE__ */ t(x, { sx: Te, children: j || 6 }) }) : null;
+      return q === c.PENALTY_MATCH || q === c.RED_CARD_MATCH || q.includes("OVER_") ? /* @__PURE__ */ t(i, { sx: Ie, children: /* @__PURE__ */ t(y, { sx: Te, children: a(j === !0 ? "matchQuiz.fixtures.yes" : "matchQuiz.fixtures.no") }) }) : q === c.CORNERS_MATCH ? /* @__PURE__ */ t(i, { sx: Ie, children: /* @__PURE__ */ t(y, { sx: Te, children: j || 6 }) }) : null;
     };
     return /* @__PURE__ */ t(
       i,
@@ -6795,7 +6796,7 @@ const Di = (e) => {
             left: 0,
             right: 0,
             bottom: 0,
-            backgroundColor: v,
+            backgroundColor: F,
             opacity: 0.5,
             borderRadius: "inherit",
             zIndex: 0,
@@ -6828,7 +6829,7 @@ const Di = (e) => {
                   },
                   children: [
                     /* @__PURE__ */ t(
-                      x,
+                      y,
                       {
                         sx: {
                           color: C,
@@ -6844,7 +6845,7 @@ const Di = (e) => {
                       }
                     ),
                     !b && /* @__PURE__ */ t(
-                      Zi,
+                      Xi,
                       {
                         market: k.market,
                         earnedPoints: (ze = Q == null ? void 0 : Q.result) == null ? void 0 : ze.points
@@ -6873,10 +6874,10 @@ const Di = (e) => {
                         },
                         children: [
                           /* @__PURE__ */ t(
-                            x,
+                            y,
                             {
                               sx: {
-                                color: N(k, Q) ? r ? f.colorSchemes.dark.palette.success.plainColor : M : r ? f.colorSchemes.dark.palette.danger.plainColor : D,
+                                color: N(k, Q) ? r ? f.colorSchemes.dark.palette.success.plainColor : M : r ? f.colorSchemes.dark.palette.danger.plainColor : L,
                                 fontFamily: E,
                                 fontSize: "1em",
                                 fontStyle: "normal",
@@ -6901,7 +6902,7 @@ const Di = (e) => {
                         },
                         children: [
                           /* @__PURE__ */ t(
-                            x,
+                            y,
                             {
                               sx: {
                                 color: C,
@@ -6943,7 +6944,7 @@ const Di = (e) => {
                       alignSelf: "stretch"
                     },
                     children: /* @__PURE__ */ t(
-                      x,
+                      y,
                       {
                         sx: {
                           color: C,
@@ -6984,8 +6985,8 @@ const Di = (e) => {
           Cn,
           {
             sx: {
-              fontSize: y ? "0.75em" : "1em",
-              "--Icon-fontSize": y ? "1em" : "1.25em"
+              fontSize: x ? "0.75em" : "1em",
+              "--Icon-fontSize": x ? "1em" : "1.25em"
             },
             children: [
               /* @__PURE__ */ t(
@@ -7004,7 +7005,7 @@ const Di = (e) => {
                       bgcolor: r ? "#FAFAFA14" : "#2121210A"
                       // Highlight selected tab
                     },
-                    [`&.${dn.selected}`]: {
+                    [`&.${mn.selected}`]: {
                       bgcolor: r ? "#FAFAFA14" : "#2121210A",
                       // Highlight selected tab
                       borderBottom: "3px solid " + V,
@@ -7030,7 +7031,7 @@ const Di = (e) => {
                         /* @__PURE__ */ t(
                           "img",
                           {
-                            src: Ki,
+                            src: qi,
                             alt: "results-icon",
                             style: {
                               display: "flex",
@@ -7043,7 +7044,7 @@ const Di = (e) => {
                           }
                         ),
                         /* @__PURE__ */ t(
-                          x,
+                          y,
                           {
                             sx: {
                               color: I,
@@ -7079,7 +7080,7 @@ const Di = (e) => {
                       bgcolor: r ? "#FAFAFA14" : "#2121210A"
                       // Highlight selected tab
                     },
-                    [`&.${dn.selected}`]: {
+                    [`&.${mn.selected}`]: {
                       bgcolor: r ? "#FAFAFA14" : "#2121210A",
                       // Highlight selected tab
                       borderBottom: "3px solid " + V,
@@ -7105,7 +7106,7 @@ const Di = (e) => {
                         /* @__PURE__ */ t(
                           "img",
                           {
-                            src: Xi,
+                            src: Yi,
                             alt: "predictions-icon",
                             style: {
                               display: "flex",
@@ -7118,7 +7119,7 @@ const Di = (e) => {
                           }
                         ),
                         /* @__PURE__ */ t(
-                          x,
+                          y,
                           {
                             sx: {
                               color: I,
@@ -7147,7 +7148,7 @@ const Di = (e) => {
             value: 0,
             sx: {
               ...o,
-              fontSize: b ? "0.625em" : y ? "0.75em" : "1em"
+              fontSize: b ? "0.625em" : x ? "0.75em" : "1em"
             },
             children: l
           }
@@ -7158,7 +7159,7 @@ const Di = (e) => {
             value: 1,
             sx: {
               overflowY: "auto",
-              maxHeight: y ? "auto" : "450px",
+              maxHeight: x ? "auto" : "450px",
               fontSize: b ? "0.75em" : "1em"
             },
             children: /* @__PURE__ */ t(
@@ -7204,7 +7205,7 @@ const Di = (e) => {
                           },
                           children: [
                             /* @__PURE__ */ t(
-                              x,
+                              y,
                               {
                                 sx: {
                                   color: C,
@@ -7217,7 +7218,7 @@ const Di = (e) => {
                               }
                             ),
                             /* @__PURE__ */ t(
-                              x,
+                              y,
                               {
                                 sx: {
                                   color: I,
@@ -7271,7 +7272,7 @@ const Di = (e) => {
     null
   ), [l, h] = te(
     null
-  ), [m, u] = te(1), [f, a] = te(null), [S, s] = te(!1), y = async (T = 1) => {
+  ), [m, u] = te(1), [f, a] = te(null), [S, s] = te(!1), x = async (T = 1) => {
     var E;
     try {
       s(!0);
@@ -7296,13 +7297,13 @@ const Di = (e) => {
       console.warn(T), h([]);
     }
   }, z = (T) => {
-    T >= 1 && f && T <= f.numberOfPages && y(T);
+    T >= 1 && f && T <= f.numberOfPages && x(T);
   }, C = () => {
     m > 1 && z(m - 1);
   }, I = () => {
     f && m < f.numberOfPages && z(m + 1);
   };
-  return gt(() => (y(1), b(), () => {
+  return gt(() => (x(1), b(), () => {
     r(null), h(null), a(null);
   }), [e, n]), {
     leaderboard: o,
@@ -7321,8 +7322,8 @@ const Di = (e) => {
   showHeading: r,
   isSplitVariant: l
 }) => {
-  var D;
-  const { t: h } = ne(), m = Ee(), u = _(), f = ((D = o.branding) == null ? void 0 : D.colors) || null, a = (f == null ? void 0 : f.primaryColor) || u.palette.primary.plainColor, S = (f == null ? void 0 : f.contentColor) || u.textColor, s = ee().primary, y = ee().secondary, b = ie(), z = Se(), C = Ne(), I = u.surfaceVariant, T = m.colorSchemes.light.palette.primary.onPrimary, E = u.outlineEnabledBorder, g = {
+  var L;
+  const { t: h } = ne(), m = Ee(), u = _(), f = ((L = o.branding) == null ? void 0 : L.colors) || null, a = (f == null ? void 0 : f.primaryColor) || u.palette.primary.plainColor, S = (f == null ? void 0 : f.contentColor) || u.textColor, s = ee().primary, x = ee().secondary, b = re(), z = Se(), C = Ne(), I = u.surfaceVariant, T = m.colorSchemes.light.palette.primary.onPrimary, E = u.outlineEnabledBorder, g = {
     leaderboardContainer: {
       display: "flex",
       flexDirection: "column",
@@ -7445,7 +7446,7 @@ const Di = (e) => {
       color: T
     },
     noLeaderboardText: {
-      fontFamily: y,
+      fontFamily: x,
       fontSize: "1.25em",
       color: S,
       textAlign: "center",
@@ -7455,10 +7456,10 @@ const Di = (e) => {
   if (!e || !n)
     return /* @__PURE__ */ t(Ht, { my: 10 });
   if (e.length === 0)
-    return /* @__PURE__ */ t(x, { level: "body-lg", sx: g.noLeaderboardText, children: h("matchQuiz.leaderboard.noLeaderboardAvailable") });
-  const v = n && n.length > 0 ? n[0] : null, P = v == null ? void 0 : v.position, M = P && e.some((H) => H.position === P);
+    return /* @__PURE__ */ t(y, { level: "body-lg", sx: g.noLeaderboardText, children: h("matchQuiz.leaderboard.noLeaderboardAvailable") });
+  const F = n && n.length > 0 ? n[0] : null, P = F == null ? void 0 : F.position, M = P && e.some((H) => H.position === P);
   return /* @__PURE__ */ d(i, { sx: g.leaderboardContainer, children: [
-    r && /* @__PURE__ */ t(x, { level: "h4", sx: g.leaderboardTitle, children: h("matchQuiz.leaderboard.title") }),
+    r && /* @__PURE__ */ t(y, { level: "h4", sx: g.leaderboardTitle, children: h("matchQuiz.leaderboard.title") }),
     /* @__PURE__ */ t(fn, { sx: g.tableContainer, children: /* @__PURE__ */ d(
       xn,
       {
@@ -7474,40 +7475,40 @@ const Di = (e) => {
             /* @__PURE__ */ t("th", { style: g.headerCellPoints, children: C || l ? "🎯" : h("matchQuiz.leaderboard.points") })
           ] }) }),
           /* @__PURE__ */ d("tbody", { children: [
-            v && !M && /* @__PURE__ */ d("tr", { style: g.userRow, children: [
-              /* @__PURE__ */ t("td", { style: g.tableCellPosition, children: /* @__PURE__ */ d(x, { sx: g.positionText, children: [
+            F && !M && /* @__PURE__ */ d("tr", { style: g.userRow, children: [
+              /* @__PURE__ */ t("td", { style: g.tableCellPosition, children: /* @__PURE__ */ d(y, { sx: g.positionText, children: [
                 "#",
-                v.position
+                F.position
               ] }) }),
               /* @__PURE__ */ t("td", { style: g.tableCellName, children: /* @__PURE__ */ d(i, { sx: g.nameCell, children: [
-                /* @__PURE__ */ t(mn, { sx: g.leaderboardAvatar, children: /* @__PURE__ */ t(sn, { sx: g.avatarIcon }) }),
-                /* @__PURE__ */ t(x, { sx: g.nameText, children: h("matchQuiz.leaderboard.you") })
+                /* @__PURE__ */ t(ln, { sx: g.leaderboardAvatar, children: /* @__PURE__ */ t(dn, { sx: g.avatarIcon }) }),
+                /* @__PURE__ */ t(y, { sx: g.nameText, children: h("matchQuiz.leaderboard.you") })
               ] }) }),
-              /* @__PURE__ */ t("td", { style: g.tableCellPoints, children: /* @__PURE__ */ t(x, { sx: g.pointsText, children: v.points }) })
+              /* @__PURE__ */ t("td", { style: g.tableCellPoints, children: /* @__PURE__ */ t(y, { sx: g.pointsText, children: F.points }) })
             ] }),
             e.map((H) => {
-              const F = P === H.position;
+              const v = P === H.position;
               return /* @__PURE__ */ d(
                 "tr",
                 {
-                  style: F ? g.userRow : void 0,
+                  style: v ? g.userRow : void 0,
                   children: [
-                    /* @__PURE__ */ t("td", { style: g.tableCellPosition, children: /* @__PURE__ */ d(x, { sx: g.positionText, children: [
+                    /* @__PURE__ */ t("td", { style: g.tableCellPosition, children: /* @__PURE__ */ d(y, { sx: g.positionText, children: [
                       "#",
                       H.position
                     ] }) }),
                     /* @__PURE__ */ t("td", { style: g.tableCellName, children: /* @__PURE__ */ d(i, { sx: g.nameCell, children: [
                       /* @__PURE__ */ t(
-                        mn,
+                        ln,
                         {
                           src: H.profileModel.avatar || void 0,
                           sx: g.leaderboardAvatar,
-                          children: H.profileModel.avatar ? /* @__PURE__ */ t(p, {}) : /* @__PURE__ */ t(sn, { sx: g.avatarIcon })
+                          children: H.profileModel.avatar ? /* @__PURE__ */ t(p, {}) : /* @__PURE__ */ t(dn, { sx: g.avatarIcon })
                         }
                       ),
-                      /* @__PURE__ */ t(x, { sx: g.nameText, children: F ? h("matchQuiz.leaderboard.you") : H.profileModel.nickname || H.profileModel.name })
+                      /* @__PURE__ */ t(y, { sx: g.nameText, children: v ? h("matchQuiz.leaderboard.you") : H.profileModel.nickname || H.profileModel.name })
                     ] }) }),
-                    /* @__PURE__ */ t("td", { style: g.tableCellPoints, children: /* @__PURE__ */ t(x, { sx: g.pointsText, children: H.points }) })
+                    /* @__PURE__ */ t("td", { style: g.tableCellPoints, children: /* @__PURE__ */ t(y, { sx: g.pointsText, children: H.points }) })
                   ]
                 },
                 H.profileId
@@ -7525,7 +7526,7 @@ const Di = (e) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ji = yn("ChevronsLeft", [
+const Ki = yn("ChevronsLeft", [
   ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
   ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
 ]);
@@ -7535,7 +7536,7 @@ const Ji = yn("ChevronsLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pi = yn("ChevronsRight", [
+const Zi = yn("ChevronsRight", [
   ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
   ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
 ]), nn = ({
@@ -7552,23 +7553,23 @@ const pi = yn("ChevronsRight", [
 }) => {
   const S = Ee(), s = (g) => {
     o && g >= 1 && g <= e && o(g);
-  }, y = (g, v) => {
+  }, x = (g, F) => {
     const P = [];
-    for (let M = g; M <= v; M++) P.push(M);
+    for (let M = g; M <= F; M++) P.push(M);
     return P;
   }, z = (() => {
     if (e <= 0) return [];
-    const g = y(1, Math.min(l, e)), v = y(
+    const g = x(1, Math.min(l, e)), F = x(
       Math.max(e - l + 1, l + 1),
       e
-    ), P = Math.max(l + 1, n - r), M = Math.min(e - l, n + r), D = [...g];
-    if (P > l + 1 && D.push("ellipsis-start"), P <= M)
+    ), P = Math.max(l + 1, n - r), M = Math.min(e - l, n + r), L = [...g];
+    if (P > l + 1 && L.push("ellipsis-start"), P <= M)
       for (let H = P; H <= M; H++)
-        D.push(H);
-    M < e - l && D.push("ellipsis-end");
-    for (const H of v)
-      D.includes(H) || D.push(H);
-    return D;
+        L.push(H);
+    M < e - l && L.push("ellipsis-end");
+    for (const H of F)
+      L.includes(H) || L.push(H);
+    return L;
   })(), C = u === "sm" ? "sm" : u === "lg" ? "lg" : "md", I = u === "sm" ? 16 : u === "lg" ? 24 : 20, T = (g = !1) => {
     if (!a)
       return {
@@ -7577,25 +7578,25 @@ const pi = yn("ChevronsRight", [
         minHeight: "32px",
         fontWeight: g ? 600 : 400
       };
-    const v = S.colorSchemes.dark;
+    const F = S.colorSchemes.dark;
     return {
       borderRadius: "8px",
       minWidth: "32px",
       minHeight: "32px",
       fontWeight: g ? 600 : 400,
-      backgroundColor: g ? v.palette.neutral.solidBg : "transparent",
-      color: g ? v.palette.neutral.solidColor : v.textColor,
+      backgroundColor: g ? F.palette.neutral.solidBg : "transparent",
+      color: g ? F.palette.neutral.solidColor : F.textColor,
       border: "none",
       "&:hover": {
-        backgroundColor: v.palette.neutral.solidBg,
-        color: g ? v.palette.neutral.solidColor : v.textColor
+        backgroundColor: F.palette.neutral.solidBg,
+        color: g ? F.palette.neutral.solidColor : F.textColor
       },
       "&:active": {
-        backgroundColor: v.palette.neutral.plainActiveBg
+        backgroundColor: F.palette.neutral.plainActiveBg
       },
       "&.Mui-disabled": {
         backgroundColor: "transparent",
-        color: v.textDisabled,
+        color: F.textDisabled,
         opacity: 0.5
       }
     };
@@ -7639,7 +7640,7 @@ const pi = yn("ChevronsRight", [
       },
       children: [
         h && /* @__PURE__ */ t(
-          De,
+          Le,
           {
             size: C,
             variant: "plain",
@@ -7647,11 +7648,11 @@ const pi = yn("ChevronsRight", [
             onClick: () => s(1),
             disabled: f || n === 1,
             sx: E(),
-            children: /* @__PURE__ */ t(Ji, { size: I })
+            children: /* @__PURE__ */ t(Ki, { size: I })
           }
         ),
         /* @__PURE__ */ t(
-          De,
+          Le,
           {
             size: C,
             variant: "plain",
@@ -7659,10 +7660,10 @@ const pi = yn("ChevronsRight", [
             onClick: () => s(n - 1),
             disabled: f || n === 1,
             sx: E(),
-            children: /* @__PURE__ */ t(Gn, { size: I })
+            children: /* @__PURE__ */ t(Un, { size: I })
           }
         ),
-        z.map((g, v) => {
+        z.map((g, F) => {
           if (typeof g == "string" && g.startsWith("ellipsis"))
             return /* @__PURE__ */ t(
               Pe,
@@ -7685,7 +7686,7 @@ const pi = yn("ChevronsRight", [
                 },
                 children: "..."
               },
-              `${g}-${v}`
+              `${g}-${F}`
             );
           const P = g === n;
           return /* @__PURE__ */ t(
@@ -7703,7 +7704,7 @@ const pi = yn("ChevronsRight", [
           );
         }),
         /* @__PURE__ */ t(
-          De,
+          Le,
           {
             size: C,
             variant: "plain",
@@ -7711,11 +7712,11 @@ const pi = yn("ChevronsRight", [
             onClick: () => s(n + 1),
             disabled: f || n === e,
             sx: E(),
-            children: /* @__PURE__ */ t(Yn, { size: I })
+            children: /* @__PURE__ */ t(Gn, { size: I })
           }
         ),
         m && /* @__PURE__ */ t(
-          De,
+          Le,
           {
             size: C,
             variant: "plain",
@@ -7723,13 +7724,13 @@ const pi = yn("ChevronsRight", [
             onClick: () => s(e),
             disabled: f || n === e,
             sx: E(),
-            children: /* @__PURE__ */ t(pi, { size: I })
+            children: /* @__PURE__ */ t(Zi, { size: I })
           }
         )
       ]
     }
   );
-}, ea = (e) => {
+}, Ji = (e) => {
   var O, k, Q, ue, N, U, $, xe, ge;
   const n = Ee(), { t: o } = ne(), r = ce(), l = ((O = e.matchQuiz.branding) == null ? void 0 : O.colors) || null, h = r ? ((Q = (k = e.matchQuiz.branding) == null ? void 0 : k.images) == null ? void 0 : Q.mobileLogo) || ((N = (ue = e.matchQuiz.branding) == null ? void 0 : ue.images) == null ? void 0 : N.mainLogo) || "" : (($ = (U = e.matchQuiz.branding) == null ? void 0 : U.images) == null ? void 0 : $.mainLogo) || "", m = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : r ? it : at, u = Je(
     {
@@ -7737,16 +7738,16 @@ const pi = yn("ChevronsRight", [
       imagePlaceholder: m
     },
     Ce.SPLIT
-  ), f = _().palette.danger.plainColor, a = (l == null ? void 0 : l.contentColor) || _().textColor, S = (l == null ? void 0 : l.secondaryColor) || _().textColor, s = ee().secondary, y = "60%", b = ee().primary, z = (l == null ? void 0 : l.backgroundColor) || _().surfaceVariant, C = ie(), I = Se(), T = rt(
+  ), f = _().palette.danger.plainColor, a = (l == null ? void 0 : l.contentColor) || _().textColor, S = (l == null ? void 0 : l.secondaryColor) || _().textColor, s = ee().secondary, x = "60%", b = ee().primary, z = (l == null ? void 0 : l.backgroundColor) || _().surfaceVariant, C = re(), I = Se(), T = rt(
     Ce.SPLIT
-  ), E = qi({
+  ), E = Gi({
     finalImage: u,
     spacingScale: I,
     borderRadius: C,
     fontFamilyPrimary: b,
     fontFamilySecondary: s,
     secondaryColor: S,
-    opacity: y,
+    opacity: x,
     bgcolor: ye(z || ""),
     textColor: a,
     brandingColors: l,
@@ -7755,7 +7756,7 @@ const pi = yn("ChevronsRight", [
     isMobile: r,
     dangerColor: f,
     isTabulated: e.showPredictionDetails || !1
-  }), g = ((xe = e.matchQuiz.labels) == null ? void 0 : xe.sponsor) || null, { leaderboard: v, userRankings: P, pagination: M, currentPage: D, goToPage: H } = en(e.matchQuiz.id, e.sdk), F = pt(
+  }), g = ((xe = e.matchQuiz.labels) == null ? void 0 : xe.sponsor) || null, { leaderboard: F, userRankings: P, pagination: M, currentPage: L, goToPage: H } = en(e.matchQuiz.id, e.sdk), v = pt(
     e.matchQuiz.id,
     e.sdk,
     e.showPredictionDetails || !1
@@ -7763,7 +7764,7 @@ const pi = yn("ChevronsRight", [
     /* @__PURE__ */ t(
       tn,
       {
-        leaderboard: v,
+        leaderboard: F,
         userRankings: P,
         matchQuiz: e.matchQuiz,
         showHeading: !e.showPredictionDetails,
@@ -7774,7 +7775,7 @@ const pi = yn("ChevronsRight", [
       nn,
       {
         count: M.numberOfPages,
-        page: D,
+        page: L,
         onChange: H,
         size: "sm",
         showFirstButton: !1,
@@ -7796,7 +7797,7 @@ const pi = yn("ChevronsRight", [
         },
         children: [
           g && /* @__PURE__ */ t(
-            x,
+            y,
             {
               level: "body-sm",
               sx: {
@@ -7844,7 +7845,7 @@ const pi = yn("ChevronsRight", [
             gap: I["3xs"]
           },
           children: [
-            /* @__PURE__ */ t(x, { sx: E.headlineText, children: o("matchQuiz.headline") }),
+            /* @__PURE__ */ t(y, { sx: E.headlineText, children: o("matchQuiz.headline") }),
             /* @__PURE__ */ t(
               Ct,
               {
@@ -7857,8 +7858,8 @@ const pi = yn("ChevronsRight", [
         }
       ),
       /* @__PURE__ */ d(i, { sx: E.contentContainer, children: [
-        /* @__PURE__ */ t(x, { sx: E.titleText, children: e.matchQuiz.title }),
-        /* @__PURE__ */ t(x, { sx: E.descriptionText, children: St(e.matchQuiz.description) })
+        /* @__PURE__ */ t(y, { sx: E.titleText, children: e.matchQuiz.title }),
+        /* @__PURE__ */ t(y, { sx: E.descriptionText, children: St(e.matchQuiz.description) })
       ] })
     ] }),
     h && !r && /* @__PURE__ */ t(i, { children: R(
@@ -7869,7 +7870,7 @@ const pi = yn("ChevronsRight", [
     Jt,
     {
       prediction: e.prediction,
-      marketsResults: F,
+      marketsResults: v,
       brandingColors: (ge = e.matchQuiz.branding) == null ? void 0 : ge.colors,
       resultsTabPanelSxProps: {
         display: "flex",
@@ -7887,7 +7888,7 @@ const pi = yn("ChevronsRight", [
     W(),
     V()
   ] }) });
-}, ta = (e) => {
+}, pi = (e) => {
   var n, o, r, l, h;
   return {
     // Main container with background overlay
@@ -8585,7 +8586,7 @@ const pi = yn("ChevronsRight", [
       zIndex: 1
     }
   };
-}, na = (e) => {
+}, ea = (e) => {
   var U;
   const n = Se(), o = Ee(), { t: r } = ne(), l = ce(), h = Ne(), m = rt(
     Ce.OVERLAY
@@ -8595,17 +8596,17 @@ const pi = yn("ChevronsRight", [
       imagePlaceholder: S
     },
     Ce.OVERLAY
-  ), y = _().textPrimary, b = (f == null ? void 0 : f.primaryColor) || _().palette.primary.plainColor, z = (f == null ? void 0 : f.contentColor) || _().textColor, C = ee().secondary, I = ee().primary, T = _().surface, E = `rgba(${ye(
+  ), x = _().textPrimary, b = (f == null ? void 0 : f.primaryColor) || _().palette.primary.plainColor, z = (f == null ? void 0 : f.contentColor) || _().textColor, C = ee().secondary, I = ee().primary, T = _().surface, E = `rgba(${ye(
     (f == null ? void 0 : f.backgroundColor) || _().surfaceVariant
-  )}, 0.5)`, g = _().onSurface, v = ie(), P = Rt().size, M = `rgba(${ye(
+  )}, 0.5)`, g = _().onSurface, F = re(), P = Rt().size, M = `rgba(${ye(
     _().surfaceVariant || ""
-  )}, 0.5)`, D = (f == null ? void 0 : f.secondaryColor) || _().textColor, F = ta({
+  )}, 0.5)`, L = (f == null ? void 0 : f.secondaryColor) || _().textColor, v = pi({
     finalImage: s,
     spacingScale: n,
-    borderRadius: v,
+    borderRadius: F,
     fontFamilyPrimary: I,
     fontFamilySecondary: C,
-    textPrimary: y,
+    textPrimary: x,
     primaryColor: b,
     textColor: z,
     bgcolor: E,
@@ -8622,7 +8623,7 @@ const pi = yn("ChevronsRight", [
     imageBackgroundGradient: m,
     darkTextColor: o.colorSchemes.dark.textColor,
     opacity: "60%",
-    secondaryColor: D,
+    secondaryColor: L,
     isExtraSmall: h
   }), { leaderboard: V, userRankings: R, pagination: W, currentPage: O, goToPage: k } = en(e.matchQuiz.id, e.sdk), Q = pt(
     e.matchQuiz.id,
@@ -8643,7 +8644,7 @@ const pi = yn("ChevronsRight", [
     {
       sx: { display: "flex", flexDirection: "column", gap: n.md },
       children: [
-        /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(i, { sx: F.headlineSection, children: /* @__PURE__ */ t(i, { sx: F.headlineContent, children: /* @__PURE__ */ d(i, { sx: F.headlineContentInner, children: [
+        /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(i, { sx: v.headlineSection, children: /* @__PURE__ */ t(i, { sx: v.headlineContent, children: /* @__PURE__ */ d(i, { sx: v.headlineContentInner, children: [
           /* @__PURE__ */ d(
             i,
             {
@@ -8654,7 +8655,7 @@ const pi = yn("ChevronsRight", [
                 gap: n["3xs"]
               },
               children: [
-                /* @__PURE__ */ t(x, { level: "body-sm", sx: F.headlineText, children: r("matchQuiz.headline") }),
+                /* @__PURE__ */ t(y, { level: "body-sm", sx: v.headlineText, children: r("matchQuiz.headline") }),
                 /* @__PURE__ */ t(
                   Ct,
                   {
@@ -8666,13 +8667,13 @@ const pi = yn("ChevronsRight", [
               ]
             }
           ),
-          /* @__PURE__ */ d(i, { sx: F.contentContainer, children: [
-            /* @__PURE__ */ t(x, { level: "h4", sx: F.titleText, children: e.matchQuiz.title }),
-            e.matchQuiz.description && /* @__PURE__ */ t(x, { level: "body-lg", sx: F.descriptionText, children: St(e.matchQuiz.description) })
+          /* @__PURE__ */ d(i, { sx: v.contentContainer, children: [
+            /* @__PURE__ */ t(y, { level: "h4", sx: v.titleText, children: e.matchQuiz.title }),
+            e.matchQuiz.description && /* @__PURE__ */ t(y, { level: "body-lg", sx: v.descriptionText, children: St(e.matchQuiz.description) })
           ] })
         ] }) }) }) }),
-        /* @__PURE__ */ d(i, { sx: F.mainContentSection, children: [
-          /* @__PURE__ */ d(i, { sx: F.contentContainerWithBackdrop, children: [
+        /* @__PURE__ */ d(i, { sx: v.mainContentSection, children: [
+          /* @__PURE__ */ d(i, { sx: v.contentContainerWithBackdrop, children: [
             /* @__PURE__ */ t(
               tn,
               {
@@ -8683,7 +8684,7 @@ const pi = yn("ChevronsRight", [
                 isSplitVariant: !1
               }
             ),
-            R && W && W.numberOfPages > 1 && /* @__PURE__ */ t(i, { sx: F.paginationContainer, children: /* @__PURE__ */ t(
+            R && W && W.numberOfPages > 1 && /* @__PURE__ */ t(i, { sx: v.paginationContainer, children: /* @__PURE__ */ t(
               nn,
               {
                 count: W.numberOfPages,
@@ -8702,7 +8703,7 @@ const pi = yn("ChevronsRight", [
       ]
     }
   );
-  return /* @__PURE__ */ t(p, { children: e.showPredictionDetails ? /* @__PURE__ */ t(i, { sx: F.mainContainerWithPredictionDetails, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(p, { children: e.showPredictionDetails ? /* @__PURE__ */ t(i, { sx: v.mainContainerWithPredictionDetails, children: /* @__PURE__ */ t(
     Jt,
     {
       prediction: e.prediction,
@@ -8715,8 +8716,8 @@ const pi = yn("ChevronsRight", [
       },
       children: N()
     }
-  ) }) : /* @__PURE__ */ t(i, { sx: F.mainContainer, children: N() }) });
-}, ia = (e) => ({
+  ) }) : /* @__PURE__ */ t(i, { sx: v.mainContainer, children: N() }) });
+}, ta = (e) => ({
   // Main content wrapper
   mainContentWrapper: {
     display: "flex",
@@ -8840,7 +8841,7 @@ const pi = yn("ChevronsRight", [
     letterSpacing: "0.46px",
     textTransform: "uppercase"
   }
-}), aa = (e) => {
+}), na = (e) => {
   const n = Ee(), o = Se(), { t: r } = ne(), l = ce(), h = rt(
     Ce.OVERLAY
   ), { brandingImage: m, brandingColors: u, brandingLogo: f } = Tt(e.matchQuiz.branding), a = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : l ? it : at, S = m || Je(
@@ -8849,9 +8850,9 @@ const pi = yn("ChevronsRight", [
       imagePlaceholder: a
     },
     Ce.OVERLAY
-  ), s = Ut(S), y = (u == null ? void 0 : u.secondaryColor) || n.colorSchemes.dark.textSecondary, b = n.colorSchemes.dark.secondaryContainer, z = n.colorSchemes.dark.textPrimary, C = n.customFontFamily.light.primary, I = n.customRadius.light.md, T = n.customRadius.light.xl, E = (u == null ? void 0 : u.backgroundColor) || n.colorSchemes.dark.surfaceVariant, g = e.matchQuiz.status === "OPEN" && e.prediction && e.squads && e.onPredictionUpdate, v = (V) => {
+  ), s = Ut(S), x = (u == null ? void 0 : u.secondaryColor) || n.colorSchemes.dark.textSecondary, b = n.colorSchemes.dark.secondaryContainer, z = n.colorSchemes.dark.textPrimary, C = n.customFontFamily.light.primary, I = n.customRadius.light.md, T = n.customRadius.light.xl, E = (u == null ? void 0 : u.backgroundColor) || n.colorSchemes.dark.surfaceVariant, g = e.matchQuiz.status === "OPEN" && e.prediction && e.squads && e.onPredictionUpdate, F = (V) => {
     console.log(`Edit prediction for fixture at index: ${V}`);
-  }, P = ia({
+  }, P = ta({
     spacingScale: o,
     textPrimary: z,
     fontFamilyPrimary: C,
@@ -8877,19 +8878,19 @@ const pi = yn("ChevronsRight", [
     fontSize: l ? "0.750em" : "0.8125em",
     fontWeight: 500,
     textTransform: "uppercase"
-  }, D = {
+  }, L = {
     display: "flex",
     justifyContent: "center",
     alignItems: "center",
     gap: "8px"
   }, H = {
-    color: y,
+    color: x,
     fontFamily: C,
     fontStyle: "normal",
     lineHeight: "24px",
     letterSpacing: "0.40px",
     textTransform: "uppercase"
-  }, F = () => {
+  }, v = () => {
     var V, R;
     return /* @__PURE__ */ d(i, { sx: P.mainContentWrapper, children: [
       e.isUnauthorized ? /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(
@@ -8905,7 +8906,7 @@ const pi = yn("ChevronsRight", [
           fixtures: e.matchQuiz.fixtures,
           prediction: e.prediction,
           brandingPrimaryColor: u == null ? void 0 : u.primaryColor,
-          onEditPrediction: v,
+          onEditPrediction: F,
           onPredictionUpdate: e.onPredictionUpdate,
           play: e.play,
           view: "score",
@@ -8927,7 +8928,7 @@ const pi = yn("ChevronsRight", [
               {
                 additionalCTA: e.additionalCTA,
                 buttonStyle: M,
-                buttonContentStyle: D,
+                buttonContentStyle: L,
                 textStyle: H
               }
             )
@@ -8975,7 +8976,7 @@ const pi = yn("ChevronsRight", [
               {
                 additionalCTA: e.additionalCTA,
                 buttonStyle: M,
-                buttonContentStyle: D,
+                buttonContentStyle: L,
                 textStyle: H
               }
             )
@@ -8985,30 +8986,30 @@ const pi = yn("ChevronsRight", [
     ] });
   };
   return /* @__PURE__ */ t(
-    ei,
+    Jn,
     {
       entity: e.matchQuiz,
       headline: r("matchQuiz.headline"),
       backgroundImage: s,
       imageBackgroundGradient: h,
       rulesDisplay: e.rulesDisplay,
-      children: F()
+      children: v()
     }
   );
-}, oa = () => {
+}, ia = () => {
   const { t: e } = ne();
   return /* @__PURE__ */ t(qe, { brandingBorderColor: null, children: /* @__PURE__ */ t(
-    Vn,
+    Wn,
     {
       notFoundTitle: e("matchQuiz.matchQuizNotFound"),
       notFoundMessage: e("matchQuiz.matchQuizNotFoundDescription")
     }
   ) });
-}, la = (e) => {
+}, aa = (e) => {
   var l, h, m, u;
   const n = ((l = e.matchQuiz.branding) == null ? void 0 : l.colors) || null, o = ce() ? ((h = e.matchQuiz.branding) == null ? void 0 : h.images.mobileLogo) || ((m = e.matchQuiz.branding) == null ? void 0 : m.images.mainLogo) || "" : ((u = e.matchQuiz.branding) == null ? void 0 : u.images.mainLogo) || "", { t: r } = ne();
   return /* @__PURE__ */ t(qe, { brandingBorderColor: (n == null ? void 0 : n.borderColor) || null, children: /* @__PURE__ */ t(
-    Mn,
+    _n,
     {
       entity: e.matchQuiz,
       headline: r("matchQuiz.headline"),
@@ -9032,11 +9033,11 @@ const pi = yn("ChevronsRight", [
       rulesDisplay: e.rulesDisplay
     }
   ) });
-}, ra = (e) => {
+}, oa = (e) => {
   var h, m, u, f;
   const n = ce(), { t: o } = ne(), r = ((h = e.matchQuiz.branding) == null ? void 0 : h.colors) || null, l = n ? ((m = e.matchQuiz.branding) == null ? void 0 : m.images.mobileLogo) || ((u = e.matchQuiz.branding) == null ? void 0 : u.images.mainLogo) || "" : ((f = e.matchQuiz.branding) == null ? void 0 : f.images.mainLogo) || "";
   return /* @__PURE__ */ t(qe, { brandingBorderColor: (r == null ? void 0 : r.borderColor) || null, children: /* @__PURE__ */ t(
-    Qn,
+    Mn,
     {
       entity: e.matchQuiz,
       headline: o("matchQuiz.headline"),
@@ -9059,12 +9060,12 @@ const pi = yn("ChevronsRight", [
       rulesDisplay: e.rulesDisplay
     }
   ) });
-}, ca = (e) => {
+}, la = (e) => {
   const { t: n } = ne(), o = ce(), r = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : o ? it : at, { brandingLogo: l } = Tt(
     e.matchQuiz.branding || null
   );
   return /* @__PURE__ */ t(
-    On,
+    Qn,
     {
       entity: e.matchQuiz,
       headline: n("matchQuiz.headline"),
@@ -9087,7 +9088,7 @@ const pi = yn("ChevronsRight", [
       rulesDisplay: e.rulesDisplay
     }
   );
-}, sa = (e) => {
+}, ra = (e) => {
   var n, o, r;
   return {
     // Pulse animation for buttons
@@ -9322,23 +9323,23 @@ const pi = yn("ChevronsRight", [
       objectFit: "cover"
     }
   };
-}, da = (e) => {
-  var P, M, D, H, F;
+}, ca = (e) => {
+  var P, M, L, H, v;
   const n = ((P = e.matchQuiz.branding) == null ? void 0 : P.colors) || null, o = Ee(), r = ce(), l = Je(
     {
       images: e.matchQuiz.images,
       imagePlaceholder: e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : ""
     },
     Ce.STANDARD
-  ), h = Se(), m = ee().primary, u = ee().secondary, f = ie(), a = ie().xl, S = (n == null ? void 0 : n.primaryColor) || _().palette.primary.plainColor, s = _().palette.primary.onPrimary, y = (n == null ? void 0 : n.contentColor) || _().textColor, b = (n == null ? void 0 : n.secondaryColor) || _().textColor, z = rt(
+  ), h = Se(), m = ee().primary, u = ee().secondary, f = re(), a = re().xl, S = (n == null ? void 0 : n.primaryColor) || _().palette.primary.plainColor, s = _().palette.primary.onPrimary, x = (n == null ? void 0 : n.contentColor) || _().textColor, b = (n == null ? void 0 : n.secondaryColor) || _().textColor, z = rt(
     Ce.STANDARD
-  ), C = r ? ((M = e.matchQuiz.branding) == null ? void 0 : M.images.mobileLogo) || ((D = e.matchQuiz.branding) == null ? void 0 : D.images.mainLogo) || "" : ((H = e.matchQuiz.branding) == null ? void 0 : H.images.mainLogo) || "", { t: I } = ne(), T = e.imagePosition || "left", g = sa({
+  ), C = r ? ((M = e.matchQuiz.branding) == null ? void 0 : M.images.mobileLogo) || ((L = e.matchQuiz.branding) == null ? void 0 : L.images.mainLogo) || "" : ((H = e.matchQuiz.branding) == null ? void 0 : H.images.mainLogo) || "", { t: I } = ne(), T = e.imagePosition || "left", g = ra({
     finalImage: l,
     spacingScale: h,
     borderRadius: f,
     fontFamilyPrimary: m,
     fontFamilySecondary: u,
-    textColor: y,
+    textColor: x,
     secondaryColor: b,
     brandingColors: n,
     darkTextColor: o.colorSchemes.dark.textColor,
@@ -9348,7 +9349,7 @@ const pi = yn("ChevronsRight", [
     primaryColor: S,
     onPrimaryColor: s,
     isMobile: r
-  }), v = () => {
+  }), F = () => {
     var V, R, W, O;
     return e.signInCTA ? (V = e.signInCTA) != null && V.component ? e.signInCTA.component : (R = e.signInCTA) != null && R.onClick ? /* @__PURE__ */ t(
       Pe,
@@ -9359,7 +9360,7 @@ const pi = yn("ChevronsRight", [
           ...g.pulseAnimation
         },
         onClick: e.signInCTA.onClick,
-        children: /* @__PURE__ */ t(x, { sx: g.signInButtonText, children: e.signInCTA.defaultLabel || I("common.signIn") })
+        children: /* @__PURE__ */ t(y, { sx: g.signInButtonText, children: e.signInCTA.defaultLabel || I("common.signIn") })
       }
     ) : (W = e.signInCTA) != null && W.url ? typeof window > "u" ? /* @__PURE__ */ t(
       i,
@@ -9375,7 +9376,7 @@ const pi = yn("ChevronsRight", [
           alignItems: "center",
           justifyContent: "center"
         },
-        children: /* @__PURE__ */ t(x, { sx: g.signInButtonText, children: e.signInCTA.defaultLabel || I("common.signIn") })
+        children: /* @__PURE__ */ t(y, { sx: g.signInButtonText, children: e.signInCTA.defaultLabel || I("common.signIn") })
       }
     ) : /* @__PURE__ */ t(
       Pe,
@@ -9389,7 +9390,7 @@ const pi = yn("ChevronsRight", [
           var k, Q, ue;
           ((k = e.signInCTA) == null ? void 0 : k.target) === "_blank" ? window.open((Q = e.signInCTA) == null ? void 0 : Q.url, "_blank") : window.location.href = (ue = e.signInCTA) == null ? void 0 : ue.url;
         },
-        children: /* @__PURE__ */ t(x, { sx: g.signInButtonText, children: e.signInCTA.defaultLabel || I("common.signIn") })
+        children: /* @__PURE__ */ t(y, { sx: g.signInButtonText, children: e.signInCTA.defaultLabel || I("common.signIn") })
       }
     ) : /* @__PURE__ */ t(
       Pe,
@@ -9399,7 +9400,7 @@ const pi = yn("ChevronsRight", [
           ...g.signInButton
         },
         disabled: !0,
-        children: /* @__PURE__ */ t(x, { sx: g.signInButtonText, children: e.signInCTA.defaultLabel || I("common.signIn") })
+        children: /* @__PURE__ */ t(y, { sx: g.signInButtonText, children: e.signInCTA.defaultLabel || I("common.signIn") })
       }
     ) : /* @__PURE__ */ t(
       Pe,
@@ -9409,30 +9410,30 @@ const pi = yn("ChevronsRight", [
           ...g.signInButton
         },
         disabled: !0,
-        children: /* @__PURE__ */ t(x, { sx: g.signInButtonText, children: I("common.signIn") })
+        children: /* @__PURE__ */ t(y, { sx: g.signInButtonText, children: I("common.signIn") })
       }
     );
   };
   return /* @__PURE__ */ t(qe, { brandingBorderColor: (n == null ? void 0 : n.borderColor) || null, children: /* @__PURE__ */ t(
-    ti,
+    pn,
     {
       entity: e.matchQuiz,
       headline: I("matchQuiz.headline"),
       finalImage: l,
       imagePosition: T,
-      signInContent: v(),
+      signInContent: F(),
       brandingContent: /* @__PURE__ */ t(
         ke,
         {
           brandingLogo: C,
-          textColor: r && l ? (n == null ? void 0 : n.contentColor) || o.colorSchemes.dark.textColor : y,
-          label: ((F = e.matchQuiz.labels) == null ? void 0 : F.sponsor) || null
+          textColor: r && l ? (n == null ? void 0 : n.contentColor) || o.colorSchemes.dark.textColor : x,
+          label: ((v = e.matchQuiz.labels) == null ? void 0 : v.sponsor) || null
         }
       ),
       rulesDisplay: e.rulesDisplay
     }
   ) });
-}, ma = (e) => ({
+}, sa = (e) => ({
   // Pulse animation for buttons
   pulseAnimation: {
     "@keyframes pulse": {
@@ -9480,7 +9481,7 @@ const pi = yn("ChevronsRight", [
     display: "flex",
     alignItems: "center"
   }
-}), ua = (e) => {
+}), da = (e) => {
   var z, C, I, T, E;
   const n = Ee(), o = ce(), r = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : o ? it : at, l = Je(
     {
@@ -9488,23 +9489,23 @@ const pi = yn("ChevronsRight", [
       imagePlaceholder: r
     },
     Ce.SPLIT
-  ), { t: h } = ne(), m = ((z = e.matchQuiz.branding) == null ? void 0 : z.colors) || null, u = o ? ((C = e.matchQuiz.branding) == null ? void 0 : C.images.mobileLogo) || ((I = e.matchQuiz.branding) == null ? void 0 : I.images.mainLogo) || "" : ((T = e.matchQuiz.branding) == null ? void 0 : T.images.mainLogo) || "", f = ee().primary, a = ie().xl, S = (m == null ? void 0 : m.primaryColor) || _().palette.primary.plainColor, s = _().palette.primary.onPrimary, y = ma({
+  ), { t: h } = ne(), m = ((z = e.matchQuiz.branding) == null ? void 0 : z.colors) || null, u = o ? ((C = e.matchQuiz.branding) == null ? void 0 : C.images.mobileLogo) || ((I = e.matchQuiz.branding) == null ? void 0 : I.images.mainLogo) || "" : ((T = e.matchQuiz.branding) == null ? void 0 : T.images.mainLogo) || "", f = ee().primary, a = re().xl, S = (m == null ? void 0 : m.primaryColor) || _().palette.primary.plainColor, s = _().palette.primary.onPrimary, x = sa({
     fontFamilyPrimary: f,
     buttonRadius: a,
     primaryColor: S,
     onPrimaryColor: s
   }), b = () => {
-    var g, v, P, M;
-    return e.signInCTA ? (g = e.signInCTA) != null && g.component ? e.signInCTA.component : (v = e.signInCTA) != null && v.onClick ? /* @__PURE__ */ t(
+    var g, F, P, M;
+    return e.signInCTA ? (g = e.signInCTA) != null && g.component ? e.signInCTA.component : (F = e.signInCTA) != null && F.onClick ? /* @__PURE__ */ t(
       Pe,
       {
         variant: "soft",
         sx: {
-          ...y.signInButton,
-          ...y.pulseAnimation
+          ...x.signInButton,
+          ...x.pulseAnimation
         },
         onClick: e.signInCTA.onClick,
-        children: /* @__PURE__ */ t(x, { sx: y.signInButtonText, children: e.signInCTA.defaultLabel || h("common.signIn") })
+        children: /* @__PURE__ */ t(y, { sx: x.signInButtonText, children: e.signInCTA.defaultLabel || h("common.signIn") })
       }
     ) : (P = e.signInCTA) != null && P.url ? typeof window > "u" ? /* @__PURE__ */ t(
       i,
@@ -9513,53 +9514,53 @@ const pi = yn("ChevronsRight", [
         href: e.signInCTA.url,
         target: ((M = e.signInCTA) == null ? void 0 : M.target) || "_self",
         sx: {
-          ...y.signInButton,
-          ...y.pulseAnimation,
+          ...x.signInButton,
+          ...x.pulseAnimation,
           textDecoration: "none",
           display: "inline-flex",
           alignItems: "center",
           justifyContent: "center"
         },
-        children: /* @__PURE__ */ t(x, { sx: y.signInButtonText, children: e.signInCTA.defaultLabel || h("common.signIn") })
+        children: /* @__PURE__ */ t(y, { sx: x.signInButtonText, children: e.signInCTA.defaultLabel || h("common.signIn") })
       }
     ) : /* @__PURE__ */ t(
       Pe,
       {
         variant: "soft",
         sx: {
-          ...y.signInButton,
-          ...y.pulseAnimation
+          ...x.signInButton,
+          ...x.pulseAnimation
         },
         onClick: () => {
-          var D, H, F;
-          ((D = e.signInCTA) == null ? void 0 : D.target) === "_blank" ? window.open((H = e.signInCTA) == null ? void 0 : H.url, "_blank") : window.location.href = (F = e.signInCTA) == null ? void 0 : F.url;
+          var L, H, v;
+          ((L = e.signInCTA) == null ? void 0 : L.target) === "_blank" ? window.open((H = e.signInCTA) == null ? void 0 : H.url, "_blank") : window.location.href = (v = e.signInCTA) == null ? void 0 : v.url;
         },
-        children: /* @__PURE__ */ t(x, { sx: y.signInButtonText, children: e.signInCTA.defaultLabel || h("common.signIn") })
+        children: /* @__PURE__ */ t(y, { sx: x.signInButtonText, children: e.signInCTA.defaultLabel || h("common.signIn") })
       }
     ) : /* @__PURE__ */ t(
       Pe,
       {
         variant: "soft",
         sx: {
-          ...y.signInButton
+          ...x.signInButton
         },
         disabled: !0,
-        children: /* @__PURE__ */ t(x, { sx: y.signInButtonText, children: e.signInCTA.defaultLabel || h("common.signIn") })
+        children: /* @__PURE__ */ t(y, { sx: x.signInButtonText, children: e.signInCTA.defaultLabel || h("common.signIn") })
       }
     ) : /* @__PURE__ */ t(
       Pe,
       {
         variant: "soft",
         sx: {
-          ...y.signInButton
+          ...x.signInButton
         },
         disabled: !0,
-        children: /* @__PURE__ */ t(x, { sx: y.signInButtonText, children: h("common.signIn") })
+        children: /* @__PURE__ */ t(y, { sx: x.signInButtonText, children: h("common.signIn") })
       }
     );
   };
   return /* @__PURE__ */ t(qe, { brandingBorderColor: (m == null ? void 0 : m.borderColor) || null, children: /* @__PURE__ */ t(
-    ni,
+    ei,
     {
       entity: e.matchQuiz,
       headline: h("matchQuiz.headline"),
@@ -9577,7 +9578,7 @@ const pi = yn("ChevronsRight", [
       rulesDisplay: e.rulesDisplay
     }
   ) });
-}, ga = (e) => ({
+}, ma = (e) => ({
   // Pulse animation for buttons
   pulseAnimation: {
     "@keyframes pulse": {
@@ -9615,8 +9616,8 @@ const pi = yn("ChevronsRight", [
     display: "flex",
     alignItems: "center"
   }
-}), ha = (e) => {
-  var T, E, g, v, P, M, D, H, F, V, R;
+}), ua = (e) => {
+  var T, E, g, F, P, M, L, H, v, V, R;
   const n = Ee(), { t: o } = ne(), r = ce(), l = rt(
     Ce.OVERLAY
   ), { brandingImage: h, brandingColors: m, brandingLogo: u } = Tt(e.matchQuiz.branding || null), f = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : r ? it : at, a = h || Je(
@@ -9625,9 +9626,9 @@ const pi = yn("ChevronsRight", [
       imagePlaceholder: f
     },
     Ce.OVERLAY
-  ), S = Ut(a), s = (E = (T = n.customRadius) == null ? void 0 : T.light) == null ? void 0 : E.xl, y = (m == null ? void 0 : m.primaryColor) || ((M = (P = (v = (g = n.colorSchemes) == null ? void 0 : g.light) == null ? void 0 : v.palette) == null ? void 0 : P.primary) == null ? void 0 : M.plainColor), b = (V = (F = (H = (D = n.colorSchemes) == null ? void 0 : D.light) == null ? void 0 : H.palette) == null ? void 0 : F.primary) == null ? void 0 : V.onPrimary, z = n.customFontFamily.dark.primary, C = ga({
+  ), S = Ut(a), s = (E = (T = n.customRadius) == null ? void 0 : T.light) == null ? void 0 : E.xl, x = (m == null ? void 0 : m.primaryColor) || ((M = (P = (F = (g = n.colorSchemes) == null ? void 0 : g.light) == null ? void 0 : F.palette) == null ? void 0 : P.primary) == null ? void 0 : M.plainColor), b = (V = (v = (H = (L = n.colorSchemes) == null ? void 0 : L.light) == null ? void 0 : H.palette) == null ? void 0 : v.primary) == null ? void 0 : V.onPrimary, z = n.customFontFamily.dark.primary, C = ma({
     buttonRadius: s,
-    primaryColor: y,
+    primaryColor: x,
     onPrimaryColor: b,
     fontFamilyPrimary: z
   }), I = () => {
@@ -9641,7 +9642,7 @@ const pi = yn("ChevronsRight", [
           ...C.pulseAnimation
         },
         onClick: e.signInCTA.onClick,
-        children: /* @__PURE__ */ t(x, { sx: C.signInButtonText, children: e.signInCTA.defaultLabel || o("common.signIn") })
+        children: /* @__PURE__ */ t(y, { sx: C.signInButtonText, children: e.signInCTA.defaultLabel || o("common.signIn") })
       }
     ) : (k = e.signInCTA) != null && k.url ? typeof window > "u" ? /* @__PURE__ */ t(
       i,
@@ -9657,7 +9658,7 @@ const pi = yn("ChevronsRight", [
           alignItems: "center",
           justifyContent: "center"
         },
-        children: /* @__PURE__ */ t(x, { sx: C.signInButtonText, children: e.signInCTA.defaultLabel || o("common.signIn") })
+        children: /* @__PURE__ */ t(y, { sx: C.signInButtonText, children: e.signInCTA.defaultLabel || o("common.signIn") })
       }
     ) : /* @__PURE__ */ t(
       Pe,
@@ -9671,7 +9672,7 @@ const pi = yn("ChevronsRight", [
           var ue, N, U;
           ((ue = e.signInCTA) == null ? void 0 : ue.target) === "_blank" ? window.open((N = e.signInCTA) == null ? void 0 : N.url, "_blank") : window.location.href = (U = e.signInCTA) == null ? void 0 : U.url;
         },
-        children: /* @__PURE__ */ t(x, { sx: C.signInButtonText, children: e.signInCTA.defaultLabel || o("common.signIn") })
+        children: /* @__PURE__ */ t(y, { sx: C.signInButtonText, children: e.signInCTA.defaultLabel || o("common.signIn") })
       }
     ) : /* @__PURE__ */ t(
       Pe,
@@ -9681,7 +9682,7 @@ const pi = yn("ChevronsRight", [
           ...C.signInButton
         },
         disabled: !0,
-        children: /* @__PURE__ */ t(x, { sx: C.signInButtonText, children: e.signInCTA.defaultLabel || o("common.signIn") })
+        children: /* @__PURE__ */ t(y, { sx: C.signInButtonText, children: e.signInCTA.defaultLabel || o("common.signIn") })
       }
     ) : /* @__PURE__ */ t(
       Pe,
@@ -9691,12 +9692,12 @@ const pi = yn("ChevronsRight", [
           ...C.signInButton
         },
         disabled: !0,
-        children: /* @__PURE__ */ t(x, { sx: C.signInButtonText, children: o("common.signIn") })
+        children: /* @__PURE__ */ t(y, { sx: C.signInButtonText, children: o("common.signIn") })
       }
     );
   };
   return /* @__PURE__ */ t(
-    ii,
+    ti,
     {
       entity: e.matchQuiz,
       headline: o("matchQuiz.headline"),
@@ -9714,10 +9715,10 @@ const pi = yn("ChevronsRight", [
       rulesDisplay: e.rulesDisplay
     }
   );
-}, fa = (e) => {
+}, ga = (e) => {
   const { t: n } = ne();
   return /* @__PURE__ */ t(
-    ai,
+    ni,
     {
       entity: e.matchQuiz,
       headline: n("matchQuiz.headline"),
@@ -9733,10 +9734,10 @@ const pi = yn("ChevronsRight", [
       rulesDisplay: e.rulesDisplay
     }
   );
-}, xa = (e) => {
+}, ha = (e) => {
   const { t: n } = ne();
   return /* @__PURE__ */ t(
-    oi,
+    ii,
     {
       entity: e.matchQuiz,
       headline: n("matchQuiz.headline"),
@@ -9751,10 +9752,10 @@ const pi = yn("ChevronsRight", [
       rulesDisplay: e.rulesDisplay
     }
   );
-}, ya = (e) => {
+}, fa = (e) => {
   const { t: n } = ne();
   return /* @__PURE__ */ t(
-    li,
+    ai,
     {
       entity: e.matchQuiz,
       headline: n("matchQuiz.headline"),
@@ -9768,7 +9769,7 @@ const pi = yn("ChevronsRight", [
       rulesDisplay: e.rulesDisplay
     }
   );
-}, Sa = (e) => {
+}, xa = (e) => {
   var n, o, r;
   return {
     // Main content area
@@ -10304,7 +10305,7 @@ const pi = yn("ChevronsRight", [
       width: "100%"
     }
   };
-}, Ca = (e) => {
+}, ya = (e) => {
   var N, U, $, xe, ge;
   const n = Ee(), o = Je(
     {
@@ -10312,22 +10313,22 @@ const pi = yn("ChevronsRight", [
       imagePlaceholder: e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : ""
     },
     Ce.STANDARD
-  ), { t: r } = ne(), l = ((N = e.matchQuiz.branding) == null ? void 0 : N.colors) || null, h = ce(), m = Ne(), u = h ? ((U = e.matchQuiz.branding) == null ? void 0 : U.images.mobileLogo) || (($ = e.matchQuiz.branding) == null ? void 0 : $.images.mainLogo) || "" : ((xe = e.matchQuiz.branding) == null ? void 0 : xe.images.mainLogo) || "", f = e.imagePosition || "left", a = _().textPrimary, S = (l == null ? void 0 : l.primaryColor) || _().palette.primary.plainColor, s = (l == null ? void 0 : l.contentColor) || _().textColor, y = ee().secondary, b = ee().primary, z = _().surface, C = `rgba(${ye(
+  ), { t: r } = ne(), l = ((N = e.matchQuiz.branding) == null ? void 0 : N.colors) || null, h = ce(), m = Ne(), u = h ? ((U = e.matchQuiz.branding) == null ? void 0 : U.images.mobileLogo) || (($ = e.matchQuiz.branding) == null ? void 0 : $.images.mainLogo) || "" : ((xe = e.matchQuiz.branding) == null ? void 0 : xe.images.mainLogo) || "", f = e.imagePosition || "left", a = _().textPrimary, S = (l == null ? void 0 : l.primaryColor) || _().palette.primary.plainColor, s = (l == null ? void 0 : l.contentColor) || _().textColor, x = ee().secondary, b = ee().primary, z = _().surface, C = `rgba(${ye(
     (l == null ? void 0 : l.backgroundColor) || _().surfaceVariant
-  )}, 0.5)`, I = _().onSurface, T = ie(), E = Rt().size, g = Se(), v = `rgba(${ye(
+  )}, 0.5)`, I = _().onSurface, T = re(), E = Rt().size, g = Se(), F = `rgba(${ye(
     _().surfaceVariant || ""
   )}, 0.5)`, P = rt(
     Ce.STANDARD
-  ), M = "60%", D = (l == null ? void 0 : l.secondaryColor) || _().textColor, { leaderboard: H, userRankings: F, pagination: V, currentPage: R, goToPage: W } = en(e.matchQuiz.id, e.sdk), O = pt(
+  ), M = "60%", L = (l == null ? void 0 : l.secondaryColor) || _().textColor, { leaderboard: H, userRankings: v, pagination: V, currentPage: R, goToPage: W } = en(e.matchQuiz.id, e.sdk), O = pt(
     e.matchQuiz.id,
     e.sdk,
     e.showPredictionDetails || !1
-  ), k = Sa({
+  ), k = xa({
     finalImage: o,
     spacingScale: g,
     borderRadius: T,
     fontFamilyPrimary: b,
-    fontFamilySecondary: y,
+    fontFamilySecondary: x,
     textPrimary: a,
     primaryColor: S,
     textColor: s,
@@ -10335,7 +10336,7 @@ const pi = yn("ChevronsRight", [
     buttonBgColor: z,
     onSurfaceColor: I,
     borderSize: E,
-    surfaceVariant: v,
+    surfaceVariant: F,
     brandingColors: l,
     imagePosition: f,
     successColor: n.colorSchemes.light.palette.success.plainColor,
@@ -10345,7 +10346,7 @@ const pi = yn("ChevronsRight", [
     imageBackgroundGradient: P,
     darkTextColor: n.colorSchemes.dark.textColor,
     opacity: M,
-    secondaryColor: D,
+    secondaryColor: L,
     isExtraSmall: m
   }), Q = () => {
     var ze;
@@ -10362,7 +10363,7 @@ const pi = yn("ChevronsRight", [
             },
             children: [
               /* @__PURE__ */ t(
-                x,
+                y,
                 {
                   level: "body-sm",
                   sx: k.headlineTypographyDesktop,
@@ -10381,20 +10382,20 @@ const pi = yn("ChevronsRight", [
           }
         ),
         /* @__PURE__ */ d(i, { sx: k.contentContainer, children: [
-          /* @__PURE__ */ t(x, { level: "h4", sx: k.titleTypographyDesktop, children: e.matchQuiz.title }),
-          /* @__PURE__ */ t(x, { sx: k.descriptionTypographyDesktop, children: St(e.matchQuiz.description) })
+          /* @__PURE__ */ t(y, { level: "h4", sx: k.titleTypographyDesktop, children: e.matchQuiz.title }),
+          /* @__PURE__ */ t(y, { sx: k.descriptionTypographyDesktop, children: St(e.matchQuiz.description) })
         ] })
       ] }) }) }),
       /* @__PURE__ */ t(i, { sx: k.questionArea, children: /* @__PURE__ */ t(i, { sx: k.questionContainer, children: /* @__PURE__ */ t(i, { sx: k.questionContentContainer, children: /* @__PURE__ */ t(
         tn,
         {
           leaderboard: H,
-          userRankings: F,
+          userRankings: v,
           matchQuiz: e.matchQuiz,
           showHeading: !e.showPredictionDetails
         }
       ) }) }) }),
-      u || F && V && V.numberOfPages > 1 ? /* @__PURE__ */ d(i, { sx: k.presentedByContainer, children: [
+      u || v && V && V.numberOfPages > 1 ? /* @__PURE__ */ d(i, { sx: k.presentedByContainer, children: [
         u ? /* @__PURE__ */ t(
           ke,
           {
@@ -10403,7 +10404,7 @@ const pi = yn("ChevronsRight", [
             label: ((ze = e.matchQuiz.labels) == null ? void 0 : ze.sponsor) || null
           }
         ) : /* @__PURE__ */ t(p, {}),
-        F && V && V.numberOfPages > 1 && /* @__PURE__ */ t(
+        v && V && V.numberOfPages > 1 && /* @__PURE__ */ t(
           i,
           {
             sx: {
@@ -10438,7 +10439,7 @@ const pi = yn("ChevronsRight", [
         },
         children: [
           /* @__PURE__ */ t(
-            x,
+            y,
             {
               level: "body-sm",
               sx: k.headlineTypographyMobileImage,
@@ -10457,8 +10458,8 @@ const pi = yn("ChevronsRight", [
       }
     ),
     /* @__PURE__ */ d(i, { sx: k.contentContainer, children: [
-      /* @__PURE__ */ t(x, { sx: k.titleTypographyMobileImage, children: e.matchQuiz.title }),
-      /* @__PURE__ */ t(x, { sx: k.descriptionTypographyMobileImage, children: St(e.matchQuiz.description) })
+      /* @__PURE__ */ t(y, { sx: k.titleTypographyMobileImage, children: e.matchQuiz.title }),
+      /* @__PURE__ */ t(y, { sx: k.descriptionTypographyMobileImage, children: St(e.matchQuiz.description) })
     ] })
   ] }) }) }) : /* @__PURE__ */ t(i, { sx: k.mobileHeadlineWithoutImage, children: /* @__PURE__ */ d(i, { children: [
     /* @__PURE__ */ d(
@@ -10471,7 +10472,7 @@ const pi = yn("ChevronsRight", [
           gap: g["3xs"]
         },
         children: [
-          /* @__PURE__ */ t(x, { level: "body-sm", sx: k.headlineTypography, children: r("matchQuiz.headline") }),
+          /* @__PURE__ */ t(y, { level: "body-sm", sx: k.headlineTypography, children: r("matchQuiz.headline") }),
           /* @__PURE__ */ t(
             Ct,
             {
@@ -10484,8 +10485,8 @@ const pi = yn("ChevronsRight", [
       }
     ),
     /* @__PURE__ */ d(i, { sx: k.contentContainer, children: [
-      /* @__PURE__ */ t(x, { level: "h4", sx: k.titleTypography, children: e.matchQuiz.title }),
-      /* @__PURE__ */ t(x, { sx: k.descriptionTypography, children: St(e.matchQuiz.description) })
+      /* @__PURE__ */ t(y, { level: "h4", sx: k.titleTypography, children: e.matchQuiz.title }),
+      /* @__PURE__ */ t(y, { sx: k.descriptionTypography, children: St(e.matchQuiz.description) })
     ] })
   ] }) }) : /* @__PURE__ */ t(p, {});
   return /* @__PURE__ */ t(qe, { brandingBorderColor: (l == null ? void 0 : l.borderColor) || null, children: e.showPredictionDetails ? /* @__PURE__ */ t(
@@ -10513,65 +10514,12 @@ const pi = yn("ChevronsRight", [
     Q(),
     o && f === "right" && /* @__PURE__ */ t(i, { sx: k.imageContainerRight, children: /* @__PURE__ */ t(i, { sx: k.imageSafeArea }) })
   ] }) });
-}, kt = ({
-  notification: e,
-  onClose: n
-}) => {
-  const o = ie(), r = ee();
-  return e.open ? /* @__PURE__ */ t(
-    pn,
-    {
-      open: e.open,
-      onClose: n,
-      autoHideDuration: e.variant === "error" ? 5e3 : 3e3,
-      anchorOrigin: { vertical: "top", horizontal: "center" },
-      color: e.variant === "success" ? "success" : "danger",
-      variant: "soft",
-      startDecorator: e.variant === "success" ? /* @__PURE__ */ t(bn, {}) : /* @__PURE__ */ t(qn, {}),
-      sx: {
-        borderRadius: o.sm,
-        fontFamily: r.secondary,
-        minWidth: "300px",
-        maxWidth: "400px",
-        zIndex: 9999,
-        position: "fixed"
-      },
-      children: /* @__PURE__ */ d(i, { sx: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
-        e.title && /* @__PURE__ */ t(
-          x,
-          {
-            level: "title-md",
-            sx: {
-              fontWeight: 600,
-              fontSize: "16px",
-              lineHeight: 1.2,
-              color: "inherit"
-            },
-            children: e.title
-          }
-        ),
-        e.message && /* @__PURE__ */ t(
-          x,
-          {
-            level: "body-sm",
-            sx: {
-              fontSize: "14px",
-              lineHeight: 1.3,
-              color: "inherit",
-              opacity: 0.9
-            },
-            children: e.message
-          }
-        )
-      ] })
-    }
-  ) : null;
 };
 function mt(e) {
   return e.template === Ce.STANDARD;
 }
-const ba = (e, n) => {
-  const o = (l) => ri(l) ? "0:0" : ut(l) ? !0 : l === c.CORNERS_MATCH ? 6 : null, r = new gn();
+const Sa = (e, n) => {
+  const o = (l) => oi(l) ? "0:0" : ut(l) ? !0 : l === c.CORNERS_MATCH ? 6 : null, r = new gn();
   return r.gameInstanceId = e, r.fixtures = n.map((l) => {
     const h = o(l.market);
     return {
@@ -10584,12 +10532,12 @@ const ba = (e, n) => {
       }
     };
   }), r;
-}, Ra = (e) => {
+}, Ca = (e) => {
   const { t: n } = ne(), {
     game: o,
     squads: r,
     points: l
-  } = ci(e.entityId, e.sdk, e.showPoints), {
+  } = li(e.entityId, e.sdk, e.showPoints), {
     myPrediction: h,
     setMyPrediction: m,
     isUnauthorized: u,
@@ -10597,15 +10545,15 @@ const ba = (e, n) => {
     apiErrorMessage: a,
     setIsApiError: S,
     setApiErrorMessage: s,
-    setIsUnauthorized: y
-  } = si(e.entityId, e.sdk), [b, z] = te(!1), [C, I] = te(
+    setIsUnauthorized: x
+  } = ri(e.entityId, e.sdk), [b, z] = te(!1), [C, I] = te(
     new gn()
-  ), [T, E] = te(!1), [g, v] = te(!1), [P, M] = te(!1), [D, H] = te({
+  ), [T, E] = te(!1), [g, F] = te(!1), [P, M] = te(!1), [L, H] = te({
     open: !1,
     variant: "success",
     title: "",
     message: ""
-  }), F = (N, U, $) => {
+  }), v = (N, U, $) => {
     H({
       open: !0,
       variant: N,
@@ -10616,27 +10564,27 @@ const ba = (e, n) => {
     H((N) => ({ ...N, open: !1 }));
   }, R = (N) => {
     var U, $, xe, ge, ze;
-    N.success ? F(
+    N.success ? v(
       "success",
       n("matchQuiz.alerts.play.success.title"),
       n("matchQuiz.alerts.play.success.message")
-    ) : F(
+    ) : v(
       "error",
       n("matchQuiz.alerts.play.error.title"),
       ((xe = ($ = (U = N.error) == null ? void 0 : U.data) == null ? void 0 : $.error) == null ? void 0 : xe.message) || ((ze = (ge = N.error) == null ? void 0 : ge.error) == null ? void 0 : ze.message) || n("matchQuiz.alerts.play.error.message")
     );
-  }, W = tt(() => o ? vn(o.related) : null, [o]);
+  }, W = tt(() => o ? An(o.related) : null, [o]);
   if (gt(() => {
     o && o.status === "OPEN" && I(
-      ba(e.entityId, o.fixtures)
+      Sa(e.entityId, o.fixtures)
     );
   }, [o == null ? void 0 : o.status]), !o || !r || !l)
     return /* @__PURE__ */ t(Ht, { my: 20 });
   if (!o.id)
-    return /* @__PURE__ */ t(oa, {});
+    return /* @__PURE__ */ t(ia, {});
   if (o.authRequirement === "REGISTERED" && !e.userIsLoggedIn)
     return mt(e) ? /* @__PURE__ */ t(
-      da,
+      ca,
       {
         matchQuiz: o,
         imagePosition: e.imagePosition,
@@ -10645,7 +10593,7 @@ const ba = (e, n) => {
         rulesDisplay: e.rulesDisplay
       }
     ) : e.template === Ce.OVERLAY ? /* @__PURE__ */ t(
-      ha,
+      ua,
       {
         matchQuiz: o,
         defaultImagePlaceholderUrl: e.defaultImagePlaceholderUrl,
@@ -10653,7 +10601,7 @@ const ba = (e, n) => {
         rulesDisplay: e.rulesDisplay
       }
     ) : /* @__PURE__ */ t(
-      ua,
+      da,
       {
         matchQuiz: o,
         defaultImagePlaceholderUrl: e.defaultImagePlaceholderUrl,
@@ -10662,11 +10610,11 @@ const ba = (e, n) => {
       }
     );
   const O = () => {
-    S(!1), y(!1), s("");
+    S(!1), x(!1), s("");
   };
   if (u || f)
     return mt(e) ? /* @__PURE__ */ t(
-      la,
+      aa,
       {
         matchQuiz: o,
         imagePosition: e.imagePosition,
@@ -10677,7 +10625,7 @@ const ba = (e, n) => {
         rulesDisplay: e.rulesDisplay
       }
     ) : e.template === Ce.OVERLAY ? /* @__PURE__ */ t(
-      ca,
+      la,
       {
         matchQuiz: o,
         defaultImagePlaceholderUrl: e.defaultImagePlaceholderUrl,
@@ -10687,7 +10635,7 @@ const ba = (e, n) => {
         rulesDisplay: e.rulesDisplay
       }
     ) : /* @__PURE__ */ t(
-      ra,
+      oa,
       {
         matchQuiz: o,
         defaultImagePlaceholderUrl: e.defaultImagePlaceholderUrl,
@@ -10729,7 +10677,7 @@ const ba = (e, n) => {
     };
     try {
       const $ = await e.sdk.matchQuiz.play(N);
-      m($), F(
+      m($), v(
         "success",
         n("matchQuiz.alerts.play.success.title"),
         n("matchQuiz.alerts.play.success.message")
@@ -10737,14 +10685,14 @@ const ba = (e, n) => {
     } catch ($) {
       if (e.sdk.helpers.getSDKConfiguration().errorHandlingMode === "standard") {
         const ge = $;
-        ge.error.code === 401 || ge.error.code === 403 ? y(!0) : F(
+        ge.error.code === 401 || ge.error.code === 403 ? x(!0) : v(
           "error",
           n("matchQuiz.alerts.play.error.title"),
           ge.error.message || n("matchQuiz.alerts.play.error.message")
         );
       } else {
         const ge = $;
-        ge.data.error.code === 401 || ge.data.error.code === 403 ? y(!0) : F(
+        ge.data.error.code === 401 || ge.data.error.code === 403 ? x(!0) : v(
           "error",
           n("matchQuiz.alerts.play.error.title"),
           ge.data.error.message || n("matchQuiz.alerts.play.error.message")
@@ -10766,7 +10714,7 @@ const ba = (e, n) => {
     };
     try {
       const U = await e.sdk.matchQuiz.play(N);
-      m(U), F(
+      m(U), v(
         "success",
         n("matchQuiz.alerts.play.success.title"),
         n("matchQuiz.alerts.play.success.message")
@@ -10774,16 +10722,16 @@ const ba = (e, n) => {
     } catch (U) {
       if (e.sdk.helpers.getSDKConfiguration().errorHandlingMode === "standard") {
         const xe = U;
-        xe.error.code === 401 || xe.error.code === 403 ? y(!0) : (S(!0), s(xe.error.message));
+        xe.error.code === 401 || xe.error.code === 403 ? x(!0) : (S(!0), s(xe.error.message));
       } else {
         const xe = U;
-        xe.data.error.code === 401 || xe.data.error.code === 403 ? y(!0) : (S(!0), s(xe.data.error.message));
+        xe.data.error.code === 401 || xe.data.error.code === 403 ? x(!0) : (S(!0), s(xe.data.error.message));
       }
     } finally {
-      E(!1), v(!0);
+      E(!1), F(!0);
     }
   }, ue = () => e.template === Ce.OVERLAY ? /* @__PURE__ */ t(
-    Oi,
+    Mi,
     {
       isPlaying: b,
       prediction: C,
@@ -10797,7 +10745,7 @@ const ba = (e, n) => {
       rulesDisplay: e.rulesDisplay
     }
   ) : mt(e) ? /* @__PURE__ */ t(
-    Bi,
+    Oi,
     {
       isPlaying: b,
       sdk: e.sdk,
@@ -10812,7 +10760,7 @@ const ba = (e, n) => {
       rulesDisplay: e.rulesDisplay
     }
   ) : /* @__PURE__ */ t(
-    Vi,
+    Bi,
     {
       isPlaying: b,
       prediction: C,
@@ -10834,7 +10782,7 @@ const ba = (e, n) => {
         points: l,
         squads: r,
         children: /* @__PURE__ */ t(
-          Ca,
+          ya,
           {
             sdk: e.sdk,
             matchQuiz: o,
@@ -10853,7 +10801,7 @@ const ba = (e, n) => {
         points: l,
         squads: r,
         children: /* @__PURE__ */ t(
-          na,
+          ea,
           {
             sdk: e.sdk,
             matchQuiz: o,
@@ -10871,7 +10819,7 @@ const ba = (e, n) => {
         points: l,
         squads: r,
         children: /* @__PURE__ */ t(
-          ea,
+          Ji,
           {
             sdk: e.sdk,
             matchQuiz: o,
@@ -10885,7 +10833,7 @@ const ba = (e, n) => {
     );
   if (P && !g)
     return mt(e) ? /* @__PURE__ */ t(
-      fa,
+      ga,
       {
         matchQuiz: o,
         sdk: e.sdk,
@@ -10897,7 +10845,7 @@ const ba = (e, n) => {
         rulesDisplay: e.rulesDisplay
       }
     ) : e.template === Ce.SPLIT ? /* @__PURE__ */ t(
-      xa,
+      ha,
       {
         matchQuiz: o,
         sdk: e.sdk,
@@ -10908,7 +10856,7 @@ const ba = (e, n) => {
         rulesDisplay: e.rulesDisplay
       }
     ) : e.template === Ce.OVERLAY ? /* @__PURE__ */ t(
-      ya,
+      fa,
       {
         matchQuiz: o,
         sdk: e.sdk,
@@ -10929,7 +10877,7 @@ const ba = (e, n) => {
         squads: r,
         children: [
           /* @__PURE__ */ t(
-            aa,
+            na,
             {
               sdk: e.sdk,
               leads: e.leads,
@@ -10950,7 +10898,7 @@ const ba = (e, n) => {
           /* @__PURE__ */ t(
             kt,
             {
-              notification: D,
+              notification: L,
               onClose: V
             }
           )
@@ -10964,7 +10912,7 @@ const ba = (e, n) => {
         squads: r,
         children: [
           /* @__PURE__ */ t(
-            Ui,
+            $i,
             {
               imagePosition: e.imagePosition || "left",
               matchQuiz: o,
@@ -10986,7 +10934,7 @@ const ba = (e, n) => {
           /* @__PURE__ */ t(
             kt,
             {
-              notification: D,
+              notification: L,
               onClose: V
             }
           )
@@ -11000,7 +10948,7 @@ const ba = (e, n) => {
         squads: r,
         children: [
           /* @__PURE__ */ t(
-            Yi,
+            Ui,
             {
               matchQuiz: o,
               sdk: e.sdk,
@@ -11018,7 +10966,7 @@ const ba = (e, n) => {
               chanceGameContent: U
             }
           ),
-          /* @__PURE__ */ t(kt, { notification: D, onClose: V })
+          /* @__PURE__ */ t(kt, { notification: L, onClose: V })
         ]
       }
     );
@@ -11033,9 +10981,9 @@ const ba = (e, n) => {
         children: ue()
       }
     ),
-    /* @__PURE__ */ t(kt, { notification: D, onClose: V })
+    /* @__PURE__ */ t(kt, { notification: L, onClose: V })
   ] });
-}, Ta = (e) => /* @__PURE__ */ t(wn, { packageName: "match-quiz-play", ...e, children: /* @__PURE__ */ t(Ra, { ...e }) }), Ba = Ta;
+}, ba = (e) => /* @__PURE__ */ t(In, { packageName: "match-quiz-play", ...e, children: /* @__PURE__ */ t(Ca, { ...e }) }), Ha = ba;
 export {
-  Ba as MatchQuizPlay
+  Ha as MatchQuizPlay
 };