@everymatrix/casino-engagement-suite-tournament 1.53.12 → 1.54.0

package/dist/esm/{casino-engagement-suite-tournament-18e62f35.js → casino-engagement-suite-tournament-fa3789eb.js}

@@ -1,4 +1,4 @@
-import { h as h$1, H as Host, r as registerInstance, c as createEvent } from './index-b5adca25.js';
+import { h, H as Host, r as registerInstance, c as createEvent } from './index-b5adca25.js';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -130,22 +130,22 @@ const isTournamentClosed = (tournament) => {
     return [TournamentState.Closed, TournamentState.Closing].includes(tournament.state);
 };
 
-const iconClose = h$1("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/close.svg" });
-const iconQuestion = h$1("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/help.svg" });
-const iconEyeOpen = h$1("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/eye-open.svg" });
-const iconEyeClose = h$1("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/eye-closed.svg" });
-const iconBack = h$1("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/back.svg" });
-const iconReward = h$1("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/reward.svg" });
-const iconTrophy = h$1("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/cup-congras.svg" });
+const iconClose = h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/close.svg" });
+const iconQuestion = h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/help.svg" });
+const iconEyeOpen = h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/eye-open.svg" });
+const iconEyeClose = h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/eye-closed.svg" });
+const iconBack = h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/back.svg" });
+const iconReward = h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/reward.svg" });
+const iconTrophy = h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/cup-congras.svg" });
 
 const renderGradientRoundedButton = (_a) => {
     var { statedClasses, innerHTML } = _a, props = __rest(_a, ["statedClasses", "innerHTML"]);
     const { isHollow, isPending } = statedClasses;
-    return (h$1("button", Object.assign({ class: classnames('GradientRoundedButton', 'GradientRounded', {
+    return (h("button", Object.assign({ class: classnames('GradientRoundedButton', 'GradientRounded', {
             Hollow: isHollow || false,
             Pending: isPending || false,
         }) }, props),
-        h$1("span", null, innerHTML)));
+        h("span", null, innerHTML)));
 };
 
 var GradientButton;
@@ -186,18 +186,18 @@ const dialog = {
     gift(instance) {
         const { name: tournamentName } = instance.gifts[0];
         const { locale } = instance;
-        return (h$1("div", { class: "PageConfirmContainer" },
-            h$1("div", { class: "PageConfirm" },
-                h$1("div", null, iconTrophy),
-                h$1("div", { class: "Title" }, locale.WinDialog.Tile),
-                h$1("div", { class: "Description", innerHTML: localePostprocess(locale.WinDialog.Description, { tournamentName }) }),
-                h$1("div", { class: "PageConfirmButtonsGroup" }, renderButton(instance, GradientButton.normal)))));
+        return (h("div", { class: "PageConfirmContainer" },
+            h("div", { class: "PageConfirm" },
+                h("div", null, iconTrophy),
+                h("div", { class: "Title" }, locale.WinDialog.Tile),
+                h("div", { class: "Description", innerHTML: localePostprocess(locale.WinDialog.Description, { tournamentName }) }),
+                h("div", { class: "PageConfirmButtonsGroup" }, renderButton(instance, GradientButton.normal)))));
     },
     unjoin(instance) {
         const { locale } = instance;
-        return (h$1("div", { class: "DialogContentUnjoin" },
-            h$1("div", { class: "DialogContentUnjoinTitle" }, locale.UnjoinDialog.Title),
-            h$1("div", { class: "DialogContentUnjoinDescription", innerHTML: locale.UnjoinDialog.Description }),
+        return (h("div", { class: "DialogContentUnjoin" },
+            h("div", { class: "DialogContentUnjoinTitle" }, locale.UnjoinDialog.Title),
+            h("div", { class: "DialogContentUnjoinDescription", innerHTML: locale.UnjoinDialog.Description }),
             renderButton(instance, GradientButton.unjoinYes),
             renderButton(instance, GradientButton.unjoinNo)));
     }
@@ -250,7 +250,7 @@ const renderCloseBar = (attr) => {
         .split('')
         .map((letter, index) => index === 0 ? letter.toUpperCase() : letter)
         .join('');
-    return (h$1("div", { class: "WrapperBar" }, Object.keys(slots).map(slotKey => (h$1("div", { class: "WrapperBar" + getFirstLetterUppercase(slotKey) }, slots[slotKey] || '')))));
+    return (h("div", { class: "WrapperBar" }, Object.keys(slots).map(slotKey => (h("div", { class: "WrapperBar" + getFirstLetterUppercase(slotKey) }, slots[slotKey] || '')))));
 };
 
 function formatDate(date) {
@@ -283,10 +283,10 @@ function getProgress(startDate, endDate) {
 }
 
 const renderTimeBar = (instance, tournament) => {
-    return (h$1("section", { class: "TimeContainer" },
-        h$1("div", { class: 'Time' }, tournament.playerEnrolled ? ([
-            h$1("div", null, getDifference(addSeconds(tournament.startTime, instance.time), tournament.endTime)),
-            h$1("div", null, renderGradientRoundedButton({
+    return (h("section", { class: "TimeContainer" },
+        h("div", { class: 'Time' }, tournament.playerEnrolled ? ([
+            h("div", null, getDifference(addSeconds(tournament.startTime, instance.time), tournament.endTime)),
+            h("div", null, renderGradientRoundedButton({
                 statedClasses: {
                     isHollow: true,
                     isPendding: false,
@@ -294,10 +294,10 @@ const renderTimeBar = (instance, tournament) => {
                 innerHTML: `${getProgress(tournament.startTime, tournament.endTime)}%`
             }))
         ]) : ([
-            h$1("div", null, formatDate(tournament.startTime)),
-            h$1("div", null, formatDate(tournament.endTime))
+            h("div", null, formatDate(tournament.startTime)),
+            h("div", null, formatDate(tournament.endTime))
         ])),
-        h$1("casino-engagement-suite-progress-bar", { value: Number(getProgress(tournament.startTime, tournament.endTime)), "hide-percent": true })));
+        h("casino-engagement-suite-progress-bar", { value: Number(getProgress(tournament.startTime, tournament.endTime)), "hide-percent": true })));
 };
 
 const messageSender = {
@@ -456,7 +456,7 @@ const page = {
         var _a;
         if (!instance.tournamentList) {
             instance.tournamentList = (_a = instance.leaderboardsInit) === null || _a === void 0 ? void 0 : _a.map(item => tournamentAdapter(item));
-            return h$1("general-animation-loading", null);
+            return h("general-animation-loading", null);
         }
         const { locale } = instance;
         if (instance.tournamentList.length) {
@@ -464,22 +464,22 @@ const page = {
                 instance.setPage(LeaderboardPage.item, { tournament });
                 instance.newIdList = instance.newIdList.filter(id => id !== tournament.id);
             };
-            return renderLeaderboardContainer(instance, h$1("div", { class: "Leaderboards Row" }, instance.tournamentList.map(_tournament => (h$1("div", { class: classnames("LeaderboardsItem", _tournament.playerEnrolled ? ' GradientRounded Hollow' : ''), onClick: () => onClickListItemChangePage(_tournament) },
-                h$1("div", { class: "LeaderboardsItemContainer" },
+            return renderLeaderboardContainer(instance, h("div", { class: "Leaderboards Row" }, instance.tournamentList.map(_tournament => (h("div", { class: classnames("LeaderboardsItem", _tournament.playerEnrolled ? ' GradientRounded Hollow' : ''), onClick: () => onClickListItemChangePage(_tournament) },
+                h("div", { class: "LeaderboardsItemContainer" },
                     renderTitleContainer(instance, _tournament),
                     renderTimeBar(instance, _tournament)),
-                h$1("div", { class: "LeaderboardLabels" }, instance.newIdList.includes(_tournament.id) && (h$1("div", { class: "LeaderboardLabel" },
-                    h$1("span", null, "new")))))))));
+                h("div", { class: "LeaderboardLabels" }, instance.newIdList.includes(_tournament.id) && (h("div", { class: "LeaderboardLabel" },
+                    h("span", null, "new")))))))));
         }
         else {
-            return renderLeaderboardContainer(instance, h$1("div", { class: "NoLeaderboards Row" },
-                h$1("div", null, locale.NoLeaderboards),
-                h$1("div", null, locale.NoLeaderboardsTip)));
+            return renderLeaderboardContainer(instance, h("div", { class: "NoLeaderboards Row" },
+                h("div", null, locale.NoLeaderboards),
+                h("div", null, locale.NoLeaderboardsTip)));
         }
     },
     item(instance) {
         if (!instance.tournamentItem)
-            return h$1("general-animation-loading", null);
+            return h("general-animation-loading", null);
         const renderTabs = () => {
             const { locale, tab } = instance;
             const onClickTab = (tab) => {
@@ -494,8 +494,8 @@ const page = {
                         break;
                 }
             };
-            return (h$1("div", { class: "TabsContainer" },
-                h$1("div", { class: "Tabs" }, Object.keys(Tab).map((_tab) => (h$1("div", { class: classnames({ active: tab === _tab }),
+            return (h("div", { class: "TabsContainer" },
+                h("div", { class: "Tabs" }, Object.keys(Tab).map((_tab) => (h("div", { class: classnames({ active: tab === _tab }),
                     onClick: () => onClickTab(_tab) }, locale[_tab]))))));
         };
         return renderLeaderboardContainer(instance, [
@@ -516,9 +516,9 @@ const renderTitleContainer = (instance, tournament) => {
             instance.tournamentItem = tournament;
         }
     };
-    return (h$1("div", { class: "TitleContainer" },
-        h$1("div", { class: "Title" }, tournament.nameOrTitle),
-        tournament.state !== TournamentState.Closed && (h$1("div", null, renderGradientRoundedButton({
+    return (h("div", { class: "TitleContainer" },
+        h("div", { class: "Title" }, tournament.nameOrTitle),
+        tournament.state !== TournamentState.Closed && (h("div", null, renderGradientRoundedButton({
             statedClasses: {
                 isHollow: tournament.playerEnrolled,
                 isPending: instance.isActionJoinPending,
@@ -533,14 +533,14 @@ const renderTitleContainer = (instance, tournament) => {
 const renderLeaderboardContainer = (instance, render) => {
     const { dialog: { isOpen } } = instance;
     const renderBar = renderCloseBar({
-        right: (h$1("span", { onClick: () => instance.closeDialog() }, iconClose))
+        right: (h("span", { onClick: () => instance.closeDialog() }, iconClose))
     });
     const renderDialogContent = () => {
         switch (instance.dialog.type) {
             case DialogType.unjoin:
                 return instance.renders.dialog.unjoin(); //renderDialogContentUnjoin()
             case DialogType.tip:
-                return (h$1("div", { class: "Tip" }, instance.locale.Tip));
+                return (h("div", { class: "Tip" }, instance.locale.Tip));
             case DialogType.gift:
                 return instance.renders.dialog.gift();
         }
@@ -550,12 +550,12 @@ const renderLeaderboardContainer = (instance, render) => {
         switch (page) {
             case LeaderboardPage.list:
                 return {
-                    left: h$1("span", { onClick: () => instance.openDialog(DialogType.tip) }, iconQuestion),
+                    left: h("span", { onClick: () => instance.openDialog(DialogType.tip) }, iconQuestion),
                     middle: locale.Leaderboards
                 };
             case LeaderboardPage.item:
                 return {
-                    left: (h$1("span", { onClick: () => instance.setPage(LeaderboardPage.list) }, iconBack)),
+                    left: (h("span", { onClick: () => instance.setPage(LeaderboardPage.list) }, iconBack)),
                     middle: '',
                 };
         }
@@ -563,17 +563,17 @@ const renderLeaderboardContainer = (instance, render) => {
     const renderCloseBarInLayout = () => {
         const { left, middle } = getWrapperBarData();
         return renderCloseBar({ left, middle,
-            right: (h$1("span", { onClick: () => instance.close.emit() }, iconClose))
+            right: (h("span", { onClick: () => instance.close.emit() }, iconClose))
         });
     };
-    return (h$1("div", { class: `Wrapper ${instance.device}` },
-        h$1("div", { class: classnames("WrapperContent", { faded: isOpen }) },
+    return (h("div", { class: `Wrapper ${instance.device}` },
+        h("div", { class: classnames("WrapperContent", { faded: isOpen }) },
             renderCloseBarInLayout(),
-            h$1("div", { class: "Root" },
-                h$1("div", { class: "Main" }, render))),
-        h$1("div", { class: "WrapperUtil" },
-            h$1("dialog", { open: isOpen },
-                h$1("div", { class: "GradientRounded Hollow" },
+            h("div", { class: "Root" },
+                h("div", { class: "Main" }, render))),
+        h("div", { class: "WrapperUtil" },
+            h("dialog", { open: isOpen },
+                h("div", { class: "GradientRounded Hollow" },
                     renderBar,
                     isOpen && renderDialogContent())))));
 };
@@ -582,53 +582,53 @@ const tab = {
     info(instance) {
         var _a, _b;
         const { locale, tournamentItem: tournament, isShowInfo } = instance;
-        return (h$1("div", { class: "InfoContainer" },
+        return (h("div", { class: "InfoContainer" },
             renderTimeBar(instance, tournament),
-            (h$1("section", { class: "ShowInfo", onClick: () => instance.isShowInfo = !instance.isShowInfo },
-                h$1("p", null,
-                    h$1("span", null, isShowInfo ? iconEyeClose : iconEyeOpen),
-                    h$1("span", null, locale.LeaderboardDetails)))),
-            isShowInfo && (h$1("section", { class: "Info" },
-                h$1("div", null, tournament.description),
-                h$1("div", { class: "Criterias" },
-                    h$1("div", null,
+            (h("section", { class: "ShowInfo", onClick: () => instance.isShowInfo = !instance.isShowInfo },
+                h("p", null,
+                    h("span", null, isShowInfo ? iconEyeClose : iconEyeOpen),
+                    h("span", null, locale.LeaderboardDetails)))),
+            isShowInfo && (h("section", { class: "Info" },
+                h("div", null, tournament.description),
+                h("div", { class: "Criterias" },
+                    h("div", null,
                         locale.ScoreCriteria,
                         ": ",
-                        h$1("span", null, tournament.scoreCriteria)),
-                    h$1("div", null,
+                        h("span", null, tournament.scoreCriteria)),
+                    h("div", null,
                         locale.MinimumBetCriteria,
                         ": ",
-                        h$1("span", null, tournament.minBetCount))),
-                h$1("div", { class: "TC" },
-                    h$1("a", { href: tournament.termsUrl, target: '_blank' }, locale.TC)))),
-            isTournamentClosed(instance.tournamentItem) && ((_a = instance.leaderboards) === null || _a === void 0 ? void 0 : _a.find(l => l.isMe)) && (h$1("section", { class: "ResultPrize", innerHTML: localePostprocess(locale.TipPrize, getResultPrize((_b = instance.leaderboards) === null || _b === void 0 ? void 0 : _b.find(l => l.isMe))) })),
-            h$1("section", { class: "Prizes" },
-                h$1("div", { class: "PrizesHeader" },
+                        h("span", null, tournament.minBetCount))),
+                h("div", { class: "TC" },
+                    h("a", { href: tournament.termsUrl, target: '_blank' }, locale.TC)))),
+            isTournamentClosed(instance.tournamentItem) && ((_a = instance.leaderboards) === null || _a === void 0 ? void 0 : _a.find(l => l.isMe)) && (h("section", { class: "ResultPrize", innerHTML: localePostprocess(locale.TipPrize, getResultPrize((_b = instance.leaderboards) === null || _b === void 0 ? void 0 : _b.find(l => l.isMe))) })),
+            h("section", { class: "Prizes" },
+                h("div", { class: "PrizesHeader" },
                     iconReward,
-                    h$1("span", { class: "PrizesText" }, locale.Prizes)),
-                tournament.prizes.map((prize, index) => (h$1("div", { class: "Prize" },
+                    h("span", { class: "PrizesText" }, locale.Prizes)),
+                tournament.prizes.map((prize, index) => (h("div", { class: "Prize" },
                     index + 1,
                     " ",
                     locale.Place,
                     ": ",
-                    h$1("span", { class: "PrizeText" }, prize.name)))))));
+                    h("span", { class: "PrizeText" }, prize.name)))))));
     },
     leaderboard(instance) {
         if (!instance.leaderboards)
-            return h$1("general-animation-loading", null);
+            return h("general-animation-loading", null);
         if (!instance.leaderboards.length)
             return '';
-        return (h$1("table", { class: "Leaderboards" }, instance.leaderboards.map(leaderboard => (h$1("tr", { class: classnames({ isMe: leaderboard.isMe }) },
-            h$1("td", { class: "LeaderboardRank" },
-                h$1("span", null, leaderboard.rank)),
-            h$1("td", { class: "LeaderboardName" }, leaderboard.shortName),
-            h$1("td", { class: "LeaderboardScore" }, leaderboard.score),
-            h$1("td", { class: "LeaderboardPrize" }, leaderboard.prizeName))))));
+        return (h("table", { class: "Leaderboards" }, instance.leaderboards.map(leaderboard => (h("tr", { class: classnames({ isMe: leaderboard.isMe }) },
+            h("td", { class: "LeaderboardRank" },
+                h("span", null, leaderboard.rank)),
+            h("td", { class: "LeaderboardName" }, leaderboard.shortName),
+            h("td", { class: "LeaderboardScore" }, leaderboard.score),
+            h("td", { class: "LeaderboardPrize" }, leaderboard.prizeName))))));
     },
     games(instance) {
         var _a;
-        return (h$1("div", { class: "Games" }, (_a = instance.tournamentItem.games) === null || _a === void 0 ? void 0 : _a.map(game => (h$1("div", null,
-            h$1("img", { src: game.defaultThumbnail, alt: "" }))))));
+        return (h("div", { class: "Games" }, (_a = instance.tournamentItem.games) === null || _a === void 0 ? void 0 : _a.map(game => (h("div", null,
+            h("img", { src: game.defaultThumbnail, alt: "" }))))));
     },
 };
 const getResultPrize = (leaderboard) => {
@@ -644,491 +644,13 @@ const renders = {
     tab
 };
 
-function a() {
-}
-function N(t) {
-  return t();
-}
-function A() {
-  return /* @__PURE__ */ Object.create(null);
-}
-function y(t) {
-  t.forEach(N);
-}
-function P(t) {
-  return typeof t == "function";
-}
-function B(t, e) {
-  return t != t ? e == e : t !== e || t && typeof t == "object" || typeof t == "function";
-}
-function R(t) {
-  return Object.keys(t).length === 0;
-}
-function H(t, e) {
-  t.appendChild(e);
-}
-function I(t, e, n) {
-  const s = U(t);
-  if (!s.getElementById(e)) {
-    const i = v("style");
-    i.id = e, i.textContent = n, D(s, i);
-  }
-}
-function U(t) {
-  if (!t) return document;
-  const e = t.getRootNode ? t.getRootNode() : t.ownerDocument;
-  return e && /** @type {ShadowRoot} */
-  e.host ? (
-    /** @type {ShadowRoot} */
-    e
-  ) : t.ownerDocument;
-}
-function D(t, e) {
-  return H(
-    /** @type {Document} */
-    t.head || t,
-    e
-  ), e.sheet;
-}
-function M(t, e, n) {
-  t.insertBefore(e, n || null);
-}
-function E(t) {
-  t.parentNode && t.parentNode.removeChild(t);
-}
-function v(t) {
-  return document.createElement(t);
-}
-function G(t, e, n) {
-  n == null ? t.removeAttribute(e) : t.getAttribute(e) !== n && t.setAttribute(e, n);
-}
-function J(t) {
-  return Array.from(t.childNodes);
-}
-function V(t) {
-  const e = {};
-  return t.childNodes.forEach(
-    /** @param {Element} node */
-    (n) => {
-      e[n.slot || "default"] = !0;
-    }
-  ), e;
-}
-let C;
-function p(t) {
-  C = t;
-}
-const f = [], x = [];
-let h = [];
-const S = [], z = /* @__PURE__ */ Promise.resolve();
-let w = !1;
-function F() {
-  w || (w = !0, z.then(m));
-}
-function k(t) {
-  h.push(t);
-}
-const b = /* @__PURE__ */ new Set();
-let $ = 0;
-function m() {
-  if ($ !== 0)
-    return;
-  const t = C;
-  do {
-    try {
-      for (; $ < f.length; ) {
-        const e = f[$];
-        $++, p(e), q(e.$$);
-      }
-    } catch (e) {
-      throw f.length = 0, $ = 0, e;
-    }
-    for (p(null), f.length = 0, $ = 0; x.length; ) x.pop()();
-    for (let e = 0; e < h.length; e += 1) {
-      const n = h[e];
-      b.has(n) || (b.add(n), n());
-    }
-    h.length = 0;
-  } while (f.length);
-  for (; S.length; )
-    S.pop()();
-  w = !1, b.clear(), p(t);
-}
-function q(t) {
-  if (t.fragment !== null) {
-    t.update(), y(t.before_update);
-    const e = t.dirty;
-    t.dirty = [-1], t.fragment && t.fragment.p(t.ctx, e), t.after_update.forEach(k);
-  }
-}
-function K(t) {
-  const e = [], n = [];
-  h.forEach((s) => t.indexOf(s) === -1 ? e.push(s) : n.push(s)), n.forEach((s) => s()), h = e;
-}
-const Q = /* @__PURE__ */ new Set();
-function W(t, e) {
-  t && t.i && (Q.delete(t), t.i(e));
-}
-function X(t, e, n) {
-  const { fragment: s, after_update: i } = t.$$;
-  s && s.m(e, n), k(() => {
-    const l = t.$$.on_mount.map(N).filter(P);
-    t.$$.on_destroy ? t.$$.on_destroy.push(...l) : y(l), t.$$.on_mount = [];
-  }), i.forEach(k);
-}
-function Y(t, e) {
-  const n = t.$$;
-  n.fragment !== null && (K(n.after_update), y(n.on_destroy), n.fragment && n.fragment.d(e), n.on_destroy = n.fragment = null, n.ctx = []);
-}
-function Z(t, e) {
-  t.$$.dirty[0] === -1 && (f.push(t), F(), t.$$.dirty.fill(0)), t.$$.dirty[e / 31 | 0] |= 1 << e % 31;
-}
-function tt(t, e, n, s, i, l, u = null, c = [-1]) {
-  const o = C;
-  p(t);
-  const r = t.$$ = {
-    fragment: null,
-    ctx: [],
-    // state
-    props: l,
-    update: a,
-    not_equal: i,
-    bound: A(),
-    // lifecycle
-    on_mount: [],
-    on_destroy: [],
-    on_disconnect: [],
-    before_update: [],
-    after_update: [],
-    context: new Map(e.context || (o ? o.$$.context : [])),
-    // everything else
-    callbacks: A(),
-    dirty: c,
-    skip_bound: !1,
-    root: e.target || o.$$.root
-  };
-  u && u(r.root);
-  let _ = !1;
-  if (r.ctx = n(t, e.props || {}, (d, L, ...j) => {
-    const O = j.length ? j[0] : L;
-    return r.ctx && i(r.ctx[d], r.ctx[d] = O) && (!r.skip_bound && r.bound[d] && r.bound[d](O), _ && Z(t, d)), L;
-  }), r.update(), _ = !0, y(r.before_update), r.fragment = s(r.ctx), e.target) {
-    if (e.hydrate) {
-      const d = J(e.target);
-      r.fragment && r.fragment.l(d), d.forEach(E);
-    } else
-      r.fragment && r.fragment.c();
-    e.intro && W(t.$$.fragment), X(t, e.target, e.anchor), m();
-  }
-  p(o);
-}
-let T;
-typeof HTMLElement == "function" && (T = class extends HTMLElement {
-  /** The Svelte component constructor */
-  $$ctor;
-  /** Slots */
-  $$s;
-  /** The Svelte component instance */
-  $$c;
-  /** Whether or not the custom element is connected */
-  $$cn = !1;
-  /** Component props data */
-  $$d = {};
-  /** `true` if currently in the process of reflecting component props back to attributes */
-  $$r = !1;
-  /** @type {Record<string, CustomElementPropDefinition>} Props definition (name, reflected, type etc) */
-  $$p_d = {};
-  /** @type {Record<string, Function[]>} Event listeners */
-  $$l = {};
-  /** @type {Map<Function, Function>} Event listener unsubscribe functions */
-  $$l_u = /* @__PURE__ */ new Map();
-  constructor(t, e, n) {
-    super(), this.$$ctor = t, this.$$s = e, n && this.attachShadow({ mode: "open" });
-  }
-  addEventListener(t, e, n) {
-    if (this.$$l[t] = this.$$l[t] || [], this.$$l[t].push(e), this.$$c) {
-      const s = this.$$c.$on(t, e);
-      this.$$l_u.set(e, s);
-    }
-    super.addEventListener(t, e, n);
-  }
-  removeEventListener(t, e, n) {
-    if (super.removeEventListener(t, e, n), this.$$c) {
-      const s = this.$$l_u.get(e);
-      s && (s(), this.$$l_u.delete(e));
-    }
-  }
-  async connectedCallback() {
-    if (this.$$cn = !0, !this.$$c) {
-      let t = function(i) {
-        return () => {
-          let l;
-          return {
-            c: function() {
-              l = v("slot"), i !== "default" && G(l, "name", i);
-            },
-            /**
-             * @param {HTMLElement} target
-             * @param {HTMLElement} [anchor]
-             */
-            m: function(o, r) {
-              M(o, l, r);
-            },
-            d: function(o) {
-              o && E(l);
-            }
-          };
-        };
-      };
-      if (await Promise.resolve(), !this.$$cn || this.$$c)
-        return;
-      const e = {}, n = V(this);
-      for (const i of this.$$s)
-        i in n && (e[i] = [t(i)]);
-      for (const i of this.attributes) {
-        const l = this.$$g_p(i.name);
-        l in this.$$d || (this.$$d[l] = g(l, i.value, this.$$p_d, "toProp"));
-      }
-      for (const i in this.$$p_d)
-        !(i in this.$$d) && this[i] !== void 0 && (this.$$d[i] = this[i], delete this[i]);
-      this.$$c = new this.$$ctor({
-        target: this.shadowRoot || this,
-        props: {
-          ...this.$$d,
-          $$slots: e,
-          $$scope: {
-            ctx: []
-          }
-        }
-      });
-      const s = () => {
-        this.$$r = !0;
-        for (const i in this.$$p_d)
-          if (this.$$d[i] = this.$$c.$$.ctx[this.$$c.$$.props[i]], this.$$p_d[i].reflect) {
-            const l = g(
-              i,
-              this.$$d[i],
-              this.$$p_d,
-              "toAttribute"
-            );
-            l == null ? this.removeAttribute(this.$$p_d[i].attribute || i) : this.setAttribute(this.$$p_d[i].attribute || i, l);
-          }
-        this.$$r = !1;
-      };
-      this.$$c.$$.after_update.push(s), s();
-      for (const i in this.$$l)
-        for (const l of this.$$l[i]) {
-          const u = this.$$c.$on(i, l);
-          this.$$l_u.set(l, u);
-        }
-      this.$$l = {};
-    }
-  }
-  // We don't need this when working within Svelte code, but for compatibility of people using this outside of Svelte
-  // and setting attributes through setAttribute etc, this is helpful
-  attributeChangedCallback(t, e, n) {
-    this.$$r || (t = this.$$g_p(t), this.$$d[t] = g(t, n, this.$$p_d, "toProp"), this.$$c?.$set({ [t]: this.$$d[t] }));
-  }
-  disconnectedCallback() {
-    this.$$cn = !1, Promise.resolve().then(() => {
-      !this.$$cn && this.$$c && (this.$$c.$destroy(), this.$$c = void 0);
-    });
-  }
-  $$g_p(t) {
-    return Object.keys(this.$$p_d).find(
-      (e) => this.$$p_d[e].attribute === t || !this.$$p_d[e].attribute && e.toLowerCase() === t
-    ) || t;
-  }
-});
-function g(t, e, n, s) {
-  const i = n[t]?.type;
-  if (e = i === "Boolean" && typeof e != "boolean" ? e != null : e, !s || !n[t])
-    return e;
-  if (s === "toAttribute")
-    switch (i) {
-      case "Object":
-      case "Array":
-        return e == null ? null : JSON.stringify(e);
-      case "Boolean":
-        return e ? "" : null;
-      case "Number":
-        return e ?? null;
-      default:
-        return e;
-    }
-  else
-    switch (i) {
-      case "Object":
-      case "Array":
-        return e && JSON.parse(e);
-      case "Boolean":
-        return e;
-      case "Number":
-        return e != null ? +e : e;
-      default:
-        return e;
-    }
-}
-function et(t, e, n, s, i, l) {
-  let u = class extends T {
-    constructor() {
-      super(t, n, i), this.$$p_d = e;
-    }
-    static get observedAttributes() {
-      return Object.keys(e).map(
-        (c) => (e[c].attribute || c).toLowerCase()
-      );
-    }
-  };
-  return Object.keys(e).forEach((c) => {
-    Object.defineProperty(u.prototype, c, {
-      get() {
-        return this.$$c && c in this.$$c ? this.$$c[c] : this.$$d[c];
-      },
-      set(o) {
-        o = g(c, o, e), this.$$d[c] = o, this.$$c?.$set({ [c]: o });
-      }
-    });
-  }), s.forEach((c) => {
-    Object.defineProperty(u.prototype, c, {
-      get() {
-        return this.$$c?.[c];
-      }
-    });
-  }), t.element = /** @type {any} */
-  u, u;
-}
-class nt {
-  /**
-   * ### PRIVATE API
-   *
-   * Do not use, may change at any time
-   *
-   * @type {any}
-   */
-  $$ = void 0;
-  /**
-   * ### PRIVATE API
-   *
-   * Do not use, may change at any time
-   *
-   * @type {any}
-   */
-  $$set = void 0;
-  /** @returns {void} */
-  $destroy() {
-    Y(this, 1), this.$destroy = a;
-  }
-  /**
-   * @template {Extract<keyof Events, string>} K
-   * @param {K} type
-   * @param {((e: Events[K]) => void) | null | undefined} callback
-   * @returns {() => void}
-   */
-  $on(e, n) {
-    if (!P(n))
-      return a;
-    const s = this.$$.callbacks[e] || (this.$$.callbacks[e] = []);
-    return s.push(n), () => {
-      const i = s.indexOf(n);
-      i !== -1 && s.splice(i, 1);
-    };
-  }
-  /**
-   * @param {Partial<Props>} props
-   * @returns {void}
-   */
-  $set(e) {
-    this.$$set && !R(e) && (this.$$.skip_bound = !0, this.$$set(e), this.$$.skip_bound = !1);
-  }
-}
-const it = "4";
-typeof window < "u" && (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(it);
-function st(t) {
-  I(t, "svelte-gnt082", ".LoaderContainer{display:flex;justify-content:center}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#d1d1d1;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 0.6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 0.6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}");
-}
-function rt(t) {
-  let e;
-  return {
-    c() {
-      e = v("div"), e.innerHTML = '<section class="LoaderContainer" part="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>';
-    },
-    m(n, s) {
-      M(n, e, s), t[3](e);
-    },
-    p: a,
-    i: a,
-    o: a,
-    d(n) {
-      n && E(e), t[3](null);
-    }
-  };
-}
-function lt(t, e, n) {
-  let { clientstyling: s = "" } = e, { clientstylingurl: i = "" } = e, l;
-  const u = () => {
-    let r = document.createElement("style");
-    r.innerHTML = s, l.appendChild(r);
-  }, c = () => {
-    let r = new URL(i), _ = document.createElement("style");
-    fetch(r.href).then((d) => d.text()).then((d) => {
-      _.innerHTML = d, setTimeout(
-        () => {
-          l.appendChild(_);
-        },
-        1
-      ), setTimeout(
-        () => {
-        },
-        500
-      );
-    });
-  };
-  function o(r) {
-    x[r ? "unshift" : "push"](() => {
-      l = r, n(0, l);
-    });
-  }
-  return t.$$set = (r) => {
-    "clientstyling" in r && n(1, s = r.clientstyling), "clientstylingurl" in r && n(2, i = r.clientstylingurl);
-  }, t.$$.update = () => {
-    t.$$.dirty & /*clientstyling, customStylingContainer*/
-    3 && s && l && u(), t.$$.dirty & /*clientstylingurl, customStylingContainer*/
-    5 && i && l && c();
-  }, [l, s, i, o];
-}
-class ct extends nt {
-  constructor(e) {
-    super(), tt(this, e, lt, rt, B, { clientstyling: 1, clientstylingurl: 2 }, st);
-  }
-  get clientstyling() {
-    return this.$$.ctx[1];
-  }
-  set clientstyling(e) {
-    this.$$set({ clientstyling: e }), m();
-  }
-  get clientstylingurl() {
-    return this.$$.ctx[2];
-  }
-  set clientstylingurl(e) {
-    this.$$set({ clientstylingurl: e }), m();
-  }
-}
-et(ct, { clientstyling: {}, clientstylingurl: {} }, [], [], !0);
+var GeneralAnimationLoadingBrLCbjvF = {};
 
-function i(n) {
-  return function(...t) {
-    try {
-      return n.apply(this, t);
-    } catch (e) {
-      if (e instanceof DOMException && e.message.includes("has already been used with this registry") || e.message.includes("Cannot define multiple custom elements with the same tag name"))
-        return !1;
-      throw e;
-    }
-  };
-}
-customElements.define = i(customElements.define);
-!customElements.get("general-animation-loading") && customElements.define("general-animation-loading", ct.element);
+(function (exports) {
+var V=Object.defineProperty,z=Object.defineProperties;var F=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var x=(e,t,n)=>t in e?V(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,P=(e,t)=>{for(var n in t||(t={}))G.call(t,n)&&x(e,n,t[n]);if(N)for(var n of N(t))q.call(t,n)&&x(e,n,t[n]);return e},M=(e,t)=>z(e,F(t));var $=(e,t,n)=>x(e,typeof t!="symbol"?t+"":t,n);var T=(e,t,n)=>new Promise((s,l)=>{var i=o=>{try{u(n.next(o));}catch(r){l(r);}},c=o=>{try{u(n.throw(o));}catch(r){l(r);}},u=o=>o.done?s(o.value):Promise.resolve(o.value).then(i,c);u((n=n.apply(e,t)).next());});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function _(){}function H(e){return e()}function B(){return Object.create(null)}function b(e){e.forEach(H);}function I(e){return typeof e=="function"}function K(e,t){return e!=e?t==t:e!==t||e&&typeof e=="object"||typeof e=="function"}function Q(e){return Object.keys(e).length===0}function W(e,t){e.appendChild(t);}function X(e,t,n){const s=Y(e);if(!s.getElementById(t)){const l=L("style");l.id=t,l.textContent=n,Z(s,l);}}function Y(e){if(!e)return document;const t=e.getRootNode?e.getRootNode():e.ownerDocument;return t&&t.host?t:e.ownerDocument}function Z(e,t){return W(e.head||e,t),t.sheet}function U(e,t,n){e.insertBefore(t,n||null);}function C(e){e.parentNode&&e.parentNode.removeChild(e);}function L(e){return document.createElement(e)}function tt(e,t,n){n==null?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n);}function et(e){return Array.from(e.childNodes)}function nt(e){const t={};return e.childNodes.forEach(n=>{t[n.slot||"default"]=!0;}),t}let j;function g(e){j=e;}const h=[],k=[];let p=[];const R=[],it=Promise.resolve();let v=!1;function st(){v||(v=!0,it.then(y));}function E(e){p.push(e);}const w=new Set;let a=0;function y(){if(a!==0)return;const e=j;do{try{for(;a<h.length;){const t=h[a];a++,g(t),rt(t.$$);}}catch(t){throw h.length=0,a=0,t}for(g(null),h.length=0,a=0;k.length;)k.pop()();for(let t=0;t<p.length;t+=1){const n=p[t];w.has(n)||(w.add(n),n());}p.length=0;}while(h.length);for(;R.length;)R.pop()();v=!1,w.clear(),g(e);}function rt(e){if(e.fragment!==null){e.update(),b(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(E);}}function lt(e){const t=[],n=[];p.forEach(s=>e.indexOf(s)===-1?t.push(s):n.push(s)),n.forEach(s=>s()),p=t;}const ct=new Set;function ot(e,t){e&&e.i&&(ct.delete(e),e.i(t));}function ut(e,t,n){const{fragment:s,after_update:l}=e.$$;s&&s.m(t,n),E(()=>{const i=e.$$.on_mount.map(H).filter(I);e.$$.on_destroy?e.$$.on_destroy.push(...i):b(i),e.$$.on_mount=[];}),l.forEach(E);}function dt(e,t){const n=e.$$;n.fragment!==null&&(lt(n.after_update),b(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[]);}function $t(e,t){e.$$.dirty[0]===-1&&(h.push(e),st(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31;}function ft(e,t,n,s,l,i,c=null,u=[-1]){const o=j;g(e);const r=e.$$={fragment:null,ctx:[],props:i,update:_,not_equal:l,bound:B(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(t.context||(o?o.$$.context:[])),callbacks:B(),dirty:u,skip_bound:!1,root:t.target||o.$$.root};c&&c(r.root);let f=!1;if(r.ctx=n(e,t.props||{},(d,O,...S)=>{const A=S.length?S[0]:O;return r.ctx&&l(r.ctx[d],r.ctx[d]=A)&&(!r.skip_bound&&r.bound[d]&&r.bound[d](A),f&&$t(e,d)),O}),r.update(),f=!0,b(r.before_update),r.fragment=s(r.ctx),t.target){if(t.hydrate){const d=et(t.target);r.fragment&&r.fragment.l(d),d.forEach(C);}else r.fragment&&r.fragment.c();t.intro&&ot(e.$$.fragment),ut(e,t.target,t.anchor),y();}g(o);}let D;typeof HTMLElement=="function"&&(D=class extends HTMLElement{constructor(t,n,s){super();$(this,"$$ctor");$(this,"$$s");$(this,"$$c");$(this,"$$cn",!1);$(this,"$$d",{});$(this,"$$r",!1);$(this,"$$p_d",{});$(this,"$$l",{});$(this,"$$l_u",new Map);this.$$ctor=t,this.$$s=n,s&&this.attachShadow({mode:"open"});}addEventListener(t,n,s){if(this.$$l[t]=this.$$l[t]||[],this.$$l[t].push(n),this.$$c){const l=this.$$c.$on(t,n);this.$$l_u.set(n,l);}super.addEventListener(t,n,s);}removeEventListener(t,n,s){if(super.removeEventListener(t,n,s),this.$$c){const l=this.$$l_u.get(n);l&&(l(),this.$$l_u.delete(n));}}connectedCallback(){return T(this,null,function*(){if(this.$$cn=!0,!this.$$c){let t=function(i){return ()=>{let c;return {c:function(){c=L("slot"),i!=="default"&&tt(c,"name",i);},m:function(r,f){U(r,c,f);},d:function(r){r&&C(c);}}}};if(yield Promise.resolve(),!this.$$cn||this.$$c)return;const n={},s=nt(this);for(const i of this.$$s)i in s&&(n[i]=[t(i)]);for(const i of this.attributes){const c=this.$$g_p(i.name);c in this.$$d||(this.$$d[c]=m(c,i.value,this.$$p_d,"toProp"));}for(const i in this.$$p_d)!(i in this.$$d)&&this[i]!==void 0&&(this.$$d[i]=this[i],delete this[i]);this.$$c=new this.$$ctor({target:this.shadowRoot||this,props:M(P({},this.$$d),{$$slots:n,$$scope:{ctx:[]}})});const l=()=>{this.$$r=!0;for(const i in this.$$p_d)if(this.$$d[i]=this.$$c.$$.ctx[this.$$c.$$.props[i]],this.$$p_d[i].reflect){const c=m(i,this.$$d[i],this.$$p_d,"toAttribute");c==null?this.removeAttribute(this.$$p_d[i].attribute||i):this.setAttribute(this.$$p_d[i].attribute||i,c);}this.$$r=!1;};this.$$c.$$.after_update.push(l),l();for(const i in this.$$l)for(const c of this.$$l[i]){const u=this.$$c.$on(i,c);this.$$l_u.set(c,u);}this.$$l={};}})}attributeChangedCallback(t,n,s){var l;this.$$r||(t=this.$$g_p(t),this.$$d[t]=m(t,s,this.$$p_d,"toProp"),(l=this.$$c)==null||l.$set({[t]:this.$$d[t]}));}disconnectedCallback(){this.$$cn=!1,Promise.resolve().then(()=>{!this.$$cn&&this.$$c&&(this.$$c.$destroy(),this.$$c=void 0);});}$$g_p(t){return Object.keys(this.$$p_d).find(n=>this.$$p_d[n].attribute===t||!this.$$p_d[n].attribute&&n.toLowerCase()===t)||t}});function m(e,t,n,s){var i;const l=(i=n[e])==null?void 0:i.type;if(t=l==="Boolean"&&typeof t!="boolean"?t!=null:t,!s||!n[e])return t;if(s==="toAttribute")switch(l){case"Object":case"Array":return t==null?null:JSON.stringify(t);case"Boolean":return t?"":null;case"Number":return t==null?null:t;default:return t}else switch(l){case"Object":case"Array":return t&&JSON.parse(t);case"Boolean":return t;case"Number":return t!=null?+t:t;default:return t}}function at(e,t,n,s,l,i){let c=class extends D{constructor(){super(e,n,l),this.$$p_d=t;}static get observedAttributes(){return Object.keys(t).map(u=>(t[u].attribute||u).toLowerCase())}};return Object.keys(t).forEach(u=>{Object.defineProperty(c.prototype,u,{get(){return this.$$c&&u in this.$$c?this.$$c[u]:this.$$d[u]},set(o){var r;o=m(u,o,t),this.$$d[u]=o,(r=this.$$c)==null||r.$set({[u]:o});}});}),s.forEach(u=>{Object.defineProperty(c.prototype,u,{get(){var o;return (o=this.$$c)==null?void 0:o[u]}});}),e.element=c,c}class ht{constructor(){$(this,"$$");$(this,"$$set");}$destroy(){dt(this,1),this.$destroy=_;}$on(t,n){if(!I(n))return _;const s=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return s.push(n),()=>{const l=s.indexOf(n);l!==-1&&s.splice(l,1);}}$set(t){this.$$set&&!Q(t)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1);}}const _t="4";typeof window!="undefined"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(_t);function pt(e){X(e,"svelte-gnt082",".LoaderContainer{display:flex;justify-content:center}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#d1d1d1;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 0.6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 0.6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}");}function gt(e){let t;return {c(){t=L("div"),t.innerHTML='<section class="LoaderContainer" part="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>';},m(n,s){U(n,t,s),e[3](t);},p:_,i:_,o:_,d(n){n&&C(t),e[3](null);}}}function mt(e,t,n){let{clientstyling:s=""}=t,{clientstylingurl:l=""}=t,i;const c=()=>{let r=document.createElement("style");r.innerHTML=s,i.appendChild(r);},u=()=>{let r=new URL(l),f=document.createElement("style");fetch(r.href).then(d=>d.text()).then(d=>{f.innerHTML=d,setTimeout(()=>{i.appendChild(f);},1),setTimeout(()=>{},500);});};function o(r){k[r?"unshift":"push"](()=>{i=r,n(0,i);});}return e.$$set=r=>{"clientstyling"in r&&n(1,s=r.clientstyling),"clientstylingurl"in r&&n(2,l=r.clientstylingurl);},e.$$.update=()=>{e.$$.dirty&3&&s&&i&&c(),e.$$.dirty&5&&l&&i&&u();},[i,s,l,o]}class J extends ht{constructor(t){super(),ft(this,t,mt,gt,K,{clientstyling:1,clientstylingurl:2},pt);}get clientstyling(){return this.$$.ctx[1]}set clientstyling(t){this.$$set({clientstyling:t}),y();}get clientstylingurl(){return this.$$.ctx[2]}set clientstylingurl(t){this.$$set({clientstylingurl:t}),y();}}at(J,{clientstyling:{},clientstylingurl:{}},[],[],!0);exports.default=J;
+}(GeneralAnimationLoadingBrLCbjvF));
+
+if(typeof window!="undefined"){let n=function(t){return function(...i){try{return t.apply(this,i)}catch(e){if(e instanceof DOMException&&e.message.includes("has already been used with this registry")||e.message.includes("Cannot define multiple custom elements with the same tag name"))return !1;throw e}}};customElements.define=n(customElements.define),Promise.resolve().then(()=>GeneralAnimationLoadingBrLCbjvF).then(({default:t})=>{!customElements.get("general-animation-loading")&&customElements.define("general-animation-loading",t.element);});}
 
 const casinoEngagementSuiteTournamentCss = ".Wrapper{height:100%;position:relative;color:var(--emw--color-typography, #FFFFFF);display:flex;background-color:var(--emw--color-background, hsl(254, 44%, 15%));flex-direction:column;border-radius:24px;overflow-y:auto}.Wrapper.Mobile{border-radius:16px}.WrapperContent{padding-bottom:20px;transition:0.5s filter}.WrapperContent.faded{filter:brightness(53.3333333333%)}.Wrapper.Mobile .WrapperBar{padding:20px 8px 8px;margin-bottom:8px}.WrapperBar{display:flex;width:100%;padding:32px 20px 20px;margin-bottom:20px}.WrapperBarLeft,.WrapperBarRight{cursor:pointer;z-index:1}.WrapperBarMiddle{flex-grow:1;text-align:center;font-size:var(--emw--font-size-medium, 16px);line-height:16px;font-weight:500;color:var(--emw--color-secondary, rgb(187, 185, 195))}:host{display:block;font-size:var(--emw--font-size-x-small, 12px);font-family:Inter}.Row{margin:24px 0;padding:0 20px}.Row:first-child{margin:0}.LeaderboardsItem{position:relative;margin:10px 0;border:1px solid rgb(64, 57, 86);border-radius:16px}.LeaderboardsItem.Hollow{border-color:transparent}.LeaderboardsItem:first-child{margin-top:0}.LeaderboardsItemContainer{padding-top:16px}.Info{margin:24px 0;padding:0 20px}.TimeContainer{margin:24px 0;padding:0 20px}.TimeContainer .Time{display:flex;justify-content:space-between;font-size:var(--emw--font-size-x-small, 12px);align-items:center;color:var(--emw--color-secondary, rgb(187, 185, 195))}.TimeContainer .Time button{font-size:var(--emw--font-size-x-small, 12px);height:20px;padding:0}.TimeContainer .Time button::before{inset:inherit;border:0}.ShowInfo{margin:24px 0;padding:0 20px;cursor:pointer;color:rgb(102, 97, 120)}.ShowInfo p{display:flex;gap:4px}.TitleContainer{display:flex;justify-content:space-between;margin:24px 0;padding:0 20px;margin-top:0;gap:10px;font-family:Montserrat}.TitleContainer .GradientRoundedButton{width:120px}.TabsContainer{margin:24px 0;padding:0 20px;margin:0 20px;padding:0;border-bottom:1px solid #575757}.Tabs{display:flex;justify-content:space-between;justify-content:start;font-size:var(--emw--font-size-x-small, 12px);margin-bottom:-1px}.Tabs>div{padding:10px;color:rgb(102, 97, 120);cursor:pointer}.Tabs>div.active{color:var(--emw--color-typography, #FFF);border-bottom:2px solid var(--emw--color-typography, #FFF)}.Title{font-size:var(--emw--font-size-medium, 16px);font-weight:700;line-height:19.5px;text-align:left;word-break:break-word}.TC{margin-top:12px}.TC a{color:rgb(89, 209, 255)}.Criterias{margin:12px 0}.Criterias span{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:400}.ResultPrize{margin:24px 0;padding:0 20px}.ResultPrize span{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:400}.Prizes{margin:24px 0;padding:0 20px}.Prizes .PrizesText{margin-left:3px;font-weight:600}.Prizes .PrizesHeader{align-items:center;display:flex}.Prizes .PrizesHeader img{width:12px}.Prizes .Prize{margin:8px 0}.Prizes .Prize .PrizeText{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:400}*{box-sizing:border-box}.Leaderboards{width:100%;text-align:center;border-collapse:collapse}.Leaderboards td{opacity:0.6;padding:20px 5px}.Leaderboards td:first-child{padding-left:20px}.Leaderboards td:last-child{padding-right:20px}.Leaderboards .LeaderboardName{color:var(--emw--color-typography, #FFF);opacity:1}.Leaderboards tr.isMe{background:rgba(0, 0, 0, 0.2)}.Leaderboards tr.isMe .LeaderboardRank span{padding:0px 3px;opacity:1;border:1px solid var(--emw--color-primary, rgb(255, 214, 47));border-radius:11px}.Leaderboards tr.isMe td{color:var(--emw--color-primary, rgb(255, 214, 47))}.LeaderboardLabels{position:absolute;top:-6px;right:18px;display:flex;gap:4px}.LeaderboardLabel{width:30px;height:15px;background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));border-radius:var(--emw--border-radius-x-small, 2px);display:inline-flex;padding:0 2px;align-items:center;justify-content:center}.LeaderboardLabel span{display:inline-block;text-transform:uppercase;font-size:var(--emw--font-size-3x-small, 7px);line-height:7px;font-weight:var(--emw--font-weight-bold, 700);font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);color:var(--emw--color-background, #1E1638)}.Games{margin:24px 0;padding:0 20px;display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:4px 7.25px}.Games img{width:60px}dialog{position:absolute;top:30px;width:100%;height:100%;background:transparent;border:0;padding:0;color:var(--emw--color-typography, #FFFFFF)}dialog>div{margin:32px;border-radius:8px;background:var(--emw--color-background, hsl(254, 44%, 15%));border:1px solid hsl(254, 20%, 28%);align-items:center}.DialogContentUnjoin{padding:32px;padding-top:10px;display:flex;gap:10px;flex-direction:column}.DialogContentUnjoinTitle{font-family:Montserrat;font-size:var(--emw--font-size-large, 20px);font-weight:600;line-height:24.38px;text-align:center}.DialogContentUnjoinDescription{color:var(--emw--color-secondary, rgb(187, 185, 195));margin-bottom:30px}.Tip{padding:32px;padding-top:10px;color:var(--emw--color-secondary, rgb(187, 185, 195));font-size:var(--emw--font-size-small, 14px)}.PageConfirmContainer{text-align:center;width:80%;margin:0 auto}.PageConfirm{padding:40px 32px;display:flex;flex-direction:column;gap:20px}.PageConfirm .Title{font-size:var(--emw--font-size-large, 20px);text-align:center}.PageConfirm .Description{color:var(--emw--color-secondary, rgb(187, 185, 195));font-weight:400}.PageConfirm .Description span{color:var(--emw--color-typography, #FFF);font-weight:600}.PageConfirmButtonsGroup{width:150px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.GradientRounded{display:block;background:linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);color:rgb(30, 22, 56);position:relative;border-radius:16px}.GradientRounded.Hollow{background:rgb(30, 22, 56);color:#FFFFFF}.GradientRounded.Hollow::before{content:\"\";position:absolute;inset:0;border-radius:15px;border:1px solid transparent;background:linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude}.GradientRoundedButton{border:none;padding:7px;height:32px;width:100%;font-size:var(--emw--font-size-small, 14px);font-weight:700;line-height:17.07px;text-align:center;transition:0.5s opacity;cursor:pointer}.GradientRoundedButton.Pending{cursor:not-allowed;opacity:0.3}.GradientRoundedButton.Hollow span{background:-webkit-linear-gradient(98.25deg, rgb(255, 148, 0) 22.48%, rgb(254, 247, 70) 131.02%, rgb(255, 226, 74) 131.9%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}";
 const CasinoEngagementSuiteTournamentStyle0 = casinoEngagementSuiteTournamentCss;
@@ -1235,7 +757,7 @@ const CasinoEngagementSuiteTournament = class {
         this.page = page;
     }
     render() {
-        return (h$1(Host, { key: 'f9e9ea96e0fddd20d3f12141c7cf66588ab94ccd' }, h$1("general-styling-wrapper", { key: 'aea948ea6c8f8cc5e4aaea5812873d3fe7045568', clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling,
+        return (h(Host, { key: 'f9e9ea96e0fddd20d3f12141c7cf66588ab94ccd' }, h("general-styling-wrapper", { key: 'aea948ea6c8f8cc5e4aaea5812873d3fe7045568', clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling,
             // @ts-ignore
             targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), this.renders.page[this.page]()));
     }