@streamlayer/react 1.23.1 → 1.23.2

package/lib/es/index16.js

@@ -1,1254 +1,1453 @@
-import { atom as b2 } from "nanostores";
-import { F as W } from "./feature.js";
-import { useState as T, useEffect as V, useRef as Z, useCallback as N, Component as y2, createElement as T2, useMemo as H2 } from "react";
-import { u as Y, s, A as K } from "./sl-types.js";
-import { jsxs as r, jsx as e, Fragment as S } from "react/jsx-runtime";
-import { i as z } from "./index9.js";
-import { I as f2, s as V2, b as v2, e as k2 } from "./index12.js";
-import { createPortal as D } from "react-dom";
-import { u as z2 } from "./utils.js";
-import { r as I2, S as x2, R as R2, D as F2 } from "./storage.js";
-import { O as S2 } from "./index10.js";
-import { w as M2, E as q2 } from "./index13.js";
-import { g as E2, I as B2, d as N2, Q as k } from "./useStreamLayerApp2.js";
-import { B as H } from "./index6.js";
-import { d as Z2 } from "./index5.js";
-import { f as O2 } from "./index11.js";
-import { a as W2 } from "./analytics.js";
-const oe = (i) => b2(i), le = (i) => {
-  const t = Y(i.getActiveFeature()), n = Y(i.streamStore()), [o, l] = T(null);
-  return V(() => {
-    const c = i.getFeatures();
-    if (!t)
-      l(null);
+import { F as FeatureStatus } from "./feature.js";
+import { g as atom, h as global, I as InvitationFrom, d as QuestionImages, Q as QuestionType } from "./useStreamLayerApp2.js";
+import { useState, useEffect, useRef, useCallback, Component, createElement, useMemo } from "react";
+import { u as useStore, s as styled_default, A as A$4 } from "./sl-types.js";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { i as i$8 } from "./index9.js";
+import { I as I$7, s as s$7, b as b$2, e as e$d } from "./index12.js";
+import { createPortal } from "react-dom";
+import { u as u$3 } from "./utils.js";
+import { r as r$8, S as S$1, R as R$2, D as D$1 } from "./storage.js";
+import { O as O$1 } from "./index10.js";
+import { w as wt, E as Et } from "./index13.js";
+import { B as B1 } from "./index6.js";
+import { d as d$5 } from "./index5.js";
+import { f as f$8 } from "./index11.js";
+import { a as f$7 } from "./analytics.js";
+const createSingleStore = (initialData) => atom(initialData);
+const p$d = (t2) => {
+  const r2 = useStore(t2.getActiveFeature()), n2 = useStore(t2.streamStore()), [i2, u2] = useState(null);
+  return useEffect(() => {
+    const o2 = t2.getFeatures();
+    if (!r2)
+      u2(null);
     else
-      for (const [p, d] of c)
-        p === t ? (d.status.get() === W.Suspended && d.enable(), l(d)) : d.status.get() === W.Ready && d.disable();
+      for (const [s2, e2] of o2)
+        s2 === r2 ? (e2.status.get() === FeatureStatus.Suspended && e2.enable(), u2(e2)) : e2.status.get() === FeatureStatus.Ready && e2.disable();
     return () => {
-      for (const [, p] of c)
-        p.status.get() === W.Ready && p.disable();
+      for (const [, s2] of o2)
+        s2.status.get() === FeatureStatus.Ready && s2.disable();
     };
-  }, [t, i, n]), [t, o];
-}, j2 = /* @__PURE__ */ s("div")({
+  }, [r2, t2, n2]), [r2, i2];
+};
+const n$a = /* @__PURE__ */ styled_default("div")({
   name: "Container",
   class: "c1zy8a",
-  propsAsIs: !1
-}), G2 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), o$d = /* @__PURE__ */ styled_default("div")({
   name: "Title",
   class: "t1vih9p5",
-  propsAsIs: !1
-}), D2 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), t$c = /* @__PURE__ */ styled_default("div")({
   name: "Indicator",
   class: "i1fbnvpb",
-  propsAsIs: !1
-}), J = ({ indicator: i, title: t }) => /* @__PURE__ */ r(j2, { children: [
-  /* @__PURE__ */ e(G2, { children: t }),
-  /* @__PURE__ */ e(D2, { children: i })
-] }), P2 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+});
+const m$7 = ({ indicator: i2, title: n2 }) => /* @__PURE__ */ jsxs(n$a, { children: [
+  /* @__PURE__ */ jsx(o$d, { children: n2 }),
+  /* @__PURE__ */ jsx(t$c, { children: i2 })
+] });
+const t$b = /* @__PURE__ */ styled_default("div")({
   name: "Container",
   class: "ctmhwyc",
-  propsAsIs: !1
-}), U2 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), a$7 = /* @__PURE__ */ styled_default("div")({
   name: "Indicator",
   class: "i1jri200",
-  propsAsIs: !1
-}), Q2 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), e$c = /* @__PURE__ */ styled_default("div")({
   name: "Title",
   class: "t8s05oq",
-  propsAsIs: !1
-}), q = ({ indicator: i, title: t }) => /* @__PURE__ */ r(P2, { children: [
-  /* @__PURE__ */ e(U2, { children: i }),
-  /* @__PURE__ */ e(Q2, { children: t })
-] }), Y2 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+});
+const l$b = ({ indicator: r2, title: t2 }) => /* @__PURE__ */ jsxs(t$b, { children: [
+  /* @__PURE__ */ jsx(a$7, { children: r2 }),
+  /* @__PURE__ */ jsx(e$c, { children: t2 })
+] });
+const o$c = /* @__PURE__ */ styled_default("div")({
   name: "Container",
   class: "c1yrpn9o",
-  propsAsIs: !1
-}), K2 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), n$9 = /* @__PURE__ */ styled_default("div")({
   name: "TopInfo",
   class: "t17fwahh",
-  propsAsIs: !1
-}), J2 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), e$b = /* @__PURE__ */ styled_default("div")({
   name: "BottomInfo",
   class: "by6w7e9",
-  propsAsIs: !1
-}), X2 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), t$a = /* @__PURE__ */ styled_default("div")({
   name: "User",
   class: "u1g7arbm",
-  propsAsIs: !1
-}), e0 = /* @__PURE__ */ s("img")({
+  propsAsIs: false
+}), r$7 = /* @__PURE__ */ styled_default("img")({
   name: "Avatar",
   class: "a1ldeata",
-  propsAsIs: !1
-}), s0 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), c$7 = /* @__PURE__ */ styled_default("div")({
   name: "UserInfo",
   class: "u10d4koz",
-  propsAsIs: !1
-}), t0 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), l$a = /* @__PURE__ */ styled_default("div")({
   name: "UserName",
   class: "u1q6roj0",
-  propsAsIs: !1
-}), i0 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), p$c = /* @__PURE__ */ styled_default("div")({
   name: "UserRating",
   class: "ui0m425",
-  propsAsIs: !1
-}), n0 = /* @__PURE__ */ s("img")({
+  propsAsIs: false
+}), i$7 = /* @__PURE__ */ styled_default("img")({
   name: "TrophyIcon",
   class: "t1el3mrn",
-  propsAsIs: !1
-}), r0 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), m$6 = /* @__PURE__ */ styled_default("div")({
   name: "RtsContainer",
   class: "r2vgnxv",
-  propsAsIs: !1
-}), a0 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), d$4 = /* @__PURE__ */ styled_default("div")({
   name: "RtsDivider",
   class: "roqn06j",
-  propsAsIs: !1
-}), o0 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), f$6 = /* @__PURE__ */ styled_default("div")({
   name: "Rts",
   class: "r15adx7c",
-  propsAsIs: !1
-}), X = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), I$6 = /* @__PURE__ */ styled_default("div")({
   name: "RtsIndicator",
   class: "rv59lta",
-  propsAsIs: !1
-}), e2 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), v$3 = /* @__PURE__ */ styled_default("div")({
   name: "RtsLabel",
   class: "r55lotb",
-  propsAsIs: !1
-}), l0 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), A$3 = /* @__PURE__ */ styled_default("div")({
   name: "Divider",
   class: "d1knfgqt",
-  propsAsIs: !1
-}), c0 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), R$1 = /* @__PURE__ */ styled_default("div")({
   name: "Ranks",
   class: "r1mqo824",
-  propsAsIs: !1
-}), d0 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), U = /* @__PURE__ */ styled_default("div")({
   name: "Statistics",
   class: "sxareh6",
-  propsAsIs: !1
-}), p0 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), u$2 = /* @__PURE__ */ styled_default("div")({
   name: "AvatarPlaceholder",
   class: "amcu48h",
-  propsAsIs: !1
-}), h0 = /* @__PURE__ */ s("button")({
+  propsAsIs: false
+}), h$1 = /* @__PURE__ */ styled_default("button")({
   name: "UserAccountBtn",
   class: "u32nfkp",
-  propsAsIs: !1
-}), C0 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Trophy'%3e%3cpath%20id='Combined%20Shape'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.69197%204.66662C3.69197%205.99705%203.92914%207.17787%204.4035%208.20912C3.49966%208.02451%202.74487%207.66486%202.1391%207.13014C1.53333%206.59542%201.23046%206.0798%201.23046%205.58328V4.66662H3.69197ZM14.7686%204.66662V5.58328C14.7686%206.0798%2014.4658%206.59542%2013.86%207.13014C13.2542%207.66486%2012.4994%208.02451%2011.5956%208.20912C12.0699%207.17787%2012.3071%205.99705%2012.3071%204.66662H14.7686ZM15.9998%205.58329V4.36108C15.9998%204.10645%2015.9101%203.89002%2015.7306%203.71178C15.5511%203.53354%2015.3332%203.44442%2015.0768%203.44442H12.3076V2.52776C12.3076%202.10763%2012.1569%201.74797%2011.8556%201.44878C11.5544%201.14959%2011.1922%201%2010.7691%201H5.23072C4.80764%201%204.44547%201.14959%204.14419%201.44878C3.84291%201.74797%203.69227%202.10763%203.69227%202.52776V3.44442H0.923068C0.666659%203.44442%200.448714%203.53354%200.269228%203.71178C0.0897418%203.89002%200%204.10645%200%204.36108V5.58329C0%206.03525%200.13301%206.49039%200.399034%206.94872C0.665059%207.40705%201.02403%207.82082%201.47595%208.19003C1.92787%208.55924%202.48234%208.86957%203.13939%209.12101C3.79644%209.37246%204.48713%209.51409%205.21149%209.54592C5.48071%209.88967%205.7852%2010.192%206.12494%2010.453C6.36853%2010.6695%206.53679%2010.9002%206.62974%2011.1453C6.72269%2011.3904%206.76916%2011.6752%206.76916%2011.9999C6.76916%2012.3436%206.67141%2012.6333%206.4759%2012.8688C6.28038%2013.1043%205.96789%2013.2221%205.53841%2013.2221C5.05764%2013.2221%204.62976%2013.3669%204.25476%2013.6566C3.87977%2013.9462%203.69227%2014.3106%203.69227%2014.7499V15.361C3.69227%2015.4501%203.72112%2015.5233%203.77881%2015.5806C3.8365%2015.6379%203.91022%2015.6665%203.99996%2015.6665H11.9999C12.0896%2015.6665%2012.1633%2015.6379%2012.221%2015.5806C12.2787%2015.5233%2012.3076%2015.4501%2012.3076%2015.361V14.7499C12.3076%2014.3106%2012.1201%2013.9462%2011.7451%2013.6566C11.3701%2013.3669%2010.9422%2013.2221%2010.4614%2013.2221C10.0319%2013.2221%209.71945%2013.1043%209.52394%2012.8688C9.32843%2012.6333%209.23068%2012.3436%209.23068%2011.9999C9.23068%2011.6752%209.27715%2011.3904%209.3701%2011.1453C9.46305%2010.9002%209.63131%2010.6695%209.8749%2010.453C10.2146%2010.192%2010.5191%209.88967%2010.7884%209.54592C11.5127%209.51409%2012.2034%209.37246%2012.8604%209.12101C13.5175%208.86957%2014.072%208.55924%2014.5239%208.19003C14.9758%207.82082%2015.3348%207.40705%2015.6008%206.94872C15.8668%206.49039%2015.9998%206.03525%2015.9998%205.58329ZM6.76047%207.1798L8.05109%206.49997L9.3417%207.1798L9.09521%205.73989L10.1393%204.72015L8.69639%204.51007L8.05109%203.2L7.40578%204.51007L5.96283%204.72015L7.00696%205.73989L6.76047%207.1798Z'%20fill='%23F2C94C'/%3e%3c/g%3e%3c/svg%3e", ce = ({
-  loading: i,
-  hideFriendsRank: t,
-  avatar: n,
-  name: o,
-  points: l,
-  friendsRank: c,
-  rank: p,
-  streak: d,
-  correct: C,
-  incorrect: I,
-  inTop: _,
-  successRate: L
-}) => /* @__PURE__ */ r(Y2, { "data-loading": i, children: [
-  /* @__PURE__ */ e(K2, { children: /* @__PURE__ */ e(z, { loading: i, children: /* @__PURE__ */ r(X2, { children: [
-    /* @__PURE__ */ r(h0, { children: [
-      n && /* @__PURE__ */ e(e0, { alt: "avatar", src: n }),
-      !n && /* @__PURE__ */ e(p0, { children: f2(o || "") })
+  propsAsIs: false
+});
+const F$2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Trophy'%3e%3cpath%20id='Combined%20Shape'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.69197%204.66662C3.69197%205.99705%203.92914%207.17787%204.4035%208.20912C3.49966%208.02451%202.74487%207.66486%202.1391%207.13014C1.53333%206.59542%201.23046%206.0798%201.23046%205.58328V4.66662H3.69197ZM14.7686%204.66662V5.58328C14.7686%206.0798%2014.4658%206.59542%2013.86%207.13014C13.2542%207.66486%2012.4994%208.02451%2011.5956%208.20912C12.0699%207.17787%2012.3071%205.99705%2012.3071%204.66662H14.7686ZM15.9998%205.58329V4.36108C15.9998%204.10645%2015.9101%203.89002%2015.7306%203.71178C15.5511%203.53354%2015.3332%203.44442%2015.0768%203.44442H12.3076V2.52776C12.3076%202.10763%2012.1569%201.74797%2011.8556%201.44878C11.5544%201.14959%2011.1922%201%2010.7691%201H5.23072C4.80764%201%204.44547%201.14959%204.14419%201.44878C3.84291%201.74797%203.69227%202.10763%203.69227%202.52776V3.44442H0.923068C0.666659%203.44442%200.448714%203.53354%200.269228%203.71178C0.0897418%203.89002%200%204.10645%200%204.36108V5.58329C0%206.03525%200.13301%206.49039%200.399034%206.94872C0.665059%207.40705%201.02403%207.82082%201.47595%208.19003C1.92787%208.55924%202.48234%208.86957%203.13939%209.12101C3.79644%209.37246%204.48713%209.51409%205.21149%209.54592C5.48071%209.88967%205.7852%2010.192%206.12494%2010.453C6.36853%2010.6695%206.53679%2010.9002%206.62974%2011.1453C6.72269%2011.3904%206.76916%2011.6752%206.76916%2011.9999C6.76916%2012.3436%206.67141%2012.6333%206.4759%2012.8688C6.28038%2013.1043%205.96789%2013.2221%205.53841%2013.2221C5.05764%2013.2221%204.62976%2013.3669%204.25476%2013.6566C3.87977%2013.9462%203.69227%2014.3106%203.69227%2014.7499V15.361C3.69227%2015.4501%203.72112%2015.5233%203.77881%2015.5806C3.8365%2015.6379%203.91022%2015.6665%203.99996%2015.6665H11.9999C12.0896%2015.6665%2012.1633%2015.6379%2012.221%2015.5806C12.2787%2015.5233%2012.3076%2015.4501%2012.3076%2015.361V14.7499C12.3076%2014.3106%2012.1201%2013.9462%2011.7451%2013.6566C11.3701%2013.3669%2010.9422%2013.2221%2010.4614%2013.2221C10.0319%2013.2221%209.71945%2013.1043%209.52394%2012.8688C9.32843%2012.6333%209.23068%2012.3436%209.23068%2011.9999C9.23068%2011.6752%209.27715%2011.3904%209.3701%2011.1453C9.46305%2010.9002%209.63131%2010.6695%209.8749%2010.453C10.2146%2010.192%2010.5191%209.88967%2010.7884%209.54592C11.5127%209.51409%2012.2034%209.37246%2012.8604%209.12101C13.5175%208.86957%2014.072%208.55924%2014.5239%208.19003C14.9758%207.82082%2015.3348%207.40705%2015.6008%206.94872C15.8668%206.49039%2015.9998%206.03525%2015.9998%205.58329ZM6.76047%207.1798L8.05109%206.49997L9.3417%207.1798L9.09521%205.73989L10.1393%204.72015L8.69639%204.51007L8.05109%203.2L7.40578%204.51007L5.96283%204.72015L7.00696%205.73989L6.76047%207.1798Z'%20fill='%23F2C94C'/%3e%3c/g%3e%3c/svg%3e", z$1 = ({
+  loading: t2,
+  hideFriendsRank: n2,
+  avatar: l2,
+  name: o2,
+  points: s2,
+  friendsRank: m2,
+  rank: C2,
+  streak: p2,
+  correct: f2,
+  incorrect: v2,
+  inTop: L2,
+  successRate: g
+}) => /* @__PURE__ */ jsxs(o$c, { "data-loading": t2, children: [
+  /* @__PURE__ */ jsx(n$9, { children: /* @__PURE__ */ jsx(i$8, { loading: t2, children: /* @__PURE__ */ jsxs(t$a, { children: [
+    /* @__PURE__ */ jsxs(h$1, { children: [
+      l2 && /* @__PURE__ */ jsx(r$7, { alt: "avatar", src: l2 }),
+      !l2 && /* @__PURE__ */ jsx(u$2, { children: I$7(o2 || "") })
     ] }),
-    /* @__PURE__ */ r(s0, { children: [
-      /* @__PURE__ */ e(t0, { children: o }),
-      /* @__PURE__ */ r(i0, { children: [
-        /* @__PURE__ */ r(r0, { children: [
-          /* @__PURE__ */ r(o0, { children: [
-            /* @__PURE__ */ e(n0, { alt: "rank-icon", src: C0 }),
-            /* @__PURE__ */ r(X, { children: [
-              V2(l),
-              /* @__PURE__ */ e(e2, { children: "PTS" })
+    /* @__PURE__ */ jsxs(c$7, { children: [
+      /* @__PURE__ */ jsx(l$a, { children: o2 }),
+      /* @__PURE__ */ jsxs(p$c, { children: [
+        /* @__PURE__ */ jsxs(m$6, { children: [
+          /* @__PURE__ */ jsxs(f$6, { children: [
+            /* @__PURE__ */ jsx(i$7, { alt: "rank-icon", src: F$2 }),
+            /* @__PURE__ */ jsxs(I$6, { children: [
+              s$7(s2),
+              /* @__PURE__ */ jsx(v$3, { children: "PTS" })
             ] })
           ] }),
-          t && /* @__PURE__ */ r(X, { children: [
-            /* @__PURE__ */ e(a0, {}),
-            p || 0,
-            /* @__PURE__ */ e(e2, { children: "global rank" })
+          n2 && /* @__PURE__ */ jsxs(I$6, { children: [
+            /* @__PURE__ */ jsx(d$4, {}),
+            C2 || 0,
+            /* @__PURE__ */ jsx(v$3, { children: "global rank" })
           ] })
         ] }),
-        !t && /* @__PURE__ */ r(S, { children: [
-          /* @__PURE__ */ e(l0, {}),
-          /* @__PURE__ */ r("div", { children: [
+        !n2 && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(A$3, {}),
+          /* @__PURE__ */ jsxs("div", { children: [
             "TOP ",
-            _ || 0,
+            L2 || 0,
             "%"
           ] })
         ] })
       ] })
     ] })
   ] }) }) }),
-  /* @__PURE__ */ r(J2, { children: [
-    !t && /* @__PURE__ */ r(c0, { children: [
-      /* @__PURE__ */ e(z, { loading: i, style: { width: "100%" }, children: /* @__PURE__ */ e(J, { indicator: c || 0, title: "Friends rank" }) }),
-      /* @__PURE__ */ e(z, { loading: i, style: { width: "100%" }, children: /* @__PURE__ */ e(J, { indicator: p || 0, title: "Global rank" }) })
+  /* @__PURE__ */ jsxs(e$b, { children: [
+    !n2 && /* @__PURE__ */ jsxs(R$1, { children: [
+      /* @__PURE__ */ jsx(i$8, { loading: t2, style: { width: "100%" }, children: /* @__PURE__ */ jsx(m$7, { indicator: m2 || 0, title: "Friends rank" }) }),
+      /* @__PURE__ */ jsx(i$8, { loading: t2, style: { width: "100%" }, children: /* @__PURE__ */ jsx(m$7, { indicator: C2 || 0, title: "Global rank" }) })
     ] }),
-    /* @__PURE__ */ e(z, { loading: i, children: /* @__PURE__ */ r(d0, { children: [
-      /* @__PURE__ */ e(q, { indicator: d || 0, title: "Win streak" }),
-      /* @__PURE__ */ e(q, { indicator: C || 0, title: "Correct" }),
-      /* @__PURE__ */ e(q, { indicator: I || 0, title: "Incorrect" }),
-      /* @__PURE__ */ e(q, { indicator: `${L || 0}%`, title: "Succ. rate" })
+    /* @__PURE__ */ jsx(i$8, { loading: t2, children: /* @__PURE__ */ jsxs(U, { children: [
+      /* @__PURE__ */ jsx(l$b, { indicator: p2 || 0, title: "Win streak" }),
+      /* @__PURE__ */ jsx(l$b, { indicator: f2 || 0, title: "Correct" }),
+      /* @__PURE__ */ jsx(l$b, { indicator: v2 || 0, title: "Incorrect" }),
+      /* @__PURE__ */ jsx(l$b, { indicator: `${g || 0}%`, title: "Succ. rate" })
     ] }) })
   ] })
-] }), m0 = /* @__PURE__ */ s("div")({
+] });
+const S = /* @__PURE__ */ styled_default("div")({
   name: "StaticContainer",
   class: "svm502q",
-  propsAsIs: !1
-}), u0 = `
+  propsAsIs: false
+}), C$1 = `
   .sl-pill-button {
     display: none !important;
   }
-`, A2 = () => window.innerWidth >= K.md && window.innerWidth < K.lg ? 76 : 53, s2 = (i) => {
-  var t;
-  const n = A2();
-  return Math.round((((t = i.current) == null ? void 0 : t.getBoundingClientRect().y) || 0) - n) <= 0;
-}, de = ({
-  children: i,
-  container: t,
-  useContainer: n,
-  staticStyles: o
+`, p$b = () => window.innerWidth >= A$4.md && window.innerWidth < A$4.lg ? 76 : 53, m$5 = (e2) => {
+  var n2;
+  const t2 = p$b();
+  return Math.round((((n2 = e2.current) == null ? void 0 : n2.getBoundingClientRect().y) || 0) - t2) <= 0;
+}, T$3 = ({
+  children: e2,
+  container: t2,
+  useContainer: n2,
+  staticStyles: w2
 }) => {
-  const [l] = T(() => s2(t)), [c, p] = T(!1);
-  return V(() => {
-    if (!t.current || !l)
-      return p(!0), () => {
+  const [s2] = useState(() => m$5(t2)), [r2, i2] = useState(false);
+  return useEffect(() => {
+    if (!t2.current || !s2)
+      return i2(true), () => {
       };
-    const d = window.scrollY;
-    return p(!0), () => {
-      s2(t) && window.scrollTo({
-        top: d,
+    const o2 = window.scrollY;
+    return i2(true), () => {
+      m$5(t2) && window.scrollTo({
+        top: o2,
         behavior: "instant"
       });
     };
-  }, []), V(() => {
-    if (c && t.current && l) {
-      const d = A2();
+  }, []), useEffect(() => {
+    if (r2 && t2.current && s2) {
+      const o2 = p$b();
       window.scrollTo({
-        top: t.current.offsetTop - d,
+        top: t2.current.offsetTop - o2,
         behavior: "instant"
       });
     }
-  }, [c]), !t.current || !c ? null : n ? D(/* @__PURE__ */ r(m0, {
+  }, [r2]), !t2.current || !r2 ? null : n2 ? createPortal(/* @__PURE__ */ jsxs(S, {
     className: "StaticContainer",
-    children: [i, /* @__PURE__ */ e("style", {
-      children: z2
-    }), /* @__PURE__ */ e("style", {
-      children: u0
+    children: [e2, /* @__PURE__ */ jsx("style", {
+      children: u$3
+    }), /* @__PURE__ */ jsx("style", {
+      children: C$1
     })]
-  }), t.current, "modal-node") : D(/* @__PURE__ */ r(S, {
-    children: [i, /* @__PURE__ */ e("style", {
-      children: o
+  }), t2.current, "modal-node") : createPortal(/* @__PURE__ */ jsxs(Fragment, {
+    children: [e2, /* @__PURE__ */ jsx("style", {
+      children: w2
     })]
-  }), t.current, "modal-node");
-}, g0 = /* @__PURE__ */ s("button")({
+  }), t2.current, "modal-node");
+};
+const n$8 = /* @__PURE__ */ styled_default("button")({
   name: "Container",
   class: "cpjnajb",
-  propsAsIs: !1
-}), f0 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), a$6 = /* @__PURE__ */ styled_default("div")({
   name: "Content",
   class: "c4m6kaz",
-  propsAsIs: !1
-}), v0 = /* @__PURE__ */ s("span")({
+  propsAsIs: false
+}), e$a = /* @__PURE__ */ styled_default("span")({
   name: "Title",
   class: "t1h8t9cc",
-  propsAsIs: !1
-}), I0 = () => /* @__PURE__ */ e(g0, { children: /* @__PURE__ */ r(f0, { children: [
-  /* @__PURE__ */ e(H, { name: "iconCopySuccess" }),
-  /* @__PURE__ */ e(v0, { children: "Link Copied to Clipboard" })
-] }) }), A0 = (i) => {
-  const t = Z(), [n, o] = T(null), l = N(
-    async (c) => {
-      var p;
-      if (c && (p = navigator == null ? void 0 : navigator.clipboard) != null && p.writeText) {
-        t.current && (clearTimeout(t.current), o(null));
+  propsAsIs: false
+});
+const s$6 = () => /* @__PURE__ */ jsx(n$8, { children: /* @__PURE__ */ jsxs(a$6, { children: [
+  /* @__PURE__ */ jsx(B1, { name: "iconCopySuccess" }),
+  /* @__PURE__ */ jsx(e$a, { children: "Link Copied to Clipboard" })
+] }) });
+const T$2 = (r2) => {
+  const t2 = useRef(), [c2, o2] = useState(null), a2 = useCallback(
+    async (e2) => {
+      var i2;
+      if (e2 && ((i2 = navigator == null ? void 0 : navigator.clipboard) != null && i2.writeText)) {
+        t2.current && (clearTimeout(t2.current), o2(null));
         try {
-          await navigator.clipboard.writeText(c), i.current && (o(D(/* @__PURE__ */ e(I0, {}), i.current)), t.current = setTimeout(() => {
-            o(null);
+          await navigator.clipboard.writeText(e2), r2.current && (o2(createPortal(/* @__PURE__ */ jsx(s$6, {}), r2.current)), t2.current = setTimeout(() => {
+            o2(null);
           }, 1e3));
-        } catch (d) {
-          console.error("Unable to copy to clipboard", d);
+        } catch (n2) {
+          console.error("Unable to copy to clipboard", n2);
         }
       }
     },
-    [i]
+    [r2]
   );
-  return V(() => () => {
-    clearTimeout(t.current);
-  }, []), [l, n];
+  return useEffect(() => () => {
+    clearTimeout(t2.current);
+  }, []), [a2, c2];
 };
-let b;
-typeof window < "u" ? b = window : typeof self < "u" ? b = self : b = E2;
-let P = null, U = null;
-const t2 = 20, j = b.clearTimeout, i2 = b.setTimeout, G = b.cancelAnimationFrame || b.mozCancelAnimationFrame || b.webkitCancelAnimationFrame, n2 = b.requestAnimationFrame || b.mozRequestAnimationFrame || b.webkitRequestAnimationFrame;
-G == null || n2 == null ? (P = j, U = function(t) {
-  return i2(t, t2);
-}) : (P = function([t, n]) {
-  G(t), j(n);
-}, U = function(t) {
-  const n = n2(function() {
-    j(o), t();
-  }), o = i2(function() {
-    G(n), t();
-  }, t2);
-  return [n, o];
-});
-function L0(i) {
-  let t, n, o, l, c, p, d;
-  const C = typeof document < "u" && document.attachEvent;
-  if (!C) {
-    p = function(u) {
-      const m = u.__resizeTriggers__, $ = m.firstElementChild, A = m.lastElementChild, y = $.firstElementChild;
-      A.scrollLeft = A.scrollWidth, A.scrollTop = A.scrollHeight, y.style.width = $.offsetWidth + 1 + "px", y.style.height = $.offsetHeight + 1 + "px", $.scrollLeft = $.scrollWidth, $.scrollTop = $.scrollHeight;
-    }, c = function(u) {
-      return u.offsetWidth !== u.__resizeLast__.width || u.offsetHeight !== u.__resizeLast__.height;
-    }, d = function(u) {
-      if (u.target.className && typeof u.target.className.indexOf == "function" && u.target.className.indexOf("contract-trigger") < 0 && u.target.className.indexOf("expand-trigger") < 0)
+let windowObject;
+if (typeof window !== "undefined") {
+  windowObject = window;
+} else if (typeof self !== "undefined") {
+  windowObject = self;
+} else {
+  windowObject = global;
+}
+let cancelFrame = null;
+let requestFrame = null;
+const TIMEOUT_DURATION = 20;
+const clearTimeoutFn = windowObject.clearTimeout;
+const setTimeoutFn = windowObject.setTimeout;
+const cancelAnimationFrameFn = windowObject.cancelAnimationFrame || windowObject.mozCancelAnimationFrame || windowObject.webkitCancelAnimationFrame;
+const requestAnimationFrameFn = windowObject.requestAnimationFrame || windowObject.mozRequestAnimationFrame || windowObject.webkitRequestAnimationFrame;
+if (cancelAnimationFrameFn == null || requestAnimationFrameFn == null) {
+  cancelFrame = clearTimeoutFn;
+  requestFrame = function requestAnimationFrameViaSetTimeout(callback) {
+    return setTimeoutFn(callback, TIMEOUT_DURATION);
+  };
+} else {
+  cancelFrame = function cancelFrame2([animationFrameID, timeoutID]) {
+    cancelAnimationFrameFn(animationFrameID);
+    clearTimeoutFn(timeoutID);
+  };
+  requestFrame = function requestAnimationFrameWithSetTimeoutFallback(callback) {
+    const animationFrameID = requestAnimationFrameFn(function animationFrameCallback() {
+      clearTimeoutFn(timeoutID);
+      callback();
+    });
+    const timeoutID = setTimeoutFn(function timeoutCallback() {
+      cancelAnimationFrameFn(animationFrameID);
+      callback();
+    }, TIMEOUT_DURATION);
+    return [animationFrameID, timeoutID];
+  };
+}
+function createDetectElementResize(nonce) {
+  let animationKeyframes;
+  let animationName;
+  let animationStartEvent;
+  let animationStyle;
+  let checkTriggers;
+  let resetTriggers;
+  let scrollListener;
+  const attachEvent = typeof document !== "undefined" && document.attachEvent;
+  if (!attachEvent) {
+    resetTriggers = function(element) {
+      const triggers = element.__resizeTriggers__, expand = triggers.firstElementChild, contract = triggers.lastElementChild, expandChild = expand.firstElementChild;
+      contract.scrollLeft = contract.scrollWidth;
+      contract.scrollTop = contract.scrollHeight;
+      expandChild.style.width = expand.offsetWidth + 1 + "px";
+      expandChild.style.height = expand.offsetHeight + 1 + "px";
+      expand.scrollLeft = expand.scrollWidth;
+      expand.scrollTop = expand.scrollHeight;
+    };
+    checkTriggers = function(element) {
+      return element.offsetWidth !== element.__resizeLast__.width || element.offsetHeight !== element.__resizeLast__.height;
+    };
+    scrollListener = function(e2) {
+      if (e2.target.className && typeof e2.target.className.indexOf === "function" && e2.target.className.indexOf("contract-trigger") < 0 && e2.target.className.indexOf("expand-trigger") < 0) {
         return;
-      const m = this;
-      p(this), this.__resizeRAF__ && P(this.__resizeRAF__), this.__resizeRAF__ = U(function() {
-        c(m) && (m.__resizeLast__.width = m.offsetWidth, m.__resizeLast__.height = m.offsetHeight, m.__resizeListeners__.forEach(function(y) {
-          y.call(m, u);
-        }));
+      }
+      const element = this;
+      resetTriggers(this);
+      if (this.__resizeRAF__) {
+        cancelFrame(this.__resizeRAF__);
+      }
+      this.__resizeRAF__ = requestFrame(function animationFrame() {
+        if (checkTriggers(element)) {
+          element.__resizeLast__.width = element.offsetWidth;
+          element.__resizeLast__.height = element.offsetHeight;
+          element.__resizeListeners__.forEach(function forEachResizeListener(fn) {
+            fn.call(element, e2);
+          });
+        }
       });
     };
-    let a = !1, h = "";
-    o = "animationstart";
-    const g = "Webkit Moz O ms".split(" ");
-    let f = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), v = "";
+    let animation = false;
+    let keyframeprefix = "";
+    animationStartEvent = "animationstart";
+    const domPrefixes = "Webkit Moz O ms".split(" ");
+    let startEvents = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" ");
+    let pfx = "";
     {
-      const u = document.createElement("fakeelement");
-      if (u.style.animationName !== void 0 && (a = !0), a === !1) {
-        for (let m = 0; m < g.length; m++)
-          if (u.style[g[m] + "AnimationName"] !== void 0) {
-            v = g[m], h = "-" + v.toLowerCase() + "-", o = f[m], a = !0;
+      const elm = document.createElement("fakeelement");
+      if (elm.style.animationName !== void 0) {
+        animation = true;
+      }
+      if (animation === false) {
+        for (let i2 = 0; i2 < domPrefixes.length; i2++) {
+          if (elm.style[domPrefixes[i2] + "AnimationName"] !== void 0) {
+            pfx = domPrefixes[i2];
+            keyframeprefix = "-" + pfx.toLowerCase() + "-";
+            animationStartEvent = startEvents[i2];
+            animation = true;
             break;
           }
+        }
       }
     }
-    n = "resizeanim", t = "@" + h + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", l = h + "animation: 1ms " + n + "; ";
+    animationName = "resizeanim";
+    animationKeyframes = "@" + keyframeprefix + "keyframes " + animationName + " { from { opacity: 0; } to { opacity: 0; } } ";
+    animationStyle = keyframeprefix + "animation: 1ms " + animationName + "; ";
   }
-  const I = function(a) {
-    if (!a.getElementById("detectElementResize")) {
-      const h = (t || "") + ".resize-triggers { " + (l || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', g = a.head || a.getElementsByTagName("head")[0], f = a.createElement("style");
-      f.id = "detectElementResize", f.type = "text/css", i != null && f.setAttribute("nonce", i), f.styleSheet ? f.styleSheet.cssText = h : f.appendChild(a.createTextNode(h)), g.appendChild(f);
+  const createStyles = function(doc) {
+    if (!doc.getElementById("detectElementResize")) {
+      const css = (animationKeyframes ? animationKeyframes : "") + ".resize-triggers { " + (animationStyle ? animationStyle : "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', head = doc.head || doc.getElementsByTagName("head")[0], style = doc.createElement("style");
+      style.id = "detectElementResize";
+      style.type = "text/css";
+      if (nonce != null) {
+        style.setAttribute("nonce", nonce);
+      }
+      if (style.styleSheet) {
+        style.styleSheet.cssText = css;
+      } else {
+        style.appendChild(doc.createTextNode(css));
+      }
+      head.appendChild(style);
     }
   };
-  return {
-    addResizeListener: function(a, h) {
-      if (C)
-        a.attachEvent("onresize", h);
-      else {
-        if (!a.__resizeTriggers__) {
-          const g = a.ownerDocument, f = b.getComputedStyle(a);
-          f && f.position === "static" && (a.style.position = "relative"), I(g), a.__resizeLast__ = {}, a.__resizeListeners__ = [], (a.__resizeTriggers__ = g.createElement("div")).className = "resize-triggers";
-          const v = g.createElement("div");
-          v.className = "expand-trigger", v.appendChild(g.createElement("div"));
-          const u = g.createElement("div");
-          u.className = "contract-trigger", a.__resizeTriggers__.appendChild(v), a.__resizeTriggers__.appendChild(u), a.appendChild(a.__resizeTriggers__), p(a), a.addEventListener("scroll", d, !0), o && (a.__resizeTriggers__.__animationListener__ = function($) {
-            $.animationName === n && p(a);
-          }, a.__resizeTriggers__.addEventListener(o, a.__resizeTriggers__.__animationListener__));
+  const addResizeListener = function(element, fn) {
+    if (attachEvent) {
+      element.attachEvent("onresize", fn);
+    } else {
+      if (!element.__resizeTriggers__) {
+        const doc = element.ownerDocument;
+        const elementStyle = windowObject.getComputedStyle(element);
+        if (elementStyle && elementStyle.position === "static") {
+          element.style.position = "relative";
+        }
+        createStyles(doc);
+        element.__resizeLast__ = {};
+        element.__resizeListeners__ = [];
+        (element.__resizeTriggers__ = doc.createElement("div")).className = "resize-triggers";
+        const expandTrigger = doc.createElement("div");
+        expandTrigger.className = "expand-trigger";
+        expandTrigger.appendChild(doc.createElement("div"));
+        const contractTrigger = doc.createElement("div");
+        contractTrigger.className = "contract-trigger";
+        element.__resizeTriggers__.appendChild(expandTrigger);
+        element.__resizeTriggers__.appendChild(contractTrigger);
+        element.appendChild(element.__resizeTriggers__);
+        resetTriggers(element);
+        element.addEventListener("scroll", scrollListener, true);
+        if (animationStartEvent) {
+          element.__resizeTriggers__.__animationListener__ = function animationListener(e2) {
+            if (e2.animationName === animationName) {
+              resetTriggers(element);
+            }
+          };
+          element.__resizeTriggers__.addEventListener(animationStartEvent, element.__resizeTriggers__.__animationListener__);
         }
-        a.__resizeListeners__.push(h);
       }
-    },
-    removeResizeListener: function(a, h) {
-      if (C)
-        a.detachEvent("onresize", h);
-      else if (a.__resizeListeners__.splice(a.__resizeListeners__.indexOf(h), 1), !a.__resizeListeners__.length) {
-        a.removeEventListener("scroll", d, !0), a.__resizeTriggers__.__animationListener__ && (a.__resizeTriggers__.removeEventListener(o, a.__resizeTriggers__.__animationListener__), a.__resizeTriggers__.__animationListener__ = null);
+      element.__resizeListeners__.push(fn);
+    }
+  };
+  const removeResizeListener = function(element, fn) {
+    if (attachEvent) {
+      element.detachEvent("onresize", fn);
+    } else {
+      element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
+      if (!element.__resizeListeners__.length) {
+        element.removeEventListener("scroll", scrollListener, true);
+        if (element.__resizeTriggers__.__animationListener__) {
+          element.__resizeTriggers__.removeEventListener(animationStartEvent, element.__resizeTriggers__.__animationListener__);
+          element.__resizeTriggers__.__animationListener__ = null;
+        }
         try {
-          a.__resizeTriggers__ = !a.removeChild(a.__resizeTriggers__);
-        } catch {
+          element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__);
+        } catch (e2) {
         }
       }
     }
   };
+  return {
+    addResizeListener,
+    removeResizeListener
+  };
 }
-class _0 extends y2 {
-  constructor(...t) {
-    super(...t), this.state = {
+class AutoSizer extends Component {
+  constructor(...args) {
+    super(...args);
+    this.state = {
       height: this.props.defaultHeight || 0,
       scaledHeight: this.props.defaultHeight || 0,
       scaledWidth: this.props.defaultWidth || 0,
       width: this.props.defaultWidth || 0
-    }, this._autoSizer = null, this._detectElementResize = null, this._parentNode = null, this._resizeObserver = null, this._timeoutId = null, this._onResize = () => {
+    };
+    this._autoSizer = null;
+    this._detectElementResize = null;
+    this._parentNode = null;
+    this._resizeObserver = null;
+    this._timeoutId = null;
+    this._onResize = () => {
       this._timeoutId = null;
       const {
-        disableHeight: n,
-        disableWidth: o,
-        onResize: l
+        disableHeight,
+        disableWidth,
+        onResize
       } = this.props;
       if (this._parentNode) {
-        const c = window.getComputedStyle(this._parentNode) || {}, p = parseFloat(c.paddingLeft || "0"), d = parseFloat(c.paddingRight || "0"), C = parseFloat(c.paddingTop || "0"), I = parseFloat(c.paddingBottom || "0"), _ = this._parentNode.getBoundingClientRect(), L = _.height - C - I, a = _.width - p - d, h = this._parentNode.offsetHeight - C - I, g = this._parentNode.offsetWidth - p - d;
-        (!n && (this.state.height !== h || this.state.scaledHeight !== L) || !o && (this.state.width !== g || this.state.scaledWidth !== a)) && (this.setState({
-          height: h,
-          width: g,
-          scaledHeight: L,
-          scaledWidth: a
-        }), typeof l == "function" && l({
-          height: h,
-          scaledHeight: L,
-          scaledWidth: a,
-          width: g
-        }));
+        const style = window.getComputedStyle(this._parentNode) || {};
+        const paddingLeft = parseFloat(style.paddingLeft || "0");
+        const paddingRight = parseFloat(style.paddingRight || "0");
+        const paddingTop = parseFloat(style.paddingTop || "0");
+        const paddingBottom = parseFloat(style.paddingBottom || "0");
+        const rect = this._parentNode.getBoundingClientRect();
+        const scaledHeight = rect.height - paddingTop - paddingBottom;
+        const scaledWidth = rect.width - paddingLeft - paddingRight;
+        const height = this._parentNode.offsetHeight - paddingTop - paddingBottom;
+        const width = this._parentNode.offsetWidth - paddingLeft - paddingRight;
+        if (!disableHeight && (this.state.height !== height || this.state.scaledHeight !== scaledHeight) || !disableWidth && (this.state.width !== width || this.state.scaledWidth !== scaledWidth)) {
+          this.setState({
+            height,
+            width,
+            scaledHeight,
+            scaledWidth
+          });
+          if (typeof onResize === "function") {
+            onResize({
+              height,
+              scaledHeight,
+              scaledWidth,
+              width
+            });
+          }
+        }
       }
-    }, this._setRef = (n) => {
-      this._autoSizer = n;
+    };
+    this._setRef = (autoSizer) => {
+      this._autoSizer = autoSizer;
     };
   }
   componentDidMount() {
     const {
-      nonce: t
-    } = this.props, n = this._autoSizer ? this._autoSizer.parentNode : null;
-    if (n != null && n.ownerDocument && n.ownerDocument.defaultView && n instanceof n.ownerDocument.defaultView.HTMLElement) {
-      this._parentNode = n;
-      const o = n.ownerDocument.defaultView.ResizeObserver;
-      o != null ? (this._resizeObserver = new o(() => {
-        this._timeoutId = setTimeout(this._onResize, 0);
-      }), this._resizeObserver.observe(n)) : (this._detectElementResize = L0(t), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
+      nonce
+    } = this.props;
+    const parentNode = this._autoSizer ? this._autoSizer.parentNode : null;
+    if (parentNode != null && parentNode.ownerDocument && parentNode.ownerDocument.defaultView && parentNode instanceof parentNode.ownerDocument.defaultView.HTMLElement) {
+      this._parentNode = parentNode;
+      const ResizeObserverInstance = parentNode.ownerDocument.defaultView.ResizeObserver;
+      if (ResizeObserverInstance != null) {
+        this._resizeObserver = new ResizeObserverInstance(() => {
+          this._timeoutId = setTimeout(this._onResize, 0);
+        });
+        this._resizeObserver.observe(parentNode);
+      } else {
+        this._detectElementResize = createDetectElementResize(nonce);
+        this._detectElementResize.addResizeListener(parentNode, this._onResize);
+      }
+      this._onResize();
     }
   }
   componentWillUnmount() {
-    this._parentNode && (this._detectElementResize && this._detectElementResize.removeResizeListener(this._parentNode, this._onResize), this._timeoutId !== null && clearTimeout(this._timeoutId), this._resizeObserver && this._resizeObserver.disconnect());
+    if (this._parentNode) {
+      if (this._detectElementResize) {
+        this._detectElementResize.removeResizeListener(this._parentNode, this._onResize);
+      }
+      if (this._timeoutId !== null) {
+        clearTimeout(this._timeoutId);
+      }
+      if (this._resizeObserver) {
+        this._resizeObserver.disconnect();
+      }
+    }
   }
   render() {
     const {
-      children: t,
-      defaultHeight: n,
-      defaultWidth: o,
-      disableHeight: l = !1,
-      disableWidth: c = !1,
-      doNotBailOutOnEmptyChildren: p = !1,
-      nonce: d,
-      onResize: C,
-      style: I = {},
-      tagName: _ = "div",
-      ...L
-    } = this.props, {
-      height: a,
-      scaledHeight: h,
-      scaledWidth: g,
-      width: f
-    } = this.state, v = {
+      children,
+      defaultHeight,
+      defaultWidth,
+      disableHeight = false,
+      disableWidth = false,
+      doNotBailOutOnEmptyChildren = false,
+      nonce,
+      onResize,
+      style = {},
+      tagName = "div",
+      ...rest
+    } = this.props;
+    const {
+      height,
+      scaledHeight,
+      scaledWidth,
+      width
+    } = this.state;
+    const outerStyle = {
       overflow: "visible"
-    }, u = {};
-    let m = !1;
-    return l || (a === 0 && (m = !0), v.height = 0, u.height = a, u.scaledHeight = h), c || (f === 0 && (m = !0), v.width = 0, u.width = f, u.scaledWidth = g), p && (m = !1), T2(_, {
+    };
+    const childParams = {};
+    let bailoutOnChildren = false;
+    if (!disableHeight) {
+      if (height === 0) {
+        bailoutOnChildren = true;
+      }
+      outerStyle.height = 0;
+      childParams.height = height;
+      childParams.scaledHeight = scaledHeight;
+    }
+    if (!disableWidth) {
+      if (width === 0) {
+        bailoutOnChildren = true;
+      }
+      outerStyle.width = 0;
+      childParams.width = width;
+      childParams.scaledWidth = scaledWidth;
+    }
+    if (doNotBailOutOnEmptyChildren) {
+      bailoutOnChildren = false;
+    }
+    return createElement(tagName, {
       ref: this._setRef,
       style: {
-        ...v,
-        ...I
+        ...outerStyle,
+        ...style
       },
-      ...L
-    }, !m && t(u));
+      ...rest
+    }, !bailoutOnChildren && children(childParams));
   }
 }
-const w0 = /* @__PURE__ */ s("div")({
+const i$6 = /* @__PURE__ */ styled_default("div")({
   name: "Container",
   class: "c1itm4k7",
-  propsAsIs: !1
-}), $0 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), c$6 = /* @__PURE__ */ styled_default("div")({
   name: "IconContainer",
   class: "i1w4fsni",
-  propsAsIs: !1
-}), b0 = () => H, y0 = /* @__PURE__ */ s(b0())({
+  propsAsIs: false
+}), e$9 = () => B1, l$9 = /* @__PURE__ */ styled_default(e$9())({
   name: "InviteGameIcon",
   class: "i19m85r1",
-  propsAsIs: !0
-}), T0 = /* @__PURE__ */ s("div")({
+  propsAsIs: true
+}), p$a = /* @__PURE__ */ styled_default("div")({
   name: "Content",
   class: "c1mbu204",
-  propsAsIs: !1
-}), H0 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), r$6 = /* @__PURE__ */ styled_default("div")({
   name: "Heading",
   class: "h1amdqtv",
-  propsAsIs: !1
-}), V0 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), m$4 = /* @__PURE__ */ styled_default("div")({
   name: "Subtext",
   class: "s1lhlj9j",
-  propsAsIs: !1
-}), k0 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), I$5 = /* @__PURE__ */ styled_default("div")({
   name: "LinkContainer",
   class: "l1wot35e",
-  propsAsIs: !1
-}), z0 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), d$3 = /* @__PURE__ */ styled_default("div")({
   name: "LinkInfo",
   class: "l1jdw39q",
-  propsAsIs: !1
-}), x0 = /* @__PURE__ */ s("span")({
+  propsAsIs: false
+}), f$5 = /* @__PURE__ */ styled_default("span")({
   name: "LinkTitle",
   class: "l1cr5mk",
-  propsAsIs: !1
-}), R0 = /* @__PURE__ */ s("span")({
+  propsAsIs: false
+}), v$2 = /* @__PURE__ */ styled_default("span")({
   name: "LinkAddress",
   class: "lvi87q4",
-  propsAsIs: !1
-}), F0 = () => H, S0 = /* @__PURE__ */ s(F0())({
+  propsAsIs: false
+}), o$b = () => B1, A$2 = /* @__PURE__ */ styled_default(o$b())({
   name: "LinkIcon",
   class: "l1pqlvw3",
-  propsAsIs: !0
-}), M0 = ({
-  inviteLink: i,
-  inviteCardTitle: t,
-  inviteCardSubtext: n,
-  primaryColor: o,
-  className: l
+  propsAsIs: true
+});
+const M = ({
+  inviteLink: i2,
+  inviteCardTitle: e2,
+  inviteCardSubtext: t2,
+  primaryColor: c2,
+  className: a2
 }) => {
-  const c = Z(null), [p, d] = A0(c), [C] = W2({
+  const r2 = useRef(null), [l2, d2] = T$2(r2), [m2] = f$7({
     type: "invitation",
     action: "sent",
     payload: {
-      from: B2.MENU
+      from: InvitationFrom.MENU
     }
   });
-  return /* @__PURE__ */ r(w0, { className: l, children: [
-    /* @__PURE__ */ e($0, { style: { backgroundColor: o }, children: /* @__PURE__ */ e(y0, { name: "invite-game-icon" }) }),
-    /* @__PURE__ */ r(T0, { children: [
-      /* @__PURE__ */ e(H0, { children: t || "" }),
-      /* @__PURE__ */ e(V0, { children: n || "" })
+  return /* @__PURE__ */ jsxs(i$6, { className: a2, children: [
+    /* @__PURE__ */ jsx(c$6, { style: { backgroundColor: c2 }, children: /* @__PURE__ */ jsx(l$9, { name: "invite-game-icon" }) }),
+    /* @__PURE__ */ jsxs(p$a, { children: [
+      /* @__PURE__ */ jsx(r$6, { children: e2 || "" }),
+      /* @__PURE__ */ jsx(m$4, { children: t2 || "" })
     ] }),
-    i && /* @__PURE__ */ r(k0, { ref: c, "data-a": "intr", onClick: C(() => p(i)), children: [
-      /* @__PURE__ */ r(z0, { children: [
-        /* @__PURE__ */ e(x0, { children: "Invite link" }),
-        /* @__PURE__ */ e(R0, { children: i })
+    i2 && /* @__PURE__ */ jsxs(I$5, { ref: r2, "data-a": "intr", onClick: m2(() => l2(i2)), children: [
+      /* @__PURE__ */ jsxs(d$3, { children: [
+        /* @__PURE__ */ jsx(f$5, { children: "Invite link" }),
+        /* @__PURE__ */ jsx(v$2, { children: i2 })
       ] }),
-      /* @__PURE__ */ e(S0, { name: "icon-copy" })
+      /* @__PURE__ */ jsx(A$2, { name: "icon-copy" })
     ] }),
-    d
+    d2
   ] });
-}, q0 = () => I2, E0 = /* @__PURE__ */ s(q0())({
+};
+const s$5 = () => r$8, i$5 = /* @__PURE__ */ styled_default(s$5())({
   name: "Container",
   class: "cll3md7",
-  propsAsIs: !0
-}), B0 = () => x2, N0 = /* @__PURE__ */ s(B0())({
+  propsAsIs: true
+}), e$8 = () => S$1, p$9 = /* @__PURE__ */ styled_default(e$8())({
   name: "ActionBtn",
   class: "a10g1iik",
-  propsAsIs: !0
-}), Z0 = ({ questionId: i, ...t }) => /* @__PURE__ */ r(E0, { "data-a": "intr", "data-name": i, children: [
-  /* @__PURE__ */ e(S2, { questionId: i, ...t }),
-  /* @__PURE__ */ e(N0, { "data-a": "intr", "data-name": i, children: "View Insight" })
-] }), O0 = () => I2, W0 = /* @__PURE__ */ s(O0())({
+  propsAsIs: true
+});
+const c$5 = ({ questionId: t2, ...r2 }) => /* @__PURE__ */ jsxs(i$5, { "data-a": "intr", "data-name": t2, children: [
+  /* @__PURE__ */ jsx(O$1, { questionId: t2, ...r2 }),
+  /* @__PURE__ */ jsx(p$9, { "data-a": "intr", "data-name": t2, children: "View Insight" })
+] });
+const s$4 = () => r$8, a$5 = /* @__PURE__ */ styled_default(s$4())({
   name: "Container",
   class: "cl56x6b",
-  propsAsIs: !0
-}), j0 = /* @__PURE__ */ s("button")({
+  propsAsIs: true
+}), c$4 = /* @__PURE__ */ styled_default("button")({
   name: "ActionButton",
   class: "a11pzf92",
-  propsAsIs: !1
-}), G0 = /* @__PURE__ */ s("blockquote")({
+  propsAsIs: false
+}), p$8 = /* @__PURE__ */ styled_default("blockquote")({
   name: "Quote",
   class: "q1hbaleq",
-  propsAsIs: !1
-}), D0 = ({ ...i }) => /* @__PURE__ */ r(W0, { "data-a": "intr", "data-name": i.tweetId, children: [
-  i.title && /* @__PURE__ */ e(G0, { children: i.title }),
-  /* @__PURE__ */ e(v2, { ...i }),
-  /* @__PURE__ */ e(j0, { "data-a": "intr", "data-name": i.tweetId, children: "View Insight" })
-] }), r2 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+});
+const l$8 = ({ ...t2 }) => /* @__PURE__ */ jsxs(a$5, { "data-a": "intr", "data-name": t2.tweetId, children: [
+  t2.title && /* @__PURE__ */ jsx(p$8, { children: t2.title }),
+  /* @__PURE__ */ jsx(b$2, { ...t2 }),
+  /* @__PURE__ */ jsx(c$4, { "data-a": "intr", "data-name": t2.tweetId, children: "View Insight" })
+] });
+const e$7 = /* @__PURE__ */ styled_default("div")({
   name: "QuestionsContainer",
   class: "qvghv3l",
-  propsAsIs: !1
-}), pe = ({ questions: i, openQuestion: t, controlVideo: n }) => i ? /* @__PURE__ */ e(r2, { "data-a": "intr", onClick: (l) => {
-  const c = l.target.getAttribute("data-name");
-  c && (M2(), t(c, { openedFrom: "list" }));
-}, children: i == null ? void 0 : i.map((l) => {
-  var c, p, d;
-  if (l.type === "question" && ((c = l.attributes) == null ? void 0 : c.attributes.case) === "question") {
-    const C = l.attributes.attributes.value;
-    return /* @__PURE__ */ e(R2, { ...C }, C.questionId);
-  }
-  if (l.type === "insight" && ((p = l.attributes) == null ? void 0 : p.attributes.case) === "insight") {
-    const C = l.attributes.attributes.value;
-    return /* @__PURE__ */ e(Z0, { controlVideo: n, ...C }, C.questionId);
-  }
-  if (l.type === "tweet" && ((d = l.attributes) == null ? void 0 : d.attributes.case) === "tweet") {
-    const C = l.attributes.attributes.value, I = l.attributes.id;
-    return /* @__PURE__ */ e(D0, { controlVideo: n, ...C, tweetId: I }, I);
-  }
-  return null;
-}) }) : /* @__PURE__ */ e(r2, { children: Array.from({ length: 5 }).map((l, c) => /* @__PURE__ */ e(F2, {}, c)) }), P0 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+});
+const k$2 = ({ questions: n2, openQuestion: b2, controlVideo: a2 }) => {
+  const l2 = (t2) => {
+    const e2 = t2.target.getAttribute("data-name");
+    e2 && (wt(), b2(e2, { openedFrom: "list" }));
+  };
+  return n2 ? /* @__PURE__ */ jsx(e$7, { "data-a": "intr", onClick: l2, children: n2 == null ? void 0 : n2.map((t2) => {
+    var e2, u2, s2;
+    if (t2.type === "question" && ((e2 = t2.attributes) == null ? void 0 : e2.attributes.case) === "question") {
+      const i2 = t2.attributes.attributes.value;
+      return /* @__PURE__ */ jsx(R$2, { ...i2 }, i2.questionId);
+    }
+    if (t2.type === "insight" && ((u2 = t2.attributes) == null ? void 0 : u2.attributes.case) === "insight") {
+      const i2 = t2.attributes.attributes.value;
+      return /* @__PURE__ */ jsx(c$5, { controlVideo: a2, ...i2 }, i2.questionId);
+    }
+    if (t2.type === "tweet" && ((s2 = t2.attributes) == null ? void 0 : s2.attributes.case) === "tweet") {
+      const i2 = t2.attributes.attributes.value, o2 = t2.attributes.id;
+      return /* @__PURE__ */ jsx(l$8, { controlVideo: a2, ...i2, tweetId: o2 }, o2);
+    }
+    return null;
+  }) }) : /* @__PURE__ */ jsx(e$7, { children: Array.from({ length: 5 }).map((t2, e2) => /* @__PURE__ */ jsx(D$1, {}, e2)) });
+};
+const t$9 = /* @__PURE__ */ styled_default("div")({
   name: "InsightContainer",
   class: "i1pqqgpo",
-  propsAsIs: !1
-}), U0 = /* @__PURE__ */ s("img")({
+  propsAsIs: false
+}), e$6 = /* @__PURE__ */ styled_default("img")({
   name: "Image",
   class: "igj7luu",
-  propsAsIs: !1
-}), Q0 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), a$4 = /* @__PURE__ */ styled_default("div")({
   name: "ImageContainer",
   class: "i1qne9g6",
-  propsAsIs: !1
-}), Y0 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), o$a = /* @__PURE__ */ styled_default("div")({
   name: "InsightContent",
   class: "itpr98r",
-  propsAsIs: !1
-}), K0 = /* @__PURE__ */ s("h3")({
+  propsAsIs: false
+}), i$4 = /* @__PURE__ */ styled_default("h3")({
   name: "Title",
   class: "t17iaqp8",
-  propsAsIs: !1
-}), J0 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), p$7 = /* @__PURE__ */ styled_default("div")({
   name: "Description",
   class: "d16t3y7s",
-  propsAsIs: !1
-}), X0 = /* @__PURE__ */ s("button")({
+  propsAsIs: false
+}), r$5 = /* @__PURE__ */ styled_default("button")({
   name: "ActionBtn",
   class: "a12495er",
-  propsAsIs: !1
-}), e1 = ({ video: i, image: t, imageMode: n, heading: o, body: l, action: c, controlVideo: p }) => /* @__PURE__ */ r(P0, { children: [
-  (i == null ? void 0 : i.url) && /* @__PURE__ */ e(q2, { source: i.url, poster: i.thumbnailUrl, controlVideo: p }),
-  t && !(i != null && i.url) && /* @__PURE__ */ e(Q0, { "data-rounded": n === N2.ROUNDED, children: /* @__PURE__ */ e(U0, { src: t, alt: o }) }),
-  /* @__PURE__ */ r(Y0, { children: [
-    /* @__PURE__ */ e(K0, { children: o }),
-    /* @__PURE__ */ e(J0, { children: l }),
-    c && /* @__PURE__ */ e(X0, { onClick: c, children: "View Insight" })
+  propsAsIs: false
+});
+const V = ({ video: r2, image: t2, imageMode: i2, heading: l2, body: m2, action: s2, controlVideo: e2 }) => /* @__PURE__ */ jsxs(t$9, { children: [
+  (r2 == null ? void 0 : r2.url) && /* @__PURE__ */ jsx(Et, { source: r2.url, poster: r2.thumbnailUrl, controlVideo: e2 }),
+  t2 && !(r2 != null && r2.url) && /* @__PURE__ */ jsx(a$4, { "data-rounded": i2 === QuestionImages.ROUNDED, children: /* @__PURE__ */ jsx(e$6, { src: t2, alt: l2 }) }),
+  /* @__PURE__ */ jsxs(o$a, { children: [
+    /* @__PURE__ */ jsx(i$4, { children: l2 }),
+    /* @__PURE__ */ jsx(p$7, { children: m2 }),
+    s2 && /* @__PURE__ */ jsx(r$5, { onClick: s2, children: "View Insight" })
   ] })
-] }), s1 = /* @__PURE__ */ s("div")({
+] });
+const p$6 = /* @__PURE__ */ styled_default("div")({
   name: "Container",
   class: "c1eptrjd",
-  propsAsIs: !1
-}), t1 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), t$8 = /* @__PURE__ */ styled_default("div")({
   name: "CloseIconWrap",
   class: "crylm65",
-  propsAsIs: !1
-}), i1 = () => H, n1 = /* @__PURE__ */ s(i1())({
+  propsAsIs: false
+}), o$9 = () => B1, r$4 = /* @__PURE__ */ styled_default(o$9())({
   name: "CloseIcon",
   class: "c9mrcz7",
-  propsAsIs: !0
-}), r1 = /* @__PURE__ */ s("div")({
+  propsAsIs: true
+}), l$7 = /* @__PURE__ */ styled_default("div")({
   name: "Header",
   class: "hw3lzv4",
-  propsAsIs: !1
-}), a1 = () => H, o1 = /* @__PURE__ */ s(a1())({
+  propsAsIs: false
+}), n$7 = () => B1, m$3 = /* @__PURE__ */ styled_default(n$7())({
   name: "TypeIcon",
   class: "t1rrb3kf",
-  propsAsIs: !0
-}), l1 = /* @__PURE__ */ s("span")({
+  propsAsIs: true
+}), I$4 = /* @__PURE__ */ styled_default("span")({
   name: "TypeName",
   class: "t1ydnjov",
-  propsAsIs: !1
-}), c1 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), f$4 = /* @__PURE__ */ styled_default("div")({
   name: "Question",
   class: "qlf90cl",
-  propsAsIs: !1
-}), d1 = /* @__PURE__ */ s("button")({
+  propsAsIs: false
+}), i$3 = /* @__PURE__ */ styled_default("button")({
   name: "AnswerButton",
   class: "a1e0nhcl",
-  propsAsIs: !1
-}), p1 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+});
+const t$7 = /* @__PURE__ */ styled_default("div")({
   name: "Container",
   class: "c1t4f0x4",
-  propsAsIs: !1
-}), h1 = /* @__PURE__ */ s("button")({
+  propsAsIs: false
+}), n$6 = /* @__PURE__ */ styled_default("button")({
   name: "ActionBtn",
   class: "a16w1nl6",
-  propsAsIs: !1
-}), C1 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), a$3 = /* @__PURE__ */ styled_default("div")({
   name: "QuoteWrap",
   class: "q14u54rf",
-  propsAsIs: !1
-}), m1 = /* @__PURE__ */ s("blockquote")({
+  propsAsIs: false
+}), e$5 = /* @__PURE__ */ styled_default("blockquote")({
   name: "Quote",
   class: "q1hxm6zo",
-  propsAsIs: !1
-}), u1 = ({ action: i, ...t }) => /* @__PURE__ */ r(p1, { children: [
-  t.title && /* @__PURE__ */ e(C1, { children: /* @__PURE__ */ e(m1, { children: t.title }) }),
-  /* @__PURE__ */ e(v2, { ...t }),
-  i && /* @__PURE__ */ e(h1, { onClick: i, children: "View Insight" })
-] }), he = ({
-  close: i,
-  action: t,
-  controlVideo: n,
-  data: { questionType: o, question: l, insight: c, tweet: p }
+  propsAsIs: false
+});
+const s$3 = ({ action: i2, ...e2 }) => /* @__PURE__ */ jsxs(t$7, { children: [
+  e2.title && /* @__PURE__ */ jsx(a$3, { children: /* @__PURE__ */ jsx(e$5, { children: e2.title }) }),
+  /* @__PURE__ */ jsx(b$2, { ...e2 }),
+  i2 && /* @__PURE__ */ jsx(n$6, { onClick: i2, children: "View Insight" })
+] });
+const w$2 = ({
+  close: i2,
+  action: o2,
+  controlVideo: c2,
+  data: { questionType: r2, question: t2, insight: d2, tweet: e2 }
 }) => {
-  const d = k2[o];
-  return d ? /* @__PURE__ */ r(s1, { onClick: t, style: o === k.TWEET ? { paddingTop: "12px" } : {}, children: [
-    /* @__PURE__ */ e(
-      t1,
+  const l2 = e$d[r2];
+  return l2 ? /* @__PURE__ */ jsxs(p$6, { onClick: o2, style: r2 === QuestionType.TWEET ? { paddingTop: "12px" } : {}, children: [
+    /* @__PURE__ */ jsx(
+      t$8,
       {
         "data-a": "intr",
-        onClick: (C) => {
-          C.stopPropagation(), i && i(C);
+        onClick: (p2) => {
+          p2.stopPropagation(), i2 && i2(p2);
         },
-        children: /* @__PURE__ */ e(n1, { name: "icon-cross" })
+        children: /* @__PURE__ */ jsx(r$4, { name: "icon-cross" })
       }
     ),
-    o !== k.TWEET && /* @__PURE__ */ r(r1, { children: [
-      /* @__PURE__ */ e(
-        o1,
+    r2 !== QuestionType.TWEET && /* @__PURE__ */ jsxs(l$7, { children: [
+      /* @__PURE__ */ jsx(
+        m$3,
         {
-          "data-type-trivia": o === k.TRIVIA,
-          "data-type-poll": o === k.POLL,
-          name: d.iconName
+          "data-type-trivia": r2 === QuestionType.TRIVIA,
+          "data-type-poll": r2 === QuestionType.POLL,
+          name: l2.iconName
         }
       ),
-      /* @__PURE__ */ e(l1, { children: d.label })
+      /* @__PURE__ */ jsx(I$4, { children: l2.label })
     ] }),
-    o === k.FACTOID && c && /* @__PURE__ */ e(e1, { ...c, action: t, controlVideo: n }),
-    o === k.TWEET && p && /* @__PURE__ */ e(u1, { ...p, action: t, controlVideo: n }),
-    o !== k.FACTOID && o !== k.TWEET && /* @__PURE__ */ r(S, { children: [
-      /* @__PURE__ */ e(c1, { children: l == null ? void 0 : l.title }),
-      /* @__PURE__ */ e(d1, { children: "Answer" })
+    r2 === QuestionType.FACTOID && d2 && /* @__PURE__ */ jsx(V, { ...d2, action: o2, controlVideo: c2 }),
+    r2 === QuestionType.TWEET && e2 && /* @__PURE__ */ jsx(s$3, { ...e2, action: o2, controlVideo: c2 }),
+    r2 !== QuestionType.FACTOID && r2 !== QuestionType.TWEET && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(f$4, { children: t2 == null ? void 0 : t2.title }),
+      /* @__PURE__ */ jsx(i$3, { children: "Answer" })
     ] })
   ] }) : null;
-}, R = /* @__PURE__ */ s("div")({
+};
+const l$6 = /* @__PURE__ */ styled_default("div")({
   name: "BGWrap",
   class: "b1dqe0sz",
-  propsAsIs: !1
-}), w = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), s$2 = /* @__PURE__ */ styled_default("div")({
   name: "BGLineBase",
   class: "b1v6w7ni",
-  propsAsIs: !1
-}), g1 = () => w, f1 = /* @__PURE__ */ s(g1())({
+  propsAsIs: false
+}), n$5 = () => s$2, m$2 = /* @__PURE__ */ styled_default(n$5())({
   name: "BGOneLineOne",
   class: "b2nqb1p",
-  propsAsIs: !0
-}), v1 = () => w, I1 = /* @__PURE__ */ s(v1())({
+  propsAsIs: true
+}), o$8 = () => s$2, x$1 = /* @__PURE__ */ styled_default(o$8())({
   name: "BGOneLineTwo",
   class: "b1xxgmbk",
-  propsAsIs: !0
-}), A1 = () => w, L1 = /* @__PURE__ */ s(A1())({
+  propsAsIs: true
+}), r$3 = () => s$2, w$1 = /* @__PURE__ */ styled_default(r$3())({
   name: "BGOneLineThree",
   class: "b63lwcb",
-  propsAsIs: !0
-}), _1 = () => w, a2 = /* @__PURE__ */ s(_1())({
+  propsAsIs: true
+}), p$5 = () => s$2, A$1 = /* @__PURE__ */ styled_default(p$5())({
   name: "BGTwoLineOne",
   class: "b2iah4",
-  propsAsIs: !0
-}), w1 = () => w, o2 = /* @__PURE__ */ s(w1())({
+  propsAsIs: true
+}), t$6 = () => s$2, I$3 = /* @__PURE__ */ styled_default(t$6())({
   name: "BGTwoLineTwo",
   class: "b1xezvf6",
-  propsAsIs: !0
-}), $1 = () => w, l2 = /* @__PURE__ */ s($1())({
+  propsAsIs: true
+}), c$3 = () => s$2, O = /* @__PURE__ */ styled_default(c$3())({
   name: "BGTwoLineThree",
   class: "b1jz1hg0",
-  propsAsIs: !0
-}), b1 = () => w, c2 = /* @__PURE__ */ s(b1())({
+  propsAsIs: true
+}), a$2 = () => s$2, _$1 = /* @__PURE__ */ styled_default(a$2())({
   name: "BGThreeLineOne",
   class: "b18ho1tk",
-  propsAsIs: !0
-}), y1 = () => w, d2 = /* @__PURE__ */ s(y1())({
+  propsAsIs: true
+}), i$2 = () => s$2, F$1 = /* @__PURE__ */ styled_default(i$2())({
   name: "BGThreeLineTwo",
   class: "b14uvjfm",
-  propsAsIs: !0
-}), T1 = () => w, p2 = /* @__PURE__ */ s(T1())({
+  propsAsIs: true
+}), B = () => s$2, d$2 = /* @__PURE__ */ styled_default(B())({
   name: "BGThreeLineThree",
   class: "b11c3ns7",
-  propsAsIs: !0
-}), H1 = () => w, h2 = /* @__PURE__ */ s(H1())({
+  propsAsIs: true
+}), G = () => s$2, v$1 = /* @__PURE__ */ styled_default(G())({
   name: "BGThreeLineFour",
   class: "b1bqhhet",
-  propsAsIs: !0
-}), V1 = () => w, k1 = /* @__PURE__ */ s(V1())({
+  propsAsIs: true
+}), L = () => s$2, f$3 = /* @__PURE__ */ styled_default(L())({
   name: "BGFourLineOne",
   class: "b1xyzi7o",
-  propsAsIs: !0
-}), z1 = () => w, x1 = /* @__PURE__ */ s(z1())({
+  propsAsIs: true
+}), T$1 = () => s$2, q = /* @__PURE__ */ styled_default(T$1())({
   name: "BGFourLineTwo",
   class: "byo0rup",
-  propsAsIs: !0
-}), R1 = () => w, F1 = /* @__PURE__ */ s(R1())({
+  propsAsIs: true
+}), u$1 = () => s$2, y = /* @__PURE__ */ styled_default(u$1())({
   name: "BGFourLineThree",
   class: "b1oyiqgv",
-  propsAsIs: !0
-}), S1 = () => w, M1 = /* @__PURE__ */ s(S1())({
+  propsAsIs: true
+}), h = () => s$2, z = /* @__PURE__ */ styled_default(h())({
   name: "BGFourLineFour",
   class: "bx3ddqw",
-  propsAsIs: !0
-}), q1 = ({ step: i, correct: t }) => /* @__PURE__ */ r(S, { children: [
-  /* @__PURE__ */ r(R, { "data-active": i === 1, "data-first-screen": "true", children: [
-    /* @__PURE__ */ e(f1, {}),
-    /* @__PURE__ */ e(I1, {}),
-    /* @__PURE__ */ e(L1, {})
+  propsAsIs: true
+});
+const s$1 = ({ step: n2, correct: L2 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsxs(l$6, { "data-active": n2 === 1, "data-first-screen": "true", children: [
+    /* @__PURE__ */ jsx(m$2, {}),
+    /* @__PURE__ */ jsx(x$1, {}),
+    /* @__PURE__ */ jsx(w$1, {})
   ] }),
-  /* @__PURE__ */ r(R, { "data-active": i === 2, children: [
-    /* @__PURE__ */ e(a2, {}),
-    /* @__PURE__ */ e(o2, {}),
-    /* @__PURE__ */ e(l2, {})
+  /* @__PURE__ */ jsxs(l$6, { "data-active": n2 === 2, children: [
+    /* @__PURE__ */ jsx(A$1, {}),
+    /* @__PURE__ */ jsx(I$3, {}),
+    /* @__PURE__ */ jsx(O, {})
   ] }),
-  /* @__PURE__ */ r(R, { "data-active": i === 3, children: [
-    /* @__PURE__ */ e(a2, {}),
-    /* @__PURE__ */ e(o2, {}),
-    /* @__PURE__ */ e(l2, {})
+  /* @__PURE__ */ jsxs(l$6, { "data-active": n2 === 3, children: [
+    /* @__PURE__ */ jsx(A$1, {}),
+    /* @__PURE__ */ jsx(I$3, {}),
+    /* @__PURE__ */ jsx(O, {})
   ] }),
-  t ? /* @__PURE__ */ r(S, { children: [
-    /* @__PURE__ */ r(R, { "data-active": i === 4, "data-correct": "true", children: [
-      /* @__PURE__ */ e(c2, {}),
-      /* @__PURE__ */ e(d2, {}),
-      /* @__PURE__ */ e(p2, {}),
-      /* @__PURE__ */ e(h2, {})
+  L2 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(l$6, { "data-active": n2 === 4, "data-correct": "true", children: [
+      /* @__PURE__ */ jsx(_$1, {}),
+      /* @__PURE__ */ jsx(F$1, {}),
+      /* @__PURE__ */ jsx(d$2, {}),
+      /* @__PURE__ */ jsx(v$1, {})
     ] }),
-    /* @__PURE__ */ r(R, { "data-active": i === 5, "data-correct": "true", children: [
-      /* @__PURE__ */ e(c2, {}),
-      /* @__PURE__ */ e(d2, {}),
-      /* @__PURE__ */ e(p2, {}),
-      /* @__PURE__ */ e(h2, {})
+    /* @__PURE__ */ jsxs(l$6, { "data-active": n2 === 5, "data-correct": "true", children: [
+      /* @__PURE__ */ jsx(_$1, {}),
+      /* @__PURE__ */ jsx(F$1, {}),
+      /* @__PURE__ */ jsx(d$2, {}),
+      /* @__PURE__ */ jsx(v$1, {})
     ] })
-  ] }) : /* @__PURE__ */ r(R, { "data-active": i === 4, "data-correct": "false", children: [
-    /* @__PURE__ */ e(k1, {}),
-    /* @__PURE__ */ e(x1, {}),
-    /* @__PURE__ */ e(F1, {}),
-    /* @__PURE__ */ e(M1, {})
+  ] }) : /* @__PURE__ */ jsxs(l$6, { "data-active": n2 === 4, "data-correct": "false", children: [
+    /* @__PURE__ */ jsx(f$3, {}),
+    /* @__PURE__ */ jsx(q, {}),
+    /* @__PURE__ */ jsx(y, {}),
+    /* @__PURE__ */ jsx(z, {})
   ] })
-] }), E1 = 118, B1 = () => O2, N1 = /* @__PURE__ */ s(B1())({
+] });
+const A = 118, t$5 = () => f$8, f$2 = /* @__PURE__ */ styled_default(t$5())({
   name: "Container",
   class: "c10131zw",
-  propsAsIs: !0
-}), Z1 = /* @__PURE__ */ s("div")({
+  propsAsIs: true
+}), C = /* @__PURE__ */ styled_default("div")({
   name: "InnerContainer",
   class: "ir6k2eo",
-  propsAsIs: !1
-}), x = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), b$1 = /* @__PURE__ */ styled_default("div")({
   name: "Content",
   class: "c1hwoq9l",
-  propsAsIs: !1
-}), M = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), c$2 = /* @__PURE__ */ styled_default("div")({
   name: "Title",
   class: "t4ujo4g",
-  propsAsIs: !1
-}), O1 = () => M, W1 = /* @__PURE__ */ s(O1())({
+  propsAsIs: false
+}), r$2 = () => c$2, u = /* @__PURE__ */ styled_default(r$2())({
   name: "PointsTitle",
   class: "p1pjil1h",
-  propsAsIs: !0
-}), E = /* @__PURE__ */ s("div")({
+  propsAsIs: true
+}), v = /* @__PURE__ */ styled_default("div")({
   name: "Subtitle",
   class: "s1iorwr9",
-  propsAsIs: !1
-}), C2 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), k$1 = /* @__PURE__ */ styled_default("div")({
   name: "SubtitleFG",
   class: "s51sv9d",
-  propsAsIs: !1
-}), B = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), x = /* @__PURE__ */ styled_default("div")({
   name: "AnswerText",
   class: "a1lbk2ye",
-  propsAsIs: !1
-}), j1 = () => H, L2 = /* @__PURE__ */ s(j1())({
+  propsAsIs: false
+}), a$1 = () => B1, o$7 = /* @__PURE__ */ styled_default(a$1())({
   name: "FeedbackIcon",
   class: "frcvk3t",
-  propsAsIs: !0
-}), G1 = () => L2, m2 = /* @__PURE__ */ s(G1())({
+  propsAsIs: true
+}), p$4 = () => o$7, T = /* @__PURE__ */ styled_default(p$4())({
   name: "FeedbackIconCorrect",
   class: "f33p82r",
-  propsAsIs: !0
-}), D1 = () => L2, P1 = /* @__PURE__ */ s(D1())({
+  propsAsIs: true
+}), l$5 = () => o$7, F = /* @__PURE__ */ styled_default(l$5())({
   name: "FeedbackIconIncorrect",
   class: "f12r9net",
-  propsAsIs: !0
-}), u2 = /* @__PURE__ */ s("div")({
+  propsAsIs: true
+}), _ = /* @__PURE__ */ styled_default("div")({
   name: "CloseIconWrap",
   class: "c1fw6699",
-  propsAsIs: !1
-}), U1 = () => H, g2 = /* @__PURE__ */ s(U1())({
+  propsAsIs: false
+}), I$2 = () => B1, w = /* @__PURE__ */ styled_default(I$2())({
   name: "CloseIcon",
   class: "c115o126",
-  propsAsIs: !0
-}), Q1 = "data:image/svg+xml,%3csvg%20width='154'%20height='37'%20viewBox='0%200%20154%2037'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M70.9776%2030.8796L74.668%2018.1381C75.0696%2016.7473%2076.1186%2015.6318%2077.4936%2015.1371L77.5928%2014.7217H72.466L63.7623%2024.9662L60.431%2014.7217H55.7389L55.6255%2015.1371C56.4288%2015.5291%2056.8683%2016.7052%2056.8683%2017.662V17.7227C56.8683%2023.1787%2052.781%2032.5598%2047.0352%2032.5598C44.8002%2032.5598%2043.6425%2031.0009%2043.6425%2029.7035C43.6425%2028.1306%2044.975%2027.0105%2046.3831%2027.0105C47.744%2027.0105%2047.9519%2027.5099%2048.741%2027.5099C49.2182%2027.5099%2049.6766%2027.2672%2049.9081%2026.8518C50.2672%2026.1984%2049.9931%2025.4049%2049.3363%2025.0922L48.9772%2024.9242C45.6271%2023.3327%2041.7383%2025.7457%2041.7383%2029.4188V29.4701C41.7383%2032.1444%2043.8646%2034.38%2046.5674%2034.4733C53.5417%2034.716%2058.2055%2025.4236%2058.9473%2018.6188L59.486%2020.4577L62.2313%2028.5927H63.2709L71.8518%2018.4741L68.2512%2030.8936C67.8401%2032.3171%2066.6966%2033.4232%2065.2412%2033.7966L65.142%2034.212H72.0408L72.1542%2033.7966C71.1383%2033.2039%2070.6516%2032.0044%2070.9776%2030.8796Z'%20fill='white'/%3e%3cpath%20d='M88.2952%2021.6521H88.2385C85.016%2021.6568%2081.5571%2021.9648%2079.7143%2027.1361C78.1692%2031.4813%2077.7487%2033.2828%2076.539%2033.2828C75.7641%2033.2828%2075.9531%2031.794%2074.7954%2031.794C74.2709%2031.794%2073.7275%2032.2094%2073.6897%2032.8068C73.6236%2033.8429%2075.0317%2034.4683%2076.0949%2034.4683C79.3316%2034.4683%2080.5696%2032.1347%2080.9759%2031.0472C81.0279%2030.9072%2081.3162%2030.1371%2081.6517%2029.2317H85.0538L84.4773%2031.3273C84.1749%2032.4334%2083.5464%2033.3388%2082.488%2033.8009L82.3982%2034.2163H87.9597L88.0637%2033.8009C87.3124%2033.1848%2086.9816%2032.2%2087.2273%2031.2853L89.3206%2023.4257C89.4812%2022.8236%2089.9018%2022.3242%2090.4783%2022.0628L90.568%2021.6475H88.7536H88.2952V21.6521ZM85.3231%2028.2189H82.0202C82.3935%2027.2108%2082.7526%2026.2493%2082.8755%2025.9366C83.7118%2023.757%2085.2995%2022.8749%2086.8399%2022.7536L86.8257%2022.7676L85.3231%2028.2189Z'%20fill='white'/%3e%3cpath%20d='M116.358%2022.5486C116.538%2022.2545%20116.708%2021.8112%20116.708%2021.5591C116.732%2021.0877%20116.297%2020.7237%20115.829%2020.8217C115.456%2020.9011%20115.187%2021.2324%20115.191%2021.6058C115.196%2021.9978%20115.12%2022.4226%20114.95%2022.6279C114.558%2023.104%20113.934%2023.062%20111.062%2022.2452V22.2405C110.797%2022.1659%20110.509%2022.0819%20110.206%2021.9978C110.187%2021.9932%20110.173%2021.9885%20110.159%2021.9838C108.723%2021.6011%20106.941%2021.2464%20105.774%2021.8205C105.765%2021.8252%20105.755%2021.8298%20105.746%2021.8345C104.602%2022.3992%20103.808%2023.4727%20103.567%2024.7142C103.53%2024.8962%20103.506%2025.0455%20103.501%2025.0969C103.468%2025.7456%20104.068%2026.2544%20104.711%2026.1143C105.235%2026.0023%20105.604%2025.5403%20105.59%2025.0129C105.58%2024.4808%20105.472%2023.7667%20105.765%2023.286C106.237%2022.6279%20106.729%2022.5812%20108.935%2023.3047L106.544%2031.323C106.214%2032.4291%20105.406%2033.3345%20104.338%2033.7966L104.238%2034.212H109.961L110.074%2033.7966C109.337%2033.1852%20109.03%2032.1957%20109.299%2031.2809L111.392%2024.0561C112.309%2024.2428%20113.24%2024.2941%20114.147%2024.0374L114.473%2023.9441C115.196%2023.7527%20115.943%2023.2347%20116.358%2022.5486Z'%20fill='white'/%3e%3cpath%20d='M118.649%2021.6523L118.536%2022.0677C119.245%2022.5531%20119.561%2023.4259%20119.335%2024.2427L117.208%2031.3228C116.877%2032.429%20116.069%2033.3344%20115.002%2033.7964L114.902%2034.2118H117.931H118.21H125.18L126.101%2030.8934H125.666L125.51%2031.2108C124.934%2032.3963%20123.72%2033.1524%20122.382%2033.1524H119.429L121.003%2027.5937H122.259C123.105%2027.5937%20123.743%2028.3545%20123.582%2029.1759H124.012L125.043%2025.4188H124.613C124.362%2026.1142%20123.696%2026.5763%20122.949%2026.5809H121.291L122.382%2022.7258L125.515%2022.7211C126.536%2022.7211%20127.301%2023.6452%20127.098%2024.6347H127.528L128.35%2021.6523H118.649Z'%20fill='white'/%3e%3cpath%20d='M138.251%2021.6582H131.333L131.22%2022.0736C131.881%2022.5263%20132.207%2023.3197%20132.056%2024.0898L129.892%2031.324C129.561%2032.4301%20128.753%2033.3356%20127.685%2033.7976L127.586%2034.213H133.303L133.417%2033.7976C132.68%2033.1862%20132.373%2032.2014%20132.637%2031.282L133.686%2027.5949H134.126C134.787%2027.5949%20135.34%2028.085%20135.416%2028.7337C135.439%2028.9437%20135.77%2031.506%20136.035%2032.3881C136.379%2033.5409%20136.833%2034.213%20137.868%2034.213H140.453L140.552%2033.7976L140.183%2033.5829C139.451%2033.1536%20138.922%2032.4908%20138.685%2031.6087C138.463%2030.7779%20138.043%2029.2284%20137.84%2028.4117C137.736%2027.9916%20137.202%2027.5996%20136.654%2027.5996H137.523C139.087%2027.5996%20140.457%2026.5681%20140.878%2025.0839C141.365%2023.3617%20140.056%2021.6582%20138.251%2021.6582ZM138.369%2024.6872C138.029%2025.812%20136.98%2026.5868%20135.789%2026.5868H133.974L135.071%2022.7317H136.89C137.925%2022.727%20138.662%2023.7118%20138.369%2024.6872Z'%20fill='white'/%3e%3cpath%20d='M100.265%2022.2961C100.081%2022.2961%2099.6794%2022.1701%2099.0651%2021.9181C98.4508%2021.6661%2097.8318%2021.54%2097.2034%2021.54C95.904%2021.54%2094.8219%2021.9554%2093.9336%2022.8422C93.1964%2023.5796%2092.8704%2024.401%2092.8704%2025.1105C92.8704%2025.8665%2093.3193%2026.7533%2094.2124%2027.4721C95.0582%2028.1488%2095.937%2028.8022%2096.8206%2029.465C97.7468%2030.1977%2098.2098%2030.8745%2098.2098%2031.4252C98.2098%2032.634%2097.416%2033.2828%2095.7669%2033.2828C94.0942%2033.2828%2092.9366%2032.074%2092.568%2029.8057H92.1144L90.8008%2034.2162H91.226C91.7694%2033.8382%2092.1569%2033.6001%2092.946%2033.6001C93.6973%2033.6001%2094.5006%2034.4729%2096.2158%2034.4729C97.5814%2034.4729%2098.6682%2034.1929%2099.5943%2033.2781C100.383%2032.4753%20100.776%2031.3552%20100.776%2030.4404C100.776%2029.591%20100.237%2028.6062%2099.2966%2027.8921C98.4886%2027.2807%2097.6286%2026.7347%2096.7923%2026.1419C95.8898%2025.4792%2095.4362%2024.9144%2095.4362%2024.2937C95.4362%2023.9483%2095.611%2023.6076%2095.9559%2023.2622C96.3954%2022.8282%2096.986%2022.7302%2097.7751%2022.7302C99.3581%2022.7302%20100.464%2023.5983%20100.558%2025.4325H100.974L102.08%2021.5447H101.664C101.215%2022.0441%20100.752%2022.2961%20100.265%2022.2961Z'%20fill='white'/%3e%3cpath%20d='M149.201%2022.7304C150.784%2022.7304%20151.89%2023.6032%20151.984%2025.4327H152.4L153.501%2021.5449H153.085C152.646%2022.049%20152.182%2022.301%20151.696%2022.301C151.512%2022.301%20151.11%2022.175%20150.496%2021.923C149.881%2021.6709%20149.262%2021.5449%20148.634%2021.5449C147.334%2021.5449%20146.252%2021.9603%20145.364%2022.8471C144.627%2023.5845%20144.296%2024.4059%20144.296%2025.1153C144.296%2025.8714%20144.745%2026.7582%20145.638%2027.477C146.484%2028.1537%20147.363%2028.8071%20148.246%2029.4699C149.173%2030.2026%20149.636%2030.8794%20149.636%2031.4301C149.636%2032.6389%20148.842%2033.2876%20147.193%2033.2876C145.52%2033.2876%20144.362%2032.0788%20143.994%2029.8106H143.54L142.227%2034.2211H142.642C143.186%2033.843%20143.573%2033.605%20144.358%2033.605C145.109%2033.605%20145.912%2034.4778%20147.627%2034.4778C148.993%2034.4778%20150.075%2034.1978%20151.006%2033.283C151.795%2032.4802%20152.187%2031.3601%20152.187%2030.4453C152.187%2029.6005%20151.649%2028.6111%20150.708%2027.897C149.9%2027.2856%20149.04%2026.7395%20148.204%2026.1468C147.301%2025.4841%20146.848%2024.9193%20146.848%2024.2986C146.848%2023.9532%20147.023%2023.6125%20147.368%2023.2671C147.826%2022.8237%20148.412%2022.7304%20149.201%2022.7304Z'%20fill='white'/%3e%3cpath%20d='M26.5433%202.60035C26.0377%202.44633%2025.5321%202.72169%2025.0265%203.00173C24.8469%203.09974%2024.7194%203.27243%2024.6768%203.46845L23.883%207.13222C23.8547%207.26757%2023.9775%207.38891%2024.1145%207.36091C24.9509%207.17422%2025.7447%206.4508%2026.5811%206.70283C27.5167%206.98753%2028.4522%205.81606%2029.3878%205.83006V1.60156C28.4475%201.60623%2027.4789%202.88505%2026.5433%202.60035Z'%20fill='white'/%3e%3cpath%20d='M38.4856%2013.8398C38.2871%2013.7044%2038.1643%2013.4851%2038.1643%2013.2471V12.5796C38.1643%2011.9822%2037.6729%2011.4922%2037.0633%2011.4922H36.6239C36.0994%2011.4922%2035.6174%2011.7536%2035.3339%2012.1876L33.9164%2014.3485C33.7746%2014.5632%2033.5383%2014.6892%2033.2832%2014.6892H32.3287C31.8562%2014.6892%2031.4215%2014.9459%2031.1947%2015.3566C30.9631%2015.7814%2030.552%2016.0754%2030.0843%2016.1734V1.1403C30.0843%200.94894%2029.9283%200.794922%2029.7346%200.794922C29.5409%200.794922%2029.3849%200.94894%2029.3849%201.1403V1.60702V5.83552V16.1827C28.9171%2016.0847%2028.506%2015.7907%2028.2745%2015.3613C28.0524%2014.9506%2027.6177%2014.6939%2027.1405%2014.6939H26.4979C25.9875%2014.6939%2025.5292%2014.9879%2025.3213%2015.45L24.7873%2016.6308C24.7023%2016.8175%2024.5133%2016.9388%2024.3054%2016.9388C24.0975%2016.9388%2023.9085%2016.8175%2023.8234%2016.6308L23.2895%2015.45C23.0816%2014.9926%2022.6232%2014.6939%2022.1129%2014.6939H4.00135C3.85487%2014.6939%203.73674%2014.8106%203.73674%2014.9553C3.73674%2015.2633%203.48158%2015.5107%203.17444%2015.5107H2.39007C2.24359%2015.5107%202.12546%2015.6273%202.12546%2015.772V16.6728C2.12546%2017.5176%201.96008%2018.339%201.62931%2019.1184L1.15207%2020.2526C0.707907%2021.3027%200.5%2022.3901%200.5%2023.4589V26.0726C0.5%2026.7773%200.603954%2027.4914%200.811861%2028.1868C1.39306%2030.1377%202.7161%2031.7339%204.53529%2032.6767L7.43182%2034.1842C7.46962%2034.2029%207.51214%2034.2122%207.55467%2034.2122L9.69517%2034.2309C10.196%2034.2355%2010.6875%2034.3616%2011.1269%2034.6043L12.2751%2035.239C12.3129%2035.2623%2012.3602%2035.2717%2012.4074%2035.2717H13.9431C14.4818%2035.2717%2015.0157%2035.4163%2015.474%2035.6917C15.474%2035.6917%2016.2253%2036.1444%2016.4805%2036.2891C16.8869%2036.5225%2017.3783%2036.7465%2018.2335%2036.7932C18.4273%2036.8025%2018.621%2036.7325%2018.7675%2036.5972C18.9092%2036.4618%2018.9943%2036.2704%2018.9943%2036.0791V35.0616C18.9943%2034.3242%2019.4337%2033.6521%2020.1189%2033.3581L22.4673%2032.3406C22.7886%2032.2006%2023.1477%2032.1773%2023.4832%2032.28L24.3621%2032.5367C24.7354%2032.644%2025.1323%2032.6487%2025.5056%2032.5367L27.5846%2031.9253C27.8587%2031.8459%2028.1517%2031.8459%2028.4304%2031.9299L29.2763%2032.1633C29.6684%2032.2706%2029.9472%2032.6347%2029.9472%2033.0361V35.071C29.9472%2036.0184%2030.7269%2036.7932%2031.6861%2036.7932C32.4043%2036.7932%2033.0328%2036.3405%2033.2501%2035.6637C33.6423%2034.4456%2033.8408%2033.1761%2033.8408%2031.8973V31.0292C33.8408%2030.4131%2034.1006%2029.8204%2034.5543%2029.3956L35.419%2028.5882C36.0002%2028.0421%2036.3356%2027.2674%2036.3356%2026.474V21.6481C36.3356%2020.9013%2036.5625%2020.1779%2036.9972%2019.5618C37.0302%2019.5198%2037.0444%2019.4638%2037.0444%2019.4125V18.2737C37.0444%2017.5316%2037.2712%2016.8128%2037.6965%2016.2014L38.5517%2014.9739C38.5848%2014.9319%2038.599%2014.8806%2038.599%2014.8246V14.0545C38.6037%2013.9098%2038.5139%2013.8585%2038.4856%2013.8398ZM30.0843%2025.2838C30.6654%2025.3725%2031.1002%2025.6665%2031.1002%2026.0212C31.1002%2026.3759%2030.6702%2026.67%2030.0843%2026.7587V25.2838ZM5.22516%2032.4433L4.78572%2032.2146C3.59026%2031.5939%202.63577%2030.6698%201.9837%2029.545V28.1355C2.73028%2029.2043%203.74619%2030.1144%204.98891%2030.7631L5.22516%2030.8845V32.4433ZM7.43654%2033.5961L6.2647%2032.9894V31.4305L7.43182%2032.0373H7.43654V33.5961ZM12.3129%2034.6556L11.3868%2034.1422C10.8812%2033.8622%2010.3142%2033.7128%209.73297%2033.7035V32.0793C10.2197%2032.0886%2010.7016%2032.2146%2011.1269%2032.448L12.2751%2033.0827C12.2846%2033.0874%2012.2987%2033.0874%2012.3129%2033.0921V34.6556ZM18.4603%2035.0616V35.8551V36.0791C18.4603%2036.1304%2018.4367%2036.1818%2018.3989%2036.2191C18.3611%2036.2564%2018.3139%2036.2705%2018.2619%2036.2705C17.52%2036.2331%2017.0948%2036.0418%2016.7498%2035.8411C16.4994%2035.6964%2015.7528%2035.2483%2015.7481%2035.2483C15.2803%2034.9683%2014.7511%2034.8143%2014.2077%2034.7723V33.1387C14.6519%2033.1808%2015.0866%2033.3114%2015.474%2033.5401L16.1214%2033.9228C16.8302%2034.3429%2017.6382%2034.5809%2018.4603%2034.6276V35.0616ZM24.8582%2032.0886C24.7448%2032.084%2024.6267%2032.0653%2024.5133%2032.0326L23.6344%2031.7713C23.4454%2031.7152%2023.2517%2031.6966%2023.0579%2031.6966V30.0677C23.1997%2030.0677%2023.3414%2030.0817%2023.4832%2030.1237L24.3621%2030.3804C24.5227%2030.4271%2024.6928%2030.4504%2024.8582%2030.4598V32.0886ZM30.363%2032.4807C30.1929%2032.0886%2029.8574%2031.7759%2029.4275%2031.6592L28.5864%2031.4259C28.3879%2031.3652%2028.18%2031.3419%2027.9721%2031.3419V29.7177C28.1328%2029.713%2028.2934%2029.7317%2028.4493%2029.783L29.1392%2029.9977C29.8716%2030.2264%2030.363%2030.8891%2030.363%2031.6452V32.4807ZM32.787%2035.365C32.7729%2035.4117%2032.7634%2035.4584%2032.7492%2035.505C32.6028%2035.9624%2032.1775%2036.2658%2031.6955%2036.2658C31.653%2036.2658%2031.6105%2036.2564%2031.568%2036.2518V34.6323C31.601%2034.6369%2031.6294%2034.6416%2031.6625%2034.6416C32.135%2034.6416%2032.565%2034.3802%2032.7918%2033.9835V35.365H32.787ZM37.3232%2015.0486C36.794%2015.8047%2036.5152%2016.6915%2036.5152%2017.6109V18.4137L36.1041%2019.0017C35.5702%2019.7625%2035.2867%2020.6539%2035.2867%2021.578V25.6245C35.2867%2026.2779%2035.0126%2026.9173%2034.5306%2027.3654L33.6659%2028.1775C33.0847%2028.7236%2032.7634%2029.489%2032.787%2030.2824L32.7918%2030.4644C32.8248%2031.5146%2032.6878%2032.56%2032.3901%2033.5681C32.2956%2033.8902%2031.9932%2034.1142%2031.6577%2034.1142C31.2372%2034.1142%2030.8923%2033.7782%2030.8923%2033.3581V31.6452C30.8923%2030.6558%2030.2496%2029.7923%2029.2952%2029.4983L28.6053%2029.2836C28.2225%2029.1669%2027.8209%2029.1623%2027.4334%2029.2743L25.3544%2029.881C25.0803%2029.9604%2024.7873%2029.9604%2024.5133%2029.881L23.6344%2029.6243C23.1808%2029.489%2022.6894%2029.5217%2022.2547%2029.7083L20.4071%2030.5111C19.2258%2031.0245%2018.4651%2032.1773%2018.4651%2033.4515V34.1095C17.7374%2034.0675%2017.0286%2033.8528%2016.4002%2033.4795L15.7528%2033.0967C15.2047%2032.7747%2014.581%2032.602%2013.9431%2032.602H12.4736L11.3868%2031.9999C10.8717%2031.7152%2010.2905%2031.5659%209.69989%2031.5612L7.62082%2031.5472L5.23461%2030.3057C1.61514%2028.4249%200.0700101%2024.1917%201.64349%2020.4579L2.12073%2019.3238C2.47512%2018.4837%202.6594%2017.5922%202.6594%2016.6775V16.0427H3.17444C3.68476%2016.0427%204.11948%2015.6927%204.2376%2015.2213H22.1176C22.4153%2015.2213%2022.6894%2015.394%2022.8075%2015.6647L23.3414%2016.8455C23.5115%2017.2235%2023.8896%2017.4662%2024.3101%2017.4662C24.7259%2017.4662%2025.1087%2017.2235%2025.2788%2016.8455L25.8127%2015.66C25.9356%2015.3893%2026.2049%2015.2166%2026.5026%2015.2166H27.1452C27.424%2015.2166%2027.6791%2015.366%2027.8114%2015.6087C28.1375%2016.2061%2028.7234%2016.6075%2029.3897%2016.7148V24.145C28.317%2024.2617%2027.4949%2024.8918%2027.4949%2025.6572C27.4949%2026.5066%2028.4966%2027.1927%2029.7346%2027.1927C30.9726%2027.1927%2031.9743%2026.5066%2031.9743%2025.6572C31.9743%2024.8918%2031.1521%2024.257%2030.0795%2024.145V16.7101C30.7458%2016.6028%2031.3317%2016.2014%2031.6577%2015.604C31.79%2015.3613%2032.0452%2015.212%2032.324%2015.212H33.2785C33.7179%2015.212%2034.1195%2014.9926%2034.3605%2014.6286L35.7781%2012.4676C35.9624%2012.1829%2036.2789%2012.0149%2036.6239%2012.0149H37.0633C37.3752%2012.0149%2037.6303%2012.2669%2037.6303%2012.575V13.2424C37.6303%2013.5644%2037.7579%2013.8725%2037.98%2014.1012L37.3232%2015.0486ZM29.3849%2025.2838V26.7587C28.8037%2026.67%2028.3737%2026.3759%2028.3737%2026.0212C28.3737%2025.6665%2028.8037%2025.3678%2029.3849%2025.2838Z'%20fill='white'/%3e%3c/svg%3e", Y1 = "data:image/svg+xml,%3csvg%20width='159'%20height='28'%20viewBox='0%200%20159%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_6919_71839)'%3e%3cpath%20d='M4.13243%2025.9198C5.34921%2026.9052%207.05161%2027.0267%208.39597%2026.224L22.9838%2017.5138C25.4013%2016.0703%2025.4117%2012.5721%2023.0028%2011.1144L17.4686%207.76522C15.4767%206.55981%2012.8918%207.10053%2011.5501%209.00325L3.27399%2020.7399C2.14132%2022.3462%202.44805%2024.5556%203.97544%2025.7926L4.13243%2025.9198Z'%20stroke='white'%20style='stroke:white;stroke-opacity:1;'%20stroke-width='2.33333'/%3e%3cpath%20d='M4.11673%202.57147C5.33939%201.58127%207.0516%201.46387%208.39797%202.27791L22.9843%2011.0971C25.3835%2012.5477%2025.3874%2016.0265%2022.9914%2017.4824L17.5405%2020.7946C15.5485%2022.005%2012.9594%2021.4661%2011.6157%2019.5615L3.27518%207.7386C2.142%206.1323%202.44856%203.92248%203.97619%202.68529L4.11673%202.57147Z'%20stroke='white'%20style='stroke:white;stroke-opacity:1;'%20stroke-width='2.33333'/%3e%3cpath%20d='M49.8088%2020.0063C47.924%2020.0063%2046.7521%2018.7437%2046.7521%2016.6748V13.1359H50.1977V10.9296H46.7521V7.34668L44.2736%209.18483V10.9271H42.8892V13.1333H44.2736V16.6515C44.2736%2020.2137%2046.3632%2022.4174%2049.8321%2022.4174H50.361V20.0063H49.8088Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M30.4704%2019.5631L32.6818%2017.8339C33.6722%2019.4231%2035.01%2020.2761%2036.7159%2020.2761C38.5826%2020.2761%2039.757%2019.0783%2039.757%2017.5798C39.757%2015.8505%2037.9137%2015.2983%2035.977%2014.6761C33.6956%2013.9398%2031.23%2013.0168%2031.23%209.92907C31.23%207.37018%2033.5115%205.34277%2036.6226%205.34277C39.1815%205.34277%2040.7707%206.33314%2042.0618%207.83166L40.0111%209.35351C39.2515%208.17907%2038.1211%207.55685%2036.6226%207.55685C34.9167%207.55685%2033.8096%208.57055%2033.8096%209.88499C33.8096%2011.4976%2035.5856%2012.0291%2037.5196%2012.6746C39.8244%2013.4576%2042.3367%2014.4506%2042.3367%2017.585C42.3367%2020.1672%2040.2159%2022.6328%2036.7367%2022.6328C33.8563%2022.6328%2031.8963%2021.4117%2030.4678%2019.5683L30.4704%2019.5631Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M58.9189%2016.7007C58.9189%2013.3225%2061.5141%2010.6807%2064.8923%2010.6807C68.2704%2010.6807%2070.7982%2013.1384%2070.7982%2016.5399V17.5044H61.286C61.6075%2019.2725%2062.9867%2020.4444%2064.9856%2020.4444C66.5489%2020.4444%2067.7441%2019.6173%2068.3404%2018.3755L70.3627%2019.5007C69.3515%2021.3855%2067.5367%2022.6247%2064.9856%2022.6247C61.356%2022.6247%2058.9189%2020.0296%2058.9189%2016.6981V16.7007ZM61.4001%2015.4147H68.2938C67.9256%2013.7607%2066.663%2012.8403%2064.8923%2012.8403C63.1215%2012.8403%2061.8589%2013.8981%2061.4001%2015.4147Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M51.8955%2016.6752C51.8955%2013.113%2053.9851%2010.9326%2057.454%2010.9326H58.5559V13.323H57.4307C55.5459%2013.323%2054.33%2014.6322%2054.3533%2016.7011V22.423H51.8955V16.6804V16.6752Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M72.0138%2016.6774C72.0138%2013.3226%2074.6557%2010.7041%2077.9638%2010.7041C81.272%2010.7041%2083.8672%2013.3226%2083.8672%2016.6774V22.42H81.456V20.9267C80.6523%2022.0052%2079.4105%2022.6274%2077.8938%2022.6274C74.609%2022.6274%2072.0112%2020.0556%2072.0112%2016.6774H72.0138ZM81.5027%2016.6774C81.5027%2014.6319%2079.9394%2013.0011%2077.9638%2013.0011C75.9883%2013.0011%2074.4249%2014.6319%2074.4249%2016.6774C74.4249%2018.723%2075.9649%2020.3537%2077.9638%2020.3537C79.9627%2020.3537%2081.5027%2018.6997%2081.5027%2016.6774Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M85.4155%2015.978C85.4155%2012.9214%2087.5052%2010.6943%2090.6085%2010.6943C92.3766%2010.6943%2093.8026%2011.4073%2094.697%2012.6025C95.5474%2011.4073%2096.9266%2010.6943%2098.6948%2010.6943C101.819%2010.6943%20104.002%2012.8773%20104.002%2015.978V22.4103H101.544V16.0014C101.544%2014.2566%20100.372%2013.038%2098.6948%2013.038C97.0174%2013.038%2095.9155%2014.2799%2095.9389%2015.934V22.4129H93.4811V16.004C93.4811%2014.2592%2092.2859%2013.0406%2090.6085%2013.0406C88.9311%2013.0406%2087.8526%2014.2825%2087.8733%2015.9366V22.4154H85.4155V15.9832V15.978Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M105.578%205.6416H108.082V20.0227H114.859V22.4131H105.578V5.6416Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M138.483%2016.7007C138.483%2013.3225%20141.078%2010.6807%20144.456%2010.6807C147.834%2010.6807%20150.362%2013.1384%20150.362%2016.5399V17.5044H140.85C141.171%2019.2725%20142.551%2020.4444%20144.55%2020.4444C146.113%2020.4444%20147.308%2019.6173%20147.904%2018.3755L149.927%2019.5007C148.916%2021.3855%20147.101%2022.6247%20144.55%2022.6247C140.92%2022.6247%20138.483%2020.0296%20138.483%2016.6981V16.7007ZM140.964%2015.4147H147.858C147.49%2013.7607%20146.227%2012.8403%20144.456%2012.8403C142.685%2012.8403%20141.423%2013.8981%20140.964%2015.4147Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M115.269%2016.6774C115.269%2013.3226%20117.911%2010.7041%20121.219%2010.7041C124.527%2010.7041%20127.122%2013.3226%20127.122%2016.6774V22.42H124.711V20.9267C123.907%2022.0052%20122.665%2022.6274%20121.149%2022.6274C117.864%2022.6274%20115.266%2020.0556%20115.266%2016.6774H115.269ZM124.758%2016.6774C124.758%2014.6319%20123.194%2013.0011%20121.219%2013.0011C119.243%2013.0011%20117.68%2014.6319%20117.68%2016.6774C117.68%2018.723%20119.22%2020.3537%20121.219%2020.3537C123.218%2020.3537%20124.758%2018.6997%20124.758%2016.6774Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M131.67%2021.8547L126.915%2010.9658H129.557L132.912%2018.938L136.082%2010.9658H138.678L131.74%2027.7606H129.212L131.67%2021.8573V21.8547Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M151.897%2016.6674C151.897%2013.1052%20153.987%2010.9248%20157.455%2010.9248H158.557V13.3152H157.432C155.547%2013.3152%20154.331%2014.6244%20154.355%2016.6933V22.4152H151.897V16.6726V16.6674Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_6919_71839'%3e%3crect%20width='158.12'%20height='28'%20fill='white'%20style='fill:white;fill-opacity:1;'%20transform='translate(0.44043)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", K1 = (i, t, n) => i === t ? "translateY(0px)" : i > t ? `translateY(${n}px)` : "translateY(-100%)", Ce = ({ close: i, votedAnswer: t, mastersApp: n, correct: o, correctAnswerTitle: l, questionTitle: c, saveHeight: p, style: d, hiding: C }) => {
-  const [I, _] = T(1), L = Z({});
-  V(() => {
-    const f = setInterval(() => {
-      _((v) => o && v > 4 || !o && v > 3 ? v : ++v);
+  propsAsIs: true
+});
+const E = "data:image/svg+xml,%3csvg%20width='154'%20height='37'%20viewBox='0%200%20154%2037'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M70.9776%2030.8796L74.668%2018.1381C75.0696%2016.7473%2076.1186%2015.6318%2077.4936%2015.1371L77.5928%2014.7217H72.466L63.7623%2024.9662L60.431%2014.7217H55.7389L55.6255%2015.1371C56.4288%2015.5291%2056.8683%2016.7052%2056.8683%2017.662V17.7227C56.8683%2023.1787%2052.781%2032.5598%2047.0352%2032.5598C44.8002%2032.5598%2043.6425%2031.0009%2043.6425%2029.7035C43.6425%2028.1306%2044.975%2027.0105%2046.3831%2027.0105C47.744%2027.0105%2047.9519%2027.5099%2048.741%2027.5099C49.2182%2027.5099%2049.6766%2027.2672%2049.9081%2026.8518C50.2672%2026.1984%2049.9931%2025.4049%2049.3363%2025.0922L48.9772%2024.9242C45.6271%2023.3327%2041.7383%2025.7457%2041.7383%2029.4188V29.4701C41.7383%2032.1444%2043.8646%2034.38%2046.5674%2034.4733C53.5417%2034.716%2058.2055%2025.4236%2058.9473%2018.6188L59.486%2020.4577L62.2313%2028.5927H63.2709L71.8518%2018.4741L68.2512%2030.8936C67.8401%2032.3171%2066.6966%2033.4232%2065.2412%2033.7966L65.142%2034.212H72.0408L72.1542%2033.7966C71.1383%2033.2039%2070.6516%2032.0044%2070.9776%2030.8796Z'%20fill='white'/%3e%3cpath%20d='M88.2952%2021.6521H88.2385C85.016%2021.6568%2081.5571%2021.9648%2079.7143%2027.1361C78.1692%2031.4813%2077.7487%2033.2828%2076.539%2033.2828C75.7641%2033.2828%2075.9531%2031.794%2074.7954%2031.794C74.2709%2031.794%2073.7275%2032.2094%2073.6897%2032.8068C73.6236%2033.8429%2075.0317%2034.4683%2076.0949%2034.4683C79.3316%2034.4683%2080.5696%2032.1347%2080.9759%2031.0472C81.0279%2030.9072%2081.3162%2030.1371%2081.6517%2029.2317H85.0538L84.4773%2031.3273C84.1749%2032.4334%2083.5464%2033.3388%2082.488%2033.8009L82.3982%2034.2163H87.9597L88.0637%2033.8009C87.3124%2033.1848%2086.9816%2032.2%2087.2273%2031.2853L89.3206%2023.4257C89.4812%2022.8236%2089.9018%2022.3242%2090.4783%2022.0628L90.568%2021.6475H88.7536H88.2952V21.6521ZM85.3231%2028.2189H82.0202C82.3935%2027.2108%2082.7526%2026.2493%2082.8755%2025.9366C83.7118%2023.757%2085.2995%2022.8749%2086.8399%2022.7536L86.8257%2022.7676L85.3231%2028.2189Z'%20fill='white'/%3e%3cpath%20d='M116.358%2022.5486C116.538%2022.2545%20116.708%2021.8112%20116.708%2021.5591C116.732%2021.0877%20116.297%2020.7237%20115.829%2020.8217C115.456%2020.9011%20115.187%2021.2324%20115.191%2021.6058C115.196%2021.9978%20115.12%2022.4226%20114.95%2022.6279C114.558%2023.104%20113.934%2023.062%20111.062%2022.2452V22.2405C110.797%2022.1659%20110.509%2022.0819%20110.206%2021.9978C110.187%2021.9932%20110.173%2021.9885%20110.159%2021.9838C108.723%2021.6011%20106.941%2021.2464%20105.774%2021.8205C105.765%2021.8252%20105.755%2021.8298%20105.746%2021.8345C104.602%2022.3992%20103.808%2023.4727%20103.567%2024.7142C103.53%2024.8962%20103.506%2025.0455%20103.501%2025.0969C103.468%2025.7456%20104.068%2026.2544%20104.711%2026.1143C105.235%2026.0023%20105.604%2025.5403%20105.59%2025.0129C105.58%2024.4808%20105.472%2023.7667%20105.765%2023.286C106.237%2022.6279%20106.729%2022.5812%20108.935%2023.3047L106.544%2031.323C106.214%2032.4291%20105.406%2033.3345%20104.338%2033.7966L104.238%2034.212H109.961L110.074%2033.7966C109.337%2033.1852%20109.03%2032.1957%20109.299%2031.2809L111.392%2024.0561C112.309%2024.2428%20113.24%2024.2941%20114.147%2024.0374L114.473%2023.9441C115.196%2023.7527%20115.943%2023.2347%20116.358%2022.5486Z'%20fill='white'/%3e%3cpath%20d='M118.649%2021.6523L118.536%2022.0677C119.245%2022.5531%20119.561%2023.4259%20119.335%2024.2427L117.208%2031.3228C116.877%2032.429%20116.069%2033.3344%20115.002%2033.7964L114.902%2034.2118H117.931H118.21H125.18L126.101%2030.8934H125.666L125.51%2031.2108C124.934%2032.3963%20123.72%2033.1524%20122.382%2033.1524H119.429L121.003%2027.5937H122.259C123.105%2027.5937%20123.743%2028.3545%20123.582%2029.1759H124.012L125.043%2025.4188H124.613C124.362%2026.1142%20123.696%2026.5763%20122.949%2026.5809H121.291L122.382%2022.7258L125.515%2022.7211C126.536%2022.7211%20127.301%2023.6452%20127.098%2024.6347H127.528L128.35%2021.6523H118.649Z'%20fill='white'/%3e%3cpath%20d='M138.251%2021.6582H131.333L131.22%2022.0736C131.881%2022.5263%20132.207%2023.3197%20132.056%2024.0898L129.892%2031.324C129.561%2032.4301%20128.753%2033.3356%20127.685%2033.7976L127.586%2034.213H133.303L133.417%2033.7976C132.68%2033.1862%20132.373%2032.2014%20132.637%2031.282L133.686%2027.5949H134.126C134.787%2027.5949%20135.34%2028.085%20135.416%2028.7337C135.439%2028.9437%20135.77%2031.506%20136.035%2032.3881C136.379%2033.5409%20136.833%2034.213%20137.868%2034.213H140.453L140.552%2033.7976L140.183%2033.5829C139.451%2033.1536%20138.922%2032.4908%20138.685%2031.6087C138.463%2030.7779%20138.043%2029.2284%20137.84%2028.4117C137.736%2027.9916%20137.202%2027.5996%20136.654%2027.5996H137.523C139.087%2027.5996%20140.457%2026.5681%20140.878%2025.0839C141.365%2023.3617%20140.056%2021.6582%20138.251%2021.6582ZM138.369%2024.6872C138.029%2025.812%20136.98%2026.5868%20135.789%2026.5868H133.974L135.071%2022.7317H136.89C137.925%2022.727%20138.662%2023.7118%20138.369%2024.6872Z'%20fill='white'/%3e%3cpath%20d='M100.265%2022.2961C100.081%2022.2961%2099.6794%2022.1701%2099.0651%2021.9181C98.4508%2021.6661%2097.8318%2021.54%2097.2034%2021.54C95.904%2021.54%2094.8219%2021.9554%2093.9336%2022.8422C93.1964%2023.5796%2092.8704%2024.401%2092.8704%2025.1105C92.8704%2025.8665%2093.3193%2026.7533%2094.2124%2027.4721C95.0582%2028.1488%2095.937%2028.8022%2096.8206%2029.465C97.7468%2030.1977%2098.2098%2030.8745%2098.2098%2031.4252C98.2098%2032.634%2097.416%2033.2828%2095.7669%2033.2828C94.0942%2033.2828%2092.9366%2032.074%2092.568%2029.8057H92.1144L90.8008%2034.2162H91.226C91.7694%2033.8382%2092.1569%2033.6001%2092.946%2033.6001C93.6973%2033.6001%2094.5006%2034.4729%2096.2158%2034.4729C97.5814%2034.4729%2098.6682%2034.1929%2099.5943%2033.2781C100.383%2032.4753%20100.776%2031.3552%20100.776%2030.4404C100.776%2029.591%20100.237%2028.6062%2099.2966%2027.8921C98.4886%2027.2807%2097.6286%2026.7347%2096.7923%2026.1419C95.8898%2025.4792%2095.4362%2024.9144%2095.4362%2024.2937C95.4362%2023.9483%2095.611%2023.6076%2095.9559%2023.2622C96.3954%2022.8282%2096.986%2022.7302%2097.7751%2022.7302C99.3581%2022.7302%20100.464%2023.5983%20100.558%2025.4325H100.974L102.08%2021.5447H101.664C101.215%2022.0441%20100.752%2022.2961%20100.265%2022.2961Z'%20fill='white'/%3e%3cpath%20d='M149.201%2022.7304C150.784%2022.7304%20151.89%2023.6032%20151.984%2025.4327H152.4L153.501%2021.5449H153.085C152.646%2022.049%20152.182%2022.301%20151.696%2022.301C151.512%2022.301%20151.11%2022.175%20150.496%2021.923C149.881%2021.6709%20149.262%2021.5449%20148.634%2021.5449C147.334%2021.5449%20146.252%2021.9603%20145.364%2022.8471C144.627%2023.5845%20144.296%2024.4059%20144.296%2025.1153C144.296%2025.8714%20144.745%2026.7582%20145.638%2027.477C146.484%2028.1537%20147.363%2028.8071%20148.246%2029.4699C149.173%2030.2026%20149.636%2030.8794%20149.636%2031.4301C149.636%2032.6389%20148.842%2033.2876%20147.193%2033.2876C145.52%2033.2876%20144.362%2032.0788%20143.994%2029.8106H143.54L142.227%2034.2211H142.642C143.186%2033.843%20143.573%2033.605%20144.358%2033.605C145.109%2033.605%20145.912%2034.4778%20147.627%2034.4778C148.993%2034.4778%20150.075%2034.1978%20151.006%2033.283C151.795%2032.4802%20152.187%2031.3601%20152.187%2030.4453C152.187%2029.6005%20151.649%2028.6111%20150.708%2027.897C149.9%2027.2856%20149.04%2026.7395%20148.204%2026.1468C147.301%2025.4841%20146.848%2024.9193%20146.848%2024.2986C146.848%2023.9532%20147.023%2023.6125%20147.368%2023.2671C147.826%2022.8237%20148.412%2022.7304%20149.201%2022.7304Z'%20fill='white'/%3e%3cpath%20d='M26.5433%202.60035C26.0377%202.44633%2025.5321%202.72169%2025.0265%203.00173C24.8469%203.09974%2024.7194%203.27243%2024.6768%203.46845L23.883%207.13222C23.8547%207.26757%2023.9775%207.38891%2024.1145%207.36091C24.9509%207.17422%2025.7447%206.4508%2026.5811%206.70283C27.5167%206.98753%2028.4522%205.81606%2029.3878%205.83006V1.60156C28.4475%201.60623%2027.4789%202.88505%2026.5433%202.60035Z'%20fill='white'/%3e%3cpath%20d='M38.4856%2013.8398C38.2871%2013.7044%2038.1643%2013.4851%2038.1643%2013.2471V12.5796C38.1643%2011.9822%2037.6729%2011.4922%2037.0633%2011.4922H36.6239C36.0994%2011.4922%2035.6174%2011.7536%2035.3339%2012.1876L33.9164%2014.3485C33.7746%2014.5632%2033.5383%2014.6892%2033.2832%2014.6892H32.3287C31.8562%2014.6892%2031.4215%2014.9459%2031.1947%2015.3566C30.9631%2015.7814%2030.552%2016.0754%2030.0843%2016.1734V1.1403C30.0843%200.94894%2029.9283%200.794922%2029.7346%200.794922C29.5409%200.794922%2029.3849%200.94894%2029.3849%201.1403V1.60702V5.83552V16.1827C28.9171%2016.0847%2028.506%2015.7907%2028.2745%2015.3613C28.0524%2014.9506%2027.6177%2014.6939%2027.1405%2014.6939H26.4979C25.9875%2014.6939%2025.5292%2014.9879%2025.3213%2015.45L24.7873%2016.6308C24.7023%2016.8175%2024.5133%2016.9388%2024.3054%2016.9388C24.0975%2016.9388%2023.9085%2016.8175%2023.8234%2016.6308L23.2895%2015.45C23.0816%2014.9926%2022.6232%2014.6939%2022.1129%2014.6939H4.00135C3.85487%2014.6939%203.73674%2014.8106%203.73674%2014.9553C3.73674%2015.2633%203.48158%2015.5107%203.17444%2015.5107H2.39007C2.24359%2015.5107%202.12546%2015.6273%202.12546%2015.772V16.6728C2.12546%2017.5176%201.96008%2018.339%201.62931%2019.1184L1.15207%2020.2526C0.707907%2021.3027%200.5%2022.3901%200.5%2023.4589V26.0726C0.5%2026.7773%200.603954%2027.4914%200.811861%2028.1868C1.39306%2030.1377%202.7161%2031.7339%204.53529%2032.6767L7.43182%2034.1842C7.46962%2034.2029%207.51214%2034.2122%207.55467%2034.2122L9.69517%2034.2309C10.196%2034.2355%2010.6875%2034.3616%2011.1269%2034.6043L12.2751%2035.239C12.3129%2035.2623%2012.3602%2035.2717%2012.4074%2035.2717H13.9431C14.4818%2035.2717%2015.0157%2035.4163%2015.474%2035.6917C15.474%2035.6917%2016.2253%2036.1444%2016.4805%2036.2891C16.8869%2036.5225%2017.3783%2036.7465%2018.2335%2036.7932C18.4273%2036.8025%2018.621%2036.7325%2018.7675%2036.5972C18.9092%2036.4618%2018.9943%2036.2704%2018.9943%2036.0791V35.0616C18.9943%2034.3242%2019.4337%2033.6521%2020.1189%2033.3581L22.4673%2032.3406C22.7886%2032.2006%2023.1477%2032.1773%2023.4832%2032.28L24.3621%2032.5367C24.7354%2032.644%2025.1323%2032.6487%2025.5056%2032.5367L27.5846%2031.9253C27.8587%2031.8459%2028.1517%2031.8459%2028.4304%2031.9299L29.2763%2032.1633C29.6684%2032.2706%2029.9472%2032.6347%2029.9472%2033.0361V35.071C29.9472%2036.0184%2030.7269%2036.7932%2031.6861%2036.7932C32.4043%2036.7932%2033.0328%2036.3405%2033.2501%2035.6637C33.6423%2034.4456%2033.8408%2033.1761%2033.8408%2031.8973V31.0292C33.8408%2030.4131%2034.1006%2029.8204%2034.5543%2029.3956L35.419%2028.5882C36.0002%2028.0421%2036.3356%2027.2674%2036.3356%2026.474V21.6481C36.3356%2020.9013%2036.5625%2020.1779%2036.9972%2019.5618C37.0302%2019.5198%2037.0444%2019.4638%2037.0444%2019.4125V18.2737C37.0444%2017.5316%2037.2712%2016.8128%2037.6965%2016.2014L38.5517%2014.9739C38.5848%2014.9319%2038.599%2014.8806%2038.599%2014.8246V14.0545C38.6037%2013.9098%2038.5139%2013.8585%2038.4856%2013.8398ZM30.0843%2025.2838C30.6654%2025.3725%2031.1002%2025.6665%2031.1002%2026.0212C31.1002%2026.3759%2030.6702%2026.67%2030.0843%2026.7587V25.2838ZM5.22516%2032.4433L4.78572%2032.2146C3.59026%2031.5939%202.63577%2030.6698%201.9837%2029.545V28.1355C2.73028%2029.2043%203.74619%2030.1144%204.98891%2030.7631L5.22516%2030.8845V32.4433ZM7.43654%2033.5961L6.2647%2032.9894V31.4305L7.43182%2032.0373H7.43654V33.5961ZM12.3129%2034.6556L11.3868%2034.1422C10.8812%2033.8622%2010.3142%2033.7128%209.73297%2033.7035V32.0793C10.2197%2032.0886%2010.7016%2032.2146%2011.1269%2032.448L12.2751%2033.0827C12.2846%2033.0874%2012.2987%2033.0874%2012.3129%2033.0921V34.6556ZM18.4603%2035.0616V35.8551V36.0791C18.4603%2036.1304%2018.4367%2036.1818%2018.3989%2036.2191C18.3611%2036.2564%2018.3139%2036.2705%2018.2619%2036.2705C17.52%2036.2331%2017.0948%2036.0418%2016.7498%2035.8411C16.4994%2035.6964%2015.7528%2035.2483%2015.7481%2035.2483C15.2803%2034.9683%2014.7511%2034.8143%2014.2077%2034.7723V33.1387C14.6519%2033.1808%2015.0866%2033.3114%2015.474%2033.5401L16.1214%2033.9228C16.8302%2034.3429%2017.6382%2034.5809%2018.4603%2034.6276V35.0616ZM24.8582%2032.0886C24.7448%2032.084%2024.6267%2032.0653%2024.5133%2032.0326L23.6344%2031.7713C23.4454%2031.7152%2023.2517%2031.6966%2023.0579%2031.6966V30.0677C23.1997%2030.0677%2023.3414%2030.0817%2023.4832%2030.1237L24.3621%2030.3804C24.5227%2030.4271%2024.6928%2030.4504%2024.8582%2030.4598V32.0886ZM30.363%2032.4807C30.1929%2032.0886%2029.8574%2031.7759%2029.4275%2031.6592L28.5864%2031.4259C28.3879%2031.3652%2028.18%2031.3419%2027.9721%2031.3419V29.7177C28.1328%2029.713%2028.2934%2029.7317%2028.4493%2029.783L29.1392%2029.9977C29.8716%2030.2264%2030.363%2030.8891%2030.363%2031.6452V32.4807ZM32.787%2035.365C32.7729%2035.4117%2032.7634%2035.4584%2032.7492%2035.505C32.6028%2035.9624%2032.1775%2036.2658%2031.6955%2036.2658C31.653%2036.2658%2031.6105%2036.2564%2031.568%2036.2518V34.6323C31.601%2034.6369%2031.6294%2034.6416%2031.6625%2034.6416C32.135%2034.6416%2032.565%2034.3802%2032.7918%2033.9835V35.365H32.787ZM37.3232%2015.0486C36.794%2015.8047%2036.5152%2016.6915%2036.5152%2017.6109V18.4137L36.1041%2019.0017C35.5702%2019.7625%2035.2867%2020.6539%2035.2867%2021.578V25.6245C35.2867%2026.2779%2035.0126%2026.9173%2034.5306%2027.3654L33.6659%2028.1775C33.0847%2028.7236%2032.7634%2029.489%2032.787%2030.2824L32.7918%2030.4644C32.8248%2031.5146%2032.6878%2032.56%2032.3901%2033.5681C32.2956%2033.8902%2031.9932%2034.1142%2031.6577%2034.1142C31.2372%2034.1142%2030.8923%2033.7782%2030.8923%2033.3581V31.6452C30.8923%2030.6558%2030.2496%2029.7923%2029.2952%2029.4983L28.6053%2029.2836C28.2225%2029.1669%2027.8209%2029.1623%2027.4334%2029.2743L25.3544%2029.881C25.0803%2029.9604%2024.7873%2029.9604%2024.5133%2029.881L23.6344%2029.6243C23.1808%2029.489%2022.6894%2029.5217%2022.2547%2029.7083L20.4071%2030.5111C19.2258%2031.0245%2018.4651%2032.1773%2018.4651%2033.4515V34.1095C17.7374%2034.0675%2017.0286%2033.8528%2016.4002%2033.4795L15.7528%2033.0967C15.2047%2032.7747%2014.581%2032.602%2013.9431%2032.602H12.4736L11.3868%2031.9999C10.8717%2031.7152%2010.2905%2031.5659%209.69989%2031.5612L7.62082%2031.5472L5.23461%2030.3057C1.61514%2028.4249%200.0700101%2024.1917%201.64349%2020.4579L2.12073%2019.3238C2.47512%2018.4837%202.6594%2017.5922%202.6594%2016.6775V16.0427H3.17444C3.68476%2016.0427%204.11948%2015.6927%204.2376%2015.2213H22.1176C22.4153%2015.2213%2022.6894%2015.394%2022.8075%2015.6647L23.3414%2016.8455C23.5115%2017.2235%2023.8896%2017.4662%2024.3101%2017.4662C24.7259%2017.4662%2025.1087%2017.2235%2025.2788%2016.8455L25.8127%2015.66C25.9356%2015.3893%2026.2049%2015.2166%2026.5026%2015.2166H27.1452C27.424%2015.2166%2027.6791%2015.366%2027.8114%2015.6087C28.1375%2016.2061%2028.7234%2016.6075%2029.3897%2016.7148V24.145C28.317%2024.2617%2027.4949%2024.8918%2027.4949%2025.6572C27.4949%2026.5066%2028.4966%2027.1927%2029.7346%2027.1927C30.9726%2027.1927%2031.9743%2026.5066%2031.9743%2025.6572C31.9743%2024.8918%2031.1521%2024.257%2030.0795%2024.145V16.7101C30.7458%2016.6028%2031.3317%2016.2014%2031.6577%2015.604C31.79%2015.3613%2032.0452%2015.212%2032.324%2015.212H33.2785C33.7179%2015.212%2034.1195%2014.9926%2034.3605%2014.6286L35.7781%2012.4676C35.9624%2012.1829%2036.2789%2012.0149%2036.6239%2012.0149H37.0633C37.3752%2012.0149%2037.6303%2012.2669%2037.6303%2012.575V13.2424C37.6303%2013.5644%2037.7579%2013.8725%2037.98%2014.1012L37.3232%2015.0486ZM29.3849%2025.2838V26.7587C28.8037%2026.67%2028.3737%2026.3759%2028.3737%2026.0212C28.3737%2025.6665%2028.8037%2025.3678%2029.3849%2025.2838Z'%20fill='white'/%3e%3c/svg%3e", R = "data:image/svg+xml,%3csvg%20width='159'%20height='28'%20viewBox='0%200%20159%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_6919_71839)'%3e%3cpath%20d='M4.13243%2025.9198C5.34921%2026.9052%207.05161%2027.0267%208.39597%2026.224L22.9838%2017.5138C25.4013%2016.0703%2025.4117%2012.5721%2023.0028%2011.1144L17.4686%207.76522C15.4767%206.55981%2012.8918%207.10053%2011.5501%209.00325L3.27399%2020.7399C2.14132%2022.3462%202.44805%2024.5556%203.97544%2025.7926L4.13243%2025.9198Z'%20stroke='white'%20style='stroke:white;stroke-opacity:1;'%20stroke-width='2.33333'/%3e%3cpath%20d='M4.11673%202.57147C5.33939%201.58127%207.0516%201.46387%208.39797%202.27791L22.9843%2011.0971C25.3835%2012.5477%2025.3874%2016.0265%2022.9914%2017.4824L17.5405%2020.7946C15.5485%2022.005%2012.9594%2021.4661%2011.6157%2019.5615L3.27518%207.7386C2.142%206.1323%202.44856%203.92248%203.97619%202.68529L4.11673%202.57147Z'%20stroke='white'%20style='stroke:white;stroke-opacity:1;'%20stroke-width='2.33333'/%3e%3cpath%20d='M49.8088%2020.0063C47.924%2020.0063%2046.7521%2018.7437%2046.7521%2016.6748V13.1359H50.1977V10.9296H46.7521V7.34668L44.2736%209.18483V10.9271H42.8892V13.1333H44.2736V16.6515C44.2736%2020.2137%2046.3632%2022.4174%2049.8321%2022.4174H50.361V20.0063H49.8088Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M30.4704%2019.5631L32.6818%2017.8339C33.6722%2019.4231%2035.01%2020.2761%2036.7159%2020.2761C38.5826%2020.2761%2039.757%2019.0783%2039.757%2017.5798C39.757%2015.8505%2037.9137%2015.2983%2035.977%2014.6761C33.6956%2013.9398%2031.23%2013.0168%2031.23%209.92907C31.23%207.37018%2033.5115%205.34277%2036.6226%205.34277C39.1815%205.34277%2040.7707%206.33314%2042.0618%207.83166L40.0111%209.35351C39.2515%208.17907%2038.1211%207.55685%2036.6226%207.55685C34.9167%207.55685%2033.8096%208.57055%2033.8096%209.88499C33.8096%2011.4976%2035.5856%2012.0291%2037.5196%2012.6746C39.8244%2013.4576%2042.3367%2014.4506%2042.3367%2017.585C42.3367%2020.1672%2040.2159%2022.6328%2036.7367%2022.6328C33.8563%2022.6328%2031.8963%2021.4117%2030.4678%2019.5683L30.4704%2019.5631Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M58.9189%2016.7007C58.9189%2013.3225%2061.5141%2010.6807%2064.8923%2010.6807C68.2704%2010.6807%2070.7982%2013.1384%2070.7982%2016.5399V17.5044H61.286C61.6075%2019.2725%2062.9867%2020.4444%2064.9856%2020.4444C66.5489%2020.4444%2067.7441%2019.6173%2068.3404%2018.3755L70.3627%2019.5007C69.3515%2021.3855%2067.5367%2022.6247%2064.9856%2022.6247C61.356%2022.6247%2058.9189%2020.0296%2058.9189%2016.6981V16.7007ZM61.4001%2015.4147H68.2938C67.9256%2013.7607%2066.663%2012.8403%2064.8923%2012.8403C63.1215%2012.8403%2061.8589%2013.8981%2061.4001%2015.4147Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M51.8955%2016.6752C51.8955%2013.113%2053.9851%2010.9326%2057.454%2010.9326H58.5559V13.323H57.4307C55.5459%2013.323%2054.33%2014.6322%2054.3533%2016.7011V22.423H51.8955V16.6804V16.6752Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M72.0138%2016.6774C72.0138%2013.3226%2074.6557%2010.7041%2077.9638%2010.7041C81.272%2010.7041%2083.8672%2013.3226%2083.8672%2016.6774V22.42H81.456V20.9267C80.6523%2022.0052%2079.4105%2022.6274%2077.8938%2022.6274C74.609%2022.6274%2072.0112%2020.0556%2072.0112%2016.6774H72.0138ZM81.5027%2016.6774C81.5027%2014.6319%2079.9394%2013.0011%2077.9638%2013.0011C75.9883%2013.0011%2074.4249%2014.6319%2074.4249%2016.6774C74.4249%2018.723%2075.9649%2020.3537%2077.9638%2020.3537C79.9627%2020.3537%2081.5027%2018.6997%2081.5027%2016.6774Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M85.4155%2015.978C85.4155%2012.9214%2087.5052%2010.6943%2090.6085%2010.6943C92.3766%2010.6943%2093.8026%2011.4073%2094.697%2012.6025C95.5474%2011.4073%2096.9266%2010.6943%2098.6948%2010.6943C101.819%2010.6943%20104.002%2012.8773%20104.002%2015.978V22.4103H101.544V16.0014C101.544%2014.2566%20100.372%2013.038%2098.6948%2013.038C97.0174%2013.038%2095.9155%2014.2799%2095.9389%2015.934V22.4129H93.4811V16.004C93.4811%2014.2592%2092.2859%2013.0406%2090.6085%2013.0406C88.9311%2013.0406%2087.8526%2014.2825%2087.8733%2015.9366V22.4154H85.4155V15.9832V15.978Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M105.578%205.6416H108.082V20.0227H114.859V22.4131H105.578V5.6416Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M138.483%2016.7007C138.483%2013.3225%20141.078%2010.6807%20144.456%2010.6807C147.834%2010.6807%20150.362%2013.1384%20150.362%2016.5399V17.5044H140.85C141.171%2019.2725%20142.551%2020.4444%20144.55%2020.4444C146.113%2020.4444%20147.308%2019.6173%20147.904%2018.3755L149.927%2019.5007C148.916%2021.3855%20147.101%2022.6247%20144.55%2022.6247C140.92%2022.6247%20138.483%2020.0296%20138.483%2016.6981V16.7007ZM140.964%2015.4147H147.858C147.49%2013.7607%20146.227%2012.8403%20144.456%2012.8403C142.685%2012.8403%20141.423%2013.8981%20140.964%2015.4147Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M115.269%2016.6774C115.269%2013.3226%20117.911%2010.7041%20121.219%2010.7041C124.527%2010.7041%20127.122%2013.3226%20127.122%2016.6774V22.42H124.711V20.9267C123.907%2022.0052%20122.665%2022.6274%20121.149%2022.6274C117.864%2022.6274%20115.266%2020.0556%20115.266%2016.6774H115.269ZM124.758%2016.6774C124.758%2014.6319%20123.194%2013.0011%20121.219%2013.0011C119.243%2013.0011%20117.68%2014.6319%20117.68%2016.6774C117.68%2018.723%20119.22%2020.3537%20121.219%2020.3537C123.218%2020.3537%20124.758%2018.6997%20124.758%2016.6774Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M131.67%2021.8547L126.915%2010.9658H129.557L132.912%2018.938L136.082%2010.9658H138.678L131.74%2027.7606H129.212L131.67%2021.8573V21.8547Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M151.897%2016.6674C151.897%2013.1052%20153.987%2010.9248%20157.455%2010.9248H158.557V13.3152H157.432C155.547%2013.3152%20154.331%2014.6244%20154.355%2016.6933V22.4152H151.897V16.6726V16.6674Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_6919_71839'%3e%3crect%20width='158.12'%20height='28'%20fill='white'%20style='fill:white;fill-opacity:1;'%20transform='translate(0.44043)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", W = (s2, i2, L2) => s2 === i2 ? "translateY(0px)" : s2 > i2 ? `translateY(${L2}px)` : "translateY(-100%)", D = ({ close: s2, votedAnswer: i2, mastersApp: L2, correct: a2, correctAnswerTitle: w$12, questionTitle: k2, saveHeight: u$12, style: n2, hiding: x$12 }) => {
+  const [c2, b2] = useState(1), H = useRef({});
+  useEffect(() => {
+    const l2 = setInterval(() => {
+      b2((e2) => a2 && e2 > 4 || !a2 && e2 > 3 ? e2 : ++e2);
     }, 3e3);
-    return () => clearInterval(f);
-  }, [o]), V(() => {
-    var f, v;
-    L.current[I] && p(((v = (f = L.current[I]) == null ? void 0 : f.getBoundingClientRect()) == null ? void 0 : v.height) || E1);
-  }, [I, p]);
-  const a = (f) => (v) => {
-    L.current && (L.current[f] = v);
-  }, h = (f) => ({ transform: K1(f, I, d.height) }), g = { ...d };
-  return n && g.height && typeof g.height == "number" && (g.height += 32), /* @__PURE__ */ e(N1, { style: d.height ? g : { ...d, paddingTop: 0, paddingBottom: 0 }, hiding: C, children: /* @__PURE__ */ r(
-    Z1,
+    return () => clearInterval(l2);
+  }, [a2]), useEffect(() => {
+    var l2, e2;
+    H.current[c2] && u$12(((e2 = (l2 = H.current[c2]) == null ? void 0 : l2.getBoundingClientRect()) == null ? void 0 : e2.height) || A);
+  }, [c2, u$12]);
+  const r2 = (l2) => (e2) => {
+    H.current && (H.current[l2] = e2);
+  }, h2 = (l2) => ({ transform: W(l2, c2, n2.height) }), V2 = { ...n2 };
+  return L2 && V2.height && typeof V2.height == "number" && (V2.height += 32), /* @__PURE__ */ jsx(f$2, { style: n2.height ? V2 : { ...n2, paddingTop: 0, paddingBottom: 0 }, hiding: x$12, children: /* @__PURE__ */ jsxs(
+    C,
     {
       style: {
-        height: d.height,
-        minHeight: d.height,
-        backgroundColor: I > 3 ? o ? "var(--color-sdk-prediction-result-success-bg)" : "var(--color-sdk-prediction-result-incorrect-bg)" : "var(--color-primary-1)"
+        height: n2.height,
+        minHeight: n2.height,
+        backgroundColor: c2 > 3 ? a2 ? "var(--color-sdk-prediction-result-success-bg)" : "var(--color-sdk-prediction-result-incorrect-bg)" : "var(--color-primary-1)"
       },
       children: [
-        /* @__PURE__ */ e(q1, { step: I, correct: o }),
-        n && /* @__PURE__ */ r(x, { ref: a(1), style: h(1), children: [
-          /* @__PURE__ */ e("img", { alt: "sponsor-logo", src: Q1 }),
-          /* @__PURE__ */ e(C2, { children: "Featured Groups +" })
+        /* @__PURE__ */ jsx(s$1, { step: c2, correct: a2 }),
+        L2 && /* @__PURE__ */ jsxs(b$1, { ref: r2(1), style: h2(1), children: [
+          /* @__PURE__ */ jsx("img", { alt: "sponsor-logo", src: E }),
+          /* @__PURE__ */ jsx(k$1, { children: "Featured Groups +" })
         ] }),
-        !n && /* @__PURE__ */ e(x, { ref: a(1), style: h(1), children: /* @__PURE__ */ e("img", { alt: "sponsor-logo", src: Y1 }) }),
-        /* @__PURE__ */ r(x, { ref: a(2), style: h(2), children: [
-          /* @__PURE__ */ e(M, { children: "Prediction results are in!" }),
-          n && /* @__PURE__ */ e(C2, { children: "Featured Groups +" })
+        !L2 && /* @__PURE__ */ jsx(b$1, { ref: r2(1), style: h2(1), children: /* @__PURE__ */ jsx("img", { alt: "sponsor-logo", src: R }) }),
+        /* @__PURE__ */ jsxs(b$1, { ref: r2(2), style: h2(2), children: [
+          /* @__PURE__ */ jsx(c$2, { children: "Prediction results are in!" }),
+          L2 && /* @__PURE__ */ jsx(k$1, { children: "Featured Groups +" })
         ] }),
-        /* @__PURE__ */ r(x, { ref: a(3), style: h(3), children: [
-          /* @__PURE__ */ e(M, { children: c }),
-          /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(B, { children: [
-            /* @__PURE__ */ e("span", { children: "Your Pick:" }),
+        /* @__PURE__ */ jsxs(b$1, { ref: r2(3), style: h2(3), children: [
+          /* @__PURE__ */ jsx(c$2, { children: k2 }),
+          /* @__PURE__ */ jsx(v, { children: /* @__PURE__ */ jsxs(x, { children: [
+            /* @__PURE__ */ jsx("span", { children: "Your Pick:" }),
             " ",
-            t == null ? void 0 : t.title
+            i2 == null ? void 0 : i2.title
           ] }) })
         ] }),
-        o ? /* @__PURE__ */ r(S, { children: [
-          /* @__PURE__ */ r(
-            x,
+        a2 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(
+            b$1,
             {
-              ref: a(4),
-              style: { ...h(4), color: "var(--color-sdk-prediction-result-success-text)" },
+              ref: r2(4),
+              style: { ...h2(4), color: "var(--color-sdk-prediction-result-success-text)" },
               children: [
-                /* @__PURE__ */ r(M, { children: [
+                /* @__PURE__ */ jsxs(c$2, { children: [
                   "Congratulations!",
-                  /* @__PURE__ */ e("br", {}),
+                  /* @__PURE__ */ jsx("br", {}),
                   "You answered correctly."
                 ] }),
-                /* @__PURE__ */ r(E, { children: [
-                  /* @__PURE__ */ e(m2, { name: "selected" }),
-                  /* @__PURE__ */ r(B, { children: [
-                    /* @__PURE__ */ e("span", { children: "Your Pick:" }),
+                /* @__PURE__ */ jsxs(v, { children: [
+                  /* @__PURE__ */ jsx(T, { name: "selected" }),
+                  /* @__PURE__ */ jsxs(x, { children: [
+                    /* @__PURE__ */ jsx("span", { children: "Your Pick:" }),
                     " ",
-                    t == null ? void 0 : t.title
+                    i2 == null ? void 0 : i2.title
                   ] })
                 ] })
               ]
             }
           ),
-          /* @__PURE__ */ r(
-            x,
+          /* @__PURE__ */ jsxs(
+            b$1,
             {
-              ref: a(5),
-              style: { ...h(5), color: "var(--color-sdk-prediction-result-success-text)" },
+              ref: r2(5),
+              style: { ...h2(5), color: "var(--color-sdk-prediction-result-success-text)" },
               children: [
-                /* @__PURE__ */ e(W1, { children: I === 5 && /* @__PURE__ */ e(Z2, { delay: 0.5, prefix: "+", suffix: " points", value: t == null ? void 0 : t.points }) }),
-                /* @__PURE__ */ r(E, { children: [
-                  /* @__PURE__ */ e(m2, { name: "selected" }),
-                  /* @__PURE__ */ r(B, { children: [
-                    /* @__PURE__ */ e("span", { children: "Your Pick:" }),
+                /* @__PURE__ */ jsx(u, { children: c2 === 5 && /* @__PURE__ */ jsx(d$5, { delay: 0.5, prefix: "+", suffix: " points", value: i2 == null ? void 0 : i2.points }) }),
+                /* @__PURE__ */ jsxs(v, { children: [
+                  /* @__PURE__ */ jsx(T, { name: "selected" }),
+                  /* @__PURE__ */ jsxs(x, { children: [
+                    /* @__PURE__ */ jsx("span", { children: "Your Pick:" }),
                     " ",
-                    t == null ? void 0 : t.title
+                    i2 == null ? void 0 : i2.title
                   ] })
                 ] }),
-                /* @__PURE__ */ e(u2, { "data-a": "intr", onClick: i, children: /* @__PURE__ */ e(g2, { name: "icon-cross" }) })
+                /* @__PURE__ */ jsx(_, { "data-a": "intr", onClick: s2, children: /* @__PURE__ */ jsx(w, { name: "icon-cross" }) })
               ]
             }
           )
-        ] }) : /* @__PURE__ */ r(x, { ref: a(4), style: h(4), children: [
-          /* @__PURE__ */ r(M, { style: { color: "var(--color-sdk-prediction-result-error-title)" }, children: [
+        ] }) : /* @__PURE__ */ jsxs(b$1, { ref: r2(4), style: h2(4), children: [
+          /* @__PURE__ */ jsxs(c$2, { style: { color: "var(--color-sdk-prediction-result-error-title)" }, children: [
             "Better luck next time!",
-            /* @__PURE__ */ e("br", {}),
+            /* @__PURE__ */ jsx("br", {}),
             "Correct: ",
-            l,
+            w$12,
             "."
           ] }),
-          /* @__PURE__ */ r(E, { style: { color: "var(--color-sdk-prediction-result-error-subtitle)" }, children: [
-            /* @__PURE__ */ e(P1, { name: "circleClose" }),
-            /* @__PURE__ */ r(B, { children: [
-              /* @__PURE__ */ e("span", { children: "Your Pick:" }),
+          /* @__PURE__ */ jsxs(v, { style: { color: "var(--color-sdk-prediction-result-error-subtitle)" }, children: [
+            /* @__PURE__ */ jsx(F, { name: "circleClose" }),
+            /* @__PURE__ */ jsxs(x, { children: [
+              /* @__PURE__ */ jsx("span", { children: "Your Pick:" }),
               " ",
-              t == null ? void 0 : t.title
+              i2 == null ? void 0 : i2.title
             ] })
           ] }),
-          /* @__PURE__ */ e(u2, { "data-a": "intr", onClick: i, children: /* @__PURE__ */ e(g2, { name: "icon-cross" }) })
+          /* @__PURE__ */ jsx(_, { "data-a": "intr", onClick: s2, children: /* @__PURE__ */ jsx(w, { name: "icon-cross" }) })
         ] })
       ]
     }
   ) });
-}, me = (i) => {
-  const [t, n] = T(!1), [o, l] = T(!1), c = Z(null), p = N(() => {
-    l(!0), c.current && clearTimeout(c.current), c.current = setTimeout(() => {
-      l(!1);
+};
+const I$1 = (e2) => {
+  const [i2, r2] = useState(false), [f2, s2] = useState(false), t2 = useRef(null), a2 = useCallback(() => {
+    s2(true), t2.current && clearTimeout(t2.current), t2.current = setTimeout(() => {
+      s2(false);
     }, 1e3);
-  }, []), d = N(async (C) => {
-    n(!0);
-    const I = C.map(
-      (_) => new Promise((L, a) => {
-        const h = new Image();
-        h.onload = () => L(_), h.onerror = () => a(), h.src = _;
+  }, []), l2 = useCallback(async (m2) => {
+    r2(true);
+    const d2 = m2.map(
+      (n2) => new Promise((g, h2) => {
+        const o2 = new Image();
+        o2.onload = () => g(n2), o2.onerror = () => h2(), o2.src = n2;
       })
     );
-    await Promise.allSettled(I), n(!1);
+    await Promise.allSettled(d2), r2(false);
   }, []);
-  return V(() => {
-    i && (p(), d(i));
-  }, [i, p, d]), { loading: t, throttled: o };
-}, J1 = /* @__PURE__ */ s("div")({
+  return useEffect(() => {
+    e2 && (a2(), l2(e2));
+  }, [e2, a2, l2]), { loading: i2, throttled: f2 };
+};
+const e$4 = /* @__PURE__ */ styled_default("div")({
   name: "Container",
   class: "cl51m2q",
-  propsAsIs: !1
-}), X1 = /* @__PURE__ */ s("img")({
+  propsAsIs: false
+}), n$4 = /* @__PURE__ */ styled_default("img")({
   name: "Avatar",
   class: "a2yhhhr",
-  propsAsIs: !1
-}), e3 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), t$4 = /* @__PURE__ */ styled_default("div")({
   name: "AvatarPlaceholder",
   class: "a1dtxxlr",
-  propsAsIs: !1
-}), s3 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), l$4 = /* @__PURE__ */ styled_default("div")({
   name: "Content",
   class: "c12clm3w",
-  propsAsIs: !1
-}), t3 = /* @__PURE__ */ s("span")({
+  propsAsIs: false
+}), o$6 = /* @__PURE__ */ styled_default("span")({
   name: "Name",
   class: "n14lctn7",
-  propsAsIs: !1
-}), i3 = ({ avatar: i, name: t }) => /* @__PURE__ */ r(J1, { children: [
-  i && /* @__PURE__ */ e(X1, { src: i }),
-  !i && /* @__PURE__ */ e(e3, { children: f2(t || "") }),
-  /* @__PURE__ */ r(s3, { children: [
-    /* @__PURE__ */ r(t3, { children: [
-      t,
+  propsAsIs: false
+});
+const p$3 = ({ avatar: r2, name: e2 }) => /* @__PURE__ */ jsxs(e$4, { children: [
+  r2 && /* @__PURE__ */ jsx(n$4, { src: r2 }),
+  !r2 && /* @__PURE__ */ jsx(t$4, { children: I$7(e2 || "") }),
+  /* @__PURE__ */ jsxs(l$4, { children: [
+    /* @__PURE__ */ jsxs(o$6, { children: [
+      e2,
       " "
     ] }),
     "is waiting for you!"
   ] })
-] }), n3 = /* @__PURE__ */ s("div")({
+] });
+const n$3 = /* @__PURE__ */ styled_default("div")({
   name: "Container",
   class: "c1htq1lb",
-  propsAsIs: !1
-}), r3 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), e$3 = /* @__PURE__ */ styled_default("div")({
   name: "Graphic",
   class: "gjyzpp7",
-  propsAsIs: !1
-}), a3 = /* @__PURE__ */ s("img")({
+  propsAsIs: false
+}), p$2 = /* @__PURE__ */ styled_default("img")({
   name: "GraphicImage",
   class: "g16mldgz",
-  propsAsIs: !1
-}), o3 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), o$5 = /* @__PURE__ */ styled_default("div")({
   name: "Headline",
   class: "h69js65",
-  propsAsIs: !1
-}), l3 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), t$3 = /* @__PURE__ */ styled_default("div")({
   name: "TaglineContainer",
   class: "tmm7qmo",
-  propsAsIs: !1
-}), c3 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), i$1 = /* @__PURE__ */ styled_default("div")({
   name: "Tagline",
   class: "t17knuw2",
-  propsAsIs: !1
-}), d3 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), l$3 = /* @__PURE__ */ styled_default("div")({
   name: "Content",
   class: "c1b74psg",
-  propsAsIs: !1
-}), p3 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), r$1 = /* @__PURE__ */ styled_default("div")({
   name: "StepsContainer",
   class: "s1y99ug7",
-  propsAsIs: !1
-}), h3 = /* @__PURE__ */ s("span")({
+  propsAsIs: false
+}), c$1 = /* @__PURE__ */ styled_default("span")({
   name: "StepIndicator",
   class: "sgf3v5n",
-  propsAsIs: !1
-}), C3 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), m$1 = /* @__PURE__ */ styled_default("div")({
   name: "InvitingUserWrap",
   class: "i1sj6gn8",
-  propsAsIs: !1
-}), m3 = ({
-  loading: i,
-  steps: t,
-  currentStep: n,
-  inviterName: o
+  propsAsIs: false
+});
+const k = ({
+  loading: e2,
+  steps: a2,
+  currentStep: i2,
+  inviterName: l2
 }) => {
-  const { headline: l, tagline: c } = t[n];
-  return /* @__PURE__ */ r(n3, { children: [
-    c && /* @__PURE__ */ e(l3, { children: /* @__PURE__ */ e(z, { loading: i, children: /* @__PURE__ */ e(c3, { children: c }) }) }),
-    /* @__PURE__ */ r(d3, { "data-welcome-screen": n === 0, children: [
-      /* @__PURE__ */ e(r3, { children: /* @__PURE__ */ e(z, { loading: i, children: t.map(({ graphicSrc: p }, d) => /* @__PURE__ */ e(a3, { src: p, "data-active": n === d })) }) }),
-      l && /* @__PURE__ */ e(z, { loading: i, children: /* @__PURE__ */ e(o3, { children: l }) })
+  const { headline: c2, tagline: o2 } = a2[i2];
+  return /* @__PURE__ */ jsxs(n$3, { children: [
+    o2 && /* @__PURE__ */ jsx(t$3, { children: /* @__PURE__ */ jsx(i$8, { loading: e2, children: /* @__PURE__ */ jsx(i$1, { children: o2 }) }) }),
+    /* @__PURE__ */ jsxs(l$3, { "data-welcome-screen": i2 === 0, children: [
+      /* @__PURE__ */ jsx(e$3, { children: /* @__PURE__ */ jsx(i$8, { loading: e2, children: a2.map(({ graphicSrc: d2 }, r2) => /* @__PURE__ */ jsx(p$2, { src: d2, "data-active": i2 === r2 })) }) }),
+      c2 && /* @__PURE__ */ jsx(i$8, { loading: e2, children: /* @__PURE__ */ jsx(o$5, { children: c2 }) })
     ] }),
-    o && n === 0 && /* @__PURE__ */ e(C3, { children: /* @__PURE__ */ e(i3, { name: o }) }),
-    /* @__PURE__ */ e(p3, { style: i ? { visibility: "hidden" } : {}, children: Array.from({ length: t.length }).map((p, d) => /* @__PURE__ */ e(h3, { "data-active": n === d }, d)) })
+    l2 && i2 === 0 && /* @__PURE__ */ jsx(m$1, { children: /* @__PURE__ */ jsx(p$3, { name: l2 }) }),
+    /* @__PURE__ */ jsx(r$1, { style: e2 ? { visibility: "hidden" } : {}, children: Array.from({ length: a2.length }).map((d2, r2) => /* @__PURE__ */ jsx(c$1, { "data-active": i2 === r2 }, r2)) })
   ] });
-}, u3 = /* @__PURE__ */ s("div")({
+};
+const t$2 = /* @__PURE__ */ styled_default("div")({
   name: "Container",
   class: "cm0bev",
-  propsAsIs: !1
-}), g3 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), l$2 = /* @__PURE__ */ styled_default("div")({
   name: "Content",
   class: "ce7x737",
-  propsAsIs: !1
-}), f3 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), n$2 = /* @__PURE__ */ styled_default("div")({
   name: "Title",
   class: "tc2tor6",
-  propsAsIs: !1
-}), v3 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), o$4 = /* @__PURE__ */ styled_default("div")({
   name: "RulesList",
   class: "r1k5klql",
-  propsAsIs: !1
-}), I3 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), a = /* @__PURE__ */ styled_default("div")({
   name: "RulesItem",
   class: "r1tf3ft2",
-  propsAsIs: !1
-}), A3 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), c = /* @__PURE__ */ styled_default("div")({
   name: "RuleIcon",
   class: "rwpvg1k",
-  propsAsIs: !1
-}), L3 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), r = /* @__PURE__ */ styled_default("div")({
   name: "RuleText",
   class: "rbxiag0",
-  propsAsIs: !1
-}), _3 = /* @__PURE__ */ s("button")({
+  propsAsIs: false
+}), p$1 = /* @__PURE__ */ styled_default("button")({
   name: "TermsButton",
   class: "t6cyrry",
-  propsAsIs: !1
-}), w3 = ({
-  rules: i,
-  rulesTitle: t,
-  termsText: n,
-  primaryColor: o,
-  openTerms: l
-}) => /* @__PURE__ */ r(u3, { children: [
-  /* @__PURE__ */ r(g3, { children: [
-    /* @__PURE__ */ e(f3, { children: t }),
-    /* @__PURE__ */ e(v3, { children: i == null ? void 0 : i.map(({ label: c, icon: p }, d) => /* @__PURE__ */ r(I3, { children: [
-      p && /* @__PURE__ */ e(A3, { style: { backgroundColor: o }, children: /* @__PURE__ */ e(H, { name: p, "data-icon": p }) }),
-      /* @__PURE__ */ e(L3, { children: c })
-    ] }, d)) })
+  propsAsIs: false
+});
+const b = ({
+  rules: e2,
+  rulesTitle: o2,
+  termsText: i2,
+  primaryColor: d2,
+  openTerms: l2
+}) => /* @__PURE__ */ jsxs(t$2, { children: [
+  /* @__PURE__ */ jsxs(l$2, { children: [
+    /* @__PURE__ */ jsx(n$2, { children: o2 }),
+    /* @__PURE__ */ jsx(o$4, { children: e2 == null ? void 0 : e2.map(({ label: c$12, icon: r$12 }, a$12) => /* @__PURE__ */ jsxs(a, { children: [
+      r$12 && /* @__PURE__ */ jsx(c, { style: { backgroundColor: d2 }, children: /* @__PURE__ */ jsx(B1, { name: r$12, "data-icon": r$12 }) }),
+      /* @__PURE__ */ jsx(r, { children: c$12 })
+    ] }, a$12)) })
   ] }),
-  n && /* @__PURE__ */ e(_3, { "data-a": "intr", onClick: l, children: "See Terms and Conditions" })
-] }), $3 = /* @__PURE__ */ s("div")({
+  i2 && /* @__PURE__ */ jsx(p$1, { "data-a": "intr", onClick: l2, children: "See Terms and Conditions" })
+] });
+const t$1 = /* @__PURE__ */ styled_default("div")({
   name: "Container",
   class: "cj0g35h",
-  propsAsIs: !1
-}), b3 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), e$2 = /* @__PURE__ */ styled_default("div")({
   name: "Content",
   class: "c1xkhrbn",
-  propsAsIs: !1
-}), y3 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), o$3 = /* @__PURE__ */ styled_default("div")({
   name: "Title",
   class: "tifzb8b",
-  propsAsIs: !1
-}), T3 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), l$1 = /* @__PURE__ */ styled_default("div")({
   name: "ScrollingText",
   class: "stduw5c",
-  propsAsIs: !1
-}), H3 = ({ termsTitle: i, termsText: t }) => /* @__PURE__ */ e($3, { children: /* @__PURE__ */ r(b3, { children: [
-  /* @__PURE__ */ e(y3, { children: i }),
-  /* @__PURE__ */ e(T3, { children: t })
-] }) }), V3 = /* @__PURE__ */ s("button")({
+  propsAsIs: false
+});
+const s = ({ termsTitle: n2, termsText: e2 }) => /* @__PURE__ */ jsx(t$1, { children: /* @__PURE__ */ jsxs(e$2, { children: [
+  /* @__PURE__ */ jsx(o$3, { children: n2 }),
+  /* @__PURE__ */ jsx(l$1, { children: e2 })
+] }) });
+const o$2 = /* @__PURE__ */ styled_default("button")({
   name: "SButton",
   class: "s1nve60q",
-  propsAsIs: !1
-}), k3 = /* @__PURE__ */ s("span")({
+  propsAsIs: false
+}), n$1 = /* @__PURE__ */ styled_default("span")({
   name: "ButtonLabel",
   class: "b1xoswwx",
-  propsAsIs: !1
-}), z3 = ({ disabled: i, variant: t = "primary", onClick: n, children: o, ...l }) => /* @__PURE__ */ e(V3, { "data-a": "intr", onClick: n, disabled: i, "data-variant": t, ...l, children: /* @__PURE__ */ e(k3, { children: o }) }), x3 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+});
+const d$1 = ({ disabled: r2, variant: a2 = "primary", onClick: o2, children: n2, ...i2 }) => /* @__PURE__ */ jsx(o$2, { "data-a": "intr", onClick: o2, disabled: r2, "data-variant": a2, ...i2, children: /* @__PURE__ */ jsx(n$1, { children: n2 }) });
+const i = /* @__PURE__ */ styled_default("div")({
   name: "Container",
   class: "c18uddbs",
-  propsAsIs: !1
-}), R3 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), p = /* @__PURE__ */ styled_default("div")({
   name: "Content",
   class: "cvcfjf6",
-  propsAsIs: !1
-}), F3 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), l = /* @__PURE__ */ styled_default("div")({
   name: "OnboardingHeader",
   class: "o1ie27lw",
-  propsAsIs: !1
-}), S3 = /* @__PURE__ */ s("button")({
+  propsAsIs: false
+}), d = /* @__PURE__ */ styled_default("button")({
   name: "CloseBtn",
   class: "c15cjkwi",
-  propsAsIs: !1
-}), M3 = () => H, q3 = /* @__PURE__ */ s(M3())({
+  propsAsIs: false
+}), t = () => B1, m = /* @__PURE__ */ styled_default(t())({
   name: "IconClose",
   class: "i1mavjt2",
-  propsAsIs: !0
-}), E3 = /* @__PURE__ */ s("div")({
+  propsAsIs: true
+}), f$1 = /* @__PURE__ */ styled_default("div")({
   name: "OnboardingFooter",
   class: "o1x0dyzv",
-  propsAsIs: !1
-}), B3 = () => z3, N3 = /* @__PURE__ */ s(B3())({
+  propsAsIs: false
+}), e$1 = () => d$1, I = /* @__PURE__ */ styled_default(e$1())({
   name: "OnboardingActionBtn",
   class: "o1jfi9c3",
-  propsAsIs: !0
-}), F = {
-  steps: !1,
-  rules: !1,
-  inviteCard: !1
-}, ue = ({
-  gamification: i,
-  steps: t,
-  rules: n,
-  rulesBtnLabel: o,
-  rulesTitle: l,
-  termsTitle: c,
-  termsText: p,
-  primaryColor: d,
-  inviteLink: C,
-  inviteCardTitle: I,
-  inviteCardSubtext: _,
-  inviteCardBtnLabel: L,
-  loading: a,
-  inviterName: h,
-  sdk: g,
-  onClose: f
+  propsAsIs: true
+});
+const o$1 = {
+  steps: false,
+  rules: false,
+  inviteCard: false
+}, tn = ({
+  gamification: I$12,
+  steps: n2,
+  rules: t2,
+  rulesBtnLabel: c2,
+  rulesTitle: T2,
+  termsTitle: x2,
+  termsText: u2,
+  primaryColor: g,
+  inviteLink: D2,
+  inviteCardTitle: k$12,
+  inviteCardSubtext: w2,
+  inviteCardBtnLabel: b$12,
+  loading: d$12,
+  inviterName: f2,
+  sdk: C2,
+  onClose: A2
 }) => {
-  const [v, u] = T(0), [m, $] = T(!1), [A, y] = T(F);
-  V(() => {
-    t != null && t.length ? y({ ...F, steps: !0 }) : n != null && n.length ? y({ ...F, rules: !0 }) : y({ ...F, inviteCard: !0 });
+  const [a2, O2] = useState(0), [l$12, S2] = useState(false), [e2, r2] = useState(o$1);
+  useEffect(() => {
+    n2 != null && n2.length ? r2({ ...o$1, steps: true }) : t2 != null && t2.length ? r2({ ...o$1, rules: true }) : r2({ ...o$1, inviteCard: true });
   }, []);
-  const _2 = H2(() => A.steps && v === 0 ? "Continue" : A.rules ? m || !o ? "Got it" : o : A.inviteCard ? L || "Play Now" : "Next", [A, v, m, o, L]), w2 = N(() => {
-    t != null && t.length && v < t.length - 1 ? u((O) => ++O) : n != null && n.length && A.steps ? y({ ...F, rules: !0 }) : A.rules && y({ ...F, inviteCard: !0 });
-  }, [v, t == null ? void 0 : t.length, n == null ? void 0 : n.length, A, u, y]), $2 = async () => {
-    A.inviteCard ? await i.onboardingStatus.submitInplay() : A.rules && m ? $(!1) : w2();
+  const j = useMemo(() => e2.steps && a2 === 0 ? "Continue" : e2.rules ? l$12 || !c2 ? "Got it" : c2 : e2.inviteCard ? b$12 || "Play Now" : "Next", [e2, a2, l$12, c2, b$12]), p$12 = useCallback(() => {
+    n2 != null && n2.length && a2 < n2.length - 1 ? O2((m2) => ++m2) : t2 != null && t2.length && e2.steps ? r2({ ...o$1, rules: true }) : e2.rules && r2({ ...o$1, inviteCard: true });
+  }, [a2, n2 == null ? void 0 : n2.length, t2 == null ? void 0 : t2.length, e2, O2, r2]), H = async () => {
+    e2.inviteCard ? await I$12.onboardingStatus.submitInplay() : e2.rules && l$12 ? S2(false) : p$12();
   };
-  return V(() => {
-    !a && h && g.inviteDisplayed();
-  }, [a, h, g]), /* @__PURE__ */ e(_0, { children: ({ width: O, height: Q }) => /* @__PURE__ */ r(x3, { style: { width: O, height: Q, maxHeight: Q }, children: [
-    /* @__PURE__ */ e(F3, { children: /* @__PURE__ */ e(S3, { "data-a": "intr", onClick: f, children: /* @__PURE__ */ e(q3, { name: "icon-close-btn-gray" }) }) }),
-    /* @__PURE__ */ r(R3, { children: [
-      A.steps && (t == null ? void 0 : t.length) && /* @__PURE__ */ e(
-        m3,
+  return useEffect(() => {
+    !d$12 && f2 && C2.inviteDisplayed();
+  }, [d$12, f2, C2]), /* @__PURE__ */ jsx(AutoSizer, { children: ({ width: m$12, height: y2 }) => /* @__PURE__ */ jsxs(i, { style: { width: m$12, height: y2, maxHeight: y2 }, children: [
+    /* @__PURE__ */ jsx(l, { children: /* @__PURE__ */ jsx(d, { "data-a": "intr", onClick: A2, children: /* @__PURE__ */ jsx(m, { name: "icon-close-btn-gray" }) }) }),
+    /* @__PURE__ */ jsxs(p, { children: [
+      e2.steps && (n2 == null ? void 0 : n2.length) && /* @__PURE__ */ jsx(
+        k,
         {
-          loading: a,
-          steps: t,
-          currentStep: v,
-          inviterName: h
+          loading: d$12,
+          steps: n2,
+          currentStep: a2,
+          inviterName: f2
         }
       ),
-      A.rules && !m && /* @__PURE__ */ e(
-        w3,
+      e2.rules && !l$12 && /* @__PURE__ */ jsx(
+        b,
         {
-          rules: n,
-          rulesTitle: l,
-          termsText: p,
-          primaryColor: d,
-          openTerms: () => $(!0)
+          rules: t2,
+          rulesTitle: T2,
+          termsText: u2,
+          primaryColor: g,
+          openTerms: () => S2(true)
         }
       ),
-      A.rules && m && /* @__PURE__ */ e(H3, { termsTitle: c, termsText: p }),
-      A.inviteCard && /* @__PURE__ */ e(
-        M0,
+      e2.rules && l$12 && /* @__PURE__ */ jsx(s, { termsTitle: x2, termsText: u2 }),
+      e2.inviteCard && /* @__PURE__ */ jsx(
+        M,
         {
-          inviteLink: C,
-          inviteCardTitle: I,
-          inviteCardSubtext: _,
-          primaryColor: d
+          inviteLink: D2,
+          inviteCardTitle: k$12,
+          inviteCardSubtext: w2,
+          primaryColor: g
         }
       )
     ] }),
-    /* @__PURE__ */ e(E3, { children: /* @__PURE__ */ e(z, { loading: a, style: { width: "100%" }, children: /* @__PURE__ */ e(N3, { "data-a": "intr", onClick: $2, children: _2 }) }) })
+    /* @__PURE__ */ jsx(f$1, { children: /* @__PURE__ */ jsx(i$8, { loading: d$12, style: { width: "100%" }, children: /* @__PURE__ */ jsx(I, { "data-a": "intr", onClick: H, children: j }) }) })
   ] }) });
-}, Z3 = /* @__PURE__ */ s("button")({
+};
+const n = /* @__PURE__ */ styled_default("button")({
   name: "Container",
   class: "crkmfw1",
-  propsAsIs: !1
-}), O3 = /* @__PURE__ */ s("div")({
+  propsAsIs: false
+}), e = /* @__PURE__ */ styled_default("div")({
   name: "Content",
   class: "c11awpy4",
-  propsAsIs: !1
-}), W3 = /* @__PURE__ */ s("span")({
+  propsAsIs: false
+}), o = /* @__PURE__ */ styled_default("span")({
   name: "Title",
   class: "t154z7mh",
-  propsAsIs: !1
-}), ge = ({ title: i, onClick: t, className: n, style: o }) => /* @__PURE__ */ e(Z3, { "data-a": "intr", onClick: t, className: n, style: o, children: /* @__PURE__ */ r(O3, { "data-a": "intr", children: [
-  /* @__PURE__ */ e(H, { "data-a": "intr", name: "iconUp" }),
-  i && /* @__PURE__ */ e(W3, { "data-a": "intr", children: i })
+  propsAsIs: false
+});
+const f = ({ title: n$12, onClick: t2, className: a2, style: i2 }) => /* @__PURE__ */ jsx(n, { "data-a": "intr", onClick: t2, className: a2, style: i2, children: /* @__PURE__ */ jsxs(e, { "data-a": "intr", children: [
+  /* @__PURE__ */ jsx(B1, { "data-a": "intr", name: "iconUp" }),
+  n$12 && /* @__PURE__ */ jsx(o, { "data-a": "intr", children: n$12 })
 ] }) });
 export {
-  Ce as D,
-  me as I,
-  M0 as M,
-  de as T,
-  A0 as a,
-  oe as c,
-  ge as f,
-  pe as k,
-  le as p,
-  ue as t,
-  he as w,
-  ce as z
+  D,
+  I$1 as I,
+  M,
+  T$3 as T,
+  T$2 as a,
+  createSingleStore as c,
+  f,
+  k$2 as k,
+  p$d as p,
+  tn as t,
+  w$2 as w,
+  z$1 as z
 };