@streamlayer/react 1.21.3 → 1.22.1

package/lib/es/index2.js

@@ -1,3415 +1,1400 @@
-import { jsx as P, jsxs as F } from "react/jsx-runtime";
-import { s as _, B as te, o as ft, p as ht, f as Se, j as gt, n as Ee } from "./provider.js";
-import $, { forwardRef as Ae, useState as W, useRef as D, useEffect as X, useLayoutEffect as vt, createContext as Ve, useMemo as He, useCallback as Re, memo as wt } from "react";
-import { ConnectError as bt, Code as yt } from "@connectrpc/connect";
-import St from "lodash.throttle";
-import { S as qe } from "./useStreamLayerApp2.js";
-function _e(t) {
-  return t !== null && typeof t == "object" && "constructor" in t && t.constructor === Object;
-}
-function Oe(t, e) {
-  t === void 0 && (t = {}), e === void 0 && (e = {});
-  const s = ["__proto__", "constructor", "prototype"];
-  Object.keys(e).filter((r) => s.indexOf(r) < 0).forEach((r) => {
-    typeof t[r] > "u" ? t[r] = e[r] : _e(e[r]) && _e(t[r]) && Object.keys(e[r]).length > 0 && Oe(t[r], e[r]);
-  });
-}
-const We = {
-  body: {},
-  addEventListener() {
-  },
-  removeEventListener() {
-  },
-  activeElement: {
-    blur() {
-    },
-    nodeName: ""
-  },
-  querySelector() {
-    return null;
-  },
-  querySelectorAll() {
-    return [];
-  },
-  getElementById() {
-    return null;
-  },
-  createEvent() {
-    return {
-      initEvent() {
-      }
-    };
-  },
-  createElement() {
-    return {
-      children: [],
-      childNodes: [],
-      style: {},
-      setAttribute() {
-      },
-      getElementsByTagName() {
-        return [];
-      }
-    };
-  },
-  createElementNS() {
-    return {};
-  },
-  importNode() {
-    return null;
-  },
-  location: {
-    hash: "",
-    host: "",
-    hostname: "",
-    href: "",
-    origin: "",
-    pathname: "",
-    protocol: "",
-    search: ""
-  }
-};
-function K() {
-  const t = typeof document < "u" ? document : {};
-  return Oe(t, We), t;
-}
-const Et = {
-  document: We,
-  navigator: {
-    userAgent: ""
-  },
-  location: {
-    hash: "",
-    host: "",
-    hostname: "",
-    href: "",
-    origin: "",
-    pathname: "",
-    protocol: "",
-    search: ""
-  },
-  history: {
-    replaceState() {
-    },
-    pushState() {
-    },
-    go() {
-    },
-    back() {
-    }
-  },
-  CustomEvent: function() {
-    return this;
-  },
-  addEventListener() {
-  },
-  removeEventListener() {
-  },
-  getComputedStyle() {
-    return {
-      getPropertyValue() {
-        return "";
-      }
-    };
-  },
-  Image() {
-  },
-  Date() {
-  },
-  screen: {},
-  setTimeout() {
-  },
-  clearTimeout() {
-  },
-  matchMedia() {
-    return {};
-  },
-  requestAnimationFrame(t) {
-    return typeof setTimeout > "u" ? (t(), null) : setTimeout(t, 0);
-  },
-  cancelAnimationFrame(t) {
-    typeof setTimeout > "u" || clearTimeout(t);
-  }
-};
-function N() {
-  const t = typeof window < "u" ? window : {};
-  return Oe(t, Et), t;
-}
-function xt(t) {
-  return t === void 0 && (t = ""), t.trim().split(" ").filter((e) => !!e.trim());
-}
-function Tt(t) {
-  const e = t;
-  Object.keys(e).forEach((s) => {
-    try {
-      e[s] = null;
-    } catch {
-    }
-    try {
-      delete e[s];
-    } catch {
-    }
-  });
-}
-function xe(t, e) {
-  return e === void 0 && (e = 0), setTimeout(t, e);
-}
-function le() {
-  return Date.now();
-}
-function Ct(t) {
-  const e = N();
-  let s;
-  return e.getComputedStyle && (s = e.getComputedStyle(t, null)), !s && t.currentStyle && (s = t.currentStyle), s || (s = t.style), s;
-}
-function Pt(t, e) {
-  e === void 0 && (e = "x");
-  const s = N();
-  let r, n, i;
-  const l = Ct(t);
-  return s.WebKitCSSMatrix ? (n = l.transform || l.webkitTransform, n.split(",").length > 6 && (n = n.split(", ").map((a) => a.replace(",", ".")).join(", ")), i = new s.WebKitCSSMatrix(n === "none" ? "" : n)) : (i = l.MozTransform || l.OTransform || l.MsTransform || l.msTransform || l.transform || l.getPropertyValue("transform").replace("translate(", "matrix(1, 0, 0, 1,"), r = i.toString().split(",")), e === "x" && (s.WebKitCSSMatrix ? n = i.m41 : r.length === 16 ? n = parseFloat(r[12]) : n = parseFloat(r[4])), e === "y" && (s.WebKitCSSMatrix ? n = i.m42 : r.length === 16 ? n = parseFloat(r[13]) : n = parseFloat(r[5])), n || 0;
-}
-function se(t) {
-  return typeof t == "object" && t !== null && t.constructor && Object.prototype.toString.call(t).slice(8, -1) === "Object";
-}
-function Mt(t) {
-  return typeof window < "u" && typeof window.HTMLElement < "u" ? t instanceof HTMLElement : t && (t.nodeType === 1 || t.nodeType === 11);
-}
-function B() {
-  const t = Object(arguments.length <= 0 ? void 0 : arguments[0]), e = ["__proto__", "constructor", "prototype"];
-  for (let s = 1; s < arguments.length; s += 1) {
-    const r = s < 0 || arguments.length <= s ? void 0 : arguments[s];
-    if (r != null && !Mt(r)) {
-      const n = Object.keys(Object(r)).filter((i) => e.indexOf(i) < 0);
-      for (let i = 0, l = n.length; i < l; i += 1) {
-        const a = n[i], o = Object.getOwnPropertyDescriptor(r, a);
-        o !== void 0 && o.enumerable && (se(t[a]) && se(r[a]) ? r[a].__swiper__ ? t[a] = r[a] : B(t[a], r[a]) : !se(t[a]) && se(r[a]) ? (t[a] = {}, r[a].__swiper__ ? t[a] = r[a] : B(t[a], r[a])) : t[a] = r[a]);
-      }
-    }
-  }
-  return t;
-}
-function re(t, e, s) {
-  t.style.setProperty(e, s);
-}
-function Ye(t) {
-  let {
-    swiper: e,
-    targetPosition: s,
-    side: r
-  } = t;
-  const n = N(), i = -e.translate;
-  let l = null, a;
-  const o = e.params.speed;
-  e.wrapperEl.style.scrollSnapType = "none", n.cancelAnimationFrame(e.cssModeFrameID);
-  const c = s > i ? "next" : "prev", d = (f, g) => c === "next" && f >= g || c === "prev" && f <= g, u = () => {
-    a = (/* @__PURE__ */ new Date()).getTime(), l === null && (l = a);
-    const f = Math.max(Math.min((a - l) / o, 1), 0), g = 0.5 - Math.cos(f * Math.PI) / 2;
-    let h = i + g * (s - i);
-    if (d(h, s) && (h = s), e.wrapperEl.scrollTo({
-      [r]: h
-    }), d(h, s)) {
-      e.wrapperEl.style.overflow = "hidden", e.wrapperEl.style.scrollSnapType = "", setTimeout(() => {
-        e.wrapperEl.style.overflow = "", e.wrapperEl.scrollTo({
-          [r]: h
-        });
-      }), n.cancelAnimationFrame(e.cssModeFrameID);
-      return;
-    }
-    e.cssModeFrameID = n.requestAnimationFrame(u);
-  };
-  u();
-}
-function H(t, e) {
-  e === void 0 && (e = "");
-  const s = N(), r = [...t.children];
-  return s.HTMLSlotElement && t instanceof HTMLSlotElement && r.push(...t.assignedElements()), e ? r.filter((n) => n.matches(e)) : r;
-}
-function kt(t, e) {
-  const s = [e];
-  for (; s.length > 0; ) {
-    const r = s.shift();
-    if (t === r)
-      return !0;
-    s.push(...r.children, ...r.shadowRoot ? r.shadowRoot.children : [], ...r.assignedElements ? r.assignedElements() : []);
-  }
-}
-function It(t, e) {
-  const s = N();
-  let r = e.contains(t);
-  return !r && s.HTMLSlotElement && e instanceof HTMLSlotElement && (r = [...e.assignedElements()].includes(t), r || (r = kt(t, e))), r;
-}
-function oe(t) {
-  try {
-    console.warn(t);
-    return;
-  } catch {
-  }
-}
-function de(t, e) {
-  e === void 0 && (e = []);
-  const s = document.createElement(t);
-  return s.classList.add(...Array.isArray(e) ? e : xt(e)), s;
-}
-function Lt(t, e) {
-  const s = [];
-  for (; t.previousElementSibling; ) {
-    const r = t.previousElementSibling;
-    e ? r.matches(e) && s.push(r) : s.push(r), t = r;
-  }
-  return s;
-}
-function At(t, e) {
-  const s = [];
-  for (; t.nextElementSibling; ) {
-    const r = t.nextElementSibling;
-    e ? r.matches(e) && s.push(r) : s.push(r), t = r;
-  }
-  return s;
-}
-function Y(t, e) {
-  return N().getComputedStyle(t, null).getPropertyValue(e);
-}
-function ce(t) {
-  let e = t, s;
-  if (e) {
-    for (s = 0; (e = e.previousSibling) !== null; )
-      e.nodeType === 1 && (s += 1);
-    return s;
-  }
-}
-function Xe(t, e) {
-  const s = [];
-  let r = t.parentElement;
-  for (; r; )
-    e ? r.matches(e) && s.push(r) : s.push(r), r = r.parentElement;
-  return s;
-}
-function Te(t, e, s) {
-  const r = N();
-  return t[e === "width" ? "offsetWidth" : "offsetHeight"] + parseFloat(r.getComputedStyle(t, null).getPropertyValue(e === "width" ? "margin-right" : "margin-top")) + parseFloat(r.getComputedStyle(t, null).getPropertyValue(e === "width" ? "margin-left" : "margin-bottom"));
-}
-function R(t) {
-  return (Array.isArray(t) ? t : [t]).filter((e) => !!e);
-}
-let fe;
-function Ot() {
-  const t = N(), e = K();
-  return {
-    smoothScroll: e.documentElement && e.documentElement.style && "scrollBehavior" in e.documentElement.style,
-    touch: !!("ontouchstart" in t || t.DocumentTouch && e instanceof t.DocumentTouch)
-  };
-}
-function Ue() {
-  return fe || (fe = Ot()), fe;
-}
-let he;
-function zt(t) {
-  let {
-    userAgent: e
-  } = t === void 0 ? {} : t;
-  const s = Ue(), r = N(), n = r.navigator.platform, i = e || r.navigator.userAgent, l = {
-    ios: !1,
-    android: !1
-  }, a = r.screen.width, o = r.screen.height, c = i.match(/(Android);?[\s\/]+([\d.]+)?/);
-  let d = i.match(/(iPad).*OS\s([\d_]+)/);
-  const u = i.match(/(iPod)(.*OS\s([\d_]+))?/), f = !d && i.match(/(iPhone\sOS|iOS)\s([\d_]+)/), g = n === "Win32";
-  let h = n === "MacIntel";
-  const b = ["1024x1366", "1366x1024", "834x1194", "1194x834", "834x1112", "1112x834", "768x1024", "1024x768", "820x1180", "1180x820", "810x1080", "1080x810"];
-  return !d && h && s.touch && b.indexOf(`${a}x${o}`) >= 0 && (d = i.match(/(Version)\/([\d.]+)/), d || (d = [0, 1, "13_0_0"]), h = !1), c && !g && (l.os = "android", l.android = !0), (d || f || u) && (l.os = "ios", l.ios = !0), l;
-}
-function Qe(t) {
-  return t === void 0 && (t = {}), he || (he = zt(t)), he;
-}
-let ge;
-function _t() {
-  const t = N(), e = Qe();
-  let s = !1;
-  function r() {
-    const a = t.navigator.userAgent.toLowerCase();
-    return a.indexOf("safari") >= 0 && a.indexOf("chrome") < 0 && a.indexOf("android") < 0;
-  }
-  if (r()) {
-    const a = String(t.navigator.userAgent);
-    if (a.includes("Version/")) {
-      const [o, c] = a.split("Version/")[1].split(" ")[0].split(".").map((d) => Number(d));
-      s = o < 16 || o === 16 && c < 2;
-    }
-  }
-  const n = /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(t.navigator.userAgent), i = r(), l = i || n && e.ios;
-  return {
-    isSafari: s || i,
-    needPerspectiveFix: s,
-    need3dFix: l,
-    isWebView: n
-  };
-}
-function Ke() {
-  return ge || (ge = _t()), ge;
-}
-function $t(t) {
-  let {
-    swiper: e,
-    on: s,
-    emit: r
-  } = t;
-  const n = N();
-  let i = null, l = null;
-  const a = () => {
-    !e || e.destroyed || !e.initialized || (r("beforeResize"), r("resize"));
-  }, o = () => {
-    !e || e.destroyed || !e.initialized || (i = new ResizeObserver((u) => {
-      l = n.requestAnimationFrame(() => {
-        const {
-          width: f,
-          height: g
-        } = e;
-        let h = f, b = g;
-        u.forEach((M) => {
-          let {
-            contentBoxSize: w,
-            contentRect: p,
-            target: m
-          } = M;
-          m && m !== e.el || (h = p ? p.width : (w[0] || w).inlineSize, b = p ? p.height : (w[0] || w).blockSize);
-        }), (h !== f || b !== g) && a();
-      });
-    }), i.observe(e.el));
-  }, c = () => {
-    l && n.cancelAnimationFrame(l), i && i.unobserve && e.el && (i.unobserve(e.el), i = null);
-  }, d = () => {
-    !e || e.destroyed || !e.initialized || r("orientationchange");
-  };
-  s("init", () => {
-    if (e.params.resizeObserver && typeof n.ResizeObserver < "u") {
-      o();
-      return;
-    }
-    n.addEventListener("resize", a), n.addEventListener("orientationchange", d);
-  }), s("destroy", () => {
-    c(), n.removeEventListener("resize", a), n.removeEventListener("orientationchange", d);
-  });
-}
-function Gt(t) {
-  let {
-    swiper: e,
-    extendParams: s,
-    on: r,
-    emit: n
-  } = t;
-  const i = [], l = N(), a = function(d, u) {
-    u === void 0 && (u = {});
-    const f = l.MutationObserver || l.WebkitMutationObserver, g = new f((h) => {
-      if (e.__preventObserver__) return;
-      if (h.length === 1) {
-        n("observerUpdate", h[0]);
-        return;
-      }
-      const b = function() {
-        n("observerUpdate", h[0]);
-      };
-      l.requestAnimationFrame ? l.requestAnimationFrame(b) : l.setTimeout(b, 0);
-    });
-    g.observe(d, {
-      attributes: typeof u.attributes > "u" ? !0 : u.attributes,
-      childList: e.isElement || (typeof u.childList > "u" ? !0 : u).childList,
-      characterData: typeof u.characterData > "u" ? !0 : u.characterData
-    }), i.push(g);
-  }, o = () => {
-    if (e.params.observer) {
-      if (e.params.observeParents) {
-        const d = Xe(e.hostEl);
-        for (let u = 0; u < d.length; u += 1)
-          a(d[u]);
-      }
-      a(e.hostEl, {
-        childList: e.params.observeSlideChildren
-      }), a(e.wrapperEl, {
-        attributes: !1
-      });
-    }
-  }, c = () => {
-    i.forEach((d) => {
-      d.disconnect();
-    }), i.splice(0, i.length);
-  };
-  s({
-    observer: !1,
-    observeParents: !1,
-    observeSlideChildren: !1
-  }), r("init", o), r("destroy", c);
-}
-var Nt = {
-  on(t, e, s) {
-    const r = this;
-    if (!r.eventsListeners || r.destroyed || typeof e != "function") return r;
-    const n = s ? "unshift" : "push";
-    return t.split(" ").forEach((i) => {
-      r.eventsListeners[i] || (r.eventsListeners[i] = []), r.eventsListeners[i][n](e);
-    }), r;
-  },
-  once(t, e, s) {
-    const r = this;
-    if (!r.eventsListeners || r.destroyed || typeof e != "function") return r;
-    function n() {
-      r.off(t, n), n.__emitterProxy && delete n.__emitterProxy;
-      for (var i = arguments.length, l = new Array(i), a = 0; a < i; a++)
-        l[a] = arguments[a];
-      e.apply(r, l);
-    }
-    return n.__emitterProxy = e, r.on(t, n, s);
-  },
-  onAny(t, e) {
-    const s = this;
-    if (!s.eventsListeners || s.destroyed || typeof t != "function") return s;
-    const r = e ? "unshift" : "push";
-    return s.eventsAnyListeners.indexOf(t) < 0 && s.eventsAnyListeners[r](t), s;
-  },
-  offAny(t) {
-    const e = this;
-    if (!e.eventsListeners || e.destroyed || !e.eventsAnyListeners) return e;
-    const s = e.eventsAnyListeners.indexOf(t);
-    return s >= 0 && e.eventsAnyListeners.splice(s, 1), e;
-  },
-  off(t, e) {
-    const s = this;
-    return !s.eventsListeners || s.destroyed || !s.eventsListeners || t.split(" ").forEach((r) => {
-      typeof e > "u" ? s.eventsListeners[r] = [] : s.eventsListeners[r] && s.eventsListeners[r].forEach((n, i) => {
-        (n === e || n.__emitterProxy && n.__emitterProxy === e) && s.eventsListeners[r].splice(i, 1);
-      });
-    }), s;
-  },
-  emit() {
-    const t = this;
-    if (!t.eventsListeners || t.destroyed || !t.eventsListeners) return t;
-    let e, s, r;
-    for (var n = arguments.length, i = new Array(n), l = 0; l < n; l++)
-      i[l] = arguments[l];
-    return typeof i[0] == "string" || Array.isArray(i[0]) ? (e = i[0], s = i.slice(1, i.length), r = t) : (e = i[0].events, s = i[0].data, r = i[0].context || t), s.unshift(r), (Array.isArray(e) ? e : e.split(" ")).forEach((a) => {
-      t.eventsAnyListeners && t.eventsAnyListeners.length && t.eventsAnyListeners.forEach((o) => {
-        o.apply(r, [a, ...s]);
-      }), t.eventsListeners && t.eventsListeners[a] && t.eventsListeners[a].forEach((o) => {
-        o.apply(r, s);
-      });
-    }), t;
-  }
-};
-function Bt() {
-  const t = this;
-  let e, s;
-  const r = t.el;
-  typeof t.params.width < "u" && t.params.width !== null ? e = t.params.width : e = r.clientWidth, typeof t.params.height < "u" && t.params.height !== null ? s = t.params.height : s = r.clientHeight, !(e === 0 && t.isHorizontal() || s === 0 && t.isVertical()) && (e = e - parseInt(Y(r, "padding-left") || 0, 10) - parseInt(Y(r, "padding-right") || 0, 10), s = s - parseInt(Y(r, "padding-top") || 0, 10) - parseInt(Y(r, "padding-bottom") || 0, 10), Number.isNaN(e) && (e = 0), Number.isNaN(s) && (s = 0), Object.assign(t, {
-    width: e,
-    height: s,
-    size: t.isHorizontal() ? e : s
-  }));
-}
-function Dt() {
-  const t = this;
-  function e(E, x) {
-    return parseFloat(E.getPropertyValue(t.getDirectionLabel(x)) || 0);
-  }
-  const s = t.params, {
-    wrapperEl: r,
-    slidesEl: n,
-    size: i,
-    rtlTranslate: l,
-    wrongRTL: a
-  } = t, o = t.virtual && s.virtual.enabled, c = o ? t.virtual.slides.length : t.slides.length, d = H(n, `.${t.params.slideClass}, swiper-slide`), u = o ? t.virtual.slides.length : d.length;
-  let f = [];
-  const g = [], h = [];
-  let b = s.slidesOffsetBefore;
-  typeof b == "function" && (b = s.slidesOffsetBefore.call(t));
-  let M = s.slidesOffsetAfter;
-  typeof M == "function" && (M = s.slidesOffsetAfter.call(t));
-  const w = t.snapGrid.length, p = t.slidesGrid.length;
-  let m = s.spaceBetween, v = -b, y = 0, T = 0;
-  if (typeof i > "u")
-    return;
-  typeof m == "string" && m.indexOf("%") >= 0 ? m = parseFloat(m.replace("%", "")) / 100 * i : typeof m == "string" && (m = parseFloat(m)), t.virtualSize = -m, d.forEach((E) => {
-    l ? E.style.marginLeft = "" : E.style.marginRight = "", E.style.marginBottom = "", E.style.marginTop = "";
-  }), s.centeredSlides && s.cssMode && (re(r, "--swiper-centered-offset-before", ""), re(r, "--swiper-centered-offset-after", ""));
-  const A = s.grid && s.grid.rows > 1 && t.grid;
-  A ? t.grid.initSlides(d) : t.grid && t.grid.unsetSlides();
-  let I;
-  const S = s.slidesPerView === "auto" && s.breakpoints && Object.keys(s.breakpoints).filter((E) => typeof s.breakpoints[E].slidesPerView < "u").length > 0;
-  for (let E = 0; E < u; E += 1) {
-    I = 0;
-    let x;
-    if (d[E] && (x = d[E]), A && t.grid.updateSlide(E, x, d), !(d[E] && Y(x, "display") === "none")) {
-      if (s.slidesPerView === "auto") {
-        S && (d[E].style[t.getDirectionLabel("width")] = "");
-        const k = getComputedStyle(x), L = x.style.transform, O = x.style.webkitTransform;
-        if (L && (x.style.transform = "none"), O && (x.style.webkitTransform = "none"), s.roundLengths)
-          I = t.isHorizontal() ? Te(x, "width") : Te(x, "height");
-        else {
-          const C = e(k, "width"), z = e(k, "padding-left"), U = e(k, "padding-right"), j = e(k, "margin-left"), G = e(k, "margin-right"), V = k.getPropertyValue("box-sizing");
-          if (V && V === "border-box")
-            I = C + j + G;
-          else {
-            const {
-              clientWidth: ut,
-              offsetWidth: mt
-            } = x;
-            I = C + z + U + j + G + (mt - ut);
-          }
-        }
-        L && (x.style.transform = L), O && (x.style.webkitTransform = O), s.roundLengths && (I = Math.floor(I));
-      } else
-        I = (i - (s.slidesPerView - 1) * m) / s.slidesPerView, s.roundLengths && (I = Math.floor(I)), d[E] && (d[E].style[t.getDirectionLabel("width")] = `${I}px`);
-      d[E] && (d[E].swiperSlideSize = I), h.push(I), s.centeredSlides ? (v = v + I / 2 + y / 2 + m, y === 0 && E !== 0 && (v = v - i / 2 - m), E === 0 && (v = v - i / 2 - m), Math.abs(v) < 1 / 1e3 && (v = 0), s.roundLengths && (v = Math.floor(v)), T % s.slidesPerGroup === 0 && f.push(v), g.push(v)) : (s.roundLengths && (v = Math.floor(v)), (T - Math.min(t.params.slidesPerGroupSkip, T)) % t.params.slidesPerGroup === 0 && f.push(v), g.push(v), v = v + I + m), t.virtualSize += I + m, y = I, T += 1;
-    }
-  }
-  if (t.virtualSize = Math.max(t.virtualSize, i) + M, l && a && (s.effect === "slide" || s.effect === "coverflow") && (r.style.width = `${t.virtualSize + m}px`), s.setWrapperSize && (r.style[t.getDirectionLabel("width")] = `${t.virtualSize + m}px`), A && t.grid.updateWrapperSize(I, f), !s.centeredSlides) {
-    const E = [];
-    for (let x = 0; x < f.length; x += 1) {
-      let k = f[x];
-      s.roundLengths && (k = Math.floor(k)), f[x] <= t.virtualSize - i && E.push(k);
-    }
-    f = E, Math.floor(t.virtualSize - i) - Math.floor(f[f.length - 1]) > 1 && f.push(t.virtualSize - i);
-  }
-  if (o && s.loop) {
-    const E = h[0] + m;
-    if (s.slidesPerGroup > 1) {
-      const x = Math.ceil((t.virtual.slidesBefore + t.virtual.slidesAfter) / s.slidesPerGroup), k = E * s.slidesPerGroup;
-      for (let L = 0; L < x; L += 1)
-        f.push(f[f.length - 1] + k);
-    }
-    for (let x = 0; x < t.virtual.slidesBefore + t.virtual.slidesAfter; x += 1)
-      s.slidesPerGroup === 1 && f.push(f[f.length - 1] + E), g.push(g[g.length - 1] + E), t.virtualSize += E;
-  }
-  if (f.length === 0 && (f = [0]), m !== 0) {
-    const E = t.isHorizontal() && l ? "marginLeft" : t.getDirectionLabel("marginRight");
-    d.filter((x, k) => !s.cssMode || s.loop ? !0 : k !== d.length - 1).forEach((x) => {
-      x.style[E] = `${m}px`;
-    });
-  }
-  if (s.centeredSlides && s.centeredSlidesBounds) {
-    let E = 0;
-    h.forEach((k) => {
-      E += k + (m || 0);
-    }), E -= m;
-    const x = E > i ? E - i : 0;
-    f = f.map((k) => k <= 0 ? -b : k > x ? x + M : k);
-  }
-  if (s.centerInsufficientSlides) {
-    let E = 0;
-    h.forEach((k) => {
-      E += k + (m || 0);
-    }), E -= m;
-    const x = (s.slidesOffsetBefore || 0) + (s.slidesOffsetAfter || 0);
-    if (E + x < i) {
-      const k = (i - E - x) / 2;
-      f.forEach((L, O) => {
-        f[O] = L - k;
-      }), g.forEach((L, O) => {
-        g[O] = L + k;
-      });
-    }
-  }
-  if (Object.assign(t, {
-    slides: d,
-    snapGrid: f,
-    slidesGrid: g,
-    slidesSizesGrid: h
-  }), s.centeredSlides && s.cssMode && !s.centeredSlidesBounds) {
-    re(r, "--swiper-centered-offset-before", `${-f[0]}px`), re(r, "--swiper-centered-offset-after", `${t.size / 2 - h[h.length - 1] / 2}px`);
-    const E = -t.snapGrid[0], x = -t.slidesGrid[0];
-    t.snapGrid = t.snapGrid.map((k) => k + E), t.slidesGrid = t.slidesGrid.map((k) => k + x);
-  }
-  if (u !== c && t.emit("slidesLengthChange"), f.length !== w && (t.params.watchOverflow && t.checkOverflow(), t.emit("snapGridLengthChange")), g.length !== p && t.emit("slidesGridLengthChange"), s.watchSlidesProgress && t.updateSlidesOffset(), t.emit("slidesUpdated"), !o && !s.cssMode && (s.effect === "slide" || s.effect === "fade")) {
-    const E = `${s.containerModifierClass}backface-hidden`, x = t.el.classList.contains(E);
-    u <= s.maxBackfaceHiddenSlides ? x || t.el.classList.add(E) : x && t.el.classList.remove(E);
-  }
-}
-function Ft(t) {
-  const e = this, s = [], r = e.virtual && e.params.virtual.enabled;
-  let n = 0, i;
-  typeof t == "number" ? e.setTransition(t) : t === !0 && e.setTransition(e.params.speed);
-  const l = (a) => r ? e.slides[e.getSlideIndexByData(a)] : e.slides[a];
-  if (e.params.slidesPerView !== "auto" && e.params.slidesPerView > 1)
-    if (e.params.centeredSlides)
-      (e.visibleSlides || []).forEach((a) => {
-        s.push(a);
-      });
-    else
-      for (i = 0; i < Math.ceil(e.params.slidesPerView); i += 1) {
-        const a = e.activeIndex + i;
-        if (a > e.slides.length && !r) break;
-        s.push(l(a));
-      }
-  else
-    s.push(l(e.activeIndex));
-  for (i = 0; i < s.length; i += 1)
-    if (typeof s[i] < "u") {
-      const a = s[i].offsetHeight;
-      n = a > n ? a : n;
-    }
-  (n || n === 0) && (e.wrapperEl.style.height = `${n}px`);
-}
-function jt() {
-  const t = this, e = t.slides, s = t.isElement ? t.isHorizontal() ? t.wrapperEl.offsetLeft : t.wrapperEl.offsetTop : 0;
-  for (let r = 0; r < e.length; r += 1)
-    e[r].swiperSlideOffset = (t.isHorizontal() ? e[r].offsetLeft : e[r].offsetTop) - s - t.cssOverflowAdjustment();
-}
-const $e = (t, e, s) => {
-  e && !t.classList.contains(s) ? t.classList.add(s) : !e && t.classList.contains(s) && t.classList.remove(s);
-};
-function Vt(t) {
-  t === void 0 && (t = this && this.translate || 0);
-  const e = this, s = e.params, {
-    slides: r,
-    rtlTranslate: n,
-    snapGrid: i
-  } = e;
-  if (r.length === 0) return;
-  typeof r[0].swiperSlideOffset > "u" && e.updateSlidesOffset();
-  let l = -t;
-  n && (l = t), e.visibleSlidesIndexes = [], e.visibleSlides = [];
-  let a = s.spaceBetween;
-  typeof a == "string" && a.indexOf("%") >= 0 ? a = parseFloat(a.replace("%", "")) / 100 * e.size : typeof a == "string" && (a = parseFloat(a));
-  for (let o = 0; o < r.length; o += 1) {
-    const c = r[o];
-    let d = c.swiperSlideOffset;
-    s.cssMode && s.centeredSlides && (d -= r[0].swiperSlideOffset);
-    const u = (l + (s.centeredSlides ? e.minTranslate() : 0) - d) / (c.swiperSlideSize + a), f = (l - i[0] + (s.centeredSlides ? e.minTranslate() : 0) - d) / (c.swiperSlideSize + a), g = -(l - d), h = g + e.slidesSizesGrid[o], b = g >= 0 && g <= e.size - e.slidesSizesGrid[o], M = g >= 0 && g < e.size - 1 || h > 1 && h <= e.size || g <= 0 && h >= e.size;
-    M && (e.visibleSlides.push(c), e.visibleSlidesIndexes.push(o)), $e(c, M, s.slideVisibleClass), $e(c, b, s.slideFullyVisibleClass), c.progress = n ? -u : u, c.originalProgress = n ? -f : f;
-  }
-}
-function Ht(t) {
-  const e = this;
-  if (typeof t > "u") {
-    const d = e.rtlTranslate ? -1 : 1;
-    t = e && e.translate && e.translate * d || 0;
-  }
-  const s = e.params, r = e.maxTranslate() - e.minTranslate();
-  let {
-    progress: n,
-    isBeginning: i,
-    isEnd: l,
-    progressLoop: a
-  } = e;
-  const o = i, c = l;
-  if (r === 0)
-    n = 0, i = !0, l = !0;
-  else {
-    n = (t - e.minTranslate()) / r;
-    const d = Math.abs(t - e.minTranslate()) < 1, u = Math.abs(t - e.maxTranslate()) < 1;
-    i = d || n <= 0, l = u || n >= 1, d && (n = 0), u && (n = 1);
-  }
-  if (s.loop) {
-    const d = e.getSlideIndexByData(0), u = e.getSlideIndexByData(e.slides.length - 1), f = e.slidesGrid[d], g = e.slidesGrid[u], h = e.slidesGrid[e.slidesGrid.length - 1], b = Math.abs(t);
-    b >= f ? a = (b - f) / h : a = (b + h - g) / h, a > 1 && (a -= 1);
-  }
-  Object.assign(e, {
-    progress: n,
-    progressLoop: a,
-    isBeginning: i,
-    isEnd: l
-  }), (s.watchSlidesProgress || s.centeredSlides && s.autoHeight) && e.updateSlidesProgress(t), i && !o && e.emit("reachBeginning toEdge"), l && !c && e.emit("reachEnd toEdge"), (o && !i || c && !l) && e.emit("fromEdge"), e.emit("progress", n);
-}
-const ve = (t, e, s) => {
-  e && !t.classList.contains(s) ? t.classList.add(s) : !e && t.classList.contains(s) && t.classList.remove(s);
-};
-function Rt() {
-  const t = this, {
-    slides: e,
-    params: s,
-    slidesEl: r,
-    activeIndex: n
-  } = t, i = t.virtual && s.virtual.enabled, l = t.grid && s.grid && s.grid.rows > 1, a = (u) => H(r, `.${s.slideClass}${u}, swiper-slide${u}`)[0];
-  let o, c, d;
-  if (i)
-    if (s.loop) {
-      let u = n - t.virtual.slidesBefore;
-      u < 0 && (u = t.virtual.slides.length + u), u >= t.virtual.slides.length && (u -= t.virtual.slides.length), o = a(`[data-swiper-slide-index="${u}"]`);
-    } else
-      o = a(`[data-swiper-slide-index="${n}"]`);
-  else
-    l ? (o = e.find((u) => u.column === n), d = e.find((u) => u.column === n + 1), c = e.find((u) => u.column === n - 1)) : o = e[n];
-  o && (l || (d = At(o, `.${s.slideClass}, swiper-slide`)[0], s.loop && !d && (d = e[0]), c = Lt(o, `.${s.slideClass}, swiper-slide`)[0], s.loop && !c === 0 && (c = e[e.length - 1]))), e.forEach((u) => {
-    ve(u, u === o, s.slideActiveClass), ve(u, u === d, s.slideNextClass), ve(u, u === c, s.slidePrevClass);
-  }), t.emitSlidesClasses();
-}
-const ne = (t, e) => {
-  if (!t || t.destroyed || !t.params) return;
-  const s = () => t.isElement ? "swiper-slide" : `.${t.params.slideClass}`, r = e.closest(s());
-  if (r) {
-    let n = r.querySelector(`.${t.params.lazyPreloaderClass}`);
-    !n && t.isElement && (r.shadowRoot ? n = r.shadowRoot.querySelector(`.${t.params.lazyPreloaderClass}`) : requestAnimationFrame(() => {
-      r.shadowRoot && (n = r.shadowRoot.querySelector(`.${t.params.lazyPreloaderClass}`), n && n.remove());
-    })), n && n.remove();
-  }
-}, we = (t, e) => {
-  if (!t.slides[e]) return;
-  const s = t.slides[e].querySelector('[loading="lazy"]');
-  s && s.removeAttribute("loading");
-}, Ce = (t) => {
-  if (!t || t.destroyed || !t.params) return;
-  let e = t.params.lazyPreloadPrevNext;
-  const s = t.slides.length;
-  if (!s || !e || e < 0) return;
-  e = Math.min(e, s);
-  const r = t.params.slidesPerView === "auto" ? t.slidesPerViewDynamic() : Math.ceil(t.params.slidesPerView), n = t.activeIndex;
-  if (t.params.grid && t.params.grid.rows > 1) {
-    const l = n, a = [l - e];
-    a.push(...Array.from({
-      length: e
-    }).map((o, c) => l + r + c)), t.slides.forEach((o, c) => {
-      a.includes(o.column) && we(t, c);
-    });
-    return;
-  }
-  const i = n + r - 1;
-  if (t.params.rewind || t.params.loop)
-    for (let l = n - e; l <= i + e; l += 1) {
-      const a = (l % s + s) % s;
-      (a < n || a > i) && we(t, a);
-    }
-  else
-    for (let l = Math.max(n - e, 0); l <= Math.min(i + e, s - 1); l += 1)
-      l !== n && (l > i || l < n) && we(t, l);
-};
-function qt(t) {
-  const {
-    slidesGrid: e,
-    params: s
-  } = t, r = t.rtlTranslate ? t.translate : -t.translate;
-  let n;
-  for (let i = 0; i < e.length; i += 1)
-    typeof e[i + 1] < "u" ? r >= e[i] && r < e[i + 1] - (e[i + 1] - e[i]) / 2 ? n = i : r >= e[i] && r < e[i + 1] && (n = i + 1) : r >= e[i] && (n = i);
-  return s.normalizeSlideIndex && (n < 0 || typeof n > "u") && (n = 0), n;
-}
-function Wt(t) {
-  const e = this, s = e.rtlTranslate ? e.translate : -e.translate, {
-    snapGrid: r,
-    params: n,
-    activeIndex: i,
-    realIndex: l,
-    snapIndex: a
-  } = e;
-  let o = t, c;
-  const d = (g) => {
-    let h = g - e.virtual.slidesBefore;
-    return h < 0 && (h = e.virtual.slides.length + h), h >= e.virtual.slides.length && (h -= e.virtual.slides.length), h;
-  };
-  if (typeof o > "u" && (o = qt(e)), r.indexOf(s) >= 0)
-    c = r.indexOf(s);
-  else {
-    const g = Math.min(n.slidesPerGroupSkip, o);
-    c = g + Math.floor((o - g) / n.slidesPerGroup);
-  }
-  if (c >= r.length && (c = r.length - 1), o === i && !e.params.loop) {
-    c !== a && (e.snapIndex = c, e.emit("snapIndexChange"));
-    return;
-  }
-  if (o === i && e.params.loop && e.virtual && e.params.virtual.enabled) {
-    e.realIndex = d(o);
-    return;
-  }
-  const u = e.grid && n.grid && n.grid.rows > 1;
-  let f;
-  if (e.virtual && n.virtual.enabled && n.loop)
-    f = d(o);
-  else if (u) {
-    const g = e.slides.find((b) => b.column === o);
-    let h = parseInt(g.getAttribute("data-swiper-slide-index"), 10);
-    Number.isNaN(h) && (h = Math.max(e.slides.indexOf(g), 0)), f = Math.floor(h / n.grid.rows);
-  } else if (e.slides[o]) {
-    const g = e.slides[o].getAttribute("data-swiper-slide-index");
-    g ? f = parseInt(g, 10) : f = o;
-  } else
-    f = o;
-  Object.assign(e, {
-    previousSnapIndex: a,
-    snapIndex: c,
-    previousRealIndex: l,
-    realIndex: f,
-    previousIndex: i,
-    activeIndex: o
-  }), e.initialized && Ce(e), e.emit("activeIndexChange"), e.emit("snapIndexChange"), (e.initialized || e.params.runCallbacksOnInit) && (l !== f && e.emit("realIndexChange"), e.emit("slideChange"));
-}
-function Yt(t, e) {
-  const s = this, r = s.params;
-  let n = t.closest(`.${r.slideClass}, swiper-slide`);
-  !n && s.isElement && e && e.length > 1 && e.includes(t) && [...e.slice(e.indexOf(t) + 1, e.length)].forEach((a) => {
-    !n && a.matches && a.matches(`.${r.slideClass}, swiper-slide`) && (n = a);
-  });
-  let i = !1, l;
-  if (n) {
-    for (let a = 0; a < s.slides.length; a += 1)
-      if (s.slides[a] === n) {
-        i = !0, l = a;
-        break;
-      }
-  }
-  if (n && i)
-    s.clickedSlide = n, s.virtual && s.params.virtual.enabled ? s.clickedIndex = parseInt(n.getAttribute("data-swiper-slide-index"), 10) : s.clickedIndex = l;
-  else {
-    s.clickedSlide = void 0, s.clickedIndex = void 0;
-    return;
-  }
-  r.slideToClickedSlide && s.clickedIndex !== void 0 && s.clickedIndex !== s.activeIndex && s.slideToClickedSlide();
-}
-var Xt = {
-  updateSize: Bt,
-  updateSlides: Dt,
-  updateAutoHeight: Ft,
-  updateSlidesOffset: jt,
-  updateSlidesProgress: Vt,
-  updateProgress: Ht,
-  updateSlidesClasses: Rt,
-  updateActiveIndex: Wt,
-  updateClickedSlide: Yt
-};
-function Ut(t) {
-  t === void 0 && (t = this.isHorizontal() ? "x" : "y");
-  const e = this, {
-    params: s,
-    rtlTranslate: r,
-    translate: n,
-    wrapperEl: i
-  } = e;
-  if (s.virtualTranslate)
-    return r ? -n : n;
-  if (s.cssMode)
-    return n;
-  let l = Pt(i, t);
-  return l += e.cssOverflowAdjustment(), r && (l = -l), l || 0;
-}
-function Qt(t, e) {
-  const s = this, {
-    rtlTranslate: r,
-    params: n,
-    wrapperEl: i,
-    progress: l
-  } = s;
-  let a = 0, o = 0;
-  const c = 0;
-  s.isHorizontal() ? a = r ? -t : t : o = t, n.roundLengths && (a = Math.floor(a), o = Math.floor(o)), s.previousTranslate = s.translate, s.translate = s.isHorizontal() ? a : o, n.cssMode ? i[s.isHorizontal() ? "scrollLeft" : "scrollTop"] = s.isHorizontal() ? -a : -o : n.virtualTranslate || (s.isHorizontal() ? a -= s.cssOverflowAdjustment() : o -= s.cssOverflowAdjustment(), i.style.transform = `translate3d(${a}px, ${o}px, ${c}px)`);
-  let d;
-  const u = s.maxTranslate() - s.minTranslate();
-  u === 0 ? d = 0 : d = (t - s.minTranslate()) / u, d !== l && s.updateProgress(t), s.emit("setTranslate", s.translate, e);
-}
-function Kt() {
-  return -this.snapGrid[0];
-}
-function Jt() {
-  return -this.snapGrid[this.snapGrid.length - 1];
-}
-function Zt(t, e, s, r, n) {
-  t === void 0 && (t = 0), e === void 0 && (e = this.params.speed), s === void 0 && (s = !0), r === void 0 && (r = !0);
-  const i = this, {
-    params: l,
-    wrapperEl: a
-  } = i;
-  if (i.animating && l.preventInteractionOnTransition)
-    return !1;
-  const o = i.minTranslate(), c = i.maxTranslate();
-  let d;
-  if (r && t > o ? d = o : r && t < c ? d = c : d = t, i.updateProgress(d), l.cssMode) {
-    const u = i.isHorizontal();
-    if (e === 0)
-      a[u ? "scrollLeft" : "scrollTop"] = -d;
-    else {
-      if (!i.support.smoothScroll)
-        return Ye({
-          swiper: i,
-          targetPosition: -d,
-          side: u ? "left" : "top"
-        }), !0;
-      a.scrollTo({
-        [u ? "left" : "top"]: -d,
-        behavior: "smooth"
-      });
-    }
-    return !0;
-  }
-  return e === 0 ? (i.setTransition(0), i.setTranslate(d), s && (i.emit("beforeTransitionStart", e, n), i.emit("transitionEnd"))) : (i.setTransition(e), i.setTranslate(d), s && (i.emit("beforeTransitionStart", e, n), i.emit("transitionStart")), i.animating || (i.animating = !0, i.onTranslateToWrapperTransitionEnd || (i.onTranslateToWrapperTransitionEnd = function(u) {
-    !i || i.destroyed || u.target === this && (i.wrapperEl.removeEventListener("transitionend", i.onTranslateToWrapperTransitionEnd), i.onTranslateToWrapperTransitionEnd = null, delete i.onTranslateToWrapperTransitionEnd, i.animating = !1, s && i.emit("transitionEnd"));
-  }), i.wrapperEl.addEventListener("transitionend", i.onTranslateToWrapperTransitionEnd))), !0;
-}
-var es = {
-  getTranslate: Ut,
-  setTranslate: Qt,
-  minTranslate: Kt,
-  maxTranslate: Jt,
-  translateTo: Zt
-};
-function ts(t, e) {
-  const s = this;
-  s.params.cssMode || (s.wrapperEl.style.transitionDuration = `${t}ms`, s.wrapperEl.style.transitionDelay = t === 0 ? "0ms" : ""), s.emit("setTransition", t, e);
-}
-function Je(t) {
-  let {
-    swiper: e,
-    runCallbacks: s,
-    direction: r,
-    step: n
-  } = t;
-  const {
-    activeIndex: i,
-    previousIndex: l
-  } = e;
-  let a = r;
-  if (a || (i > l ? a = "next" : i < l ? a = "prev" : a = "reset"), e.emit(`transition${n}`), s && i !== l) {
-    if (a === "reset") {
-      e.emit(`slideResetTransition${n}`);
-      return;
-    }
-    e.emit(`slideChangeTransition${n}`), a === "next" ? e.emit(`slideNextTransition${n}`) : e.emit(`slidePrevTransition${n}`);
-  }
-}
-function ss(t, e) {
-  t === void 0 && (t = !0);
-  const s = this, {
-    params: r
-  } = s;
-  r.cssMode || (r.autoHeight && s.updateAutoHeight(), Je({
-    swiper: s,
-    runCallbacks: t,
-    direction: e,
-    step: "Start"
-  }));
-}
-function rs(t, e) {
-  t === void 0 && (t = !0);
-  const s = this, {
-    params: r
-  } = s;
-  s.animating = !1, !r.cssMode && (s.setTransition(0), Je({
-    swiper: s,
-    runCallbacks: t,
-    direction: e,
-    step: "End"
-  }));
-}
-var is = {
-  setTransition: ts,
-  transitionStart: ss,
-  transitionEnd: rs
-};
-function ns(t, e, s, r, n) {
-  t === void 0 && (t = 0), s === void 0 && (s = !0), typeof t == "string" && (t = parseInt(t, 10));
-  const i = this;
-  let l = t;
-  l < 0 && (l = 0);
-  const {
-    params: a,
-    snapGrid: o,
-    slidesGrid: c,
-    previousIndex: d,
-    activeIndex: u,
-    rtlTranslate: f,
-    wrapperEl: g,
-    enabled: h
-  } = i;
-  if (!h && !r && !n || i.destroyed || i.animating && a.preventInteractionOnTransition)
-    return !1;
-  typeof e > "u" && (e = i.params.speed);
-  const b = Math.min(i.params.slidesPerGroupSkip, l);
-  let M = b + Math.floor((l - b) / i.params.slidesPerGroup);
-  M >= o.length && (M = o.length - 1);
-  const w = -o[M];
-  if (a.normalizeSlideIndex)
-    for (let y = 0; y < c.length; y += 1) {
-      const T = -Math.floor(w * 100), A = Math.floor(c[y] * 100), I = Math.floor(c[y + 1] * 100);
-      typeof c[y + 1] < "u" ? T >= A && T < I - (I - A) / 2 ? l = y : T >= A && T < I && (l = y + 1) : T >= A && (l = y);
-    }
-  if (i.initialized && l !== u && (!i.allowSlideNext && (f ? w > i.translate && w > i.minTranslate() : w < i.translate && w < i.minTranslate()) || !i.allowSlidePrev && w > i.translate && w > i.maxTranslate() && (u || 0) !== l))
-    return !1;
-  l !== (d || 0) && s && i.emit("beforeSlideChangeStart"), i.updateProgress(w);
-  let p;
-  l > u ? p = "next" : l < u ? p = "prev" : p = "reset";
-  const m = i.virtual && i.params.virtual.enabled;
-  if (!(m && n) && (f && -w === i.translate || !f && w === i.translate))
-    return i.updateActiveIndex(l), a.autoHeight && i.updateAutoHeight(), i.updateSlidesClasses(), a.effect !== "slide" && i.setTranslate(w), p !== "reset" && (i.transitionStart(s, p), i.transitionEnd(s, p)), !1;
-  if (a.cssMode) {
-    const y = i.isHorizontal(), T = f ? w : -w;
-    if (e === 0)
-      m && (i.wrapperEl.style.scrollSnapType = "none", i._immediateVirtual = !0), m && !i._cssModeVirtualInitialSet && i.params.initialSlide > 0 ? (i._cssModeVirtualInitialSet = !0, requestAnimationFrame(() => {
-        g[y ? "scrollLeft" : "scrollTop"] = T;
-      })) : g[y ? "scrollLeft" : "scrollTop"] = T, m && requestAnimationFrame(() => {
-        i.wrapperEl.style.scrollSnapType = "", i._immediateVirtual = !1;
-      });
-    else {
-      if (!i.support.smoothScroll)
-        return Ye({
-          swiper: i,
-          targetPosition: T,
-          side: y ? "left" : "top"
-        }), !0;
-      g.scrollTo({
-        [y ? "left" : "top"]: T,
-        behavior: "smooth"
-      });
-    }
-    return !0;
-  }
-  const v = Ke().isSafari;
-  return m && !n && v && i.isElement && i.virtual.update(!1, !1, l), i.setTransition(e), i.setTranslate(w), i.updateActiveIndex(l), i.updateSlidesClasses(), i.emit("beforeTransitionStart", e, r), i.transitionStart(s, p), e === 0 ? i.transitionEnd(s, p) : i.animating || (i.animating = !0, i.onSlideToWrapperTransitionEnd || (i.onSlideToWrapperTransitionEnd = function(y) {
-    !i || i.destroyed || y.target === this && (i.wrapperEl.removeEventListener("transitionend", i.onSlideToWrapperTransitionEnd), i.onSlideToWrapperTransitionEnd = null, delete i.onSlideToWrapperTransitionEnd, i.transitionEnd(s, p));
-  }), i.wrapperEl.addEventListener("transitionend", i.onSlideToWrapperTransitionEnd)), !0;
-}
-function as(t, e, s, r) {
-  t === void 0 && (t = 0), s === void 0 && (s = !0), typeof t == "string" && (t = parseInt(t, 10));
-  const n = this;
-  if (n.destroyed) return;
-  typeof e > "u" && (e = n.params.speed);
-  const i = n.grid && n.params.grid && n.params.grid.rows > 1;
-  let l = t;
-  if (n.params.loop)
-    if (n.virtual && n.params.virtual.enabled)
-      l = l + n.virtual.slidesBefore;
-    else {
-      let a;
-      if (i) {
-        const f = l * n.params.grid.rows;
-        a = n.slides.find((g) => g.getAttribute("data-swiper-slide-index") * 1 === f).column;
-      } else
-        a = n.getSlideIndexByData(l);
-      const o = i ? Math.ceil(n.slides.length / n.params.grid.rows) : n.slides.length, {
-        centeredSlides: c
-      } = n.params;
-      let d = n.params.slidesPerView;
-      d === "auto" ? d = n.slidesPerViewDynamic() : (d = Math.ceil(parseFloat(n.params.slidesPerView, 10)), c && d % 2 === 0 && (d = d + 1));
-      let u = o - a < d;
-      if (c && (u = u || a < Math.ceil(d / 2)), r && c && n.params.slidesPerView !== "auto" && !i && (u = !1), u) {
-        const f = c ? a < n.activeIndex ? "prev" : "next" : a - n.activeIndex - 1 < n.params.slidesPerView ? "next" : "prev";
-        n.loopFix({
-          direction: f,
-          slideTo: !0,
-          activeSlideIndex: f === "next" ? a + 1 : a - o + 1,
-          slideRealIndex: f === "next" ? n.realIndex : void 0
-        });
-      }
-      if (i) {
-        const f = l * n.params.grid.rows;
-        l = n.slides.find((g) => g.getAttribute("data-swiper-slide-index") * 1 === f).column;
-      } else
-        l = n.getSlideIndexByData(l);
-    }
-  return requestAnimationFrame(() => {
-    n.slideTo(l, e, s, r);
-  }), n;
-}
-function ls(t, e, s) {
-  e === void 0 && (e = !0);
-  const r = this, {
-    enabled: n,
-    params: i,
-    animating: l
-  } = r;
-  if (!n || r.destroyed) return r;
-  typeof t > "u" && (t = r.params.speed);
-  let a = i.slidesPerGroup;
-  i.slidesPerView === "auto" && i.slidesPerGroup === 1 && i.slidesPerGroupAuto && (a = Math.max(r.slidesPerViewDynamic("current", !0), 1));
-  const o = r.activeIndex < i.slidesPerGroupSkip ? 1 : a, c = r.virtual && i.virtual.enabled;
-  if (i.loop) {
-    if (l && !c && i.loopPreventsSliding) return !1;
-    if (r.loopFix({
-      direction: "next"
-    }), r._clientLeft = r.wrapperEl.clientLeft, r.activeIndex === r.slides.length - 1 && i.cssMode)
-      return requestAnimationFrame(() => {
-        r.slideTo(r.activeIndex + o, t, e, s);
-      }), !0;
-  }
-  return i.rewind && r.isEnd ? r.slideTo(0, t, e, s) : r.slideTo(r.activeIndex + o, t, e, s);
-}
-function os(t, e, s) {
-  e === void 0 && (e = !0);
-  const r = this, {
-    params: n,
-    snapGrid: i,
-    slidesGrid: l,
-    rtlTranslate: a,
-    enabled: o,
-    animating: c
-  } = r;
-  if (!o || r.destroyed) return r;
-  typeof t > "u" && (t = r.params.speed);
-  const d = r.virtual && n.virtual.enabled;
-  if (n.loop) {
-    if (c && !d && n.loopPreventsSliding) return !1;
-    r.loopFix({
-      direction: "prev"
-    }), r._clientLeft = r.wrapperEl.clientLeft;
-  }
-  const u = a ? r.translate : -r.translate;
-  function f(p) {
-    return p < 0 ? -Math.floor(Math.abs(p)) : Math.floor(p);
-  }
-  const g = f(u), h = i.map((p) => f(p)), b = n.freeMode && n.freeMode.enabled;
-  let M = i[h.indexOf(g) - 1];
-  if (typeof M > "u" && (n.cssMode || b)) {
-    let p;
-    i.forEach((m, v) => {
-      g >= m && (p = v);
-    }), typeof p < "u" && (M = b ? i[p] : i[p > 0 ? p - 1 : p]);
-  }
-  let w = 0;
-  if (typeof M < "u" && (w = l.indexOf(M), w < 0 && (w = r.activeIndex - 1), n.slidesPerView === "auto" && n.slidesPerGroup === 1 && n.slidesPerGroupAuto && (w = w - r.slidesPerViewDynamic("previous", !0) + 1, w = Math.max(w, 0))), n.rewind && r.isBeginning) {
-    const p = r.params.virtual && r.params.virtual.enabled && r.virtual ? r.virtual.slides.length - 1 : r.slides.length - 1;
-    return r.slideTo(p, t, e, s);
-  } else if (n.loop && r.activeIndex === 0 && n.cssMode)
-    return requestAnimationFrame(() => {
-      r.slideTo(w, t, e, s);
-    }), !0;
-  return r.slideTo(w, t, e, s);
-}
-function ds(t, e, s) {
-  e === void 0 && (e = !0);
-  const r = this;
-  if (!r.destroyed)
-    return typeof t > "u" && (t = r.params.speed), r.slideTo(r.activeIndex, t, e, s);
-}
-function cs(t, e, s, r) {
-  e === void 0 && (e = !0), r === void 0 && (r = 0.5);
-  const n = this;
-  if (n.destroyed) return;
-  typeof t > "u" && (t = n.params.speed);
-  let i = n.activeIndex;
-  const l = Math.min(n.params.slidesPerGroupSkip, i), a = l + Math.floor((i - l) / n.params.slidesPerGroup), o = n.rtlTranslate ? n.translate : -n.translate;
-  if (o >= n.snapGrid[a]) {
-    const c = n.snapGrid[a], d = n.snapGrid[a + 1];
-    o - c > (d - c) * r && (i += n.params.slidesPerGroup);
-  } else {
-    const c = n.snapGrid[a - 1], d = n.snapGrid[a];
-    o - c <= (d - c) * r && (i -= n.params.slidesPerGroup);
-  }
-  return i = Math.max(i, 0), i = Math.min(i, n.slidesGrid.length - 1), n.slideTo(i, t, e, s);
-}
-function ps() {
-  const t = this;
-  if (t.destroyed) return;
-  const {
-    params: e,
-    slidesEl: s
-  } = t, r = e.slidesPerView === "auto" ? t.slidesPerViewDynamic() : e.slidesPerView;
-  let n = t.clickedIndex, i;
-  const l = t.isElement ? "swiper-slide" : `.${e.slideClass}`;
-  if (e.loop) {
-    if (t.animating) return;
-    i = parseInt(t.clickedSlide.getAttribute("data-swiper-slide-index"), 10), e.centeredSlides ? n < t.loopedSlides - r / 2 || n > t.slides.length - t.loopedSlides + r / 2 ? (t.loopFix(), n = t.getSlideIndex(H(s, `${l}[data-swiper-slide-index="${i}"]`)[0]), xe(() => {
-      t.slideTo(n);
-    })) : t.slideTo(n) : n > t.slides.length - r ? (t.loopFix(), n = t.getSlideIndex(H(s, `${l}[data-swiper-slide-index="${i}"]`)[0]), xe(() => {
-      t.slideTo(n);
-    })) : t.slideTo(n);
-  } else
-    t.slideTo(n);
-}
-var us = {
-  slideTo: ns,
-  slideToLoop: as,
-  slideNext: ls,
-  slidePrev: os,
-  slideReset: ds,
-  slideToClosest: cs,
-  slideToClickedSlide: ps
-};
-function ms(t, e) {
-  const s = this, {
-    params: r,
-    slidesEl: n
-  } = s;
-  if (!r.loop || s.virtual && s.params.virtual.enabled) return;
-  const i = () => {
-    H(n, `.${r.slideClass}, swiper-slide`).forEach((u, f) => {
-      u.setAttribute("data-swiper-slide-index", f);
-    });
-  }, l = s.grid && r.grid && r.grid.rows > 1, a = r.slidesPerGroup * (l ? r.grid.rows : 1), o = s.slides.length % a !== 0, c = l && s.slides.length % r.grid.rows !== 0, d = (u) => {
-    for (let f = 0; f < u; f += 1) {
-      const g = s.isElement ? de("swiper-slide", [r.slideBlankClass]) : de("div", [r.slideClass, r.slideBlankClass]);
-      s.slidesEl.append(g);
-    }
-  };
-  if (o) {
-    if (r.loopAddBlankSlides) {
-      const u = a - s.slides.length % a;
-      d(u), s.recalcSlides(), s.updateSlides();
-    } else
-      oe("Swiper Loop Warning: The number of slides is not even to slidesPerGroup, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");
-    i();
-  } else if (c) {
-    if (r.loopAddBlankSlides) {
-      const u = r.grid.rows - s.slides.length % r.grid.rows;
-      d(u), s.recalcSlides(), s.updateSlides();
-    } else
-      oe("Swiper Loop Warning: The number of slides is not even to grid.rows, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");
-    i();
-  } else
-    i();
-  s.loopFix({
-    slideRealIndex: t,
-    direction: r.centeredSlides ? void 0 : "next",
-    initial: e
-  });
-}
-function fs(t) {
-  let {
-    slideRealIndex: e,
-    slideTo: s = !0,
-    direction: r,
-    setTranslate: n,
-    activeSlideIndex: i,
-    initial: l,
-    byController: a,
-    byMousewheel: o
-  } = t === void 0 ? {} : t;
-  const c = this;
-  if (!c.params.loop) return;
-  c.emit("beforeLoopFix");
-  const {
-    slides: d,
-    allowSlidePrev: u,
-    allowSlideNext: f,
-    slidesEl: g,
-    params: h
-  } = c, {
-    centeredSlides: b,
-    initialSlide: M
-  } = h;
-  if (c.allowSlidePrev = !0, c.allowSlideNext = !0, c.virtual && h.virtual.enabled) {
-    s && (!h.centeredSlides && c.snapIndex === 0 ? c.slideTo(c.virtual.slides.length, 0, !1, !0) : h.centeredSlides && c.snapIndex < h.slidesPerView ? c.slideTo(c.virtual.slides.length + c.snapIndex, 0, !1, !0) : c.snapIndex === c.snapGrid.length - 1 && c.slideTo(c.virtual.slidesBefore, 0, !1, !0)), c.allowSlidePrev = u, c.allowSlideNext = f, c.emit("loopFix");
-    return;
-  }
-  let w = h.slidesPerView;
-  w === "auto" ? w = c.slidesPerViewDynamic() : (w = Math.ceil(parseFloat(h.slidesPerView, 10)), b && w % 2 === 0 && (w = w + 1));
-  const p = h.slidesPerGroupAuto ? w : h.slidesPerGroup;
-  let m = p;
-  m % p !== 0 && (m += p - m % p), m += h.loopAdditionalSlides, c.loopedSlides = m;
-  const v = c.grid && h.grid && h.grid.rows > 1;
-  d.length < w + m || c.params.effect === "cards" && d.length < w + m * 2 ? oe("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled or not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters") : v && h.grid.fill === "row" && oe("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");
-  const y = [], T = [], A = v ? Math.ceil(d.length / h.grid.rows) : d.length, I = l && A - M < w && !b;
-  let S = I ? M : c.activeIndex;
-  typeof i > "u" ? i = c.getSlideIndex(d.find((C) => C.classList.contains(h.slideActiveClass))) : S = i;
-  const E = r === "next" || !r, x = r === "prev" || !r;
-  let k = 0, L = 0;
-  const O = (v ? d[i].column : i) + (b && typeof n > "u" ? -w / 2 + 0.5 : 0);
-  if (O < m) {
-    k = Math.max(m - O, p);
-    for (let C = 0; C < m - O; C += 1) {
-      const z = C - Math.floor(C / A) * A;
-      if (v) {
-        const U = A - z - 1;
-        for (let j = d.length - 1; j >= 0; j -= 1)
-          d[j].column === U && y.push(j);
-      } else
-        y.push(A - z - 1);
-    }
-  } else if (O + w > A - m) {
-    L = Math.max(O - (A - m * 2), p), I && (L = Math.max(L, w - A + M + 1));
-    for (let C = 0; C < L; C += 1) {
-      const z = C - Math.floor(C / A) * A;
-      v ? d.forEach((U, j) => {
-        U.column === z && T.push(j);
-      }) : T.push(z);
-    }
-  }
-  if (c.__preventObserver__ = !0, requestAnimationFrame(() => {
-    c.__preventObserver__ = !1;
-  }), c.params.effect === "cards" && d.length < w + m * 2 && (T.includes(i) && T.splice(T.indexOf(i), 1), y.includes(i) && y.splice(y.indexOf(i), 1)), x && y.forEach((C) => {
-    d[C].swiperLoopMoveDOM = !0, g.prepend(d[C]), d[C].swiperLoopMoveDOM = !1;
-  }), E && T.forEach((C) => {
-    d[C].swiperLoopMoveDOM = !0, g.append(d[C]), d[C].swiperLoopMoveDOM = !1;
-  }), c.recalcSlides(), h.slidesPerView === "auto" ? c.updateSlides() : v && (y.length > 0 && x || T.length > 0 && E) && c.slides.forEach((C, z) => {
-    c.grid.updateSlide(z, C, c.slides);
-  }), h.watchSlidesProgress && c.updateSlidesOffset(), s) {
-    if (y.length > 0 && x) {
-      if (typeof e > "u") {
-        const C = c.slidesGrid[S], z = c.slidesGrid[S + k] - C;
-        o ? c.setTranslate(c.translate - z) : (c.slideTo(S + Math.ceil(k), 0, !1, !0), n && (c.touchEventsData.startTranslate = c.touchEventsData.startTranslate - z, c.touchEventsData.currentTranslate = c.touchEventsData.currentTranslate - z));
-      } else if (n) {
-        const C = v ? y.length / h.grid.rows : y.length;
-        c.slideTo(c.activeIndex + C, 0, !1, !0), c.touchEventsData.currentTranslate = c.translate;
-      }
-    } else if (T.length > 0 && E)
-      if (typeof e > "u") {
-        const C = c.slidesGrid[S], z = c.slidesGrid[S - L] - C;
-        o ? c.setTranslate(c.translate - z) : (c.slideTo(S - L, 0, !1, !0), n && (c.touchEventsData.startTranslate = c.touchEventsData.startTranslate - z, c.touchEventsData.currentTranslate = c.touchEventsData.currentTranslate - z));
-      } else {
-        const C = v ? T.length / h.grid.rows : T.length;
-        c.slideTo(c.activeIndex - C, 0, !1, !0);
-      }
-  }
-  if (c.allowSlidePrev = u, c.allowSlideNext = f, c.controller && c.controller.control && !a) {
-    const C = {
-      slideRealIndex: e,
-      direction: r,
-      setTranslate: n,
-      activeSlideIndex: i,
-      byController: !0
-    };
-    Array.isArray(c.controller.control) ? c.controller.control.forEach((z) => {
-      !z.destroyed && z.params.loop && z.loopFix({
-        ...C,
-        slideTo: z.params.slidesPerView === h.slidesPerView ? s : !1
-      });
-    }) : c.controller.control instanceof c.constructor && c.controller.control.params.loop && c.controller.control.loopFix({
-      ...C,
-      slideTo: c.controller.control.params.slidesPerView === h.slidesPerView ? s : !1
-    });
-  }
-  c.emit("loopFix");
-}
-function hs() {
-  const t = this, {
-    params: e,
-    slidesEl: s
-  } = t;
-  if (!e.loop || !s || t.virtual && t.params.virtual.enabled) return;
-  t.recalcSlides();
-  const r = [];
-  t.slides.forEach((n) => {
-    const i = typeof n.swiperSlideIndex > "u" ? n.getAttribute("data-swiper-slide-index") * 1 : n.swiperSlideIndex;
-    r[i] = n;
-  }), t.slides.forEach((n) => {
-    n.removeAttribute("data-swiper-slide-index");
-  }), r.forEach((n) => {
-    s.append(n);
-  }), t.recalcSlides(), t.slideTo(t.realIndex, 0);
-}
-var gs = {
-  loopCreate: ms,
-  loopFix: fs,
-  loopDestroy: hs
-};
-function vs(t) {
-  const e = this;
-  if (!e.params.simulateTouch || e.params.watchOverflow && e.isLocked || e.params.cssMode) return;
-  const s = e.params.touchEventsTarget === "container" ? e.el : e.wrapperEl;
-  e.isElement && (e.__preventObserver__ = !0), s.style.cursor = "move", s.style.cursor = t ? "grabbing" : "grab", e.isElement && requestAnimationFrame(() => {
-    e.__preventObserver__ = !1;
-  });
-}
-function ws() {
-  const t = this;
-  t.params.watchOverflow && t.isLocked || t.params.cssMode || (t.isElement && (t.__preventObserver__ = !0), t[t.params.touchEventsTarget === "container" ? "el" : "wrapperEl"].style.cursor = "", t.isElement && requestAnimationFrame(() => {
-    t.__preventObserver__ = !1;
-  }));
-}
-var bs = {
-  setGrabCursor: vs,
-  unsetGrabCursor: ws
-};
-function ys(t, e) {
-  e === void 0 && (e = this);
-  function s(r) {
-    if (!r || r === K() || r === N()) return null;
-    r.assignedSlot && (r = r.assignedSlot);
-    const n = r.closest(t);
-    return !n && !r.getRootNode ? null : n || s(r.getRootNode().host);
-  }
-  return s(e);
-}
-function Ge(t, e, s) {
-  const r = N(), {
-    params: n
-  } = t, i = n.edgeSwipeDetection, l = n.edgeSwipeThreshold;
-  return i && (s <= l || s >= r.innerWidth - l) ? i === "prevent" ? (e.preventDefault(), !0) : !1 : !0;
-}
-function Ss(t) {
-  const e = this, s = K();
-  let r = t;
-  r.originalEvent && (r = r.originalEvent);
-  const n = e.touchEventsData;
-  if (r.type === "pointerdown") {
-    if (n.pointerId !== null && n.pointerId !== r.pointerId)
-      return;
-    n.pointerId = r.pointerId;
-  } else r.type === "touchstart" && r.targetTouches.length === 1 && (n.touchId = r.targetTouches[0].identifier);
-  if (r.type === "touchstart") {
-    Ge(e, r, r.targetTouches[0].pageX);
-    return;
-  }
-  const {
-    params: i,
-    touches: l,
-    enabled: a
-  } = e;
-  if (!a || !i.simulateTouch && r.pointerType === "mouse" || e.animating && i.preventInteractionOnTransition)
-    return;
-  !e.animating && i.cssMode && i.loop && e.loopFix();
-  let o = r.target;
-  if (i.touchEventsTarget === "wrapper" && !It(o, e.wrapperEl) || "which" in r && r.which === 3 || "button" in r && r.button > 0 || n.isTouched && n.isMoved) return;
-  const c = !!i.noSwipingClass && i.noSwipingClass !== "", d = r.composedPath ? r.composedPath() : r.path;
-  c && r.target && r.target.shadowRoot && d && (o = d[0]);
-  const u = i.noSwipingSelector ? i.noSwipingSelector : `.${i.noSwipingClass}`, f = !!(r.target && r.target.shadowRoot);
-  if (i.noSwiping && (f ? ys(u, o) : o.closest(u))) {
-    e.allowClick = !0;
-    return;
-  }
-  if (i.swipeHandler && !o.closest(i.swipeHandler))
-    return;
-  l.currentX = r.pageX, l.currentY = r.pageY;
-  const g = l.currentX, h = l.currentY;
-  if (!Ge(e, r, g))
-    return;
-  Object.assign(n, {
-    isTouched: !0,
-    isMoved: !1,
-    allowTouchCallbacks: !0,
-    isScrolling: void 0,
-    startMoving: void 0
-  }), l.startX = g, l.startY = h, n.touchStartTime = le(), e.allowClick = !0, e.updateSize(), e.swipeDirection = void 0, i.threshold > 0 && (n.allowThresholdMove = !1);
-  let b = !0;
-  o.matches(n.focusableElements) && (b = !1, o.nodeName === "SELECT" && (n.isTouched = !1)), s.activeElement && s.activeElement.matches(n.focusableElements) && s.activeElement !== o && (r.pointerType === "mouse" || r.pointerType !== "mouse" && !o.matches(n.focusableElements)) && s.activeElement.blur();
-  const M = b && e.allowTouchMove && i.touchStartPreventDefault;
-  (i.touchStartForcePreventDefault || M) && !o.isContentEditable && r.preventDefault(), i.freeMode && i.freeMode.enabled && e.freeMode && e.animating && !i.cssMode && e.freeMode.onTouchStart(), e.emit("touchStart", r);
-}
-function Es(t) {
-  const e = K(), s = this, r = s.touchEventsData, {
-    params: n,
-    touches: i,
-    rtlTranslate: l,
-    enabled: a
-  } = s;
-  if (!a || !n.simulateTouch && t.pointerType === "mouse") return;
-  let o = t;
-  if (o.originalEvent && (o = o.originalEvent), o.type === "pointermove" && (r.touchId !== null || o.pointerId !== r.pointerId))
-    return;
-  let c;
-  if (o.type === "touchmove") {
-    if (c = [...o.changedTouches].find((T) => T.identifier === r.touchId), !c || c.identifier !== r.touchId) return;
-  } else
-    c = o;
-  if (!r.isTouched) {
-    r.startMoving && r.isScrolling && s.emit("touchMoveOpposite", o);
-    return;
-  }
-  const d = c.pageX, u = c.pageY;
-  if (o.preventedByNestedSwiper) {
-    i.startX = d, i.startY = u;
-    return;
-  }
-  if (!s.allowTouchMove) {
-    o.target.matches(r.focusableElements) || (s.allowClick = !1), r.isTouched && (Object.assign(i, {
-      startX: d,
-      startY: u,
-      currentX: d,
-      currentY: u
-    }), r.touchStartTime = le());
-    return;
-  }
-  if (n.touchReleaseOnEdges && !n.loop) {
-    if (s.isVertical()) {
-      if (u < i.startY && s.translate <= s.maxTranslate() || u > i.startY && s.translate >= s.minTranslate()) {
-        r.isTouched = !1, r.isMoved = !1;
-        return;
-      }
-    } else if (l && (d > i.startX && -s.translate <= s.maxTranslate() || d < i.startX && -s.translate >= s.minTranslate()) || !l && (d < i.startX && s.translate <= s.maxTranslate() || d > i.startX && s.translate >= s.minTranslate()))
-      return;
-  }
-  if (e.activeElement && e.activeElement.matches(r.focusableElements) && e.activeElement !== o.target && o.pointerType !== "mouse" && e.activeElement.blur(), e.activeElement && o.target === e.activeElement && o.target.matches(r.focusableElements)) {
-    r.isMoved = !0, s.allowClick = !1;
-    return;
-  }
-  r.allowTouchCallbacks && s.emit("touchMove", o), i.previousX = i.currentX, i.previousY = i.currentY, i.currentX = d, i.currentY = u;
-  const f = i.currentX - i.startX, g = i.currentY - i.startY;
-  if (s.params.threshold && Math.sqrt(f ** 2 + g ** 2) < s.params.threshold) return;
-  if (typeof r.isScrolling > "u") {
-    let T;
-    s.isHorizontal() && i.currentY === i.startY || s.isVertical() && i.currentX === i.startX ? r.isScrolling = !1 : f * f + g * g >= 25 && (T = Math.atan2(Math.abs(g), Math.abs(f)) * 180 / Math.PI, r.isScrolling = s.isHorizontal() ? T > n.touchAngle : 90 - T > n.touchAngle);
-  }
-  if (r.isScrolling && s.emit("touchMoveOpposite", o), typeof r.startMoving > "u" && (i.currentX !== i.startX || i.currentY !== i.startY) && (r.startMoving = !0), r.isScrolling || o.type === "touchmove" && r.preventTouchMoveFromPointerMove) {
-    r.isTouched = !1;
-    return;
-  }
-  if (!r.startMoving)
-    return;
-  s.allowClick = !1, !n.cssMode && o.cancelable && o.preventDefault(), n.touchMoveStopPropagation && !n.nested && o.stopPropagation();
-  let h = s.isHorizontal() ? f : g, b = s.isHorizontal() ? i.currentX - i.previousX : i.currentY - i.previousY;
-  n.oneWayMovement && (h = Math.abs(h) * (l ? 1 : -1), b = Math.abs(b) * (l ? 1 : -1)), i.diff = h, h *= n.touchRatio, l && (h = -h, b = -b);
-  const M = s.touchesDirection;
-  s.swipeDirection = h > 0 ? "prev" : "next", s.touchesDirection = b > 0 ? "prev" : "next";
-  const w = s.params.loop && !n.cssMode, p = s.touchesDirection === "next" && s.allowSlideNext || s.touchesDirection === "prev" && s.allowSlidePrev;
-  if (!r.isMoved) {
-    if (w && p && s.loopFix({
-      direction: s.swipeDirection
-    }), r.startTranslate = s.getTranslate(), s.setTransition(0), s.animating) {
-      const T = new window.CustomEvent("transitionend", {
-        bubbles: !0,
-        cancelable: !0,
-        detail: {
-          bySwiperTouchMove: !0
-        }
-      });
-      s.wrapperEl.dispatchEvent(T);
-    }
-    r.allowMomentumBounce = !1, n.grabCursor && (s.allowSlideNext === !0 || s.allowSlidePrev === !0) && s.setGrabCursor(!0), s.emit("sliderFirstMove", o);
-  }
-  let m;
-  if ((/* @__PURE__ */ new Date()).getTime(), n._loopSwapReset !== !1 && r.isMoved && r.allowThresholdMove && M !== s.touchesDirection && w && p && Math.abs(h) >= 1) {
-    Object.assign(i, {
-      startX: d,
-      startY: u,
-      currentX: d,
-      currentY: u,
-      startTranslate: r.currentTranslate
-    }), r.loopSwapReset = !0, r.startTranslate = r.currentTranslate;
-    return;
-  }
-  s.emit("sliderMove", o), r.isMoved = !0, r.currentTranslate = h + r.startTranslate;
-  let v = !0, y = n.resistanceRatio;
-  if (n.touchReleaseOnEdges && (y = 0), h > 0 ? (w && p && !m && r.allowThresholdMove && r.currentTranslate > (n.centeredSlides ? s.minTranslate() - s.slidesSizesGrid[s.activeIndex + 1] - (n.slidesPerView !== "auto" && s.slides.length - n.slidesPerView >= 2 ? s.slidesSizesGrid[s.activeIndex + 1] + s.params.spaceBetween : 0) - s.params.spaceBetween : s.minTranslate()) && s.loopFix({
-    direction: "prev",
-    setTranslate: !0,
-    activeSlideIndex: 0
-  }), r.currentTranslate > s.minTranslate() && (v = !1, n.resistance && (r.currentTranslate = s.minTranslate() - 1 + (-s.minTranslate() + r.startTranslate + h) ** y))) : h < 0 && (w && p && !m && r.allowThresholdMove && r.currentTranslate < (n.centeredSlides ? s.maxTranslate() + s.slidesSizesGrid[s.slidesSizesGrid.length - 1] + s.params.spaceBetween + (n.slidesPerView !== "auto" && s.slides.length - n.slidesPerView >= 2 ? s.slidesSizesGrid[s.slidesSizesGrid.length - 1] + s.params.spaceBetween : 0) : s.maxTranslate()) && s.loopFix({
-    direction: "next",
-    setTranslate: !0,
-    activeSlideIndex: s.slides.length - (n.slidesPerView === "auto" ? s.slidesPerViewDynamic() : Math.ceil(parseFloat(n.slidesPerView, 10)))
-  }), r.currentTranslate < s.maxTranslate() && (v = !1, n.resistance && (r.currentTranslate = s.maxTranslate() + 1 - (s.maxTranslate() - r.startTranslate - h) ** y))), v && (o.preventedByNestedSwiper = !0), !s.allowSlideNext && s.swipeDirection === "next" && r.currentTranslate < r.startTranslate && (r.currentTranslate = r.startTranslate), !s.allowSlidePrev && s.swipeDirection === "prev" && r.currentTranslate > r.startTranslate && (r.currentTranslate = r.startTranslate), !s.allowSlidePrev && !s.allowSlideNext && (r.currentTranslate = r.startTranslate), n.threshold > 0)
-    if (Math.abs(h) > n.threshold || r.allowThresholdMove) {
-      if (!r.allowThresholdMove) {
-        r.allowThresholdMove = !0, i.startX = i.currentX, i.startY = i.currentY, r.currentTranslate = r.startTranslate, i.diff = s.isHorizontal() ? i.currentX - i.startX : i.currentY - i.startY;
-        return;
-      }
-    } else {
-      r.currentTranslate = r.startTranslate;
-      return;
-    }
-  !n.followFinger || n.cssMode || ((n.freeMode && n.freeMode.enabled && s.freeMode || n.watchSlidesProgress) && (s.updateActiveIndex(), s.updateSlidesClasses()), n.freeMode && n.freeMode.enabled && s.freeMode && s.freeMode.onTouchMove(), s.updateProgress(r.currentTranslate), s.setTranslate(r.currentTranslate));
-}
-function xs(t) {
-  const e = this, s = e.touchEventsData;
-  let r = t;
-  r.originalEvent && (r = r.originalEvent);
-  let n;
-  if (r.type === "touchend" || r.type === "touchcancel") {
-    if (n = [...r.changedTouches].find((v) => v.identifier === s.touchId), !n || n.identifier !== s.touchId) return;
-  } else {
-    if (s.touchId !== null || r.pointerId !== s.pointerId) return;
-    n = r;
-  }
-  if (["pointercancel", "pointerout", "pointerleave", "contextmenu"].includes(r.type) && !(["pointercancel", "contextmenu"].includes(r.type) && (e.browser.isSafari || e.browser.isWebView)))
-    return;
-  s.pointerId = null, s.touchId = null;
-  const {
-    params: i,
-    touches: l,
-    rtlTranslate: a,
-    slidesGrid: o,
-    enabled: c
-  } = e;
-  if (!c || !i.simulateTouch && r.pointerType === "mouse") return;
-  if (s.allowTouchCallbacks && e.emit("touchEnd", r), s.allowTouchCallbacks = !1, !s.isTouched) {
-    s.isMoved && i.grabCursor && e.setGrabCursor(!1), s.isMoved = !1, s.startMoving = !1;
-    return;
-  }
-  i.grabCursor && s.isMoved && s.isTouched && (e.allowSlideNext === !0 || e.allowSlidePrev === !0) && e.setGrabCursor(!1);
-  const d = le(), u = d - s.touchStartTime;
-  if (e.allowClick) {
-    const v = r.path || r.composedPath && r.composedPath();
-    e.updateClickedSlide(v && v[0] || r.target, v), e.emit("tap click", r), u < 300 && d - s.lastClickTime < 300 && e.emit("doubleTap doubleClick", r);
-  }
-  if (s.lastClickTime = le(), xe(() => {
-    e.destroyed || (e.allowClick = !0);
-  }), !s.isTouched || !s.isMoved || !e.swipeDirection || l.diff === 0 && !s.loopSwapReset || s.currentTranslate === s.startTranslate && !s.loopSwapReset) {
-    s.isTouched = !1, s.isMoved = !1, s.startMoving = !1;
-    return;
-  }
-  s.isTouched = !1, s.isMoved = !1, s.startMoving = !1;
-  let f;
-  if (i.followFinger ? f = a ? e.translate : -e.translate : f = -s.currentTranslate, i.cssMode)
-    return;
-  if (i.freeMode && i.freeMode.enabled) {
-    e.freeMode.onTouchEnd({
-      currentPos: f
-    });
-    return;
-  }
-  const g = f >= -e.maxTranslate() && !e.params.loop;
-  let h = 0, b = e.slidesSizesGrid[0];
-  for (let v = 0; v < o.length; v += v < i.slidesPerGroupSkip ? 1 : i.slidesPerGroup) {
-    const y = v < i.slidesPerGroupSkip - 1 ? 1 : i.slidesPerGroup;
-    typeof o[v + y] < "u" ? (g || f >= o[v] && f < o[v + y]) && (h = v, b = o[v + y] - o[v]) : (g || f >= o[v]) && (h = v, b = o[o.length - 1] - o[o.length - 2]);
-  }
-  let M = null, w = null;
-  i.rewind && (e.isBeginning ? w = i.virtual && i.virtual.enabled && e.virtual ? e.virtual.slides.length - 1 : e.slides.length - 1 : e.isEnd && (M = 0));
-  const p = (f - o[h]) / b, m = h < i.slidesPerGroupSkip - 1 ? 1 : i.slidesPerGroup;
-  if (u > i.longSwipesMs) {
-    if (!i.longSwipes) {
-      e.slideTo(e.activeIndex);
-      return;
-    }
-    e.swipeDirection === "next" && (p >= i.longSwipesRatio ? e.slideTo(i.rewind && e.isEnd ? M : h + m) : e.slideTo(h)), e.swipeDirection === "prev" && (p > 1 - i.longSwipesRatio ? e.slideTo(h + m) : w !== null && p < 0 && Math.abs(p) > i.longSwipesRatio ? e.slideTo(w) : e.slideTo(h));
-  } else {
-    if (!i.shortSwipes) {
-      e.slideTo(e.activeIndex);
-      return;
-    }
-    e.navigation && (r.target === e.navigation.nextEl || r.target === e.navigation.prevEl) ? r.target === e.navigation.nextEl ? e.slideTo(h + m) : e.slideTo(h) : (e.swipeDirection === "next" && e.slideTo(M !== null ? M : h + m), e.swipeDirection === "prev" && e.slideTo(w !== null ? w : h));
-  }
-}
-function Ne() {
-  const t = this, {
-    params: e,
-    el: s
-  } = t;
-  if (s && s.offsetWidth === 0) return;
-  e.breakpoints && t.setBreakpoint();
-  const {
-    allowSlideNext: r,
-    allowSlidePrev: n,
-    snapGrid: i
-  } = t, l = t.virtual && t.params.virtual.enabled;
-  t.allowSlideNext = !0, t.allowSlidePrev = !0, t.updateSize(), t.updateSlides(), t.updateSlidesClasses();
-  const a = l && e.loop;
-  (e.slidesPerView === "auto" || e.slidesPerView > 1) && t.isEnd && !t.isBeginning && !t.params.centeredSlides && !a ? t.slideTo(t.slides.length - 1, 0, !1, !0) : t.params.loop && !l ? t.slideToLoop(t.realIndex, 0, !1, !0) : t.slideTo(t.activeIndex, 0, !1, !0), t.autoplay && t.autoplay.running && t.autoplay.paused && (clearTimeout(t.autoplay.resizeTimeout), t.autoplay.resizeTimeout = setTimeout(() => {
-    t.autoplay && t.autoplay.running && t.autoplay.paused && t.autoplay.resume();
-  }, 500)), t.allowSlidePrev = n, t.allowSlideNext = r, t.params.watchOverflow && i !== t.snapGrid && t.checkOverflow();
-}
-function Ts(t) {
-  const e = this;
-  e.enabled && (e.allowClick || (e.params.preventClicks && t.preventDefault(), e.params.preventClicksPropagation && e.animating && (t.stopPropagation(), t.stopImmediatePropagation())));
-}
-function Cs() {
-  const t = this, {
-    wrapperEl: e,
-    rtlTranslate: s,
-    enabled: r
-  } = t;
-  if (!r) return;
-  t.previousTranslate = t.translate, t.isHorizontal() ? t.translate = -e.scrollLeft : t.translate = -e.scrollTop, t.translate === 0 && (t.translate = 0), t.updateActiveIndex(), t.updateSlidesClasses();
-  let n;
-  const i = t.maxTranslate() - t.minTranslate();
-  i === 0 ? n = 0 : n = (t.translate - t.minTranslate()) / i, n !== t.progress && t.updateProgress(s ? -t.translate : t.translate), t.emit("setTranslate", t.translate, !1);
-}
-function Ps(t) {
-  const e = this;
-  ne(e, t.target), !(e.params.cssMode || e.params.slidesPerView !== "auto" && !e.params.autoHeight) && e.update();
-}
-function Ms() {
-  const t = this;
-  t.documentTouchHandlerProceeded || (t.documentTouchHandlerProceeded = !0, t.params.touchReleaseOnEdges && (t.el.style.touchAction = "auto"));
-}
-const Ze = (t, e) => {
-  const s = K(), {
-    params: r,
-    el: n,
-    wrapperEl: i,
-    device: l
-  } = t, a = !!r.nested, o = e === "on" ? "addEventListener" : "removeEventListener", c = e;
-  !n || typeof n == "string" || (s[o]("touchstart", t.onDocumentTouchStart, {
-    passive: !1,
-    capture: a
-  }), n[o]("touchstart", t.onTouchStart, {
-    passive: !1
-  }), n[o]("pointerdown", t.onTouchStart, {
-    passive: !1
-  }), s[o]("touchmove", t.onTouchMove, {
-    passive: !1,
-    capture: a
-  }), s[o]("pointermove", t.onTouchMove, {
-    passive: !1,
-    capture: a
-  }), s[o]("touchend", t.onTouchEnd, {
-    passive: !0
-  }), s[o]("pointerup", t.onTouchEnd, {
-    passive: !0
-  }), s[o]("pointercancel", t.onTouchEnd, {
-    passive: !0
-  }), s[o]("touchcancel", t.onTouchEnd, {
-    passive: !0
-  }), s[o]("pointerout", t.onTouchEnd, {
-    passive: !0
-  }), s[o]("pointerleave", t.onTouchEnd, {
-    passive: !0
-  }), s[o]("contextmenu", t.onTouchEnd, {
-    passive: !0
-  }), (r.preventClicks || r.preventClicksPropagation) && n[o]("click", t.onClick, !0), r.cssMode && i[o]("scroll", t.onScroll), r.updateOnWindowResize ? t[c](l.ios || l.android ? "resize orientationchange observerUpdate" : "resize observerUpdate", Ne, !0) : t[c]("observerUpdate", Ne, !0), n[o]("load", t.onLoad, {
-    capture: !0
-  }));
-};
-function ks() {
-  const t = this, {
-    params: e
-  } = t;
-  t.onTouchStart = Ss.bind(t), t.onTouchMove = Es.bind(t), t.onTouchEnd = xs.bind(t), t.onDocumentTouchStart = Ms.bind(t), e.cssMode && (t.onScroll = Cs.bind(t)), t.onClick = Ts.bind(t), t.onLoad = Ps.bind(t), Ze(t, "on");
-}
-function Is() {
-  Ze(this, "off");
-}
-var Ls = {
-  attachEvents: ks,
-  detachEvents: Is
-};
-const Be = (t, e) => t.grid && e.grid && e.grid.rows > 1;
-function As() {
-  const t = this, {
-    realIndex: e,
-    initialized: s,
-    params: r,
-    el: n
-  } = t, i = r.breakpoints;
-  if (!i || i && Object.keys(i).length === 0) return;
-  const l = K(), a = r.breakpointsBase === "window" || !r.breakpointsBase ? r.breakpointsBase : "container", o = ["window", "container"].includes(r.breakpointsBase) || !r.breakpointsBase ? t.el : l.querySelector(r.breakpointsBase), c = t.getBreakpoint(i, a, o);
-  if (!c || t.currentBreakpoint === c) return;
-  const d = (c in i ? i[c] : void 0) || t.originalParams, u = Be(t, r), f = Be(t, d), g = t.params.grabCursor, h = d.grabCursor, b = r.enabled;
-  u && !f ? (n.classList.remove(`${r.containerModifierClass}grid`, `${r.containerModifierClass}grid-column`), t.emitContainerClasses()) : !u && f && (n.classList.add(`${r.containerModifierClass}grid`), (d.grid.fill && d.grid.fill === "column" || !d.grid.fill && r.grid.fill === "column") && n.classList.add(`${r.containerModifierClass}grid-column`), t.emitContainerClasses()), g && !h ? t.unsetGrabCursor() : !g && h && t.setGrabCursor(), ["navigation", "pagination", "scrollbar"].forEach((y) => {
-    if (typeof d[y] > "u") return;
-    const T = r[y] && r[y].enabled, A = d[y] && d[y].enabled;
-    T && !A && t[y].disable(), !T && A && t[y].enable();
-  });
-  const M = d.direction && d.direction !== r.direction, w = r.loop && (d.slidesPerView !== r.slidesPerView || M), p = r.loop;
-  M && s && t.changeDirection(), B(t.params, d);
-  const m = t.params.enabled, v = t.params.loop;
-  Object.assign(t, {
-    allowTouchMove: t.params.allowTouchMove,
-    allowSlideNext: t.params.allowSlideNext,
-    allowSlidePrev: t.params.allowSlidePrev
-  }), b && !m ? t.disable() : !b && m && t.enable(), t.currentBreakpoint = c, t.emit("_beforeBreakpoint", d), s && (w ? (t.loopDestroy(), t.loopCreate(e), t.updateSlides()) : !p && v ? (t.loopCreate(e), t.updateSlides()) : p && !v && t.loopDestroy()), t.emit("breakpoint", d);
-}
-function Os(t, e, s) {
-  if (e === void 0 && (e = "window"), !t || e === "container" && !s) return;
-  let r = !1;
-  const n = N(), i = e === "window" ? n.innerHeight : s.clientHeight, l = Object.keys(t).map((a) => {
-    if (typeof a == "string" && a.indexOf("@") === 0) {
-      const o = parseFloat(a.substr(1));
-      return {
-        value: i * o,
-        point: a
-      };
-    }
-    return {
-      value: a,
-      point: a
-    };
-  });
-  l.sort((a, o) => parseInt(a.value, 10) - parseInt(o.value, 10));
-  for (let a = 0; a < l.length; a += 1) {
-    const {
-      point: o,
-      value: c
-    } = l[a];
-    e === "window" ? n.matchMedia(`(min-width: ${c}px)`).matches && (r = o) : c <= s.clientWidth && (r = o);
-  }
-  return r || "max";
-}
-var zs = {
-  setBreakpoint: As,
-  getBreakpoint: Os
-};
-function _s(t, e) {
-  const s = [];
-  return t.forEach((r) => {
-    typeof r == "object" ? Object.keys(r).forEach((n) => {
-      r[n] && s.push(e + n);
-    }) : typeof r == "string" && s.push(e + r);
-  }), s;
-}
-function $s() {
-  const t = this, {
-    classNames: e,
-    params: s,
-    rtl: r,
-    el: n,
-    device: i
-  } = t, l = _s(["initialized", s.direction, {
-    "free-mode": t.params.freeMode && s.freeMode.enabled
-  }, {
-    autoheight: s.autoHeight
-  }, {
-    rtl: r
-  }, {
-    grid: s.grid && s.grid.rows > 1
-  }, {
-    "grid-column": s.grid && s.grid.rows > 1 && s.grid.fill === "column"
-  }, {
-    android: i.android
-  }, {
-    ios: i.ios
-  }, {
-    "css-mode": s.cssMode
-  }, {
-    centered: s.cssMode && s.centeredSlides
-  }, {
-    "watch-progress": s.watchSlidesProgress
-  }], s.containerModifierClass);
-  e.push(...l), n.classList.add(...e), t.emitContainerClasses();
-}
-function Gs() {
-  const t = this, {
-    el: e,
-    classNames: s
-  } = t;
-  !e || typeof e == "string" || (e.classList.remove(...s), t.emitContainerClasses());
-}
-var Ns = {
-  addClasses: $s,
-  removeClasses: Gs
-};
-function Bs() {
-  const t = this, {
-    isLocked: e,
-    params: s
-  } = t, {
-    slidesOffsetBefore: r
-  } = s;
-  if (r) {
-    const n = t.slides.length - 1, i = t.slidesGrid[n] + t.slidesSizesGrid[n] + r * 2;
-    t.isLocked = t.size > i;
-  } else
-    t.isLocked = t.snapGrid.length === 1;
-  s.allowSlideNext === !0 && (t.allowSlideNext = !t.isLocked), s.allowSlidePrev === !0 && (t.allowSlidePrev = !t.isLocked), e && e !== t.isLocked && (t.isEnd = !1), e !== t.isLocked && t.emit(t.isLocked ? "lock" : "unlock");
-}
-var Ds = {
-  checkOverflow: Bs
-}, Pe = {
-  init: !0,
-  direction: "horizontal",
-  oneWayMovement: !1,
-  swiperElementNodeName: "SWIPER-CONTAINER",
-  touchEventsTarget: "wrapper",
-  initialSlide: 0,
-  speed: 300,
-  cssMode: !1,
-  updateOnWindowResize: !0,
-  resizeObserver: !0,
-  nested: !1,
-  createElements: !1,
-  eventsPrefix: "swiper",
-  enabled: !0,
-  focusableElements: "input, select, option, textarea, button, video, label",
-  // Overrides
-  width: null,
-  height: null,
-  //
-  preventInteractionOnTransition: !1,
-  // ssr
-  userAgent: null,
-  url: null,
-  // To support iOS's swipe-to-go-back gesture (when being used in-app).
-  edgeSwipeDetection: !1,
-  edgeSwipeThreshold: 20,
-  // Autoheight
-  autoHeight: !1,
-  // Set wrapper width
-  setWrapperSize: !1,
-  // Virtual Translate
-  virtualTranslate: !1,
-  // Effects
-  effect: "slide",
-  // 'slide' or 'fade' or 'cube' or 'coverflow' or 'flip'
-  // Breakpoints
-  breakpoints: void 0,
-  breakpointsBase: "window",
-  // Slides grid
-  spaceBetween: 0,
-  slidesPerView: 1,
-  slidesPerGroup: 1,
-  slidesPerGroupSkip: 0,
-  slidesPerGroupAuto: !1,
-  centeredSlides: !1,
-  centeredSlidesBounds: !1,
-  slidesOffsetBefore: 0,
-  // in px
-  slidesOffsetAfter: 0,
-  // in px
-  normalizeSlideIndex: !0,
-  centerInsufficientSlides: !1,
-  // Disable swiper and hide navigation when container not overflow
-  watchOverflow: !0,
-  // Round length
-  roundLengths: !1,
-  // Touches
-  touchRatio: 1,
-  touchAngle: 45,
-  simulateTouch: !0,
-  shortSwipes: !0,
-  longSwipes: !0,
-  longSwipesRatio: 0.5,
-  longSwipesMs: 300,
-  followFinger: !0,
-  allowTouchMove: !0,
-  threshold: 5,
-  touchMoveStopPropagation: !1,
-  touchStartPreventDefault: !0,
-  touchStartForcePreventDefault: !1,
-  touchReleaseOnEdges: !1,
-  // Unique Navigation Elements
-  uniqueNavElements: !0,
-  // Resistance
-  resistance: !0,
-  resistanceRatio: 0.85,
-  // Progress
-  watchSlidesProgress: !1,
-  // Cursor
-  grabCursor: !1,
-  // Clicks
-  preventClicks: !0,
-  preventClicksPropagation: !0,
-  slideToClickedSlide: !1,
-  // loop
-  loop: !1,
-  loopAddBlankSlides: !0,
-  loopAdditionalSlides: 0,
-  loopPreventsSliding: !0,
-  // rewind
-  rewind: !1,
-  // Swiping/no swiping
-  allowSlidePrev: !0,
-  allowSlideNext: !0,
-  swipeHandler: null,
-  // '.swipe-handler',
-  noSwiping: !0,
-  noSwipingClass: "swiper-no-swiping",
-  noSwipingSelector: null,
-  // Passive Listeners
-  passiveListeners: !0,
-  maxBackfaceHiddenSlides: 10,
-  // NS
-  containerModifierClass: "swiper-",
-  // NEW
-  slideClass: "swiper-slide",
-  slideBlankClass: "swiper-slide-blank",
-  slideActiveClass: "swiper-slide-active",
-  slideVisibleClass: "swiper-slide-visible",
-  slideFullyVisibleClass: "swiper-slide-fully-visible",
-  slideNextClass: "swiper-slide-next",
-  slidePrevClass: "swiper-slide-prev",
-  wrapperClass: "swiper-wrapper",
-  lazyPreloaderClass: "swiper-lazy-preloader",
-  lazyPreloadPrevNext: 0,
-  // Callbacks
-  runCallbacksOnInit: !0,
-  // Internals
-  _emitClasses: !1
-};
-function Fs(t, e) {
-  return function(s) {
-    s === void 0 && (s = {});
-    const r = Object.keys(s)[0], n = s[r];
-    if (typeof n != "object" || n === null) {
-      B(e, s);
-      return;
-    }
-    if (t[r] === !0 && (t[r] = {
-      enabled: !0
-    }), r === "navigation" && t[r] && t[r].enabled && !t[r].prevEl && !t[r].nextEl && (t[r].auto = !0), ["pagination", "scrollbar"].indexOf(r) >= 0 && t[r] && t[r].enabled && !t[r].el && (t[r].auto = !0), !(r in t && "enabled" in n)) {
-      B(e, s);
-      return;
-    }
-    typeof t[r] == "object" && !("enabled" in t[r]) && (t[r].enabled = !0), t[r] || (t[r] = {
-      enabled: !1
-    }), B(e, s);
-  };
-}
-const be = {
-  eventsEmitter: Nt,
-  update: Xt,
-  translate: es,
-  transition: is,
-  slide: us,
-  loop: gs,
-  grabCursor: bs,
-  events: Ls,
-  breakpoints: zs,
-  checkOverflow: Ds,
-  classes: Ns
-}, ye = {};
-let ze = class q {
-  constructor() {
-    let e, s;
-    for (var r = arguments.length, n = new Array(r), i = 0; i < r; i++)
-      n[i] = arguments[i];
-    n.length === 1 && n[0].constructor && Object.prototype.toString.call(n[0]).slice(8, -1) === "Object" ? s = n[0] : [e, s] = n, s || (s = {}), s = B({}, s), e && !s.el && (s.el = e);
-    const l = K();
-    if (s.el && typeof s.el == "string" && l.querySelectorAll(s.el).length > 1) {
-      const d = [];
-      return l.querySelectorAll(s.el).forEach((u) => {
-        const f = B({}, s, {
-          el: u
-        });
-        d.push(new q(f));
-      }), d;
+var Ce = Object.defineProperty;
+var Ee = (e, t, n) => t in e ? Ce(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var k = (e, t, n) => Ee(e, typeof t != "symbol" ? t + "" : t, n);
+import { useState as S, useEffect as y, useRef as L, PureComponent as Re, useCallback as j, lazy as xe, useMemo as C, Suspense as Le, forwardRef as be, useLayoutEffect as Te, useContext as Y } from "react";
+import { c as Z, F as De, z as Oe, Y as X } from "./hooks-B0Qttldg.js";
+import { jsx as i, jsxs as f, Fragment as T } from "react/jsx-runtime";
+import { I as _e, S as N, f as x, h as ee, Q as w } from "./useStreamLayerApp2.js";
+import { h as Me } from "./index8.js";
+import { A as O, u as v, s as u, b as Ue, c as E, a as P } from "./sl-types.js";
+import { l as Be, a as Fe, m as ze, d as Pe, n as Ve, C as qe, S as je, b as Ke, f as W, p as Qe, c as We } from "./index11.js";
+import { M as Ge, a as He, k as Je, z as ke, c as ye, T as Ne, I as Ye, t as Ze, f as Xe, w as te, D as et, p as tt } from "./index16.js";
+import K from "lodash.throttle";
+import { i as Se } from "./index-DSi8Qgfs.js";
+import { f as nt, b as st, A as ot } from "./analytics.js";
+import { m as F } from "./theme.js";
+import { F as it, c as U, e as at } from "./index3.js";
+import "nanostores";
+import { p as G, h as rt, e as lt } from "./Question.js";
+import { y as dt } from "./index10.js";
+import { B as D } from "./index6.js";
+import ct from "react-infinite-scroller";
+import { I as pt, s as ut, e as mt } from "./index12.js";
+import "uuid";
+import "@nanostores/query";
+import "./storage.js";
+import { createPortal as ht } from "react-dom";
+import "./notification.js";
+const ne = Object.keys(O), se = () => {
+  const e = window.innerWidth;
+  let t = "sm";
+  for (let n = ne.length - 1; n > 0; n--) {
+    const o = ne[n];
+    if (!(e < O[o]) && e >= O[o]) {
+      t = o;
+      break;
     }
-    const a = this;
-    a.__swiper__ = !0, a.support = Ue(), a.device = Qe({
-      userAgent: s.userAgent
-    }), a.browser = Ke(), a.eventsListeners = {}, a.eventsAnyListeners = [], a.modules = [...a.__modules__], s.modules && Array.isArray(s.modules) && a.modules.push(...s.modules);
-    const o = {};
-    a.modules.forEach((d) => {
-      d({
-        params: s,
-        swiper: a,
-        extendParams: Fs(s, o),
-        on: a.on.bind(a),
-        once: a.once.bind(a),
-        off: a.off.bind(a),
-        emit: a.emit.bind(a)
-      });
-    });
-    const c = B({}, Pe, o);
-    return a.params = B({}, c, ye, s), a.originalParams = B({}, a.params), a.passedParams = B({}, s), a.params && a.params.on && Object.keys(a.params.on).forEach((d) => {
-      a.on(d, a.params.on[d]);
-    }), a.params && a.params.onAny && a.onAny(a.params.onAny), Object.assign(a, {
-      enabled: a.params.enabled,
-      el: e,
-      // Classes
-      classNames: [],
-      // Slides
-      slides: [],
-      slidesGrid: [],
-      snapGrid: [],
-      slidesSizesGrid: [],
-      // isDirection
-      isHorizontal() {
-        return a.params.direction === "horizontal";
-      },
-      isVertical() {
-        return a.params.direction === "vertical";
-      },
-      // Indexes
-      activeIndex: 0,
-      realIndex: 0,
-      //
-      isBeginning: !0,
-      isEnd: !1,
-      // Props
-      translate: 0,
-      previousTranslate: 0,
-      progress: 0,
-      velocity: 0,
-      animating: !1,
-      cssOverflowAdjustment() {
-        return Math.trunc(this.translate / 2 ** 23) * 2 ** 23;
-      },
-      // Locks
-      allowSlideNext: a.params.allowSlideNext,
-      allowSlidePrev: a.params.allowSlidePrev,
-      // Touch Events
-      touchEventsData: {
-        isTouched: void 0,
-        isMoved: void 0,
-        allowTouchCallbacks: void 0,
-        touchStartTime: void 0,
-        isScrolling: void 0,
-        currentTranslate: void 0,
-        startTranslate: void 0,
-        allowThresholdMove: void 0,
-        // Form elements to match
-        focusableElements: a.params.focusableElements,
-        // Last click time
-        lastClickTime: 0,
-        clickTimeout: void 0,
-        // Velocities
-        velocities: [],
-        allowMomentumBounce: void 0,
-        startMoving: void 0,
-        pointerId: null,
-        touchId: null
-      },
-      // Clicks
-      allowClick: !0,
-      // Touches
-      allowTouchMove: a.params.allowTouchMove,
-      touches: {
-        startX: 0,
-        startY: 0,
-        currentX: 0,
-        currentY: 0,
-        diff: 0
-      },
-      // Images
-      imagesToLoad: [],
-      imagesLoaded: 0
-    }), a.emit("_swiper"), a.params.init && a.init(), a;
-  }
-  getDirectionLabel(e) {
-    return this.isHorizontal() ? e : {
-      width: "height",
-      "margin-top": "margin-left",
-      "margin-bottom ": "margin-right",
-      "margin-left": "margin-top",
-      "margin-right": "margin-bottom",
-      "padding-left": "padding-top",
-      "padding-right": "padding-bottom",
-      marginRight: "marginBottom"
-    }[e];
-  }
-  getSlideIndex(e) {
-    const {
-      slidesEl: s,
-      params: r
-    } = this, n = H(s, `.${r.slideClass}, swiper-slide`), i = ce(n[0]);
-    return ce(e) - i;
-  }
-  getSlideIndexByData(e) {
-    return this.getSlideIndex(this.slides.find((s) => s.getAttribute("data-swiper-slide-index") * 1 === e));
-  }
-  recalcSlides() {
-    const e = this, {
-      slidesEl: s,
-      params: r
-    } = e;
-    e.slides = H(s, `.${r.slideClass}, swiper-slide`);
-  }
-  enable() {
-    const e = this;
-    e.enabled || (e.enabled = !0, e.params.grabCursor && e.setGrabCursor(), e.emit("enable"));
-  }
-  disable() {
-    const e = this;
-    e.enabled && (e.enabled = !1, e.params.grabCursor && e.unsetGrabCursor(), e.emit("disable"));
-  }
-  setProgress(e, s) {
-    const r = this;
-    e = Math.min(Math.max(e, 0), 1);
-    const n = r.minTranslate(), i = (r.maxTranslate() - n) * e + n;
-    r.translateTo(i, typeof s > "u" ? 0 : s), r.updateActiveIndex(), r.updateSlidesClasses();
-  }
-  emitContainerClasses() {
-    const e = this;
-    if (!e.params._emitClasses || !e.el) return;
-    const s = e.el.className.split(" ").filter((r) => r.indexOf("swiper") === 0 || r.indexOf(e.params.containerModifierClass) === 0);
-    e.emit("_containerClasses", s.join(" "));
-  }
-  getSlideClasses(e) {
-    const s = this;
-    return s.destroyed ? "" : e.className.split(" ").filter((r) => r.indexOf("swiper-slide") === 0 || r.indexOf(s.params.slideClass) === 0).join(" ");
   }
-  emitSlidesClasses() {
-    const e = this;
-    if (!e.params._emitClasses || !e.el) return;
-    const s = [];
-    e.slides.forEach((r) => {
-      const n = e.getSlideClasses(r);
-      s.push({
-        slideEl: r,
-        classNames: n
-      }), e.emit("_slideClass", r, n);
-    }), e.emit("_slideClasses", s);
-  }
-  slidesPerViewDynamic(e, s) {
-    e === void 0 && (e = "current"), s === void 0 && (s = !1);
-    const r = this, {
-      params: n,
-      slides: i,
-      slidesGrid: l,
-      slidesSizesGrid: a,
-      size: o,
-      activeIndex: c
-    } = r;
-    let d = 1;
-    if (typeof n.slidesPerView == "number") return n.slidesPerView;
-    if (n.centeredSlides) {
-      let u = i[c] ? Math.ceil(i[c].swiperSlideSize) : 0, f;
-      for (let g = c + 1; g < i.length; g += 1)
-        i[g] && !f && (u += Math.ceil(i[g].swiperSlideSize), d += 1, u > o && (f = !0));
-      for (let g = c - 1; g >= 0; g -= 1)
-        i[g] && !f && (u += i[g].swiperSlideSize, d += 1, u > o && (f = !0));
-    } else if (e === "current")
-      for (let u = c + 1; u < i.length; u += 1)
-        (s ? l[u] + a[u] - l[c] < o : l[u] - l[c] < o) && (d += 1);
-    else
-      for (let u = c - 1; u >= 0; u -= 1)
-        l[c] - l[u] < o && (d += 1);
-    return d;
-  }
-  update() {
-    const e = this;
-    if (!e || e.destroyed) return;
-    const {
-      snapGrid: s,
-      params: r
-    } = e;
-    r.breakpoints && e.setBreakpoint(), [...e.el.querySelectorAll('[loading="lazy"]')].forEach((l) => {
-      l.complete && ne(e, l);
-    }), e.updateSize(), e.updateSlides(), e.updateProgress(), e.updateSlidesClasses();
-    function n() {
-      const l = e.rtlTranslate ? e.translate * -1 : e.translate, a = Math.min(Math.max(l, e.maxTranslate()), e.minTranslate());
-      e.setTranslate(a), e.updateActiveIndex(), e.updateSlidesClasses();
-    }
-    let i;
-    if (r.freeMode && r.freeMode.enabled && !r.cssMode)
-      n(), r.autoHeight && e.updateAutoHeight();
-    else {
-      if ((r.slidesPerView === "auto" || r.slidesPerView > 1) && e.isEnd && !r.centeredSlides) {
-        const l = e.virtual && r.virtual.enabled ? e.virtual.slides : e.slides;
-        i = e.slideTo(l.length - 1, 0, !1, !0);
-      } else
-        i = e.slideTo(e.activeIndex, 0, !1, !0);
-      i || n();
-    }
-    r.watchOverflow && s !== e.snapGrid && e.checkOverflow(), e.emit("update");
-  }
-  changeDirection(e, s) {
-    s === void 0 && (s = !0);
-    const r = this, n = r.params.direction;
-    return e || (e = n === "horizontal" ? "vertical" : "horizontal"), e === n || e !== "horizontal" && e !== "vertical" || (r.el.classList.remove(`${r.params.containerModifierClass}${n}`), r.el.classList.add(`${r.params.containerModifierClass}${e}`), r.emitContainerClasses(), r.params.direction = e, r.slides.forEach((i) => {
-      e === "vertical" ? i.style.width = "" : i.style.height = "";
-    }), r.emit("changeDirection"), s && r.update()), r;
-  }
-  changeLanguageDirection(e) {
-    const s = this;
-    s.rtl && e === "rtl" || !s.rtl && e === "ltr" || (s.rtl = e === "rtl", s.rtlTranslate = s.params.direction === "horizontal" && s.rtl, s.rtl ? (s.el.classList.add(`${s.params.containerModifierClass}rtl`), s.el.dir = "rtl") : (s.el.classList.remove(`${s.params.containerModifierClass}rtl`), s.el.dir = "ltr"), s.update());
-  }
-  mount(e) {
-    const s = this;
-    if (s.mounted) return !0;
-    let r = e || s.params.el;
-    if (typeof r == "string" && (r = document.querySelector(r)), !r)
-      return !1;
-    r.swiper = s, r.parentNode && r.parentNode.host && r.parentNode.host.nodeName === s.params.swiperElementNodeName.toUpperCase() && (s.isElement = !0);
-    const n = () => `.${(s.params.wrapperClass || "").trim().split(" ").join(".")}`;
-    let i = r && r.shadowRoot && r.shadowRoot.querySelector ? r.shadowRoot.querySelector(n()) : H(r, n())[0];
-    return !i && s.params.createElements && (i = de("div", s.params.wrapperClass), r.append(i), H(r, `.${s.params.slideClass}`).forEach((l) => {
-      i.append(l);
-    })), Object.assign(s, {
-      el: r,
-      wrapperEl: i,
-      slidesEl: s.isElement && !r.parentNode.host.slideSlots ? r.parentNode.host : i,
-      hostEl: s.isElement ? r.parentNode.host : r,
-      mounted: !0,
-      // RTL
-      rtl: r.dir.toLowerCase() === "rtl" || Y(r, "direction") === "rtl",
-      rtlTranslate: s.params.direction === "horizontal" && (r.dir.toLowerCase() === "rtl" || Y(r, "direction") === "rtl"),
-      wrongRTL: Y(i, "display") === "-webkit-box"
-    }), !0;
-  }
-  init(e) {
-    const s = this;
-    if (s.initialized || s.mount(e) === !1) return s;
-    s.emit("beforeInit"), s.params.breakpoints && s.setBreakpoint(), s.addClasses(), s.updateSize(), s.updateSlides(), s.params.watchOverflow && s.checkOverflow(), s.params.grabCursor && s.enabled && s.setGrabCursor(), s.params.loop && s.virtual && s.params.virtual.enabled ? s.slideTo(s.params.initialSlide + s.virtual.slidesBefore, 0, s.params.runCallbacksOnInit, !1, !0) : s.slideTo(s.params.initialSlide, 0, s.params.runCallbacksOnInit, !1, !0), s.params.loop && s.loopCreate(void 0, !0), s.attachEvents();
-    const r = [...s.el.querySelectorAll('[loading="lazy"]')];
-    return s.isElement && r.push(...s.hostEl.querySelectorAll('[loading="lazy"]')), r.forEach((n) => {
-      n.complete ? ne(s, n) : n.addEventListener("load", (i) => {
-        ne(s, i.target);
-      });
-    }), Ce(s), s.initialized = !0, Ce(s), s.emit("init"), s.emit("afterInit"), s;
-  }
-  destroy(e, s) {
-    e === void 0 && (e = !0), s === void 0 && (s = !0);
-    const r = this, {
-      params: n,
-      el: i,
-      wrapperEl: l,
-      slides: a
-    } = r;
-    return typeof r.params > "u" || r.destroyed || (r.emit("beforeDestroy"), r.initialized = !1, r.detachEvents(), n.loop && r.loopDestroy(), s && (r.removeClasses(), i && typeof i != "string" && i.removeAttribute("style"), l && l.removeAttribute("style"), a && a.length && a.forEach((o) => {
-      o.classList.remove(n.slideVisibleClass, n.slideFullyVisibleClass, n.slideActiveClass, n.slideNextClass, n.slidePrevClass), o.removeAttribute("style"), o.removeAttribute("data-swiper-slide-index");
-    })), r.emit("destroy"), Object.keys(r.eventsListeners).forEach((o) => {
-      r.off(o);
-    }), e !== !1 && (r.el && typeof r.el != "string" && (r.el.swiper = null), Tt(r)), r.destroyed = !0), null;
-  }
-  static extendDefaults(e) {
-    B(ye, e);
-  }
-  static get extendedDefaults() {
-    return ye;
-  }
-  static get defaults() {
-    return Pe;
-  }
-  static installModule(e) {
-    q.prototype.__modules__ || (q.prototype.__modules__ = []);
-    const s = q.prototype.__modules__;
-    typeof e == "function" && s.indexOf(e) < 0 && s.push(e);
-  }
-  static use(e) {
-    return Array.isArray(e) ? (e.forEach((s) => q.installModule(s)), q) : (q.installModule(e), q);
-  }
-};
-Object.keys(be).forEach((t) => {
-  Object.keys(be[t]).forEach((e) => {
-    ze.prototype[e] = be[t][e];
-  });
-});
-ze.use([$t, Gt]);
-const et = [
-  "eventsPrefix",
-  "injectStyles",
-  "injectStylesUrls",
-  "modules",
-  "init",
-  "_direction",
-  "oneWayMovement",
-  "swiperElementNodeName",
-  "touchEventsTarget",
-  "initialSlide",
-  "_speed",
-  "cssMode",
-  "updateOnWindowResize",
-  "resizeObserver",
-  "nested",
-  "focusableElements",
-  "_enabled",
-  "_width",
-  "_height",
-  "preventInteractionOnTransition",
-  "userAgent",
-  "url",
-  "_edgeSwipeDetection",
-  "_edgeSwipeThreshold",
-  "_freeMode",
-  "_autoHeight",
-  "setWrapperSize",
-  "virtualTranslate",
-  "_effect",
-  "breakpoints",
-  "breakpointsBase",
-  "_spaceBetween",
-  "_slidesPerView",
-  "maxBackfaceHiddenSlides",
-  "_grid",
-  "_slidesPerGroup",
-  "_slidesPerGroupSkip",
-  "_slidesPerGroupAuto",
-  "_centeredSlides",
-  "_centeredSlidesBounds",
-  "_slidesOffsetBefore",
-  "_slidesOffsetAfter",
-  "normalizeSlideIndex",
-  "_centerInsufficientSlides",
-  "_watchOverflow",
-  "roundLengths",
-  "touchRatio",
-  "touchAngle",
-  "simulateTouch",
-  "_shortSwipes",
-  "_longSwipes",
-  "longSwipesRatio",
-  "longSwipesMs",
-  "_followFinger",
-  "allowTouchMove",
-  "_threshold",
-  "touchMoveStopPropagation",
-  "touchStartPreventDefault",
-  "touchStartForcePreventDefault",
-  "touchReleaseOnEdges",
-  "uniqueNavElements",
-  "_resistance",
-  "_resistanceRatio",
-  "_watchSlidesProgress",
-  "_grabCursor",
-  "preventClicks",
-  "preventClicksPropagation",
-  "_slideToClickedSlide",
-  "_loop",
-  "loopAdditionalSlides",
-  "loopAddBlankSlides",
-  "loopPreventsSliding",
-  "_rewind",
-  "_allowSlidePrev",
-  "_allowSlideNext",
-  "_swipeHandler",
-  "_noSwiping",
-  "noSwipingClass",
-  "noSwipingSelector",
-  "passiveListeners",
-  "containerModifierClass",
-  "slideClass",
-  "slideActiveClass",
-  "slideVisibleClass",
-  "slideFullyVisibleClass",
-  "slideNextClass",
-  "slidePrevClass",
-  "slideBlankClass",
-  "wrapperClass",
-  "lazyPreloaderClass",
-  "lazyPreloadPrevNext",
-  "runCallbacksOnInit",
-  "observer",
-  "observeParents",
-  "observeSlideChildren",
-  // modules
-  "a11y",
-  "_autoplay",
-  "_controller",
-  "coverflowEffect",
-  "cubeEffect",
-  "fadeEffect",
-  "flipEffect",
-  "creativeEffect",
-  "cardsEffect",
-  "hashNavigation",
-  "history",
-  "keyboard",
-  "mousewheel",
-  "_navigation",
-  "_pagination",
-  "parallax",
-  "_scrollbar",
-  "_thumbs",
-  "virtual",
-  "zoom",
-  "control"
-];
-function Q(t) {
-  return typeof t == "object" && t !== null && t.constructor && Object.prototype.toString.call(t).slice(8, -1) === "Object" && !t.__swiper__;
-}
-function J(t, e) {
-  const s = ["__proto__", "constructor", "prototype"];
-  Object.keys(e).filter((r) => s.indexOf(r) < 0).forEach((r) => {
-    typeof t[r] > "u" ? t[r] = e[r] : Q(e[r]) && Q(t[r]) && Object.keys(e[r]).length > 0 ? e[r].__swiper__ ? t[r] = e[r] : J(t[r], e[r]) : t[r] = e[r];
-  });
-}
-function tt(t) {
-  return t === void 0 && (t = {}), t.navigation && typeof t.navigation.nextEl > "u" && typeof t.navigation.prevEl > "u";
-}
-function st(t) {
-  return t === void 0 && (t = {}), t.pagination && typeof t.pagination.el > "u";
-}
-function rt(t) {
-  return t === void 0 && (t = {}), t.scrollbar && typeof t.scrollbar.el > "u";
-}
-function it(t) {
-  t === void 0 && (t = "");
-  const e = t.split(" ").map((r) => r.trim()).filter((r) => !!r), s = [];
-  return e.forEach((r) => {
-    s.indexOf(r) < 0 && s.push(r);
-  }), s.join(" ");
-}
-function js(t) {
-  return t === void 0 && (t = ""), t ? t.includes("swiper-wrapper") ? t : `swiper-wrapper ${t}` : "swiper-wrapper";
-}
-function Vs(t) {
-  let {
-    swiper: e,
-    slides: s,
-    passedParams: r,
-    changedParams: n,
-    nextEl: i,
-    prevEl: l,
-    scrollbarEl: a,
-    paginationEl: o
-  } = t;
-  const c = n.filter((S) => S !== "children" && S !== "direction" && S !== "wrapperClass"), {
-    params: d,
-    pagination: u,
-    navigation: f,
-    scrollbar: g,
-    virtual: h,
-    thumbs: b
-  } = e;
-  let M, w, p, m, v, y, T, A;
-  n.includes("thumbs") && r.thumbs && r.thumbs.swiper && !r.thumbs.swiper.destroyed && d.thumbs && (!d.thumbs.swiper || d.thumbs.swiper.destroyed) && (M = !0), n.includes("controller") && r.controller && r.controller.control && d.controller && !d.controller.control && (w = !0), n.includes("pagination") && r.pagination && (r.pagination.el || o) && (d.pagination || d.pagination === !1) && u && !u.el && (p = !0), n.includes("scrollbar") && r.scrollbar && (r.scrollbar.el || a) && (d.scrollbar || d.scrollbar === !1) && g && !g.el && (m = !0), n.includes("navigation") && r.navigation && (r.navigation.prevEl || l) && (r.navigation.nextEl || i) && (d.navigation || d.navigation === !1) && f && !f.prevEl && !f.nextEl && (v = !0);
-  const I = (S) => {
-    e[S] && (e[S].destroy(), S === "navigation" ? (e.isElement && (e[S].prevEl.remove(), e[S].nextEl.remove()), d[S].prevEl = void 0, d[S].nextEl = void 0, e[S].prevEl = void 0, e[S].nextEl = void 0) : (e.isElement && e[S].el.remove(), d[S].el = void 0, e[S].el = void 0));
-  };
-  n.includes("loop") && e.isElement && (d.loop && !r.loop ? y = !0 : !d.loop && r.loop ? T = !0 : A = !0), c.forEach((S) => {
-    if (Q(d[S]) && Q(r[S]))
-      Object.assign(d[S], r[S]), (S === "navigation" || S === "pagination" || S === "scrollbar") && "enabled" in r[S] && !r[S].enabled && I(S);
-    else {
-      const E = r[S];
-      (E === !0 || E === !1) && (S === "navigation" || S === "pagination" || S === "scrollbar") ? E === !1 && I(S) : d[S] = r[S];
-    }
-  }), c.includes("controller") && !w && e.controller && e.controller.control && d.controller && d.controller.control && (e.controller.control = d.controller.control), n.includes("children") && s && h && d.virtual.enabled ? (h.slides = s, h.update(!0)) : n.includes("virtual") && h && d.virtual.enabled && (s && (h.slides = s), h.update(!0)), n.includes("children") && s && d.loop && (A = !0), M && b.init() && b.update(!0), w && (e.controller.control = d.controller.control), p && (e.isElement && (!o || typeof o == "string") && (o = document.createElement("div"), o.classList.add("swiper-pagination"), o.part.add("pagination"), e.el.appendChild(o)), o && (d.pagination.el = o), u.init(), u.render(), u.update()), m && (e.isElement && (!a || typeof a == "string") && (a = document.createElement("div"), a.classList.add("swiper-scrollbar"), a.part.add("scrollbar"), e.el.appendChild(a)), a && (d.scrollbar.el = a), g.init(), g.updateSize(), g.setTranslate()), v && (e.isElement && ((!i || typeof i == "string") && (i = document.createElement("div"), i.classList.add("swiper-button-next"), i.innerHTML = e.hostEl.constructor.nextButtonSvg, i.part.add("button-next"), e.el.appendChild(i)), (!l || typeof l == "string") && (l = document.createElement("div"), l.classList.add("swiper-button-prev"), l.innerHTML = e.hostEl.constructor.prevButtonSvg, l.part.add("button-prev"), e.el.appendChild(l))), i && (d.navigation.nextEl = i), l && (d.navigation.prevEl = l), f.init(), f.update()), n.includes("allowSlideNext") && (e.allowSlideNext = r.allowSlideNext), n.includes("allowSlidePrev") && (e.allowSlidePrev = r.allowSlidePrev), n.includes("direction") && e.changeDirection(r.direction, !1), (y || A) && e.loopDestroy(), (T || A) && e.loopCreate(), e.update();
-}
-function Hs(t, e) {
-  t === void 0 && (t = {}), e === void 0 && (e = !0);
-  const s = {
-    on: {}
-  }, r = {}, n = {};
-  J(s, Pe), s._emitClasses = !0, s.init = !1;
-  const i = {}, l = et.map((o) => o.replace(/_/, "")), a = Object.assign({}, t);
-  return Object.keys(a).forEach((o) => {
-    typeof t[o] > "u" || (l.indexOf(o) >= 0 ? Q(t[o]) ? (s[o] = {}, n[o] = {}, J(s[o], t[o]), J(n[o], t[o])) : (s[o] = t[o], n[o] = t[o]) : o.search(/on[A-Z]/) === 0 && typeof t[o] == "function" ? e ? r[`${o[2].toLowerCase()}${o.substr(3)}`] = t[o] : s.on[`${o[2].toLowerCase()}${o.substr(3)}`] = t[o] : i[o] = t[o]);
-  }), ["navigation", "pagination", "scrollbar"].forEach((o) => {
-    s[o] === !0 && (s[o] = {}), s[o] === !1 && delete s[o];
-  }), {
-    params: s,
-    passedParams: n,
-    rest: i,
-    events: r
-  };
-}
-function Rs(t, e) {
-  let {
-    el: s,
-    nextEl: r,
-    prevEl: n,
-    paginationEl: i,
-    scrollbarEl: l,
-    swiper: a
-  } = t;
-  tt(e) && r && n && (a.params.navigation.nextEl = r, a.originalParams.navigation.nextEl = r, a.params.navigation.prevEl = n, a.originalParams.navigation.prevEl = n), st(e) && i && (a.params.pagination.el = i, a.originalParams.pagination.el = i), rt(e) && l && (a.params.scrollbar.el = l, a.originalParams.scrollbar.el = l), a.init(s);
-}
-function qs(t, e, s, r, n) {
-  const i = [];
-  if (!e) return i;
-  const l = (a) => {
-    i.indexOf(a) < 0 && i.push(a);
-  };
-  if (s && r) {
-    const a = r.map(n), o = s.map(n);
-    a.join("") !== o.join("") && l("children"), r.length !== s.length && l("children");
-  }
-  return et.filter((a) => a[0] === "_").map((a) => a.replace(/_/, "")).forEach((a) => {
-    if (a in t && a in e)
-      if (Q(t[a]) && Q(e[a])) {
-        const o = Object.keys(t[a]), c = Object.keys(e[a]);
-        o.length !== c.length ? l(a) : (o.forEach((d) => {
-          t[a][d] !== e[a][d] && l(a);
-        }), c.forEach((d) => {
-          t[a][d] !== e[a][d] && l(a);
-        }));
-      } else t[a] !== e[a] && l(a);
-  }), i;
-}
-const Ws = (t) => {
-  !t || t.destroyed || !t.params.virtual || t.params.virtual && !t.params.virtual.enabled || (t.updateSlides(), t.updateProgress(), t.updateSlidesClasses(), t.parallax && t.params.parallax && t.params.parallax.enabled && t.parallax.setTranslate());
-};
-function pe() {
-  return pe = Object.assign ? Object.assign.bind() : function(t) {
-    for (var e = 1; e < arguments.length; e++) {
-      var s = arguments[e];
-      for (var r in s)
-        Object.prototype.hasOwnProperty.call(s, r) && (t[r] = s[r]);
-    }
-    return t;
-  }, pe.apply(this, arguments);
-}
-function nt(t) {
-  return t.type && t.type.displayName && t.type.displayName.includes("SwiperSlide");
-}
-function at(t) {
-  const e = [];
-  return $.Children.toArray(t).forEach((s) => {
-    nt(s) ? e.push(s) : s.props && s.props.children && at(s.props.children).forEach((r) => e.push(r));
-  }), e;
-}
-function Ys(t) {
-  const e = [], s = {
-    "container-start": [],
-    "container-end": [],
-    "wrapper-start": [],
-    "wrapper-end": []
-  };
-  return $.Children.toArray(t).forEach((r) => {
-    if (nt(r))
-      e.push(r);
-    else if (r.props && r.props.slot && s[r.props.slot])
-      s[r.props.slot].push(r);
-    else if (r.props && r.props.children) {
-      const n = at(r.props.children);
-      n.length > 0 ? n.forEach((i) => e.push(i)) : s["container-end"].push(r);
-    } else
-      s["container-end"].push(r);
-  }), {
-    slides: e,
-    slots: s
+  return {
+    name: t,
+    size: O[t]
   };
-}
-function Xs(t, e, s) {
-  if (!s) return null;
-  const r = (d) => {
-    let u = d;
-    return d < 0 ? u = e.length + d : u >= e.length && (u = u - e.length), u;
-  }, n = t.isHorizontal() ? {
-    [t.rtlTranslate ? "right" : "left"]: `${s.offset}px`
-  } : {
-    top: `${s.offset}px`
-  }, {
-    from: i,
-    to: l
-  } = s, a = t.params.loop ? -e.length : 0, o = t.params.loop ? e.length * 2 : e.length, c = [];
-  for (let d = a; d < o; d += 1)
-    d >= i && d <= l && c.push(e[r(d)]);
-  return c.map((d, u) => /* @__PURE__ */ $.cloneElement(d, {
-    swiper: t,
-    style: n,
-    key: d.props.virtualIndex || d.key || `slide-${u}`
+}, oe = (e) => {
+  var t;
+  return (((t = e.current) == null ? void 0 : t.getBoundingClientRect().y) || 0) < -68;
+}, V = () => window.matchMedia("(orientation: landscape)").matches, vt = (e) => {
+  const [t] = S(() => Se({
+    screen: se(),
+    sdkInView: oe(e),
+    sdkInDesktopView: V()
   }));
-}
-function ee(t, e) {
-  return typeof window > "u" ? X(t, e) : vt(t, e);
-}
-const De = /* @__PURE__ */ Ve(null), Us = /* @__PURE__ */ Ve(null), lt = /* @__PURE__ */ Ae(function(t, e) {
-  let {
-    className: s,
-    tag: r = "div",
-    wrapperTag: n = "div",
-    children: i,
-    onSwiper: l,
-    ...a
-  } = t === void 0 ? {} : t, o = !1;
-  const [c, d] = W("swiper"), [u, f] = W(null), [g, h] = W(!1), b = D(!1), M = D(null), w = D(null), p = D(null), m = D(null), v = D(null), y = D(null), T = D(null), A = D(null), {
-    params: I,
-    passedParams: S,
-    rest: E,
-    events: x
-  } = Hs(a), {
-    slides: k,
-    slots: L
-  } = Ys(i), O = () => {
-    h(!g);
-  };
-  Object.assign(I.on, {
-    _containerClasses(G, V) {
-      d(V);
-    }
-  });
-  const C = () => {
-    Object.assign(I.on, x), o = !0;
-    const G = {
-      ...I
+  return y(() => {
+    const n = K(() => {
+      t.setKey("sdkInView", oe(e));
+    }, 200), o = K(() => {
+      const s = se();
+      t.setKey("screen", s), t.setKey("sdkInDesktopView", V());
+    }, 200);
+    return window.addEventListener("scroll", n), window.addEventListener("resize", o), () => {
+      window.removeEventListener("scroll", n), window.removeEventListener("resize", o);
     };
-    if (delete G.wrapperClass, w.current = new ze(G), w.current.virtual && w.current.params.virtual.enabled) {
-      w.current.virtual.slides = k;
-      const V = {
-        cache: !1,
-        slides: k,
-        renderExternal: f,
-        renderExternalUpdate: !1
-      };
-      J(w.current.params.virtual, V), J(w.current.originalParams.virtual, V);
-    }
-  };
-  M.current || C(), w.current && w.current.on("_beforeBreakpoint", O);
-  const z = () => {
-    o || !x || !w.current || Object.keys(x).forEach((G) => {
-      w.current.on(G, x[G]);
-    });
-  }, U = () => {
-    !x || !w.current || Object.keys(x).forEach((G) => {
-      w.current.off(G, x[G]);
-    });
-  };
-  X(() => () => {
-    w.current && w.current.off("_beforeBreakpoint", O);
-  }), X(() => {
-    !b.current && w.current && (w.current.emitSlidesClasses(), b.current = !0);
-  }), ee(() => {
-    if (e && (e.current = M.current), !!M.current)
-      return w.current.destroyed && C(), Rs({
-        el: M.current,
-        nextEl: v.current,
-        prevEl: y.current,
-        paginationEl: T.current,
-        scrollbarEl: A.current,
-        swiper: w.current
-      }, I), l && !w.current.destroyed && l(w.current), () => {
-        w.current && !w.current.destroyed && w.current.destroy(!0, !1);
+  }, [t, e]), [t];
+}, H = (e, t, n) => {
+  const o = t >= O.lg && t < O.xl ? 75 : 52;
+  e.current && window.scrollTo({
+    top: e.current.offsetTop - o,
+    ...n
+  });
+}, ft = 15, gt = (e, t) => {
+  const n = L(null), o = L(0), [s] = S(
+    Se({
+      scrollPosition: 0,
+      tabsShown: !0,
+      scrollDirection: "forward"
+    })
+  ), r = v(t);
+  return y(() => {
+    const l = V() ? n.current : window;
+    if (!l)
+      return () => {
       };
-  }, []), ee(() => {
-    z();
-    const G = qs(S, p.current, k, m.current, (V) => V.key);
-    return p.current = S, m.current = k, G.length && w.current && !w.current.destroyed && Vs({
-      swiper: w.current,
-      slides: k,
-      passedParams: S,
-      changedParams: G,
-      nextEl: v.current,
-      prevEl: y.current,
-      scrollbarEl: A.current,
-      paginationEl: T.current
-    }), () => {
-      U();
+    const d = K((a) => {
+      var c;
+      const m = a.target;
+      if (!m)
+        return;
+      let p = 0;
+      V() ? p = m.scrollTop : p = ((c = e.current) == null ? void 0 : c.getBoundingClientRect().y) || 0;
+      const h = o.current - p;
+      if (ft > Math.abs(h))
+        return;
+      const g = o.current < p ? "forward" : "backward";
+      o.current = p, s.set({
+        scrollPosition: Math.round(p),
+        scrollDirection: g,
+        tabsShown: s.get().tabsShown
+      });
+    }, 200);
+    return l.addEventListener("scroll", d), () => {
+      l.removeEventListener("scroll", d);
     };
-  }), ee(() => {
-    Ws(w.current);
-  }, [u]);
-  function j() {
-    return I.virtual ? Xs(w.current, k, u) : k.map((G, V) => /* @__PURE__ */ $.cloneElement(G, {
-      swiper: w.current,
-      swiperSlideIndex: V
-    }));
+  }, [s, e, r.screen]), [n, s];
+}, q = /* @__PURE__ */ u("div")({
+  name: "LoadingContainer",
+  class: "lclc0ej",
+  propsAsIs: !1
+}), It = ({
+  feature: e,
+  sdk: t,
+  children: n,
+  className: o,
+  noWait: s
+}) => {
+  const r = v(e.status), l = v(t.sdkStore.slStreamId);
+  if (!s) {
+    if (l != null && l.loading && !l.data)
+      return /* @__PURE__ */ i(q, {
+        className: o,
+        children: "Event is loading..."
+      });
+    if (!(l != null && l.data))
+      return /* @__PURE__ */ i(q, {
+        className: o,
+        children: "Event is forbidden..."
+      });
+    if (r !== it.Ready)
+      return /* @__PURE__ */ i(q, {
+        className: o,
+        children: "Wait feature..."
+      });
   }
-  return /* @__PURE__ */ $.createElement(r, pe({
-    ref: M,
-    className: it(`${c}${s ? ` ${s}` : ""}`)
-  }, E), /* @__PURE__ */ $.createElement(Us.Provider, {
-    value: w.current
-  }, L["container-start"], /* @__PURE__ */ $.createElement(n, {
-    className: js(I.wrapperClass)
-  }, L["wrapper-start"], j(), L["wrapper-end"]), tt(I) && /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("div", {
-    ref: y,
-    className: "swiper-button-prev"
-  }), /* @__PURE__ */ $.createElement("div", {
-    ref: v,
-    className: "swiper-button-next"
-  })), rt(I) && /* @__PURE__ */ $.createElement("div", {
-    ref: A,
-    className: "swiper-scrollbar"
-  }), st(I) && /* @__PURE__ */ $.createElement("div", {
-    ref: T,
-    className: "swiper-pagination"
-  }), L["container-end"]));
+  return n;
+}, bt = /* @__PURE__ */ u("div")({
+  name: "Container",
+  class: "c115qtkr",
+  propsAsIs: !1
+}), kt = /* @__PURE__ */ u("div")({
+  name: "STabs",
+  class: "sxnslc8",
+  propsAsIs: !1
+}), yt = /* @__PURE__ */ u("button")({
+  name: "Button",
+  class: "b1umzux0",
+  propsAsIs: !1
+}), Nt = /* @__PURE__ */ u("span")({
+  name: "Title",
+  class: "tspsaas",
+  propsAsIs: !1
 });
-lt.displayName = "Swiper";
-const ae = /* @__PURE__ */ Ae(function(t, e) {
-  let {
-    tag: s = "div",
-    children: r,
-    className: n = "",
-    swiper: i,
-    zoom: l,
-    lazy: a,
-    virtualIndex: o,
-    swiperSlideIndex: c,
-    ...d
-  } = t === void 0 ? {} : t;
-  const u = D(null), [f, g] = W("swiper-slide"), [h, b] = W(!1);
-  function M(v, y, T) {
-    y === u.current && g(T);
-  }
-  ee(() => {
-    if (typeof c < "u" && (u.current.swiperSlideIndex = c), e && (e.current = u.current), !(!u.current || !i)) {
-      if (i.destroyed) {
-        f !== "swiper-slide" && g("swiper-slide");
-        return;
-      }
-      return i.on("_slideClass", M), () => {
-        i && i.off("_slideClass", M);
-      };
+var M = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(M || {});
+const ie = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ i(yt, { "data-a": "intr", onClick: n, "data-selected": t, children: /* @__PURE__ */ i(Nt, { "data-a": "intr", children: e }) }), St = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ i(bt, { children: /* @__PURE__ */ f(kt, { "data-position": e === "home" ? "left" : "right", children: [
+  /* @__PURE__ */ i(ie, { title: "Home", active: e === "home", onClick: () => t(
+    "home"
+    /* HOME */
+  ) }),
+  /* @__PURE__ */ i(
+    ie,
+    {
+      title: "Friends",
+      active: e === "leaderboard",
+      onClick: () => t(
+        "leaderboard"
+        /* LEADERBOARD */
+      )
     }
-  }), ee(() => {
-    i && u.current && !i.destroyed && g(i.getSlideClasses(u.current));
-  }, [i]);
-  const w = {
-    isActive: f.indexOf("swiper-slide-active") >= 0,
-    isVisible: f.indexOf("swiper-slide-visible") >= 0,
-    isPrev: f.indexOf("swiper-slide-prev") >= 0,
-    isNext: f.indexOf("swiper-slide-next") >= 0
-  }, p = () => typeof r == "function" ? r(w) : r, m = () => {
-    b(!0);
-  };
-  return /* @__PURE__ */ $.createElement(s, pe({
-    ref: u,
-    className: it(`${f}${n ? ` ${n}` : ""}`),
-    "data-swiper-slide-index": o,
-    onLoad: m
-  }, d), l && /* @__PURE__ */ $.createElement(De.Provider, {
-    value: w
-  }, /* @__PURE__ */ $.createElement("div", {
-    className: "swiper-zoom-container",
-    "data-swiper-zoom": typeof l == "number" ? l : void 0
-  }, p(), a && !h && /* @__PURE__ */ $.createElement("div", {
-    className: "swiper-lazy-preloader"
-  }))), !l && /* @__PURE__ */ $.createElement(De.Provider, {
-    value: w
-  }, p(), a && !h && /* @__PURE__ */ $.createElement("div", {
-    className: "swiper-lazy-preloader"
-  })));
-});
-ae.displayName = "SwiperSlide";
-const Qs = () => lt, Ks = /* @__PURE__ */ _(Qs())({
-  name: "Carousel",
-  class: "c1f9jjsn",
-  propsAsIs: !0
-}), Me = /* @__PURE__ */ _("div")({
-  name: "ScreenWrap",
-  class: "s25r51y",
+  )
+] }) }), $t = /* @__PURE__ */ u("div")({
+  name: "Container",
+  class: "c1ux29ft",
   propsAsIs: !1
-}), Js = () => te, Zs = /* @__PURE__ */ _(Js())({
-  name: "SponsorIconI",
-  class: "s1lvrmx8",
+}), At = () => D, wt = /* @__PURE__ */ u(At())({
+  name: "FriendsIcon",
+  class: "f10ncfg2",
   propsAsIs: !0
-}), ot = ({
-  style: t,
-  className: e
-}) => /* @__PURE__ */ P(Zs, {
-  className: e,
-  style: t,
-  name: "icon-masters-logo"
-}), dt = /* @__PURE__ */ _("div")({
-  name: "ScreenTextBlock",
-  class: "s11xps29",
+}), Ct = /* @__PURE__ */ u("div")({
+  name: "Content",
+  class: "c1yc07bd",
+  propsAsIs: !1
+}), Et = /* @__PURE__ */ u("div")({
+  name: "Title",
+  class: "tj6cq7w",
   propsAsIs: !1
-}), ct = /* @__PURE__ */ _("div")({
-  name: "ScreenTitle",
-  class: "s14qstuv",
+}), Rt = /* @__PURE__ */ u("div")({
+  name: "Description",
+  class: "d1ag78xo",
   propsAsIs: !1
-}), ke = /* @__PURE__ */ _("div")({
-  name: "ScreenDescription",
-  class: "s14mdh2e",
+}), xt = () => D, Lt = /* @__PURE__ */ u(xt())({
+  name: "ArrowInviteIcon",
+  class: "awohrz6",
+  propsAsIs: !0
+}), Tt = ({ title: e, description: t, onClick: n, className: o }) => {
+  const [s] = nt({
+    type: "invitation",
+    action: "sent",
+    payload: {
+      from: _e.TITLE_CARD
+    }
+  });
+  return /* @__PURE__ */ f($t, { "data-a": "intr", onClick: s(n), className: o, children: [
+    /* @__PURE__ */ i(wt, { name: "icon-friends" }),
+    /* @__PURE__ */ f(Ct, { children: [
+      /* @__PURE__ */ i(Et, { children: e }),
+      /* @__PURE__ */ i(Rt, { children: t })
+    ] }),
+    /* @__PURE__ */ i(Lt, { name: "icon-copy" })
+  ] });
+};
+function Dt(e) {
+  var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, o = e.startIndex, s = e.stopIndex;
+  return !(o > n || s < t);
+}
+function Ot(e) {
+  for (var t = e.isItemLoaded, n = e.itemCount, o = e.minimumBatchSize, s = e.startIndex, r = e.stopIndex, l = [], d = null, a = null, c = s; c <= r; c++) {
+    var m = t(c);
+    m ? a !== null && (l.push(d, a), d = a = null) : (a = c, d === null && (d = c));
+  }
+  if (a !== null) {
+    for (var p = Math.min(Math.max(a, d + o - 1), n - 1), h = a + 1; h <= p && !t(h); h++)
+      a = h;
+    l.push(d, a);
+  }
+  if (l.length)
+    for (; l[1] - l[0] + 1 < o && l[0] > 0; ) {
+      var g = l[0] - 1;
+      if (!t(g))
+        l[0] = g;
+      else
+        break;
+    }
+  return l;
+}
+var _t = function(e, t) {
+  if (!(e instanceof t))
+    throw new TypeError("Cannot call a class as a function");
+}, Mt = /* @__PURE__ */ function() {
+  function e(t, n) {
+    for (var o = 0; o < n.length; o++) {
+      var s = n[o];
+      s.enumerable = s.enumerable || !1, s.configurable = !0, "value" in s && (s.writable = !0), Object.defineProperty(t, s.key, s);
+    }
+  }
+  return function(t, n, o) {
+    return n && e(t.prototype, n), o && e(t, o), t;
+  };
+}(), Ut = function(e, t) {
+  if (typeof t != "function" && t !== null)
+    throw new TypeError("Super expression must either be null or a function, not " + typeof t);
+  e.prototype = Object.create(t && t.prototype, {
+    constructor: {
+      value: e,
+      enumerable: !1,
+      writable: !0,
+      configurable: !0
+    }
+  }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
+}, ae = function(e, t) {
+  if (!e)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return t && (typeof t == "object" || typeof t == "function") ? t : e;
+};
+(function(e) {
+  Ut(t, e);
+  function t() {
+    var n, o, s, r;
+    _t(this, t);
+    for (var l = arguments.length, d = Array(l), a = 0; a < l; a++)
+      d[a] = arguments[a];
+    return r = (o = (s = ae(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(d))), s), s._lastRenderedStartIndex = -1, s._lastRenderedStopIndex = -1, s._memoizedUnloadedRanges = [], s._onItemsRendered = function(c) {
+      var m = c.visibleStartIndex, p = c.visibleStopIndex;
+      s._lastRenderedStartIndex = m, s._lastRenderedStopIndex = p, s._ensureRowsLoaded(m, p);
+    }, s._setRef = function(c) {
+      s._listRef = c;
+    }, o), ae(s, r);
+  }
+  return Mt(t, [{
+    key: "resetloadMoreItemsCache",
+    value: function() {
+      var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
+      this._memoizedUnloadedRanges = [], o && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
+    }
+  }, {
+    key: "componentDidMount",
+    value: function() {
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var o = this.props.children;
+      return o({
+        onItemsRendered: this._onItemsRendered,
+        ref: this._setRef
+      });
+    }
+  }, {
+    key: "_ensureRowsLoaded",
+    value: function(o, s) {
+      var r = this.props, l = r.isItemLoaded, d = r.itemCount, a = r.minimumBatchSize, c = a === void 0 ? 10 : a, m = r.threshold, p = m === void 0 ? 15 : m, h = Ot({
+        isItemLoaded: l,
+        itemCount: d,
+        minimumBatchSize: c,
+        startIndex: Math.max(0, o - p),
+        stopIndex: Math.min(d - 1, s + p)
+      });
+      (this._memoizedUnloadedRanges.length !== h.length || this._memoizedUnloadedRanges.some(function(g, b) {
+        return h[b] !== g;
+      })) && (this._memoizedUnloadedRanges = h, this._loadUnloadedRanges(h));
+    }
+  }, {
+    key: "_loadUnloadedRanges",
+    value: function(o) {
+      for (var s = this, r = this.props.loadMoreItems || this.props.loadMoreRows, l = function(c) {
+        var m = o[c], p = o[c + 1], h = r(m, p);
+        h != null && h.then(function() {
+          if (Dt({
+            lastRenderedStartIndex: s._lastRenderedStartIndex,
+            lastRenderedStopIndex: s._lastRenderedStopIndex,
+            startIndex: m,
+            stopIndex: p
+          })) {
+            if (s._listRef == null)
+              return;
+            typeof s._listRef.resetAfterIndex == "function" ? s._listRef.resetAfterIndex(m, !0) : (typeof s._listRef._getItemStyleCache == "function" && s._listRef._getItemStyleCache(-1), s._listRef.forceUpdate());
+          }
+        });
+      }, d = 0; d < o.length; d += 2)
+        l(d);
+    }
+  }]), t;
+})(Re);
+const Bt = /* @__PURE__ */ u("div")({
+  name: "Container",
+  class: "culdu4a",
   propsAsIs: !1
-}), ue = /* @__PURE__ */ _("button")({
-  name: "ScreenButton",
-  class: "sqtjig9",
+}), Ft = /* @__PURE__ */ u("div")({
+  name: "Position",
+  class: "pwf8e69",
   propsAsIs: !1
-}), er = /* @__PURE__ */ _("div")({
-  name: "EmergencyContainer",
-  class: "e1f9mu2m",
+}), zt = /* @__PURE__ */ u("img")({
+  name: "Avatar",
+  class: "atf4yh4",
   propsAsIs: !1
-}), tr = /* @__PURE__ */ _("div")({
-  name: "EmergencyScreenTitle",
-  class: "e1n10yo1",
+}), Pt = /* @__PURE__ */ u("div")({
+  name: "AvatarPlaceholder",
+  class: "a1dg29ja",
   propsAsIs: !1
-}), sr = /* @__PURE__ */ _("div")({
-  name: "EmergencyScreenDescription",
-  class: "e1xecypc",
+}), Vt = /* @__PURE__ */ u("div")({
+  name: "Content",
+  class: "c10a68rc",
   propsAsIs: !1
-}), rr = () => ue, ir = /* @__PURE__ */ _(rr())({
-  name: "EmergencyScreenButton",
-  class: "e1k6zoyu",
-  propsAsIs: !0
-}), Ie = ({ actionFn: t, description: e, className: s, onEvent: r }) => (X(() => {
-  r({ type: "slBetPackReady" });
-}, [r]), /* @__PURE__ */ F(er, { className: s, children: [
-  /* @__PURE__ */ P(tr, { children: "Something went wrong." }),
-  /* @__PURE__ */ P(sr, { children: e }),
-  /* @__PURE__ */ P(ir, { onClick: t, children: "Try again" })
-] })), nr = /* @__PURE__ */ _("div")({
-  name: "ScreenContainerBox",
-  class: "s28ooi9",
+}), qt = /* @__PURE__ */ u("div")({
+  name: "NameContainer",
+  class: "nc4kck5",
   propsAsIs: !1
-}), me = ({ children: t }) => /* @__PURE__ */ P(nr, { className: "ScreenContainer", children: /* @__PURE__ */ P("div", { children: t }) }), ar = /* @__PURE__ */ _("img")({
-  name: "EndScreenMedia",
-  class: "e8s3kc9",
+}), jt = /* @__PURE__ */ u("span")({
+  name: "Name",
+  class: "njsrqgr",
   propsAsIs: !1
-}), lr = () => ot, or = /* @__PURE__ */ _(lr())({
-  name: "EndScreenSponsorIcon",
-  class: "e1uswib2",
+}), Kt = () => D, Qt = /* @__PURE__ */ u(Kt())({
+  name: "CurrentUserBadge",
+  class: "c17uc4zr",
   propsAsIs: !0
-}), dr = ({ onEvent: t, height: e }) => {
-  const [s, r] = W(
-    0
-    /* FIRST */
-  );
-  return s === 0 ? /* @__PURE__ */ P(me, { height: e, children: /* @__PURE__ */ F(Me, { children: [
-    /* @__PURE__ */ P(or, {}),
-    /* @__PURE__ */ F(dt, { children: [
-      /* @__PURE__ */ P(ct, { children: "Great picks!" }),
-      /* @__PURE__ */ P(ke, { children: "Stay in the Enhanced Stream for live results, predictions, trivia, polls, and match insights." })
-    ] }),
-    /* @__PURE__ */ P(
-      ue,
-      {
-        "data-a": "intr",
-        onClick: () => {
-          r(
-            1
-            /* LAST */
-          );
-        },
-        style: { marginTop: "auto " },
-        children: "Continue"
-      }
-    )
-  ] }) }, "end") : /* @__PURE__ */ P(me, { height: e, children: /* @__PURE__ */ F(Me, { children: [
-    /* @__PURE__ */ P(ar, { src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/bet_pack_end_screen.png" }),
-    /* @__PURE__ */ P(ke, { children: "Look for more live match insights, predictions and more." }),
-    /* @__PURE__ */ P(ue, { "data-a": "intr", onClick: () => t({ type: "slOpenGameCenter" }), children: "Open Game Center" })
-  ] }) }, "end");
-}, cr = /* @__PURE__ */ _("div")({
+}), Wt = ({
+  friendsRank: e,
+  avatar: t,
+  name: n,
+  userId: o,
+  points: s,
+  isCurrentUser: r,
+  style: l
+}) => /* @__PURE__ */ f(Bt, { "data-name": o, style: l, children: [
+  /* @__PURE__ */ i(Ft, { children: e || 0 }),
+  /* @__PURE__ */ f(Vt, { children: [
+    t ? /* @__PURE__ */ i(zt, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ i(Pt, { children: pt(n || "") }),
+    /* @__PURE__ */ f(qt, { children: [
+      /* @__PURE__ */ i(jt, { children: n || "" }),
+      r && /* @__PURE__ */ i(Qt, { name: "icon-star" })
+    ] })
+  ] }),
+  /* @__PURE__ */ i("div", { children: ut(s) })
+] }), Gt = /* @__PURE__ */ u("div")({
   name: "Container",
-  class: "cv31tt7",
-  propsAsIs: !1
-}), Le = ({
-  className: t
-}) => /* @__PURE__ */ P(cr, {
-  className: t,
-  children: /* @__PURE__ */ P(ft, {})
-}), pr = ({ question: t, vote: e }) => t ? /* @__PURE__ */ P(ht, { close: () => {
-}, openedQuestion: t, vote: e, isLoading: !1, isEarlyPrediction: !0 }) : null, ur = /* @__PURE__ */ _("span")({
-  name: "NextButton",
-  class: "n991vvm",
+  class: "c16btbfp",
   propsAsIs: !1
-}), mr = () => te, fr = /* @__PURE__ */ _(mr())({
-  name: "IconArrowRight",
-  class: "inbj36g",
-  propsAsIs: !0
-}), hr = /* @__PURE__ */ _("div")({
-  name: "StartScreenSponsor",
-  class: "szrvgt",
+}), Ht = ({
+  items: e,
+  currentUserId: t,
+  openItemDetail: n,
+  fetchMore: o,
+  scrollNode: s,
+  hasMore: r
+}) => {
+  const l = j((d) => {
+    const a = d.target.getAttribute("data-name");
+    a && n(a);
+  }, [n]);
+  return /* @__PURE__ */ i(ct, {
+    loadMore: o,
+    initialLoad: !1,
+    hasMore: r,
+    useWindow: !1,
+    getScrollParent: () => s.current,
+    children: /* @__PURE__ */ i(Gt, {
+      "data-a": "intr",
+      onClick: l,
+      children: e.map((d) => /* @__PURE__ */ i(Wt, {
+        ...d,
+        isCurrentUser: !!t && t === d.userId
+      }, d.userId))
+    })
+  });
+}, Jt = /* @__PURE__ */ u("div")({
+  name: "InviteFriendsContainer",
+  class: "i1c9dygq",
   propsAsIs: !1
-}), gr = /* @__PURE__ */ _("div")({
-  name: "StartScreenNote",
-  class: "swqs2ju",
+}), Yt = ({
+  deepLink: e
+}) => /* @__PURE__ */ i(Jt, {
+  children: /* @__PURE__ */ i(Ge, {
+    inviteLink: e,
+    inviteCardTitle: "It’s More Fun With Friends",
+    inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
+  })
+}), Zt = /* @__PURE__ */ u("div")({
+  name: "InviteLinkContainer",
+  class: "i1odbhm4",
   propsAsIs: !1
-}), vr = ({ countQuestionsAvailable: t, sliderRef: e }) => /* @__PURE__ */ P(me, { children: /* @__PURE__ */ F(Me, { children: [
-  /* @__PURE__ */ P(ot, {}),
-  /* @__PURE__ */ F(dt, { children: [
-    /* @__PURE__ */ P(hr, { children: "FEATURED GROUPS+" }),
-    /* @__PURE__ */ P(ct, { children: "The First Five" })
-  ] }),
-  /* @__PURE__ */ P(ke, { children: "Tee off with these five initial predictions for today’s play." }),
-  /* @__PURE__ */ F(
-    ue,
-    {
-      "data-a": "intr",
-      onClick: () => {
-        var s;
-        (s = e.current) == null || s.slideNext();
-      },
-      children: [
-        t ? `${t} questions available` : "See all questions",
-        /* @__PURE__ */ P(ur, { children: /* @__PURE__ */ P(fr, { name: "iconArrowRight" }) })
-      ]
-    }
-  ),
-  /* @__PURE__ */ P(gr, { children: "Note: Some questions may have been resolved as a result of today’s play." })
-] }) }, "start");
-function wr(t, e, s, r) {
-  return t.params.createElements && Object.keys(r).forEach((n) => {
-    if (!s[n] && s.auto === !0) {
-      let i = H(t.el, `.${r[n]}`)[0];
-      i || (i = de("div", r[n]), i.className = r[n], t.el.append(i)), s[n] = i, e[n] = i;
-    }
-  }), s;
-}
-function Z(t) {
-  return t === void 0 && (t = ""), `.${t.trim().replace(/([\.:!+\/])/g, "\\$1").replace(/ /g, ".")}`;
-}
-function br(t) {
-  let {
-    swiper: e,
-    extendParams: s,
-    on: r,
-    emit: n
-  } = t;
-  const i = "swiper-pagination";
-  s({
-    pagination: {
-      el: null,
-      bulletElement: "span",
-      clickable: !1,
-      hideOnClick: !1,
-      renderBullet: null,
-      renderProgressbar: null,
-      renderFraction: null,
-      renderCustom: null,
-      progressbarOpposite: !1,
-      type: "bullets",
-      // 'bullets' or 'progressbar' or 'fraction' or 'custom'
-      dynamicBullets: !1,
-      dynamicMainBullets: 1,
-      formatFractionCurrent: (p) => p,
-      formatFractionTotal: (p) => p,
-      bulletClass: `${i}-bullet`,
-      bulletActiveClass: `${i}-bullet-active`,
-      modifierClass: `${i}-`,
-      currentClass: `${i}-current`,
-      totalClass: `${i}-total`,
-      hiddenClass: `${i}-hidden`,
-      progressbarFillClass: `${i}-progressbar-fill`,
-      progressbarOppositeClass: `${i}-progressbar-opposite`,
-      clickableClass: `${i}-clickable`,
-      lockClass: `${i}-lock`,
-      horizontalClass: `${i}-horizontal`,
-      verticalClass: `${i}-vertical`,
-      paginationDisabledClass: `${i}-disabled`
-    }
-  }), e.pagination = {
-    el: null,
-    bullets: []
-  };
-  let l, a = 0;
-  function o() {
-    return !e.params.pagination.el || !e.pagination.el || Array.isArray(e.pagination.el) && e.pagination.el.length === 0;
-  }
-  function c(p, m) {
-    const {
-      bulletActiveClass: v
-    } = e.params.pagination;
-    p && (p = p[`${m === "prev" ? "previous" : "next"}ElementSibling`], p && (p.classList.add(`${v}-${m}`), p = p[`${m === "prev" ? "previous" : "next"}ElementSibling`], p && p.classList.add(`${v}-${m}-${m}`)));
-  }
-  function d(p, m, v) {
-    if (p = p % v, m = m % v, m === p + 1)
-      return "next";
-    if (m === p - 1)
-      return "previous";
-  }
-  function u(p) {
-    const m = p.target.closest(Z(e.params.pagination.bulletClass));
-    if (!m)
-      return;
-    p.preventDefault();
-    const v = ce(m) * e.params.slidesPerGroup;
-    if (e.params.loop) {
-      if (e.realIndex === v) return;
-      const y = d(e.realIndex, v, e.slides.length);
-      y === "next" ? e.slideNext() : y === "previous" ? e.slidePrev() : e.slideToLoop(v);
-    } else
-      e.slideTo(v);
-  }
-  function f() {
-    const p = e.rtl, m = e.params.pagination;
-    if (o()) return;
-    let v = e.pagination.el;
-    v = R(v);
-    let y, T;
-    const A = e.virtual && e.params.virtual.enabled ? e.virtual.slides.length : e.slides.length, I = e.params.loop ? Math.ceil(A / e.params.slidesPerGroup) : e.snapGrid.length;
-    if (e.params.loop ? (T = e.previousRealIndex || 0, y = e.params.slidesPerGroup > 1 ? Math.floor(e.realIndex / e.params.slidesPerGroup) : e.realIndex) : typeof e.snapIndex < "u" ? (y = e.snapIndex, T = e.previousSnapIndex) : (T = e.previousIndex || 0, y = e.activeIndex || 0), m.type === "bullets" && e.pagination.bullets && e.pagination.bullets.length > 0) {
-      const S = e.pagination.bullets;
-      let E, x, k;
-      if (m.dynamicBullets && (l = Te(S[0], e.isHorizontal() ? "width" : "height"), v.forEach((L) => {
-        L.style[e.isHorizontal() ? "width" : "height"] = `${l * (m.dynamicMainBullets + 4)}px`;
-      }), m.dynamicMainBullets > 1 && T !== void 0 && (a += y - (T || 0), a > m.dynamicMainBullets - 1 ? a = m.dynamicMainBullets - 1 : a < 0 && (a = 0)), E = Math.max(y - a, 0), x = E + (Math.min(S.length, m.dynamicMainBullets) - 1), k = (x + E) / 2), S.forEach((L) => {
-        const O = [...["", "-next", "-next-next", "-prev", "-prev-prev", "-main"].map((C) => `${m.bulletActiveClass}${C}`)].map((C) => typeof C == "string" && C.includes(" ") ? C.split(" ") : C).flat();
-        L.classList.remove(...O);
-      }), v.length > 1)
-        S.forEach((L) => {
-          const O = ce(L);
-          O === y ? L.classList.add(...m.bulletActiveClass.split(" ")) : e.isElement && L.setAttribute("part", "bullet"), m.dynamicBullets && (O >= E && O <= x && L.classList.add(...`${m.bulletActiveClass}-main`.split(" ")), O === E && c(L, "prev"), O === x && c(L, "next"));
-        });
-      else {
-        const L = S[y];
-        if (L && L.classList.add(...m.bulletActiveClass.split(" ")), e.isElement && S.forEach((O, C) => {
-          O.setAttribute("part", C === y ? "bullet-active" : "bullet");
-        }), m.dynamicBullets) {
-          const O = S[E], C = S[x];
-          for (let z = E; z <= x; z += 1)
-            S[z] && S[z].classList.add(...`${m.bulletActiveClass}-main`.split(" "));
-          c(O, "prev"), c(C, "next");
-        }
-      }
-      if (m.dynamicBullets) {
-        const L = Math.min(S.length, m.dynamicMainBullets + 4), O = (l * L - l) / 2 - k * l, C = p ? "right" : "left";
-        S.forEach((z) => {
-          z.style[e.isHorizontal() ? C : "top"] = `${O}px`;
-        });
-      }
-    }
-    v.forEach((S, E) => {
-      if (m.type === "fraction" && (S.querySelectorAll(Z(m.currentClass)).forEach((x) => {
-        x.textContent = m.formatFractionCurrent(y + 1);
-      }), S.querySelectorAll(Z(m.totalClass)).forEach((x) => {
-        x.textContent = m.formatFractionTotal(I);
-      })), m.type === "progressbar") {
-        let x;
-        m.progressbarOpposite ? x = e.isHorizontal() ? "vertical" : "horizontal" : x = e.isHorizontal() ? "horizontal" : "vertical";
-        const k = (y + 1) / I;
-        let L = 1, O = 1;
-        x === "horizontal" ? L = k : O = k, S.querySelectorAll(Z(m.progressbarFillClass)).forEach((C) => {
-          C.style.transform = `translate3d(0,0,0) scaleX(${L}) scaleY(${O})`, C.style.transitionDuration = `${e.params.speed}ms`;
-        });
-      }
-      m.type === "custom" && m.renderCustom ? (S.innerHTML = m.renderCustom(e, y + 1, I), E === 0 && n("paginationRender", S)) : (E === 0 && n("paginationRender", S), n("paginationUpdate", S)), e.params.watchOverflow && e.enabled && S.classList[e.isLocked ? "add" : "remove"](m.lockClass);
-    });
-  }
-  function g() {
-    const p = e.params.pagination;
-    if (o()) return;
-    const m = e.virtual && e.params.virtual.enabled ? e.virtual.slides.length : e.grid && e.params.grid.rows > 1 ? e.slides.length / Math.ceil(e.params.grid.rows) : e.slides.length;
-    let v = e.pagination.el;
-    v = R(v);
-    let y = "";
-    if (p.type === "bullets") {
-      let T = e.params.loop ? Math.ceil(m / e.params.slidesPerGroup) : e.snapGrid.length;
-      e.params.freeMode && e.params.freeMode.enabled && T > m && (T = m);
-      for (let A = 0; A < T; A += 1)
-        p.renderBullet ? y += p.renderBullet.call(e, A, p.bulletClass) : y += `<${p.bulletElement} ${e.isElement ? 'part="bullet"' : ""} class="${p.bulletClass}"></${p.bulletElement}>`;
-    }
-    p.type === "fraction" && (p.renderFraction ? y = p.renderFraction.call(e, p.currentClass, p.totalClass) : y = `<span class="${p.currentClass}"></span> / <span class="${p.totalClass}"></span>`), p.type === "progressbar" && (p.renderProgressbar ? y = p.renderProgressbar.call(e, p.progressbarFillClass) : y = `<span class="${p.progressbarFillClass}"></span>`), e.pagination.bullets = [], v.forEach((T) => {
-      p.type !== "custom" && (T.innerHTML = y || ""), p.type === "bullets" && e.pagination.bullets.push(...T.querySelectorAll(Z(p.bulletClass)));
-    }), p.type !== "custom" && n("paginationRender", v[0]);
-  }
-  function h() {
-    e.params.pagination = wr(e, e.originalParams.pagination, e.params.pagination, {
-      el: "swiper-pagination"
+}), Xt = ({
+  gamification: e,
+  scrollNode: t,
+  scrollStore: n,
+  leaderboardList: o
+}) => {
+  const s = L(null), {
+    data: r,
+    hasMore: l,
+    loading: d,
+    key: a
+  } = v(o.$store), {
+    data: c
+  } = v(e.deepLink.$store), [m, p] = He(s);
+  return !r.length && !d ? /* @__PURE__ */ i(Yt, {
+    deepLink: c
+  }) : /* @__PURE__ */ f(T, {
+    children: [/* @__PURE__ */ i(Ht, {
+      items: r,
+      scrollNode: t,
+      scrollStore: n,
+      fetchMore: o.fetchMore,
+      hasMore: l,
+      openItemDetail: e.openUser,
+      currentUserId: e.currentUserId.get()
+    }, a), c && /* @__PURE__ */ i(Zt, {
+      ref: s,
+      children: /* @__PURE__ */ i(Tt, {
+        "data-a": "intr",
+        onClick: () => m(c),
+        title: "Invite Friends",
+        description: "Challenge them now!"
+      })
+    }), p]
+  });
+}, en = ({
+  gamification: e,
+  scrollNode: t,
+  scrollStore: n
+}) => e.leaderboardList ? /* @__PURE__ */ i(Xt, {
+  leaderboardList: e.leaderboardList,
+  gamification: e,
+  scrollNode: t,
+  scrollStore: n
+}) : null, tn = ({ store: e, openQuestion: t }) => {
+  const { sdk: n } = G(), o = v(e);
+  return /* @__PURE__ */ i(Je, { openQuestion: t, questions: o.data, controlVideo: n == null ? void 0 : n.controlVideoPlayer });
+}, nn = ({ userSummary: e }) => {
+  var t;
+  const [n, o] = S(void 0);
+  return y(() => {
+    const s = e.$store.subscribe((r) => {
+      r && o(r);
     });
-    const p = e.params.pagination;
-    if (!p.el) return;
-    let m;
-    typeof p.el == "string" && e.isElement && (m = e.el.querySelector(p.el)), !m && typeof p.el == "string" && (m = [...document.querySelectorAll(p.el)]), m || (m = p.el), !(!m || m.length === 0) && (e.params.uniqueNavElements && typeof p.el == "string" && Array.isArray(m) && m.length > 1 && (m = [...e.el.querySelectorAll(p.el)], m.length > 1 && (m = m.find((v) => Xe(v, ".swiper")[0] === e.el))), Array.isArray(m) && m.length === 1 && (m = m[0]), Object.assign(e.pagination, {
-      el: m
-    }), m = R(m), m.forEach((v) => {
-      p.type === "bullets" && p.clickable && v.classList.add(...(p.clickableClass || "").split(" ")), v.classList.add(p.modifierClass + p.type), v.classList.add(e.isHorizontal() ? p.horizontalClass : p.verticalClass), p.type === "bullets" && p.dynamicBullets && (v.classList.add(`${p.modifierClass}${p.type}-dynamic`), a = 0, p.dynamicMainBullets < 1 && (p.dynamicMainBullets = 1)), p.type === "progressbar" && p.progressbarOpposite && v.classList.add(p.progressbarOppositeClass), p.clickable && v.addEventListener("click", u), e.enabled || v.classList.add(p.lockClass);
-    }));
-  }
-  function b() {
-    const p = e.params.pagination;
-    if (o()) return;
-    let m = e.pagination.el;
-    m && (m = R(m), m.forEach((v) => {
-      v.classList.remove(p.hiddenClass), v.classList.remove(p.modifierClass + p.type), v.classList.remove(e.isHorizontal() ? p.horizontalClass : p.verticalClass), p.clickable && (v.classList.remove(...(p.clickableClass || "").split(" ")), v.removeEventListener("click", u));
-    })), e.pagination.bullets && e.pagination.bullets.forEach((v) => v.classList.remove(...p.bulletActiveClass.split(" ")));
-  }
-  r("changeDirection", () => {
-    if (!e.pagination || !e.pagination.el) return;
-    const p = e.params.pagination;
-    let {
-      el: m
-    } = e.pagination;
-    m = R(m), m.forEach((v) => {
-      v.classList.remove(p.horizontalClass, p.verticalClass), v.classList.add(e.isHorizontal() ? p.horizontalClass : p.verticalClass);
+    return () => {
+      s();
+    };
+  }, [e]), /* @__PURE__ */ i(ke, { loading: !(n != null && n.summary), ...n == null ? void 0 : n.summary, successRate: (t = n == null ? void 0 : n.percentage) == null ? void 0 : t.correct });
+}, sn = ({ gamification: e, className: t, scrollStore: n, scrollNode: o, appNode: s, style: r, responsiveStore: l }) => {
+  const { tabsShown: d } = v(n, { keys: ["tabsShown"] }), a = v(e.friendsTabEnabled), [c, m] = S(M.HOME), [, p] = Ue(), { sdkInDesktopView: h, screen: g } = v(l, { keys: ["sdkInDesktopView"] }), b = (I) => {
+    p(() => {
+      var B;
+      m(I), h === !1 && (((B = s.current) == null ? void 0 : B.getBoundingClientRect().y) || 0) < 0 && H(s, g.size, { behavior: "instant" });
     });
-  }), r("init", () => {
-    e.params.pagination.enabled === !1 ? w() : (h(), g(), f());
-  }), r("activeIndexChange", () => {
-    typeof e.snapIndex > "u" && f();
-  }), r("snapIndexChange", () => {
-    f();
-  }), r("snapGridLengthChange", () => {
-    g(), f();
-  }), r("destroy", () => {
-    b();
-  }), r("enable disable", () => {
-    let {
-      el: p
-    } = e.pagination;
-    p && (p = R(p), p.forEach((m) => m.classList[e.enabled ? "remove" : "add"](e.params.pagination.lockClass)));
-  }), r("lock unlock", () => {
-    f();
-  }), r("click", (p, m) => {
-    const v = m.target, y = R(e.pagination.el);
-    if (e.params.pagination.el && e.params.pagination.hideOnClick && y && y.length > 0 && !v.classList.contains(e.params.pagination.bulletClass)) {
-      if (e.navigation && (e.navigation.nextEl && v === e.navigation.nextEl || e.navigation.prevEl && v === e.navigation.prevEl)) return;
-      const T = y[0].classList.contains(e.params.pagination.hiddenClass);
-      n(T === !0 ? "paginationShow" : "paginationHide"), y.forEach((A) => A.classList.toggle(e.params.pagination.hiddenClass));
-    }
-  });
-  const M = () => {
-    e.el.classList.remove(e.params.pagination.paginationDisabledClass);
-    let {
-      el: p
-    } = e.pagination;
-    p && (p = R(p), p.forEach((m) => m.classList.remove(e.params.pagination.paginationDisabledClass))), h(), g(), f();
-  }, w = () => {
-    e.el.classList.add(e.params.pagination.paginationDisabledClass);
-    let {
-      el: p
-    } = e.pagination;
-    p && (p = R(p), p.forEach((m) => m.classList.add(e.params.pagination.paginationDisabledClass))), b();
   };
-  Object.assign(e.pagination, {
-    enable: M,
-    disable: w,
-    render: g,
-    update: f,
-    init: h,
-    destroy: b
-  });
-}
-const yr = ({ data: t, gamification: e, onEvent: s, swipeable: r, autoplay: n }) => {
-  const i = D(), l = D(), { listOfQuestions: a, countQuestionsAvailable: o } = He(() => {
-    const g = t ? Object.values(t) : [];
-    return {
-      listOfQuestions: g,
-      countQuestionsAvailable: g.filter(({ marketClosed: h }) => !h).length
-    };
-  }, [t]), c = Re(
-    async (g, h) => {
-      try {
-        await e.betPackVote(g, h), s({
-          type: "slVoted",
-          payload: {
-            questionId: g,
-            answerId: h
-          }
-        });
-      } finally {
-        i.current && clearTimeout(i.current), n && (i.current = setTimeout(() => {
-          var b;
-          (b = l.current) == null || b.slideNext();
-        }, 2e3));
-      }
-    },
-    [e, s, n]
-  );
-  X(() => (s({
-    type: "slBetPackReady",
-    payload: {
-      next: () => {
-        var g;
-        return (g = l.current) == null ? void 0 : g.slideNext();
-      },
-      prev: () => {
-        var g;
-        return (g = l.current) == null ? void 0 : g.slidePrev();
-      },
-      current: 0,
-      canNext: !0,
-      canPrev: !1
-    }
-  }), () => {
-    i.current && clearTimeout(i.current);
-  }), [s]);
-  const d = (g) => {
-    var h;
-    const b = g.realIndex;
-    if (s({
-      type: "slBetPackChangeCard",
-      payload: {
-        current: b,
-        canNext: b < Object.keys(t).length + 1,
-        canPrev: b >= 1
-      }
-    }), b !== 0 && b !== Object.keys(t).length + 1 && (h = a[b - 1]) != null && h.id) {
-      e.openQuestion(a[b - 1].id, {
-        openedFrom: "bet-pack",
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-expect-error
-        attributes: {
-          id: a[b - 1].id,
-          type: a[b - 1].type,
-          status: a[b - 1].status,
-          attributes: {
-            case: void 0
-          }
-        }
-      });
+  y(() => n.subscribe((I) => {
+    if (I.scrollPosition === 0) {
+      n.setKey("tabsShown", !0);
       return;
     }
-    e.closeQuestion();
-  }, [u, f] = W(1.1);
-  return X(() => {
-    const g = St(() => {
-      var h;
-      const b = (h = l.current) == null ? void 0 : h.size;
-      if (!b)
-        return;
-      const M = 1 + 30 / (b / 100) / 100 * 2;
-      f(Math.ceil(M * 1e3) / 1e3);
-    }, 200);
-    return window.addEventListener("resize", g), g(), () => {
-      window.removeEventListener("resize", g);
-    };
-  }, []), /* @__PURE__ */ F(
-    Ks,
-    {
-      slidesPerView: u,
-      spaceBetween: 12,
-      centeredSlides: !0,
-      centerInsufficientSlides: !0,
-      allowTouchMove: r,
-      pagination: {
-        clickable: !0
-      },
-      modules: [br],
-      onSlideChange: d,
-      onBeforeSlideChangeStart: () => {
-        i.current && clearTimeout(i.current);
-      },
-      onSwiper: (g) => {
-        l.current = g;
-      },
-      children: [
-        /* @__PURE__ */ P(ae, { children: /* @__PURE__ */ P(vr, { sliderRef: l, countQuestionsAvailable: o }) }),
-        a.map((g) => g ? /* @__PURE__ */ P(ae, { children: /* @__PURE__ */ P(me, { children: /* @__PURE__ */ P(pr, { question: g, vote: c }) }, g.id) }) : null),
-        /* @__PURE__ */ P(ae, { children: /* @__PURE__ */ P(dr, { onEvent: s }) })
-      ]
-    }
-  );
-}, Sr = ({ gamification: t, autoplay: e, overlay: s, swipeable: r, onEvent: n }) => {
-  const i = Se(t.betPack.getStore()), { error: l, loading: a, data: o } = i;
-  return a || !Object.hasOwn(i, "data") ? /* @__PURE__ */ P(Le, {}) : l ? /* @__PURE__ */ P(
-    Ie,
-    {
-      onEvent: n,
-      actionFn: () => n({ type: "slHardRefresh" }),
-      description: l instanceof bt && l.code !== yt.InvalidArgument ? `The event ID was not
-specified or is invalid.` : `The server is unable to
-handle this request.`
-    }
-  ) : !o || !o.timestamp || !o.data || !Object.keys(o.data).length ? /* @__PURE__ */ P(
-    Ie,
+    l.get().sdkInDesktopView ? n.setKey("tabsShown", I.scrollDirection === "backward") : n.setKey("tabsShown", I.scrollDirection === "forward");
+  }), [n, l]), y(() => {
+    a || m(M.HOME);
+  }, [a]);
+  let $ = "0px";
+  return h ? $ = d ? "0px" : "calc(0px - var(--header-height))" : $ = d ? "var(--header-height)" : "0px", /* @__PURE__ */ f(Be, { className: E(t, "SL-Tabs", "sl-hide-on-modal"), style: r, children: [
+    a && /* @__PURE__ */ i(
+      Fe,
+      {
+        style: {
+          top: $
+        },
+        children: /* @__PURE__ */ i(St, { activePage: c, toggleActivePage: b })
+      }
+    ),
+    c === M.HOME && /* @__PURE__ */ f(T, { children: [
+      /* @__PURE__ */ i(ze, { children: /* @__PURE__ */ i(Pe, { children: /* @__PURE__ */ i(nn, { userSummary: e.userSummary }) }) }),
+      /* @__PURE__ */ i(Ve, { style: { flex: 1 }, children: /* @__PURE__ */ i(tn, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
+    ] }),
+    c === M.LEADERBOARD && /* @__PURE__ */ i(qe, { children: /* @__PURE__ */ i(en, { scrollStore: n, scrollNode: o, gamification: e }) })
+  ] });
+}, on = () => W, re = /* @__PURE__ */ u(on())({
+  name: "OpenedContainer",
+  class: "ouvguos",
+  propsAsIs: !0
+}), le = "t1eu4lbg", an = /* @__PURE__ */ u("div")({
+  name: "UserContainer",
+  class: "uuv2xqo",
+  propsAsIs: !1
+}), rn = ({
+  correct: e,
+  incorrect: t
+}) => {
+  const n = e + t;
+  return n === 0 ? 0 : Math.round(e / n * 100);
+}, zs = ({
+  gamification: e,
+  scrollStore: t,
+  className: n,
+  appNode: o,
+  scrollNode: s,
+  responsiveStore: r
+}) => /* @__PURE__ */ i(sn, {
+  appNode: o,
+  scrollStore: t,
+  scrollNode: s,
+  className: n,
+  gamification: e,
+  responsiveStore: r
+}), ln = ({
+  gamification: e,
+  muted: t,
+  sdk: n,
+  className: o,
+  appNode: s,
+  responsiveStore: r
+}) => {
+  const {
+    topNavigation: l
+  } = G(), d = v(e.openedQuestionId), a = v(e.openedQuestion.$store), c = v(e.openedUser || ye(void 0)), {
+    sdkInDesktopView: m
+  } = v(r, {
+    keys: ["sdkInDesktopView"]
+  }), {
+    hiding: p,
+    onAnimationEnd: h
+  } = je();
+  if (!d && !c)
+    return null;
+  const g = a ? /* @__PURE__ */ i(re, {
+    className: E(o, !l && le),
+    hiding: p,
+    onAnimationEnd: h,
+    children: /* @__PURE__ */ i(rt, {
+      muted: t,
+      sdk: n,
+      gamification: e
+    })
+  }) : c ? /* @__PURE__ */ i(re, {
+    className: E(o, !l && le),
+    hiding: p,
+    onAnimationEnd: h,
+    children: /* @__PURE__ */ f(an, {
+      children: [/* @__PURE__ */ i(dt, {
+        label: "Friend's Rank",
+        close: e.closeUser
+      }), /* @__PURE__ */ i(Ke, {
+        children: /* @__PURE__ */ i(ke, {
+          ...c,
+          successRate: rn(c)
+        })
+      })]
+    })
+  }) : null;
+  return /* @__PURE__ */ i(Ne, {
+    container: s,
+    useContainer: !m,
+    children: g
+  });
+}, dn = xe(() => import("./gamification-feature.js")), cn = ({ sdk: e, feature: t, className: n, scrollStore: o, appNode: s, scrollNode: r, responsiveStore: l }) => {
+  const d = C(() => t && t.featureConfig.get().type === N.GAMES ? /* @__PURE__ */ i(It, { className: n, sdk: e, feature: t, children: /* @__PURE__ */ i(
+    dn,
     {
-      onEvent: n,
-      actionFn: () => n({ type: "slHardRefresh" }),
-      description: `It looks like we couldn't
- load the questions.`
+      appNode: s,
+      scrollStore: o,
+      scrollNode: r,
+      className: n,
+      responsiveStore: l,
+      gamification: t
     }
-  ) : /* @__PURE__ */ P(
-    yr,
+  ) }) : null, [e, t, n, l, o, r, s]);
+  return /* @__PURE__ */ i(
+    Le,
     {
-      data: o.data,
-      gamification: t,
-      onEvent: n,
-      swipeable: r,
-      autoplay: e,
-      overlay: s
+      fallback: /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
+      children: d
     }
   );
-}, Er = /* @__PURE__ */ _("div")({
-  name: "BetPackContainer",
-  class: "b18vssq2",
+}, pn = ({ feature: e, sdk: t, muted: n, className: o, appNode: s, responsiveStore: r }) => e && e.featureConfig.get().type === N.GAMES ? /* @__PURE__ */ i(
+  ln,
+  {
+    className: o,
+    appNode: s,
+    muted: n,
+    sdk: t,
+    responsiveStore: r,
+    gamification: e
+  }
+) : null;
+window.dispatchEvent(new CustomEvent("grpc_devtools_loaded"));
+function un(e) {
+  return e instanceof DOMException && // everything except Firefox
+  (e.code === 22 || // Firefox
+  e.code === 1014 || // test name field too, because code might not be present
+  // everything except Firefox
+  e.name === "QuotaExceededError" || // Firefox
+  e.name === "NS_ERROR_DOM_QUOTA_REACHED");
+}
+class mn {
+  constructor(t = "main", n = window.localStorage) {
+    k(this, "delimiter", ":");
+    k(this, "prefix");
+    k(this, "storage");
+    k(this, "clear", () => {
+      for (const t in window.localStorage)
+        t.startsWith(this.prefix) && this.storage.removeItem(t);
+    });
+    k(this, "generateKey", (t) => `${this.prefix}${this.delimiter}${t.join(this.delimiter)}`);
+    k(this, "write", (...t) => {
+      const n = t.pop() || "", o = this.generateKey(t);
+      try {
+        this.storage.setItem(o, n);
+      } catch (s) {
+        un(s) && this.storage === window.sessionStorage && (window.sessionStorage.removeItem("slstreamlogs"), this.storage.setItem(o, n));
+      }
+    });
+    k(this, "read", (...t) => {
+      const n = this.storage.getItem(this.generateKey(t));
+      return n === null ? void 0 : n;
+    });
+    k(this, "remove", (...t) => {
+      this.storage.removeItem(this.generateKey(t));
+    });
+    this.prefix = `sl-sdk${this.delimiter}${t}`, this.storage = n;
+  }
+}
+var de;
+(function(e) {
+  e.Init = "init", e.Ready = "ready", e.Connecting = "connecting", e.Connected = "connected", e.Disconnected = "disconnected", e.Failed = "failed", e.Reconnect = "reconnect", e.Reconnecting = "reconnecting";
+})(de || (de = {}));
+U("grpc:stream");
+x.Unknown, x.Internal, x.DeadlineExceeded, x.ResourceExhausted, x.FailedPrecondition, x.Unavailable, x.DataLoss;
+U("grpc:retry");
+ee(10, { description: "Number of attempts to retry" }), ee(3e4, { description: "Max delay between retries in milliseconds" });
+var A;
+(function(e) {
+  e.SCHEMA = "schema", e.EXTERNAL_TOKEN = "eToken", e.TOKEN = "token";
+})(A || (A = {}));
+class hn extends mn {
+  constructor() {
+    super("user");
+    // Schema
+    k(this, "setSchema", (n) => {
+      this.write(A.SCHEMA, n);
+    });
+    k(this, "getSchema", () => this.read(A.SCHEMA));
+    // Token
+    k(this, "setToken", (n) => {
+      this.write(A.TOKEN, n);
+    });
+    k(this, "getToken", () => this.read(A.TOKEN));
+    // External Token
+    k(this, "setExternalToken", (n) => {
+      this.write(A.EXTERNAL_TOKEN, n);
+    });
+    k(this, "getExternalToken", () => this.read(A.EXTERNAL_TOKEN));
+    k(this, "removeToken", () => {
+      this.remove(A.TOKEN);
+    });
+  }
+}
+var ce;
+(function(e) {
+  e.DISABLED = "disabled", e.INITIALIZATION = "initialization", e.READY = "ready", e.FAILED = "failed", e.SUSPENDED = "suspended";
+})(ce || (ce = {}));
+var pe;
+(function(e) {
+  e.SHOWED = "showed", e.EVENT = "ev";
+})(pe || (pe = {}));
+var ue;
+(function(e) {
+  e.ONBOARDING = "onboarding", e.ONBOARDING_IO = "onboarding_io", e.QUESTION_RECEIVED = "q-received", e.QUESTION_OPENED = "q-opened";
+})(ue || (ue = {}));
+var me;
+(function(e) {
+  e.ALLOWED = "allowed", e.DISALLOWED = "disallowed";
+})(me || (me = {}));
+var he;
+(function(e) {
+  e.UNKNOWN = "unknown", e.ALREADY_VOTED = "already_voted";
+})(he || (he = {}));
+U("deep_link");
+U("bypass");
+new hn();
+U("video_player");
+w.FACTOID + "", w.POLL + "", w.TRIVIA + "", w.PREDICTION + "", w.TWEET + "";
+var ve;
+(function(e) {
+  e.Unset = "unset", e.Required = "required", e.Optional = "optional", e.Completed = "completed", e.Disabled = "disabled", e.Unavailable = "unavailable";
+})(ve || (ve = {}));
+w.POLL, w.PREDICTION, w.TRIVIA;
+const vn = {
+  [N.GAMES]: !0
+}, fn = /* @__PURE__ */ u("div")({
+  name: "Buttons",
+  class: "b5o8qbl",
+  propsAsIs: !1
+}), gn = ({
+  children: e,
+  className: t
+}) => /* @__PURE__ */ i(fn, {
+  className: t,
+  children: e
+}), $e = /* @__PURE__ */ u("div")({
+  name: "Navigation",
+  class: "n6tbwuy",
+  propsAsIs: !1
+}), In = () => gn, fe = /* @__PURE__ */ u(In())({
+  name: "NavigationItems",
+  class: "n1up4z7v",
+  propsAsIs: !0
+}), bn = /* @__PURE__ */ u("button")({
+  name: "SButton",
+  class: "sxxa0c",
   propsAsIs: !1
-}), ie = "slBetPackCb", xr = gt("betPack-ui"), Tr = (t, e = {}) => {
-  var s, r;
-  const { questionId: n, answerId: i } = e, l = { questionId: n, answerId: i };
-  xr.debug({ id: ie, type: t, ...l }), (s = window.top) == null || s.postMessage({ id: ie, type: t, ...l }, "*"), window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers[ie] && window.webkit.messageHandlers[ie].postMessage({ type: t, ...l }), (r = window.slBetPackCb) != null && r.postMessage && window.slBetPackCb.postMessage(JSON.stringify({ type: t, ...l, from: "base" }));
-}, Cr = (t) => {
-  Tr(t.type, t.payload);
-}, Pr = /* @__PURE__ */ _("div")({
+}), kn = /* @__PURE__ */ u("span")({
+  name: "ButtonIcon",
+  class: "b193dcyu",
+  propsAsIs: !1
+}), yn = /* @__PURE__ */ u("span")({
+  name: "ButtonLabel",
+  class: "b40tuix",
+  propsAsIs: !1
+}), Nn = "s14xk0af", Sn = "ha3mg7c", $n = "h103yr45", z = ({ disabled: e, active: t, onClick: n, label: o, icon: s, id: r }) => /* @__PURE__ */ i(
+  bn,
+  {
+    onClick: n,
+    "data-a": "intr",
+    disabled: e,
+    className: E(
+      t && Nn,
+      !t && (r === "channels" || r === "featuredGroups") && Sn,
+      !t && r === "leaderboard" && $n
+    ),
+    children: /* @__PURE__ */ f(T, { children: [
+      s && /* @__PURE__ */ i(kn, { children: s }),
+      /* @__PURE__ */ i(yn, { children: o })
+    ] })
+  }
+), An = () => D, wn = /* @__PURE__ */ u(An())({
+  name: "ButtonIcon",
+  class: "b11wpe79",
+  propsAsIs: !0
+}), Cn = /* @__PURE__ */ u("div")({
   name: "Container",
-  class: "c1mj28sn",
+  class: "calnblm",
   propsAsIs: !1
-}), Mr = /* @__PURE__ */ _("button")({
-  name: "CloseButton",
-  class: "coc9f01",
+}), En = /* @__PURE__ */ u("div")({
+  name: "Title",
+  class: "t1438p52",
   propsAsIs: !1
-}), Fe = "b590k5k", kr = () => te, pt = /* @__PURE__ */ _(kr())({
-  name: "IconArrowPrev",
-  class: "i1tkem14",
+}), Rn = /* @__PURE__ */ u("div")({
+  name: "CloseIconWrap",
+  class: "c17srj38",
+  propsAsIs: !1
+}), xn = () => D, Ln = /* @__PURE__ */ u(xn())({
+  name: "CloseIcon",
+  class: "clqia8k",
   propsAsIs: !0
-}), Ir = () => pt, Lr = /* @__PURE__ */ _(Ir())({
-  name: "IconArrowNext",
-  class: "i175qlj5",
+}), Tn = () => D, Dn = /* @__PURE__ */ u(Tn())({
+  name: "DashboardIcon",
+  class: "df5w958",
   propsAsIs: !0
-}), Ar = /* @__PURE__ */ _("div")({
-  name: "Header",
-  class: "h1foi3kz",
+}), On = "h12x6aiv", _n = be(({
+  sdk: e,
+  className: t
+}, n) => {
+  const o = () => {
+    e.closeFeature();
+  };
+  return /* @__PURE__ */ f($e, {
+    className: E(t, On),
+    children: [/* @__PURE__ */ f(Cn, {
+      children: [/* @__PURE__ */ f(En, {
+        children: [/* @__PURE__ */ i(Dn, {
+          name: "dashboard"
+        }), "Dashboard"]
+      }), /* @__PURE__ */ i(Rn, {
+        "data-a": "intr",
+        onClick: o,
+        children: /* @__PURE__ */ i(Ln, {
+          name: "icon-cross"
+        })
+      })]
+    }), /* @__PURE__ */ i("div", {
+      ref: n
+    })]
+  });
+}), Mn = be(({
+  sdk: e,
+  className: t
+}, n) => {
+  const o = v(e.sdkStore.organizationSettings), s = v(e.sdkStore.streamSettings), r = v(e.getActiveFeature()), l = C(() => {
+    const a = (s == null ? void 0 : s.data) || (o == null ? void 0 : o.data);
+    return a != null && a.overlays ? a.overlays : [];
+  }, [o, s]), d = C(() => [...l.filter(({
+    enableSdkButton: a,
+    type: c
+  }) => c === N.GAMES || a).map((a) => ({
+    id: a.type,
+    onClick: () => e.openFeature(a.type),
+    disabled: !(a.type in vn),
+    label: a.name,
+    icon: /* @__PURE__ */ i("img", {
+      src: a.icon,
+      alt: ""
+    }),
+    /** multiplied by 10 to add the ability to insert custom buttons between our buttons */
+    position: a.position * 10
+  }))].sort((a, c) => a.position - c.position), [l, e]);
+  return /* @__PURE__ */ f($e, {
+    className: t,
+    children: [d.length !== 0 && /* @__PURE__ */ i(fe, {
+      children: [/* @__PURE__ */ i(z, {
+        id: "Channels",
+        onClick: () => e.closeFeature(),
+        label: "Channels",
+        active: r === 0
+      }, "Channels"), ...d.map((a) => a.id === N.GAMES ? /* @__PURE__ */ i(z, {
+        ...a,
+        active: a.id === r,
+        label: "StreamLayer +",
+        id: "featuredGroups",
+        icon: /* @__PURE__ */ i(wn, {
+          name: "icon-btn-feature-groups",
+          "data-selected": a.id === r
+        })
+      }, a.id) : /* @__PURE__ */ i(z, {
+        ...a,
+        icon: void 0,
+        active: a.id === r
+      }, a.id))]
+    }), !d.length && /* @__PURE__ */ i(fe, {
+      children: [/* @__PURE__ */ i(z, {
+        id: "empty",
+        label: "No Features...",
+        active: !1,
+        disabled: !0
+      }, "empty")]
+    }), /* @__PURE__ */ i("div", {
+      ref: n
+    })]
+  });
+}), Un = /* @__PURE__ */ u("div")({
+  name: "Container",
+  class: "c1qjj4d4",
   propsAsIs: !1
-}), Or = /* @__PURE__ */ _("div")({
-  name: "HeaderTitle",
-  class: "hc2d48a",
+}), Bn = /* @__PURE__ */ u("div")({
+  name: "CloseIconWrap",
+  class: "c1lg6b8a",
   propsAsIs: !1
-}), zr = /* @__PURE__ */ _("div")({
-  name: "Main",
-  class: "mgfyjlp",
+}), Fn = () => D, zn = /* @__PURE__ */ u(Fn())({
+  name: "CloseIcon",
+  class: "c159el66",
+  propsAsIs: !0
+}), Pn = /* @__PURE__ */ u("div")({
+  name: "Title",
+  class: "t16xmufv",
   propsAsIs: !1
-}), _r = /* @__PURE__ */ _("div")({
-  name: "Footer",
-  class: "f1vakhu9",
+}), Vn = /* @__PURE__ */ u("img")({
+  name: "SponsorLogo",
+  class: "s83lc21",
   propsAsIs: !1
-}), je = /* @__PURE__ */ _("button")({
-  name: "SlideSwitchButton",
-  class: "spp13y7",
+}), qn = /* @__PURE__ */ u("div")({
+  name: "PresentsTitle",
+  class: "p1p7igia",
   propsAsIs: !1
-}), Hr = Ae(({ sdk: t, onEvent: e, close: s }, r) => {
-  const [n, i] = W(), [l, a] = W(), o = Re(
-    (c) => {
-      if (c.type === "slBetPackReady") {
-        const { next: d, prev: u, current: f, canNext: g, canPrev: h } = c.payload || {};
-        i({ next: d, prev: u }), a((b) => ({
-          current: b != null && b.current ? b == null ? void 0 : b.current : f,
-          canPrev: b != null && b.current ? b == null ? void 0 : b.canPrev : h,
-          canNext: g
-        }));
-      }
-      if (c.type === "slBetPackChangeCard") {
-        const { current: d, canNext: u, canPrev: f } = c.payload || {};
-        a({ current: d, canNext: u, canPrev: f });
-      }
-      e == null || e(c);
-    },
-    [e]
-  );
-  return X(() => () => {
-    var c;
-    const d = t.getFeature(qe.GAMES);
-    d && ((c = d.betPack) == null || c.off());
-  }, [t]), /* @__PURE__ */ F(Pr, { ref: r, children: [
-    /* @__PURE__ */ F(Ar, { children: [
-      /* @__PURE__ */ F(Or, { children: [
-        /* @__PURE__ */ P(te, { name: "fgIcon" }),
-        "Featured Groups+"
-      ] }),
-      /* @__PURE__ */ P(Mr, { "data-a": "intr", onClick: s, children: /* @__PURE__ */ P(te, { name: "icon-close-btn-gray" }) })
+}), jn = /* @__PURE__ */ u("div")({
+  name: "Subtitle",
+  class: "s1eftsbu",
+  propsAsIs: !1
+}), Kn = /* @__PURE__ */ u("div")({
+  name: "Description",
+  class: "d8uezec",
+  propsAsIs: !1
+}), Qn = /* @__PURE__ */ u("button")({
+  name: "ActionButton",
+  class: "a1h1bk90",
+  propsAsIs: !1
+}), ge = ({ close: e, action: t, onboarding: n }) => {
+  var o, s, r, l, d, a, c, m;
+  return /* @__PURE__ */ f(Un, { children: [
+    /* @__PURE__ */ i(Bn, { "data-a": "intr", onClick: e, children: /* @__PURE__ */ i(zn, { name: "icon-cross" }) }),
+    ((s = (o = n == null ? void 0 : n.titleCard) == null ? void 0 : o.media) == null ? void 0 : s.sponsorLogo) && /* @__PURE__ */ f(Pn, { children: [
+      /* @__PURE__ */ i(Vn, { alt: "sponsor-logo", src: (l = (r = n == null ? void 0 : n.titleCard) == null ? void 0 : r.media) == null ? void 0 : l.sponsorLogo }),
+      /* @__PURE__ */ i(qn, { children: "PRESENTS" })
     ] }),
-    /* @__PURE__ */ P(zr, { children: /* @__PURE__ */ P(Gr, { sdk: t, onEvent: o, overlay: !0 }) }),
-    /* @__PURE__ */ F(_r, { children: [
-      /* @__PURE__ */ P(je, { "data-a": "intr", onClick: n == null ? void 0 : n.prev, disabled: !(l != null && l.canPrev), children: /* @__PURE__ */ P(pt, { "data-a": "intr", name: "iconArrowPrev", className: Ee((l == null ? void 0 : l.canPrev) && Fe) }) }),
-      /* @__PURE__ */ P(je, { "data-a": "intr", onClick: n == null ? void 0 : n.next, disabled: !(l != null && l.canNext), children: /* @__PURE__ */ P(Lr, { "data-a": "intr", name: "iconArrowPrev", className: Ee((l == null ? void 0 : l.canNext) && Fe) }) })
-    ] })
+    ((d = n == null ? void 0 : n.titleCard) == null ? void 0 : d.title) && /* @__PURE__ */ i(jn, { children: (a = n == null ? void 0 : n.titleCard) == null ? void 0 : a.title }),
+    ((c = n == null ? void 0 : n.titleCard) == null ? void 0 : c.subtitle) && /* @__PURE__ */ i(Kn, { children: (m = n == null ? void 0 : n.titleCard) == null ? void 0 : m.subtitle }),
+    /* @__PURE__ */ i(Qn, { "data-a": "intr", onClick: t, children: "Play Now" })
   ] });
-}), $r = ({ user: t, gamification: e, overlay: s, swipeable: r, onEvent: n }) => t.data ? e ? /* @__PURE__ */ P(Sr, { overlay: s, gamification: e, onEvent: n, swipeable: r }) : /* @__PURE__ */ P(Le, {}) : t.error && !t.loading ? /* @__PURE__ */ P(
-  Ie,
-  {
-    onEvent: n,
-    actionFn: () => n({ type: "slHardRefresh" }),
-    description: `You are not authorized to
-view this resource.`
-  }
-) : /* @__PURE__ */ P(Le, {}), Gr = wt(({ sdk: t, swipeable: e = !0, onEvent: s = Cr, overlay: r }) => {
-  const n = Se(t.featuresList.getStore()), i = He(() => t.getFeature(qe.GAMES), [n]), l = Se(t.getUserStore());
-  return X(() => (t.writeOverlaySessionId(), () => {
-    t.writeOverlaySessionId("");
-  }), []), /* @__PURE__ */ P(
-    Er,
-    {
-      className: Ee("SL-BetPack", r && "SL-BetPack--overlay", !r && "SL-BetPack--standalone"),
-      children: /* @__PURE__ */ P($r, { overlay: r, user: l, gamification: i, onEvent: s, swipeable: e })
-    }
-  );
-});
+}, Q = [{
+  graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_1.png",
+  tagline: "",
+  headline: /* @__PURE__ */ f(T, {
+    children: ["Welcome to ", /* @__PURE__ */ i("br", {}), " Live Challenge"]
+  })
+}, {
+  graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_2.png",
+  headline: "Live insights, polls, trivia and predictions."
+}, {
+  graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_3.png",
+  headline: "Win points and play against friends."
+}], Wn = /* @__PURE__ */ u("div")({
+  name: "OnboardingContainer",
+  class: "o1xni1kr",
+  propsAsIs: !1
+}), Gn = () => W, Hn = /* @__PURE__ */ u(Gn())({
+  name: "OnboardingNotificationContainer",
+  class: "o1vnouv7",
+  propsAsIs: !0
+}), Ie = /* @__PURE__ */ u("div")({
+  name: "InnerContainer",
+  class: "i59uefw",
+  propsAsIs: !1
+}), Jn = /* @__PURE__ */ u("div")({
+  name: "OnboardingOverlap",
+  class: "ovnr8ov",
+  propsAsIs: !1
+}), Yn = ({
+  deepLink: e,
+  onboardingOpts: t,
+  notification: n,
+  gamification: o,
+  loading: s,
+  sdk: r,
+  throttled: l
+}) => {
+  var d, a, c, m, p, h, g;
+  const b = v(o.friends ? o.friends.getStore() : ye({
+    data: []
+  })), [$, I] = S(void 0), B = C(() => {
+    var R, _;
+    const J = r.getInviter();
+    return J ? (_ = (R = b.data) == null ? void 0 : R.find(({
+      slId: we
+    }) => we === J)) == null ? void 0 : _.name : "";
+  }, [b.data, r]);
+  return y(() => {
+    const R = e.$store.subscribe((_) => {
+      _ && I(_.data);
+    });
+    return () => {
+      R();
+    };
+  }, [e.$store]), /* @__PURE__ */ f(Wn, {
+    children: [/* @__PURE__ */ i(Ze, {
+      loading: s,
+      rules: [{
+        label: "Answer as many questions as you like.",
+        icon: "icon-btn-feature-groups"
+      }, {
+        label: "Win points for each correct trivia or prediction answer.",
+        icon: "icon-thumb-up"
+      }, {
+        label: "Top the leader board and best your friends.",
+        icon: "icon-trophy"
+      }],
+      rulesBtnLabel: (d = t.rules) == null ? void 0 : d.buttonLabel,
+      rulesTitle: (a = t.rules) == null ? void 0 : a.heading,
+      termsTitle: "Terms and Conditions",
+      termsText: (c = t.rules) == null ? void 0 : c.terms,
+      steps: Q,
+      primaryColor: (m = t.inviteCard) == null ? void 0 : m.iconColor,
+      inviteLink: $,
+      inviteCardTitle: (p = t.inviteCard) == null ? void 0 : p.heading,
+      inviteCardSubtext: (h = t.inviteCard) == null ? void 0 : h.subtext,
+      inviteCardBtnLabel: (g = t.inviteCard) == null ? void 0 : g.buttonLabel,
+      onClose: () => {
+        var R;
+        (R = n.close) == null || R.call(n);
+      },
+      gamification: o,
+      sdk: r,
+      inviterName: B
+    }), l && /* @__PURE__ */ i(Jn, {})]
+  });
+}, Zn = ({
+  sdk: e,
+  notification: t,
+  saveHeight: n,
+  style: o,
+  appNode: s,
+  sdkInDesktopView: r,
+  responsiveStore: l
+}) => {
+  const d = L(null), a = t.data.onboarding, [c, m] = S(a == null ? void 0 : a.instantOpen), p = e.getFeature(N.GAMES), h = C(() => Q == null ? void 0 : Q.map(({
+    graphicSrc: I
+  }) => I), []), {
+    screen: g
+  } = v(l, {
+    keys: ["screen"]
+  });
+  Te(() => {
+    var I;
+    n(((I = d.current) == null ? void 0 : I.getBoundingClientRect().height) || 0);
+  }, [n]);
+  const {
+    loading: b,
+    throttled: $
+  } = Ye(h);
+  return c && p && a && s.current ? /* @__PURE__ */ i(Ne, {
+    container: s,
+    useContainer: !r,
+    children: /* @__PURE__ */ i(Yn, {
+      throttled: $,
+      notification: t,
+      setOpened: m,
+      gamification: p,
+      onboardingOpts: a,
+      deepLink: p.deepLink,
+      loading: b,
+      renderToNode: s,
+      sdk: e
+    })
+  }) : /* @__PURE__ */ f(T, {
+    children: [/* @__PURE__ */ i(Ie, {
+      ref: d,
+      style: {
+        position: "absolute",
+        visibility: "hidden"
+      },
+      children: /* @__PURE__ */ i(ge, {
+        close: () => {
+        },
+        action: () => {
+        },
+        onboarding: a
+      })
+    }), /* @__PURE__ */ i(Hn, {
+      style: o,
+      hiding: t.hiding,
+      children: /* @__PURE__ */ i(Ie, {
+        children: /* @__PURE__ */ i(ge, {
+          close: t.close,
+          action: () => {
+            var I;
+            m(!0), (((I = s.current) == null ? void 0 : I.getBoundingClientRect().y) || 0) < 0 && H(s, g.size, {
+              behavior: "smooth"
+            });
+          },
+          onboarding: a
+        })
+      })
+    })]
+  });
+}, Xn = () => W, es = /* @__PURE__ */ u(Xn())({
+  name: "Container",
+  class: "c8ol1ve",
+  propsAsIs: !0
+}), Ae = /* @__PURE__ */ u("div")({
+  name: "InnerContainer",
+  class: "iqfywam",
+  propsAsIs: !1
+}), ts = () => Ae, ns = /* @__PURE__ */ u(ts())({
+  name: "HiddenContainer",
+  class: "hokmtod",
+  propsAsIs: !0
+}), ss = /* @__PURE__ */ u("div")({
+  name: "NotificationRefreshing",
+  class: "n192d1q8",
+  propsAsIs: !1
+}), os = () => Xe, is = /* @__PURE__ */ u(os())({
+  name: "Pill",
+  class: "p1lha68t",
+  propsAsIs: !0
+}), as = (e) => {
+  const [t, n] = S(0), o = L(null), s = C(() => new ResizeObserver((d) => {
+    window.requestAnimationFrame(() => {
+      var a;
+      if (Array.isArray(d)) {
+        for (const c of d)
+          if (c.contentBoxSize) {
+            const m = (a = o.current) == null ? void 0 : a.getBoundingClientRect();
+            m && n(m.height);
+          }
+      }
+    });
+  }), []), r = j((d) => {
+    o.current = d;
+  }, []), l = j((d) => {
+    n(d);
+  }, []);
+  return y(() => {
+    const d = o.current;
+    return d ? (s.observe(d), () => {
+      s.unobserve(d);
+    }) : () => {
+    };
+  }, [e]), y(() => () => {
+    s.disconnect();
+  }), [r, t, l];
+}, rs = ({
+  sdk: e,
+  notification: t,
+  appNode: n,
+  responsiveStore: o,
+  hasActiveFeature: s
+}) => {
+  var r, l;
+  const {
+    sdkInDesktopView: d
+  } = v(o, {
+    keys: ["sdkInDesktopView"]
+  }), {
+    sdk: a
+  } = G(), [c, m, p] = as(t.id);
+  let h = m;
+  return s || (h = "auto"), t.type === P.QUESTION ? /* @__PURE__ */ f(T, {
+    children: [/* @__PURE__ */ i(ns, {
+      ref: c,
+      children: /* @__PURE__ */ i(te, {
+        ...t
+      })
+    }), /* @__PURE__ */ f(es, {
+      style: {
+        height: t.hiding ? 0 : h
+      },
+      hiding: t.hiding,
+      children: [/* @__PURE__ */ i(Ae, {
+        style: {
+          height: "100%"
+        },
+        children: /* @__PURE__ */ i(te, {
+          ...t,
+          controlVideo: a == null ? void 0 : a.controlVideoPlayer
+        })
+      }), /* @__PURE__ */ i(ss, {}, t.id)]
+    })]
+  }) : t.type === P.QUESTION_RESOLVED && (l = (r = t.data) == null ? void 0 : r.question) != null && l.predictionResult ? /* @__PURE__ */ i(et, {
+    style: {
+      height: t.hiding ? 0 : m
+    },
+    saveHeight: p,
+    close: t.close,
+    hiding: t.hiding,
+    ...t.data.question
+  }) : t.type === P.ONBOARDING ? /* @__PURE__ */ i(Zn, {
+    style: {
+      height: t.hiding ? 0 : h
+    },
+    saveHeight: p,
+    sdk: e,
+    notification: t,
+    sdkInDesktopView: d,
+    appNode: n,
+    responsiveStore: o
+  }) : null;
+}, ls = "p7vfi6t", ds = ({
+  pill: e,
+  setPill: t,
+  appNode: n,
+  headerNode: o,
+  scrollNode: s,
+  responsiveStore: r,
+  scrollStore: l
+}) => {
+  var d, a;
+  const {
+    screen: c
+  } = v(r, {
+    keys: ["screen"]
+  }), {
+    tabsShown: m,
+    scrollPosition: p
+  } = v(l, {
+    keys: ["tabsShown", "scrollPosition"]
+  });
+  y(() => {
+    r.get().sdkInDesktopView ? p < 50 && t(null) : p > -50 && t(null);
+  }, [p, r, t]);
+  const h = r.get().sdkInDesktopView ? n : o;
+  return !e || !h.current ? null : ht(/* @__PURE__ */ i(is, {
+    title: e.type === P.QUESTION_RESOLVED ? "Prediction result" : `New ${((a = mt[(d = e.data) == null ? void 0 : d.questionType]) == null ? void 0 : a.label) || "notification"}`,
+    "data-a": "intr",
+    onClick: () => {
+      var g;
+      r.get().sdkInDesktopView ? (g = s.current) == null || g.scrollTo({
+        top: 0,
+        behavior: "smooth"
+      }) : H(n, c.size, {
+        behavior: "smooth"
+      }), t(null);
+    },
+    className: E(m && ls, "sl-pill-button")
+  }), h.current);
+}, cs = ({
+  sdk: e,
+  headerNode: t,
+  scrollNode: n,
+  responsiveStore: o,
+  appNode: s,
+  scrollStore: r,
+  hasActiveFeature: l
+}) => {
+  const [d] = S(e.getNotificationsStore()), a = v(d), [c, m] = S(null), p = C(() => e.getActiveNotification(), [e, a]);
+  return y(() => {
+    p && at.emit("notification", {
+      action: "rendered",
+      payload: {
+        questionId: p.data.questionId,
+        questionType: p.data.questionType
+      }
+    });
+  }, [p]), y(() => {
+    const {
+      sdkInDesktopView: h,
+      sdkInView: g
+    } = o.get();
+    p && (h || g) && (!h && g && m(p), h && window.requestAnimationFrame(() => {
+      r.get().scrollPosition !== 0 && m(p);
+    }));
+  }, [p]), y(() => {
+    p || m(null);
+  }, [p]), /* @__PURE__ */ f(T, {
+    children: [!c && p && /* @__PURE__ */ i(rs, {
+      appNode: s,
+      sdk: e,
+      hasActiveFeature: l,
+      notification: p,
+      responsiveStore: o
+    }), c && /* @__PURE__ */ i(ds, {
+      pill: c,
+      setPill: m,
+      appNode: s,
+      notification: p,
+      headerNode: t,
+      scrollNode: n,
+      scrollStore: r,
+      responsiveStore: o
+    })]
+  });
+}, ps = (e) => {
+  const t = v(e.status), n = v(e.sdkStore.slStreamId), o = v(e.userId()), s = v(e.getActiveFeature()), r = t === "ready" && !!n.data;
+  return y(() => {
+    const l = e.getFeature(N.GAMES);
+    l && s !== N.GAMES && (l.closeQuestion(), l.closeUser()), l == null || l.openedQuestionId.subscribe((d) => {
+      d && s !== N.GAMES && e.openFeature(N.GAMES);
+    });
+  }, [s, e]), {
+    sdkReady: r,
+    activeFeature: s,
+    isLogged: !!o
+  };
+}, us = ({
+  sdk: e,
+  className: t,
+  scrollStore: n,
+  appNode: o,
+  scrollNode: s,
+  responsiveStore: r
+}) => {
+  const [, l] = tt(e);
+  return /* @__PURE__ */ i(cn, {
+    className: t,
+    scrollNode: s,
+    appNode: o,
+    scrollStore: n,
+    feature: l,
+    responsiveStore: r,
+    sdk: e
+  });
+}, ms = ({
+  sdk: e,
+  muted: t,
+  className: n,
+  appNode: o,
+  responsiveStore: s
+}) => {
+  const r = v(e.featuresList.getStore());
+  return r ? Array.from(r, (l) => {
+    const d = e.getFeature(l);
+    return d ? /* @__PURE__ */ i(pn, {
+      className: n,
+      muted: t,
+      appNode: o,
+      feature: d,
+      responsiveStore: s,
+      sdk: e
+    }, l) : null;
+  }) : null;
+}, hs = ({
+  sdk: e,
+  muted: t,
+  topNavigation: n
+}) => {
+  const [o, s] = S(!0), r = L(null), l = v(e.uiState), d = L(null), [a] = vt(r), [c, m] = gt(r, a), {
+    sdkReady: p,
+    activeFeature: h,
+    isLogged: g
+  } = ps(e), b = !!p;
+  st(r, {
+    enabled: b,
+    event: "click",
+    listener: ot
+  });
+  const $ = C(() => ({
+    sdk: e,
+    topNavigation: n
+  }), [e, n]);
+  return y(() => {
+    import("./gamification-feature.js");
+  }, []), /* @__PURE__ */ i(lt.Provider, {
+    value: $,
+    children: /* @__PURE__ */ f(Qe, {
+      ref: (I) => {
+        r.current = I, s(!!I);
+      },
+      className: n ? "" : "c10llmat",
+      children: [b && n && l.app && /* @__PURE__ */ i(Mn, {
+        className: E(F, "sl-hide-on-modal"),
+        sdk: e,
+        ref: d
+      }), b && !n && !!h && l.app && /* @__PURE__ */ i(_n, {
+        className: E(F, "sl-hide-on-modal"),
+        sdk: e,
+        ref: d
+      }), /* @__PURE__ */ f(We, {
+        className: "sl-hide-on-modal",
+        ref: c,
+        "data-nav": (!!h && b).toString(),
+        children: [b && l.app && /* @__PURE__ */ i(cs, {
+          sdk: e,
+          scrollNode: c,
+          headerNode: d,
+          appNode: r,
+          scrollStore: m,
+          responsiveStore: a,
+          hasActiveFeature: !!h
+        }), b && l.app && /* @__PURE__ */ i(us, {
+          scrollStore: m,
+          responsiveStore: a,
+          scrollNode: c,
+          appNode: r,
+          className: F,
+          sdk: e
+        }), b && o && /* @__PURE__ */ i(ms, {
+          muted: t,
+          responsiveStore: a,
+          appNode: r,
+          className: F,
+          sdk: e
+        })]
+      }), b && !g && o && l.app && /* @__PURE__ */ i("div", {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          width: "100%",
+          height: "100%"
+        },
+        children: "You are not logged in."
+      })]
+    })
+  });
+}, Ps = ({ event: e, topNavigation: t, theme: n, muted: o, withSidebarNotification: s = !0 }) => {
+  const { sdk: r, status: l } = Y(Z), d = De(), a = Oe(), { event: c } = Y(Z);
+  if (l === X.UNSET)
+    throw new Error("Wrap app in `StreamLayerProvider`");
+  return l === X.CONNECTED ? /* @__PURE__ */ i("div", { className: "StreamLayerSDK", children: "wait" }) : r === null ? /* @__PURE__ */ i("div", { className: "StreamLayerSDK", children: "sdk not initialized" }) : !d.app && !d.appNotification && !d.appSidebar || !d.app && !d.appSidebar && d.appNotification && !s ? null : /* @__PURE__ */ i("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ i(Me, { customTheme: n ?? a.theme, themeMode: a.themeMode, children: /* @__PURE__ */ i(hs, { sdk: r, muted: o, event: (c == null ? void 0 : c.current) || e, topNavigation: t }) }) });
+};
 export {
-  Gr as Q,
-  Hr as n
+  zs as B,
+  Ps as b
 };