@streamlayer/react 1.22.2 → 1.23.0

package/lib/es/index15.js

@@ -1,2355 +1,1254 @@
-import bs from "react";
-var Re = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Sf(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-function Ef(e) {
-  if (e.__esModule) return e;
-  var r = e.default;
-  if (typeof r == "function") {
-    var t = function n() {
-      return this instanceof n ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
+import { atom as b2 } from "nanostores";
+import { F as W } from "./index3.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 "./index8.js";
+import { I as f2, s as V2, b as v2, e as k2 } from "./index11.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 "./index9.js";
+import { w as M2, E as q2 } from "./index12.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 "./index10.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);
+    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();
+    return () => {
+      for (const [, p] of c)
+        p.status.get() === W.Ready && p.disable();
     };
-    t.prototype = r.prototype;
-  } else t = {};
-  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(n) {
-    var a = Object.getOwnPropertyDescriptor(e, n);
-    Object.defineProperty(t, n, a.get ? a : {
-      enumerable: !0,
-      get: function() {
-        return e[n];
-      }
-    });
-  }), t;
-}
-var Wi = { exports: {} }, He, Tn;
-function de() {
-  if (Tn) return He;
-  Tn = 1;
-  function e(r) {
-    var t = typeof r;
-    return r != null && (t == "object" || t == "function");
-  }
-  return He = e, He;
-}
-var $e, An;
-function Yi() {
-  if (An) return $e;
-  An = 1;
-  var e = typeof Re == "object" && Re && Re.Object === Object && Re;
-  return $e = e, $e;
-}
-var Ge, On;
-function ie() {
-  if (On) return Ge;
-  On = 1;
-  var e = Yi(), r = typeof self == "object" && self && self.Object === Object && self, t = e || r || Function("return this")();
-  return Ge = t, Ge;
-}
-var ke, xn;
-function _s() {
-  if (xn) return ke;
-  xn = 1;
-  var e = ie(), r = function() {
-    return e.Date.now();
-  };
-  return ke = r, ke;
-}
-var Ue, Kn;
-function ms() {
-  if (Kn) return Ue;
-  Kn = 1;
-  var e = /\s/;
-  function r(t) {
-    for (var n = t.length; n-- && e.test(t.charAt(n)); )
-      ;
-    return n;
-  }
-  return Ue = r, Ue;
-}
-var ze, Sn;
-function Cs() {
-  if (Sn) return ze;
-  Sn = 1;
-  var e = ms(), r = /^\s+/;
-  function t(n) {
-    return n && n.slice(0, e(n) + 1).replace(r, "");
-  }
-  return ze = t, ze;
-}
-var We, En;
-function we() {
-  if (En) return We;
-  En = 1;
-  var e = ie(), r = e.Symbol;
-  return We = r, We;
-}
-var Ye, Pn;
-function Fs() {
-  if (Pn) return Ye;
-  Pn = 1;
-  var e = we(), r = Object.prototype, t = r.hasOwnProperty, n = r.toString, a = e ? e.toStringTag : void 0;
-  function i(o) {
-    var u = t.call(o, a), v = o[a];
-    try {
-      o[a] = void 0;
-      var h = !0;
-    } catch {
-    }
-    var m = n.call(o);
-    return h && (u ? o[a] = v : delete o[a]), m;
-  }
-  return Ye = i, Ye;
-}
-var Xe, Mn;
-function qs() {
-  if (Mn) return Xe;
-  Mn = 1;
-  var e = Object.prototype, r = e.toString;
-  function t(n) {
-    return r.call(n);
-  }
-  return Xe = t, Xe;
-}
-var Je, In;
-function Te() {
-  if (In) return Je;
-  In = 1;
-  var e = we(), r = Fs(), t = qs(), n = "[object Null]", a = "[object Undefined]", i = e ? e.toStringTag : void 0;
-  function o(u) {
-    return u == null ? u === void 0 ? a : n : i && i in Object(u) ? r(u) : t(u);
-  }
-  return Je = o, Je;
-}
-var Ze, Dn;
-function ve() {
-  if (Dn) return Ze;
-  Dn = 1;
-  function e(r) {
-    return r != null && typeof r == "object";
-  }
-  return Ze = e, Ze;
-}
-var Qe, Ln;
-function Ae() {
-  if (Ln) return Qe;
-  Ln = 1;
-  var e = Te(), r = ve(), t = "[object Symbol]";
-  function n(a) {
-    return typeof a == "symbol" || r(a) && e(a) == t;
-  }
-  return Qe = n, Qe;
-}
-var Ve, Nn;
-function Rs() {
-  if (Nn) return Ve;
-  Nn = 1;
-  var e = Cs(), r = de(), t = Ae(), n = NaN, a = /^[-+]0x[0-9a-f]+$/i, i = /^0b[01]+$/i, o = /^0o[0-7]+$/i, u = parseInt;
-  function v(h) {
-    if (typeof h == "number")
-      return h;
-    if (t(h))
-      return n;
-    if (r(h)) {
-      var m = typeof h.valueOf == "function" ? h.valueOf() : h;
-      h = r(m) ? m + "" : m;
-    }
-    if (typeof h != "string")
-      return h === 0 ? h : +h;
-    h = e(h);
-    var _ = i.test(h);
-    return _ || o.test(h) ? u(h.slice(2), _ ? 2 : 8) : a.test(h) ? n : +h;
-  }
-  return Ve = v, Ve;
-}
-var er, Bn;
-function Xi() {
-  if (Bn) return er;
-  Bn = 1;
-  var e = de(), r = _s(), t = Rs(), n = "Expected a function", a = Math.max, i = Math.min;
-  function o(u, v, h) {
-    var m, _, I, P, N, K, b = 0, l = !1, g = !1, C = !0;
-    if (typeof u != "function")
-      throw new TypeError(n);
-    v = t(v) || 0, e(h) && (l = !!h.leading, g = "maxWait" in h, I = g ? a(t(h.maxWait) || 0, v) : I, C = "trailing" in h ? !!h.trailing : C);
-    function y(T) {
-      var k = m, X = _;
-      return m = _ = void 0, b = T, P = u.apply(X, k), P;
-    }
-    function S(T) {
-      return b = T, N = setTimeout(L, v), l ? y(T) : P;
-    }
-    function O(T) {
-      var k = T - K, X = T - b, te = v - k;
-      return g ? i(te, I - X) : te;
-    }
-    function q(T) {
-      var k = T - K, X = T - b;
-      return K === void 0 || k >= v || k < 0 || g && X >= I;
-    }
-    function L() {
-      var T = r();
-      if (q(T))
-        return R(T);
-      N = setTimeout(L, O(T));
-    }
-    function R(T) {
-      return N = void 0, C && m ? y(T) : (m = _ = void 0, P);
-    }
-    function x() {
-      N !== void 0 && clearTimeout(N), b = 0, m = K = _ = N = void 0;
-    }
-    function E() {
-      return N === void 0 ? P : R(r());
-    }
-    function $() {
-      var T = r(), k = q(T);
-      if (m = arguments, _ = this, K = T, k) {
-        if (N === void 0)
-          return S(K);
-        if (g)
-          return clearTimeout(N), N = setTimeout(L, v), y(K);
-      }
-      return N === void 0 && (N = setTimeout(L, v)), P;
-    }
-    return $.cancel = x, $.flush = E, $;
-  }
-  return er = o, er;
-}
-var rr, jn;
-function Ji() {
-  if (jn) return rr;
-  jn = 1;
-  var e = Te(), r = de(), t = "[object AsyncFunction]", n = "[object Function]", a = "[object GeneratorFunction]", i = "[object Proxy]";
-  function o(u) {
-    if (!r(u))
-      return !1;
-    var v = e(u);
-    return v == n || v == a || v == t || v == i;
-  }
-  return rr = o, rr;
-}
-var ws = ie(), Ts = ws["__core-js_shared__"], As = Ts, tr = As, Hn = function() {
-  var e = /[^.]+$/.exec(tr && tr.keys && tr.keys.IE_PROTO || "");
-  return e ? "Symbol(src)_1." + e : "";
-}();
-function Os(e) {
-  return !!Hn && Hn in e;
-}
-var xs = Os, Ks = Function.prototype, Ss = Ks.toString;
-function Es(e) {
-  if (e != null) {
-    try {
-      return Ss.call(e);
-    } catch {
-    }
-    try {
-      return e + "";
-    } catch {
-    }
-  }
-  return "";
-}
-var Zi = Es, Ps = Ji(), Ms = xs, Is = de(), Ds = Zi, Ls = /[\\^$.*+?()[\]{}|]/g, Ns = /^\[object .+?Constructor\]$/, Bs = Function.prototype, js = Object.prototype, Hs = Bs.toString, $s = js.hasOwnProperty, Gs = RegExp(
-  "^" + Hs.call($s).replace(Ls, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-);
-function ks(e) {
-  if (!Is(e) || Ms(e))
-    return !1;
-  var r = Ps(e) ? Gs : Ns;
-  return r.test(Ds(e));
-}
-var Us = ks;
-function zs(e, r) {
-  return e == null ? void 0 : e[r];
-}
-var Ws = zs, Ys = Us, Xs = Ws;
-function Js(e, r) {
-  var t = Xs(e, r);
-  return Ys(t) ? t : void 0;
-}
-var he = Js, nr, $n;
-function Ie() {
-  if ($n) return nr;
-  $n = 1;
-  var e = he, r = e(Object, "create");
-  return nr = r, nr;
-}
-var ar, Gn;
-function Zs() {
-  if (Gn) return ar;
-  Gn = 1;
-  var e = Ie();
-  function r() {
-    this.__data__ = e ? e(null) : {}, this.size = 0;
-  }
-  return ar = r, ar;
-}
-var ir, kn;
-function Qs() {
-  if (kn) return ir;
-  kn = 1;
-  function e(r) {
-    var t = this.has(r) && delete this.__data__[r];
-    return this.size -= t ? 1 : 0, t;
-  }
-  return ir = e, ir;
-}
-var sr, Un;
-function Vs() {
-  if (Un) return sr;
-  Un = 1;
-  var e = Ie(), r = "__lodash_hash_undefined__", t = Object.prototype, n = t.hasOwnProperty;
-  function a(i) {
-    var o = this.__data__;
-    if (e) {
-      var u = o[i];
-      return u === r ? void 0 : u;
-    }
-    return n.call(o, i) ? o[i] : void 0;
-  }
-  return sr = a, sr;
-}
-var or, zn;
-function eo() {
-  if (zn) return or;
-  zn = 1;
-  var e = Ie(), r = Object.prototype, t = r.hasOwnProperty;
-  function n(a) {
-    var i = this.__data__;
-    return e ? i[a] !== void 0 : t.call(i, a);
-  }
-  return or = n, or;
-}
-var ur, Wn;
-function ro() {
-  if (Wn) return ur;
-  Wn = 1;
-  var e = Ie(), r = "__lodash_hash_undefined__";
-  function t(n, a) {
-    var i = this.__data__;
-    return this.size += this.has(n) ? 0 : 1, i[n] = e && a === void 0 ? r : a, this;
-  }
-  return ur = t, ur;
-}
-var cr, Yn;
-function to() {
-  if (Yn) return cr;
-  Yn = 1;
-  var e = Zs(), r = Qs(), t = Vs(), n = eo(), a = ro();
-  function i(o) {
-    var u = -1, v = o == null ? 0 : o.length;
-    for (this.clear(); ++u < v; ) {
-      var h = o[u];
-      this.set(h[0], h[1]);
-    }
-  }
-  return i.prototype.clear = e, i.prototype.delete = r, i.prototype.get = t, i.prototype.has = n, i.prototype.set = a, cr = i, cr;
-}
-function no() {
-  this.__data__ = [], this.size = 0;
-}
-var ao = no, fr, Xn;
-function un() {
-  if (Xn) return fr;
-  Xn = 1;
-  function e(r, t) {
-    return r === t || r !== r && t !== t;
-  }
-  return fr = e, fr;
-}
-var io = un();
-function so(e, r) {
-  for (var t = e.length; t--; )
-    if (io(e[t][0], r))
-      return t;
-  return -1;
-}
-var De = so, oo = De, uo = Array.prototype, co = uo.splice;
-function fo(e) {
-  var r = this.__data__, t = oo(r, e);
-  if (t < 0)
-    return !1;
-  var n = r.length - 1;
-  return t == n ? r.pop() : co.call(r, t, 1), --this.size, !0;
-}
-var lo = fo, ho = De;
-function vo(e) {
-  var r = this.__data__, t = ho(r, e);
-  return t < 0 ? void 0 : r[t][1];
-}
-var po = vo, yo = De;
-function go(e) {
-  return yo(this.__data__, e) > -1;
-}
-var bo = go, _o = De;
-function mo(e, r) {
-  var t = this.__data__, n = _o(t, e);
-  return n < 0 ? (++this.size, t.push([e, r])) : t[n][1] = r, this;
-}
-var Co = mo, Fo = ao, qo = lo, Ro = po, wo = bo, To = Co;
-function pe(e) {
-  var r = -1, t = e == null ? 0 : e.length;
-  for (this.clear(); ++r < t; ) {
-    var n = e[r];
-    this.set(n[0], n[1]);
-  }
-}
-pe.prototype.clear = Fo;
-pe.prototype.delete = qo;
-pe.prototype.get = Ro;
-pe.prototype.has = wo;
-pe.prototype.set = To;
-var Le = pe, Ao = he, Oo = ie(), xo = Ao(Oo, "Map"), cn = xo, lr, Jn;
-function Ko() {
-  if (Jn) return lr;
-  Jn = 1;
-  var e = to(), r = Le, t = cn;
-  function n() {
-    this.size = 0, this.__data__ = {
-      hash: new e(),
-      map: new (t || r)(),
-      string: new e()
+  }, [t, i, n]), [t, o];
+}, j2 = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "c1zy8a",
+  propsAsIs: !1
+}), G2 = /* @__PURE__ */ s("div")({
+  name: "Title",
+  class: "t1vih9p5",
+  propsAsIs: !1
+}), D2 = /* @__PURE__ */ s("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")({
+  name: "Container",
+  class: "ctmhwyc",
+  propsAsIs: !1
+}), U2 = /* @__PURE__ */ s("div")({
+  name: "Indicator",
+  class: "i1jri200",
+  propsAsIs: !1
+}), Q2 = /* @__PURE__ */ s("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")({
+  name: "Container",
+  class: "c1yrpn9o",
+  propsAsIs: !1
+}), K2 = /* @__PURE__ */ s("div")({
+  name: "TopInfo",
+  class: "t17fwahh",
+  propsAsIs: !1
+}), J2 = /* @__PURE__ */ s("div")({
+  name: "BottomInfo",
+  class: "by6w7e9",
+  propsAsIs: !1
+}), X2 = /* @__PURE__ */ s("div")({
+  name: "User",
+  class: "u1g7arbm",
+  propsAsIs: !1
+}), e0 = /* @__PURE__ */ s("img")({
+  name: "Avatar",
+  class: "a1ldeata",
+  propsAsIs: !1
+}), s0 = /* @__PURE__ */ s("div")({
+  name: "UserInfo",
+  class: "u10d4koz",
+  propsAsIs: !1
+}), t0 = /* @__PURE__ */ s("div")({
+  name: "UserName",
+  class: "u1q6roj0",
+  propsAsIs: !1
+}), i0 = /* @__PURE__ */ s("div")({
+  name: "UserRating",
+  class: "ui0m425",
+  propsAsIs: !1
+}), n0 = /* @__PURE__ */ s("img")({
+  name: "TrophyIcon",
+  class: "t1el3mrn",
+  propsAsIs: !1
+}), r0 = /* @__PURE__ */ s("div")({
+  name: "RtsContainer",
+  class: "r2vgnxv",
+  propsAsIs: !1
+}), a0 = /* @__PURE__ */ s("div")({
+  name: "RtsDivider",
+  class: "roqn06j",
+  propsAsIs: !1
+}), o0 = /* @__PURE__ */ s("div")({
+  name: "Rts",
+  class: "r15adx7c",
+  propsAsIs: !1
+}), X = /* @__PURE__ */ s("div")({
+  name: "RtsIndicator",
+  class: "rv59lta",
+  propsAsIs: !1
+}), e2 = /* @__PURE__ */ s("div")({
+  name: "RtsLabel",
+  class: "r55lotb",
+  propsAsIs: !1
+}), l0 = /* @__PURE__ */ s("div")({
+  name: "Divider",
+  class: "d1knfgqt",
+  propsAsIs: !1
+}), c0 = /* @__PURE__ */ s("div")({
+  name: "Ranks",
+  class: "r1mqo824",
+  propsAsIs: !1
+}), d0 = /* @__PURE__ */ s("div")({
+  name: "Statistics",
+  class: "sxareh6",
+  propsAsIs: !1
+}), p0 = /* @__PURE__ */ s("div")({
+  name: "AvatarPlaceholder",
+  class: "amcu48h",
+  propsAsIs: !1
+}), h0 = /* @__PURE__ */ s("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 || "") })
+    ] }),
+    /* @__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" })
+            ] })
+          ] }),
+          t && /* @__PURE__ */ r(X, { children: [
+            /* @__PURE__ */ e(a0, {}),
+            p || 0,
+            /* @__PURE__ */ e(e2, { children: "global rank" })
+          ] })
+        ] }),
+        !t && /* @__PURE__ */ r(S, { children: [
+          /* @__PURE__ */ e(l0, {}),
+          /* @__PURE__ */ r("div", { children: [
+            "TOP ",
+            _ || 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__ */ 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" })
+    ] }) })
+  ] })
+] }), m0 = /* @__PURE__ */ s("div")({
+  name: "StaticContainer",
+  class: "svm502q",
+  propsAsIs: !1
+}), u0 = `
+  .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
+}) => {
+  const [l] = T(() => s2(t)), [c, p] = T(!1);
+  return V(() => {
+    if (!t.current || !l)
+      return p(!0), () => {
+      };
+    const d = window.scrollY;
+    return p(!0), () => {
+      s2(t) && window.scrollTo({
+        top: d,
+        behavior: "instant"
+      });
     };
-  }
-  return lr = n, lr;
-}
-var dr, Zn;
-function So() {
-  if (Zn) return dr;
-  Zn = 1;
-  function e(r) {
-    var t = typeof r;
-    return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? r !== "__proto__" : r === null;
-  }
-  return dr = e, dr;
-}
-var hr, Qn;
-function Ne() {
-  if (Qn) return hr;
-  Qn = 1;
-  var e = So();
-  function r(t, n) {
-    var a = t.__data__;
-    return e(n) ? a[typeof n == "string" ? "string" : "hash"] : a.map;
-  }
-  return hr = r, hr;
-}
-var vr, Vn;
-function Eo() {
-  if (Vn) return vr;
-  Vn = 1;
-  var e = Ne();
-  function r(t) {
-    var n = e(this, t).delete(t);
-    return this.size -= n ? 1 : 0, n;
-  }
-  return vr = r, vr;
-}
-var pr, ea;
-function Po() {
-  if (ea) return pr;
-  ea = 1;
-  var e = Ne();
-  function r(t) {
-    return e(this, t).get(t);
-  }
-  return pr = r, pr;
-}
-var yr, ra;
-function Mo() {
-  if (ra) return yr;
-  ra = 1;
-  var e = Ne();
-  function r(t) {
-    return e(this, t).has(t);
-  }
-  return yr = r, yr;
-}
-var gr, ta;
-function Io() {
-  if (ta) return gr;
-  ta = 1;
-  var e = Ne();
-  function r(t, n) {
-    var a = e(this, t), i = a.size;
-    return a.set(t, n), this.size += a.size == i ? 0 : 1, this;
-  }
-  return gr = r, gr;
-}
-var br, na;
-function fn() {
-  if (na) return br;
-  na = 1;
-  var e = Ko(), r = Eo(), t = Po(), n = Mo(), a = Io();
-  function i(o) {
-    var u = -1, v = o == null ? 0 : o.length;
-    for (this.clear(); ++u < v; ) {
-      var h = o[u];
-      this.set(h[0], h[1]);
+  }, []), V(() => {
+    if (c && t.current && l) {
+      const d = A2();
+      window.scrollTo({
+        top: t.current.offsetTop - d,
+        behavior: "instant"
+      });
     }
-  }
-  return i.prototype.clear = e, i.prototype.delete = r, i.prototype.get = t, i.prototype.has = n, i.prototype.set = a, br = i, br;
-}
-var _r, aa;
-function Do() {
-  if (aa) return _r;
-  aa = 1;
-  var e = "__lodash_hash_undefined__";
-  function r(t) {
-    return this.__data__.set(t, e), this;
-  }
-  return _r = r, _r;
-}
-var mr, ia;
-function Lo() {
-  if (ia) return mr;
-  ia = 1;
-  function e(r) {
-    return this.__data__.has(r);
-  }
-  return mr = e, mr;
-}
-var Cr, sa;
-function Qi() {
-  if (sa) return Cr;
-  sa = 1;
-  var e = fn(), r = Do(), t = Lo();
-  function n(a) {
-    var i = -1, o = a == null ? 0 : a.length;
-    for (this.__data__ = new e(); ++i < o; )
-      this.add(a[i]);
-  }
-  return n.prototype.add = n.prototype.push = r, n.prototype.has = t, Cr = n, Cr;
-}
-var Fr, oa;
-function No() {
-  if (oa) return Fr;
-  oa = 1;
-  function e(r, t, n, a) {
-    for (var i = r.length, o = n + (a ? 1 : -1); a ? o-- : ++o < i; )
-      if (t(r[o], o, r))
-        return o;
-    return -1;
-  }
-  return Fr = e, Fr;
-}
-var qr, ua;
-function Bo() {
-  if (ua) return qr;
-  ua = 1;
-  function e(r) {
-    return r !== r;
-  }
-  return qr = e, qr;
-}
-var Rr, ca;
-function jo() {
-  if (ca) return Rr;
-  ca = 1;
-  function e(r, t, n) {
-    for (var a = n - 1, i = r.length; ++a < i; )
-      if (r[a] === t)
-        return a;
-    return -1;
-  }
-  return Rr = e, Rr;
-}
-var wr, fa;
-function Ho() {
-  if (fa) return wr;
-  fa = 1;
-  var e = No(), r = Bo(), t = jo();
-  function n(a, i, o) {
-    return i === i ? t(a, i, o) : e(a, r, o);
-  }
-  return wr = n, wr;
-}
-var Tr, la;
-function $o() {
-  if (la) return Tr;
-  la = 1;
-  var e = Ho();
-  function r(t, n) {
-    var a = t == null ? 0 : t.length;
-    return !!a && e(t, n, 0) > -1;
-  }
-  return Tr = r, Tr;
-}
-var Ar, da;
-function Go() {
-  if (da) return Ar;
-  da = 1;
-  function e(r, t, n) {
-    for (var a = -1, i = r == null ? 0 : r.length; ++a < i; )
-      if (n(t, r[a]))
-        return !0;
-    return !1;
-  }
-  return Ar = e, Ar;
-}
-function ko(e, r) {
-  for (var t = -1, n = e == null ? 0 : e.length, a = Array(n); ++t < n; )
-    a[t] = r(e[t], t, e);
-  return a;
-}
-var ln = ko, Or, ha;
-function dn() {
-  if (ha) return Or;
-  ha = 1;
-  function e(r) {
-    return function(t) {
-      return r(t);
-    };
-  }
-  return Or = e, Or;
-}
-var xr, va;
-function Vi() {
-  if (va) return xr;
-  va = 1;
-  function e(r, t) {
-    return r.has(t);
-  }
-  return xr = e, xr;
-}
-var Kr, pa;
-function Uo() {
-  if (pa) return Kr;
-  pa = 1;
-  var e = Qi(), r = $o(), t = Go(), n = ln, a = dn(), i = Vi(), o = 200;
-  function u(v, h, m, _) {
-    var I = -1, P = r, N = !0, K = v.length, b = [], l = h.length;
-    if (!K)
-      return b;
-    m && (h = n(h, a(m))), _ ? (P = t, N = !1) : h.length >= o && (P = i, N = !1, h = new e(h));
-    e:
-      for (; ++I < K; ) {
-        var g = v[I], C = m == null ? g : m(g);
-        if (g = _ || g !== 0 ? g : 0, N && C === C) {
-          for (var y = l; y--; )
-            if (h[y] === C)
-              continue e;
-          b.push(g);
-        } else P(h, C, _) || b.push(g);
+  }, [c]), !t.current || !c ? null : n ? D(/* @__PURE__ */ r(m0, {
+    className: "StaticContainer",
+    children: [i, /* @__PURE__ */ e("style", {
+      children: z2
+    }), /* @__PURE__ */ e("style", {
+      children: u0
+    })]
+  }), t.current, "modal-node") : D(/* @__PURE__ */ r(S, {
+    children: [i, /* @__PURE__ */ e("style", {
+      children: o
+    })]
+  }), t.current, "modal-node");
+}, g0 = /* @__PURE__ */ s("button")({
+  name: "Container",
+  class: "cpjnajb",
+  propsAsIs: !1
+}), f0 = /* @__PURE__ */ s("div")({
+  name: "Content",
+  class: "c4m6kaz",
+  propsAsIs: !1
+}), v0 = /* @__PURE__ */ s("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));
+        try {
+          await navigator.clipboard.writeText(c), i.current && (o(D(/* @__PURE__ */ e(I0, {}), i.current)), t.current = setTimeout(() => {
+            o(null);
+          }, 1e3));
+        } catch (d) {
+          console.error("Unable to copy to clipboard", d);
+        }
       }
-    return b;
-  }
-  return Kr = u, Kr;
-}
-var Sr, ya;
-function es() {
-  if (ya) return Sr;
-  ya = 1;
-  function e(r, t) {
-    for (var n = -1, a = t.length, i = r.length; ++n < a; )
-      r[i + n] = t[n];
-    return r;
-  }
-  return Sr = e, Sr;
-}
-var Er, ga;
-function zo() {
-  if (ga) return Er;
-  ga = 1;
-  var e = Te(), r = ve(), t = "[object Arguments]";
-  function n(a) {
-    return r(a) && e(a) == t;
-  }
-  return Er = n, Er;
-}
-var Pr, ba;
-function hn() {
-  if (ba) return Pr;
-  ba = 1;
-  var e = zo(), r = ve(), t = Object.prototype, n = t.hasOwnProperty, a = t.propertyIsEnumerable, i = e(/* @__PURE__ */ function() {
-    return arguments;
-  }()) ? e : function(o) {
-    return r(o) && n.call(o, "callee") && !a.call(o, "callee");
-  };
-  return Pr = i, Pr;
-}
-var Mr, _a;
-function re() {
-  if (_a) return Mr;
-  _a = 1;
-  var e = Array.isArray;
-  return Mr = e, Mr;
-}
-var Ir, ma;
-function Wo() {
-  if (ma) return Ir;
-  ma = 1;
-  var e = we(), r = hn(), t = re(), n = e ? e.isConcatSpreadable : void 0;
-  function a(i) {
-    return t(i) || r(i) || !!(n && i && i[n]);
-  }
-  return Ir = a, Ir;
-}
-var Dr, Ca;
-function rs() {
-  if (Ca) return Dr;
-  Ca = 1;
-  var e = es(), r = Wo();
-  function t(n, a, i, o, u) {
-    var v = -1, h = n.length;
-    for (i || (i = r), u || (u = []); ++v < h; ) {
-      var m = n[v];
-      a > 0 && i(m) ? a > 1 ? t(m, a - 1, i, o, u) : e(u, m) : o || (u[u.length] = m);
-    }
-    return u;
-  }
-  return Dr = t, Dr;
-}
-var Lr, Fa;
-function Oe() {
-  if (Fa) return Lr;
-  Fa = 1;
-  function e(r) {
-    return r;
-  }
-  return Lr = e, Lr;
-}
-var Nr, qa;
-function Yo() {
-  if (qa) return Nr;
-  qa = 1;
-  function e(r, t, n) {
-    switch (n.length) {
-      case 0:
-        return r.call(t);
-      case 1:
-        return r.call(t, n[0]);
-      case 2:
-        return r.call(t, n[0], n[1]);
-      case 3:
-        return r.call(t, n[0], n[1], n[2]);
-    }
-    return r.apply(t, n);
-  }
-  return Nr = e, Nr;
-}
-var Br, Ra;
-function Xo() {
-  if (Ra) return Br;
-  Ra = 1;
-  var e = Yo(), r = Math.max;
-  function t(n, a, i) {
-    return a = r(a === void 0 ? n.length - 1 : a, 0), function() {
-      for (var o = arguments, u = -1, v = r(o.length - a, 0), h = Array(v); ++u < v; )
-        h[u] = o[a + u];
-      u = -1;
-      for (var m = Array(a + 1); ++u < a; )
-        m[u] = o[u];
-      return m[a] = i(h), e(n, this, m);
-    };
-  }
-  return Br = t, Br;
-}
-var jr, wa;
-function Jo() {
-  if (wa) return jr;
-  wa = 1;
-  function e(r) {
-    return function() {
-      return r;
-    };
-  }
-  return jr = e, jr;
-}
-var Hr, Ta;
-function Zo() {
-  if (Ta) return Hr;
-  Ta = 1;
-  var e = he, r = function() {
-    try {
-      var t = e(Object, "defineProperty");
-      return t({}, "", {}), t;
-    } catch {
-    }
-  }();
-  return Hr = r, Hr;
-}
-var $r, Aa;
-function Qo() {
-  if (Aa) return $r;
-  Aa = 1;
-  var e = Jo(), r = Zo(), t = Oe(), n = r ? function(a, i) {
-    return r(a, "toString", {
-      configurable: !0,
-      enumerable: !1,
-      value: e(i),
-      writable: !0
-    });
-  } : t;
-  return $r = n, $r;
-}
-var Gr, Oa;
-function Vo() {
-  if (Oa) return Gr;
-  Oa = 1;
-  var e = 800, r = 16, t = Date.now;
-  function n(a) {
-    var i = 0, o = 0;
-    return function() {
-      var u = t(), v = r - (u - o);
-      if (o = u, v > 0) {
-        if (++i >= e)
-          return arguments[0];
-      } else
-        i = 0;
-      return a.apply(void 0, arguments);
+    },
+    [i]
+  );
+  return V(() => () => {
+    clearTimeout(t.current);
+  }, []), [l, n];
+};
+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)
+        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);
+        }));
+      });
     };
-  }
-  return Gr = n, Gr;
-}
-var kr, xa;
-function eu() {
-  if (xa) return kr;
-  xa = 1;
-  var e = Qo(), r = Vo(), t = r(e);
-  return kr = t, kr;
-}
-var Ur, Ka;
-function ts() {
-  if (Ka) return Ur;
-  Ka = 1;
-  var e = Oe(), r = Xo(), t = eu();
-  function n(a, i) {
-    return t(r(a, i, e), a + "");
-  }
-  return Ur = n, Ur;
-}
-var zr, Sa;
-function vn() {
-  if (Sa) return zr;
-  Sa = 1;
-  var e = 9007199254740991;
-  function r(t) {
-    return typeof t == "number" && t > -1 && t % 1 == 0 && t <= e;
-  }
-  return zr = r, zr;
-}
-var Wr, Ea;
-function xe() {
-  if (Ea) return Wr;
-  Ea = 1;
-  var e = Ji(), r = vn();
-  function t(n) {
-    return n != null && r(n.length) && !e(n);
-  }
-  return Wr = t, Wr;
-}
-var Yr, Pa;
-function ru() {
-  if (Pa) return Yr;
-  Pa = 1;
-  var e = xe(), r = ve();
-  function t(n) {
-    return r(n) && e(n);
-  }
-  return Yr = t, Yr;
-}
-var Xr, Ma;
-function tu() {
-  if (Ma) return Xr;
-  Ma = 1;
-  var e = Uo(), r = rs(), t = ts(), n = ru(), a = t(function(i, o) {
-    return n(i) ? e(i, r(o, 1, n, !0)) : [];
-  });
-  return Xr = a, Xr;
-}
-var Jr, Ia;
-function ns() {
-  if (Ia) return Jr;
-  Ia = 1;
-  function e(r, t) {
-    for (var n = -1, a = r == null ? 0 : r.length, i = 0, o = []; ++n < a; ) {
-      var u = r[n];
-      t(u, n, r) && (o[i++] = u);
-    }
-    return o;
-  }
-  return Jr = e, Jr;
-}
-var Zr, Da;
-function nu() {
-  if (Da) return Zr;
-  Da = 1;
-  function e(r) {
-    return function(t, n, a) {
-      for (var i = -1, o = Object(t), u = a(t), v = u.length; v--; ) {
-        var h = u[r ? v : ++i];
-        if (n(o[h], h, o) === !1)
-          break;
+    let a = !1, h = "";
+    o = "animationstart";
+    const g = "Webkit Moz O ms".split(" ");
+    let f = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), v = "";
+    {
+      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;
+            break;
+          }
       }
-      return t;
-    };
-  }
-  return Zr = e, Zr;
-}
-var Qr, La;
-function au() {
-  if (La) return Qr;
-  La = 1;
-  var e = nu(), r = e();
-  return Qr = r, Qr;
-}
-var Vr, Na;
-function iu() {
-  if (Na) return Vr;
-  Na = 1;
-  function e(r, t) {
-    for (var n = -1, a = Array(r); ++n < r; )
-      a[n] = t(n);
-    return a;
-  }
-  return Vr = e, Vr;
-}
-var Pe = { exports: {} };
-function su() {
-  return !1;
-}
-var ou = su;
-Pe.exports;
-(function(e, r) {
-  var t = ie(), n = ou, a = r && !r.nodeType && r, i = a && !0 && e && !e.nodeType && e, o = i && i.exports === a, u = o ? t.Buffer : void 0, v = u ? u.isBuffer : void 0, h = v || n;
-  e.exports = h;
-})(Pe, Pe.exports);
-var as = Pe.exports, et, Ba;
-function pn() {
-  if (Ba) return et;
-  Ba = 1;
-  var e = 9007199254740991, r = /^(?:0|[1-9]\d*)$/;
-  function t(n, a) {
-    var i = typeof n;
-    return a = a ?? e, !!a && (i == "number" || i != "symbol" && r.test(n)) && n > -1 && n % 1 == 0 && n < a;
-  }
-  return et = t, et;
-}
-var rt, ja;
-function uu() {
-  if (ja) return rt;
-  ja = 1;
-  var e = Te(), r = vn(), t = ve(), n = "[object Arguments]", a = "[object Array]", i = "[object Boolean]", o = "[object Date]", u = "[object Error]", v = "[object Function]", h = "[object Map]", m = "[object Number]", _ = "[object Object]", I = "[object RegExp]", P = "[object Set]", N = "[object String]", K = "[object WeakMap]", b = "[object ArrayBuffer]", l = "[object DataView]", g = "[object Float32Array]", C = "[object Float64Array]", y = "[object Int8Array]", S = "[object Int16Array]", O = "[object Int32Array]", q = "[object Uint8Array]", L = "[object Uint8ClampedArray]", R = "[object Uint16Array]", x = "[object Uint32Array]", E = {};
-  E[g] = E[C] = E[y] = E[S] = E[O] = E[q] = E[L] = E[R] = E[x] = !0, E[n] = E[a] = E[b] = E[i] = E[l] = E[o] = E[u] = E[v] = E[h] = E[m] = E[_] = E[I] = E[P] = E[N] = E[K] = !1;
-  function $(T) {
-    return t(T) && r(T.length) && !!E[e(T)];
-  }
-  return rt = $, rt;
-}
-var Me = { exports: {} };
-Me.exports;
-(function(e, r) {
-  var t = Yi(), n = r && !r.nodeType && r, a = n && !0 && e && !e.nodeType && e, i = a && a.exports === n, o = i && t.process, u = function() {
-    try {
-      var v = a && a.require && a.require("util").types;
-      return v || o && o.binding && o.binding("util");
-    } catch {
     }
-  }();
-  e.exports = u;
-})(Me, Me.exports);
-var cu = Me.exports, tt, Ha;
-function is() {
-  if (Ha) return tt;
-  Ha = 1;
-  var e = uu(), r = dn(), t = cu, n = t && t.isTypedArray, a = n ? r(n) : e;
-  return tt = a, tt;
-}
-var nt, $a;
-function fu() {
-  if ($a) return nt;
-  $a = 1;
-  var e = iu(), r = hn(), t = re(), n = as, a = pn(), i = is(), o = Object.prototype, u = o.hasOwnProperty;
-  function v(h, m) {
-    var _ = t(h), I = !_ && r(h), P = !_ && !I && n(h), N = !_ && !I && !P && i(h), K = _ || I || P || N, b = K ? e(h.length, String) : [], l = b.length;
-    for (var g in h)
-      (m || u.call(h, g)) && !(K && // Safari 9 has enumerable `arguments.length` in strict mode.
-      (g == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-      P && (g == "offset" || g == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-      N && (g == "buffer" || g == "byteLength" || g == "byteOffset") || // Skip index properties.
-      a(g, l))) && b.push(g);
-    return b;
+    n = "resizeanim", t = "@" + h + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", l = h + "animation: 1ms " + n + "; ";
   }
-  return nt = v, nt;
-}
-var lu = Object.prototype;
-function du(e) {
-  var r = e && e.constructor, t = typeof r == "function" && r.prototype || lu;
-  return e === t;
-}
-var hu = du;
-function vu(e, r) {
-  return function(t) {
-    return e(r(t));
+  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);
+    }
   };
-}
-var pu = vu, at, Ga;
-function yu() {
-  if (Ga) return at;
-  Ga = 1;
-  var e = pu, r = e(Object.keys, Object);
-  return at = r, at;
-}
-var it, ka;
-function gu() {
-  if (ka) return it;
-  ka = 1;
-  var e = hu, r = yu(), t = Object.prototype, n = t.hasOwnProperty;
-  function a(i) {
-    if (!e(i))
-      return r(i);
-    var o = [];
-    for (var u in Object(i))
-      n.call(i, u) && u != "constructor" && o.push(u);
-    return o;
-  }
-  return it = a, it;
-}
-var st, Ua;
-function yn() {
-  if (Ua) return st;
-  Ua = 1;
-  var e = fu(), r = gu(), t = xe();
-  function n(a) {
-    return t(a) ? e(a) : r(a);
-  }
-  return st = n, st;
-}
-var ot, za;
-function gn() {
-  if (za) return ot;
-  za = 1;
-  var e = au(), r = yn();
-  function t(n, a) {
-    return n && e(n, a, r);
-  }
-  return ot = t, ot;
-}
-var ut, Wa;
-function bu() {
-  if (Wa) return ut;
-  Wa = 1;
-  var e = xe();
-  function r(t, n) {
-    return function(a, i) {
-      if (a == null)
-        return a;
-      if (!e(a))
-        return t(a, i);
-      for (var o = a.length, u = n ? o : -1, v = Object(a); (n ? u-- : ++u < o) && i(v[u], u, v) !== !1; )
-        ;
-      return a;
-    };
-  }
-  return ut = r, ut;
-}
-var ct, Ya;
-function bn() {
-  if (Ya) return ct;
-  Ya = 1;
-  var e = gn(), r = bu(), t = r(e);
-  return ct = t, ct;
-}
-var ft, Xa;
-function _u() {
-  if (Xa) return ft;
-  Xa = 1;
-  var e = bn();
-  function r(t, n) {
-    var a = [];
-    return e(t, function(i, o, u) {
-      n(i, o, u) && a.push(i);
-    }), a;
-  }
-  return ft = r, ft;
-}
-var mu = Le;
-function Cu() {
-  this.__data__ = new mu(), this.size = 0;
-}
-var Fu = Cu;
-function qu(e) {
-  var r = this.__data__, t = r.delete(e);
-  return this.size = r.size, t;
-}
-var Ru = qu;
-function wu(e) {
-  return this.__data__.get(e);
-}
-var Tu = wu;
-function Au(e) {
-  return this.__data__.has(e);
-}
-var Ou = Au, xu = Le, Ku = cn, Su = fn(), Eu = 200;
-function Pu(e, r) {
-  var t = this.__data__;
-  if (t instanceof xu) {
-    var n = t.__data__;
-    if (!Ku || n.length < Eu - 1)
-      return n.push([e, r]), this.size = ++t.size, this;
-    t = this.__data__ = new Su(n);
-  }
-  return t.set(e, r), this.size = t.size, this;
-}
-var Mu = Pu, Iu = Le, Du = Fu, Lu = Ru, Nu = Tu, Bu = Ou, ju = Mu;
-function ye(e) {
-  var r = this.__data__ = new Iu(e);
-  this.size = r.size;
-}
-ye.prototype.clear = Du;
-ye.prototype.delete = Lu;
-ye.prototype.get = Nu;
-ye.prototype.has = Bu;
-ye.prototype.set = ju;
-var ss = ye, lt, Ja;
-function Hu() {
-  if (Ja) return lt;
-  Ja = 1;
-  function e(r, t) {
-    for (var n = -1, a = r == null ? 0 : r.length; ++n < a; )
-      if (t(r[n], n, r))
-        return !0;
-    return !1;
-  }
-  return lt = e, lt;
-}
-var dt, Za;
-function os() {
-  if (Za) return dt;
-  Za = 1;
-  var e = Qi(), r = Hu(), t = Vi(), n = 1, a = 2;
-  function i(o, u, v, h, m, _) {
-    var I = v & n, P = o.length, N = u.length;
-    if (P != N && !(I && N > P))
-      return !1;
-    var K = _.get(o), b = _.get(u);
-    if (K && b)
-      return K == u && b == o;
-    var l = -1, g = !0, C = v & a ? new e() : void 0;
-    for (_.set(o, u), _.set(u, o); ++l < P; ) {
-      var y = o[l], S = u[l];
-      if (h)
-        var O = I ? h(S, y, l, u, o, _) : h(y, S, l, o, u, _);
-      if (O !== void 0) {
-        if (O)
-          continue;
-        g = !1;
-        break;
-      }
-      if (C) {
-        if (!r(u, function(q, L) {
-          if (!t(C, L) && (y === q || m(y, q, v, h, _)))
-            return C.push(L);
-        })) {
-          g = !1;
-          break;
+  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__));
         }
-      } else if (!(y === S || m(y, S, v, h, _))) {
-        g = !1;
-        break;
-      }
-    }
-    return _.delete(o), _.delete(u), g;
-  }
-  return dt = i, dt;
-}
-var $u = ie(), Gu = $u.Uint8Array, ku = Gu, ht, Qa;
-function Uu() {
-  if (Qa) return ht;
-  Qa = 1;
-  function e(r) {
-    var t = -1, n = Array(r.size);
-    return r.forEach(function(a, i) {
-      n[++t] = [i, a];
-    }), n;
-  }
-  return ht = e, ht;
-}
-function zu(e) {
-  var r = -1, t = Array(e.size);
-  return e.forEach(function(n) {
-    t[++r] = n;
-  }), t;
-}
-var Wu = zu, vt, Va;
-function Yu() {
-  if (Va) return vt;
-  Va = 1;
-  var e = we(), r = ku, t = un(), n = os(), a = Uu(), i = Wu, o = 1, u = 2, v = "[object Boolean]", h = "[object Date]", m = "[object Error]", _ = "[object Map]", I = "[object Number]", P = "[object RegExp]", N = "[object Set]", K = "[object String]", b = "[object Symbol]", l = "[object ArrayBuffer]", g = "[object DataView]", C = e ? e.prototype : void 0, y = C ? C.valueOf : void 0;
-  function S(O, q, L, R, x, E, $) {
-    switch (L) {
-      case g:
-        if (O.byteLength != q.byteLength || O.byteOffset != q.byteOffset)
-          return !1;
-        O = O.buffer, q = q.buffer;
-      case l:
-        return !(O.byteLength != q.byteLength || !E(new r(O), new r(q)));
-      case v:
-      case h:
-      case I:
-        return t(+O, +q);
-      case m:
-        return O.name == q.name && O.message == q.message;
-      case P:
-      case K:
-        return O == q + "";
-      case _:
-        var T = a;
-      case N:
-        var k = R & o;
-        if (T || (T = i), O.size != q.size && !k)
-          return !1;
-        var X = $.get(O);
-        if (X)
-          return X == q;
-        R |= u, $.set(O, q);
-        var te = n(T(O), T(q), R, x, E, $);
-        return $.delete(O), te;
-      case b:
-        if (y)
-          return y.call(O) == y.call(q);
-    }
-    return !1;
-  }
-  return vt = S, vt;
-}
-var Xu = es(), Ju = re();
-function Zu(e, r, t) {
-  var n = r(e);
-  return Ju(e) ? n : Xu(n, t(e));
-}
-var Qu = Zu;
-function Vu() {
-  return [];
-}
-var ec = Vu, rc = ns(), tc = ec, nc = Object.prototype, ac = nc.propertyIsEnumerable, ei = Object.getOwnPropertySymbols, ic = ei ? function(e) {
-  return e == null ? [] : (e = Object(e), rc(ei(e), function(r) {
-    return ac.call(e, r);
-  }));
-} : tc, sc = ic, oc = Qu, uc = sc, cc = yn();
-function fc(e) {
-  return oc(e, cc, uc);
-}
-var lc = fc, pt, ri;
-function dc() {
-  if (ri) return pt;
-  ri = 1;
-  var e = lc, r = 1, t = Object.prototype, n = t.hasOwnProperty;
-  function a(i, o, u, v, h, m) {
-    var _ = u & r, I = e(i), P = I.length, N = e(o), K = N.length;
-    if (P != K && !_)
-      return !1;
-    for (var b = P; b--; ) {
-      var l = I[b];
-      if (!(_ ? l in o : n.call(o, l)))
-        return !1;
-    }
-    var g = m.get(i), C = m.get(o);
-    if (g && C)
-      return g == o && C == i;
-    var y = !0;
-    m.set(i, o), m.set(o, i);
-    for (var S = _; ++b < P; ) {
-      l = I[b];
-      var O = i[l], q = o[l];
-      if (v)
-        var L = _ ? v(q, O, l, o, i, m) : v(O, q, l, i, o, m);
-      if (!(L === void 0 ? O === q || h(O, q, u, v, m) : L)) {
-        y = !1;
-        break;
-      }
-      S || (S = l == "constructor");
-    }
-    if (y && !S) {
-      var R = i.constructor, x = o.constructor;
-      R != x && "constructor" in i && "constructor" in o && !(typeof R == "function" && R instanceof R && typeof x == "function" && x instanceof x) && (y = !1);
-    }
-    return m.delete(i), m.delete(o), y;
-  }
-  return pt = a, pt;
-}
-var hc = he, vc = ie(), pc = hc(vc, "DataView"), yc = pc, gc = he, bc = ie(), _c = gc(bc, "Promise"), mc = _c, Cc = he, Fc = ie(), qc = Cc(Fc, "Set"), Rc = qc, wc = he, Tc = ie(), Ac = wc(Tc, "WeakMap"), Oc = Ac, tn = yc, nn = cn, an = mc, sn = Rc, on = Oc, us = Te(), ge = Zi, ti = "[object Map]", xc = "[object Object]", ni = "[object Promise]", ai = "[object Set]", ii = "[object WeakMap]", si = "[object DataView]", Kc = ge(tn), Sc = ge(nn), Ec = ge(an), Pc = ge(sn), Mc = ge(on), le = us;
-(tn && le(new tn(new ArrayBuffer(1))) != si || nn && le(new nn()) != ti || an && le(an.resolve()) != ni || sn && le(new sn()) != ai || on && le(new on()) != ii) && (le = function(e) {
-  var r = us(e), t = r == xc ? e.constructor : void 0, n = t ? ge(t) : "";
-  if (n)
-    switch (n) {
-      case Kc:
-        return si;
-      case Sc:
-        return ti;
-      case Ec:
-        return ni;
-      case Pc:
-        return ai;
-      case Mc:
-        return ii;
-    }
-  return r;
-});
-var Ic = le, yt, oi;
-function Dc() {
-  if (oi) return yt;
-  oi = 1;
-  var e = ss, r = os(), t = Yu(), n = dc(), a = Ic, i = re(), o = as, u = is(), v = 1, h = "[object Arguments]", m = "[object Array]", _ = "[object Object]", I = Object.prototype, P = I.hasOwnProperty;
-  function N(K, b, l, g, C, y) {
-    var S = i(K), O = i(b), q = S ? m : a(K), L = O ? m : a(b);
-    q = q == h ? _ : q, L = L == h ? _ : L;
-    var R = q == _, x = L == _, E = q == L;
-    if (E && o(K)) {
-      if (!o(b))
-        return !1;
-      S = !0, R = !1;
-    }
-    if (E && !R)
-      return y || (y = new e()), S || u(K) ? r(K, b, l, g, C, y) : t(K, b, q, l, g, C, y);
-    if (!(l & v)) {
-      var $ = R && P.call(K, "__wrapped__"), T = x && P.call(b, "__wrapped__");
-      if ($ || T) {
-        var k = $ ? K.value() : K, X = T ? b.value() : b;
-        return y || (y = new e()), C(k, X, l, g, y);
+        a.__resizeListeners__.push(h);
       }
-    }
-    return E ? (y || (y = new e()), n(K, b, l, g, C, y)) : !1;
-  }
-  return yt = N, yt;
-}
-var gt, ui;
-function cs() {
-  if (ui) return gt;
-  ui = 1;
-  var e = Dc(), r = ve();
-  function t(n, a, i, o, u) {
-    return n === a ? !0 : n == null || a == null || !r(n) && !r(a) ? n !== n && a !== a : e(n, a, i, o, t, u);
-  }
-  return gt = t, gt;
-}
-var bt, ci;
-function Lc() {
-  if (ci) return bt;
-  ci = 1;
-  var e = ss, r = cs(), t = 1, n = 2;
-  function a(i, o, u, v) {
-    var h = u.length, m = h, _ = !v;
-    if (i == null)
-      return !m;
-    for (i = Object(i); h--; ) {
-      var I = u[h];
-      if (_ && I[2] ? I[1] !== i[I[0]] : !(I[0] in i))
-        return !1;
-    }
-    for (; ++h < m; ) {
-      I = u[h];
-      var P = I[0], N = i[P], K = I[1];
-      if (_ && I[2]) {
-        if (N === void 0 && !(P in i))
-          return !1;
-      } else {
-        var b = new e();
-        if (v)
-          var l = v(N, K, P, i, o, b);
-        if (!(l === void 0 ? r(K, N, t | n, v, b) : l))
-          return !1;
+    },
+    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);
+        try {
+          a.__resizeTriggers__ = !a.removeChild(a.__resizeTriggers__);
+        } catch {
+        }
       }
     }
-    return !0;
-  }
-  return bt = a, bt;
-}
-var _t, fi;
-function fs() {
-  if (fi) return _t;
-  fi = 1;
-  var e = de();
-  function r(t) {
-    return t === t && !e(t);
-  }
-  return _t = r, _t;
-}
-var mt, li;
-function Nc() {
-  if (li) return mt;
-  li = 1;
-  var e = fs(), r = yn();
-  function t(n) {
-    for (var a = r(n), i = a.length; i--; ) {
-      var o = a[i], u = n[o];
-      a[i] = [o, u, e(u)];
-    }
-    return a;
-  }
-  return mt = t, mt;
-}
-var Ct, di;
-function ls() {
-  if (di) return Ct;
-  di = 1;
-  function e(r, t) {
-    return function(n) {
-      return n == null ? !1 : n[r] === t && (t !== void 0 || r in Object(n));
-    };
-  }
-  return Ct = e, Ct;
-}
-var Ft, hi;
-function Bc() {
-  if (hi) return Ft;
-  hi = 1;
-  var e = Lc(), r = Nc(), t = ls();
-  function n(a) {
-    var i = r(a);
-    return i.length == 1 && i[0][2] ? t(i[0][0], i[0][1]) : function(o) {
-      return o === a || e(o, a, i);
-    };
-  }
-  return Ft = n, Ft;
-}
-var qt, vi;
-function _n() {
-  if (vi) return qt;
-  vi = 1;
-  var e = re(), r = Ae(), t = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, n = /^\w*$/;
-  function a(i, o) {
-    if (e(i))
-      return !1;
-    var u = typeof i;
-    return u == "number" || u == "symbol" || u == "boolean" || i == null || r(i) ? !0 : n.test(i) || !t.test(i) || o != null && i in Object(o);
-  }
-  return qt = a, qt;
-}
-var ds = fn(), jc = "Expected a function";
-function mn(e, r) {
-  if (typeof e != "function" || r != null && typeof r != "function")
-    throw new TypeError(jc);
-  var t = function() {
-    var n = arguments, a = r ? r.apply(this, n) : n[0], i = t.cache;
-    if (i.has(a))
-      return i.get(a);
-    var o = e.apply(this, n);
-    return t.cache = i.set(a, o) || i, o;
   };
-  return t.cache = new (mn.Cache || ds)(), t;
-}
-mn.Cache = ds;
-var Hc = mn, $c = Hc, Gc = 500;
-function kc(e) {
-  var r = $c(e, function(n) {
-    return t.size === Gc && t.clear(), n;
-  }), t = r.cache;
-  return r;
-}
-var Uc = kc, zc = Uc, Wc = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, Yc = /\\(\\)?/g, Xc = zc(function(e) {
-  var r = [];
-  return e.charCodeAt(0) === 46 && r.push(""), e.replace(Wc, function(t, n, a, i) {
-    r.push(a ? i.replace(Yc, "$1") : n || t);
-  }), r;
-}), Jc = Xc, Rt, pi;
-function Zc() {
-  if (pi) return Rt;
-  pi = 1;
-  var e = we(), r = ln, t = re(), n = Ae(), a = 1 / 0, i = e ? e.prototype : void 0, o = i ? i.toString : void 0;
-  function u(v) {
-    if (typeof v == "string")
-      return v;
-    if (t(v))
-      return r(v, u) + "";
-    if (n(v))
-      return o ? o.call(v) : "";
-    var h = v + "";
-    return h == "0" && 1 / v == -a ? "-0" : h;
-  }
-  return Rt = u, Rt;
-}
-var wt, yi;
-function hs() {
-  if (yi) return wt;
-  yi = 1;
-  var e = Zc();
-  function r(t) {
-    return t == null ? "" : e(t);
-  }
-  return wt = r, wt;
-}
-var Qc = re(), Vc = _n(), ef = Jc, rf = hs();
-function tf(e, r) {
-  return Qc(e) ? e : Vc(e, r) ? [e] : ef(rf(e));
-}
-var vs = tf, Tt, gi;
-function Be() {
-  if (gi) return Tt;
-  gi = 1;
-  var e = Ae(), r = 1 / 0;
-  function t(n) {
-    if (typeof n == "string" || e(n))
-      return n;
-    var a = n + "";
-    return a == "0" && 1 / n == -r ? "-0" : a;
-  }
-  return Tt = t, Tt;
-}
-var At, bi;
-function Cn() {
-  if (bi) return At;
-  bi = 1;
-  var e = vs, r = Be();
-  function t(n, a) {
-    a = e(a, n);
-    for (var i = 0, o = a.length; n != null && i < o; )
-      n = n[r(a[i++])];
-    return i && i == o ? n : void 0;
-  }
-  return At = t, At;
 }
-var Ot, _i;
-function nf() {
-  if (_i) return Ot;
-  _i = 1;
-  var e = Cn();
-  function r(t, n, a) {
-    var i = t == null ? void 0 : e(t, n);
-    return i === void 0 ? a : i;
-  }
-  return Ot = r, Ot;
-}
-var xt, mi;
-function af() {
-  if (mi) return xt;
-  mi = 1;
-  function e(r, t) {
-    return r != null && t in Object(r);
-  }
-  return xt = e, xt;
-}
-var Kt, Ci;
-function sf() {
-  if (Ci) return Kt;
-  Ci = 1;
-  var e = vs, r = hn(), t = re(), n = pn(), a = vn(), i = Be();
-  function o(u, v, h) {
-    v = e(v, u);
-    for (var m = -1, _ = v.length, I = !1; ++m < _; ) {
-      var P = i(v[m]);
-      if (!(I = u != null && h(u, P)))
-        break;
-      u = u[P];
-    }
-    return I || ++m != _ ? I : (_ = u == null ? 0 : u.length, !!_ && a(_) && n(P, _) && (t(u) || r(u)));
-  }
-  return Kt = o, Kt;
-}
-var St, Fi;
-function of() {
-  if (Fi) return St;
-  Fi = 1;
-  var e = af(), r = sf();
-  function t(n, a) {
-    return n != null && r(n, a, e);
-  }
-  return St = t, St;
-}
-var Et, qi;
-function uf() {
-  if (qi) return Et;
-  qi = 1;
-  var e = cs(), r = nf(), t = of(), n = _n(), a = fs(), i = ls(), o = Be(), u = 1, v = 2;
-  function h(m, _) {
-    return n(m) && a(_) ? i(o(m), _) : function(I) {
-      var P = r(I, m);
-      return P === void 0 && P === _ ? t(I, m) : e(_, P, u | v);
-    };
-  }
-  return Et = h, Et;
-}
-var Pt, Ri;
-function cf() {
-  if (Ri) return Pt;
-  Ri = 1;
-  function e(r) {
-    return function(t) {
-      return t == null ? void 0 : t[r];
-    };
-  }
-  return Pt = e, Pt;
-}
-var Mt, wi;
-function ff() {
-  if (wi) return Mt;
-  wi = 1;
-  var e = Cn();
-  function r(t) {
-    return function(n) {
-      return e(n, t);
+class _0 extends y2 {
+  constructor(...t) {
+    super(...t), 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._timeoutId = null;
+      const {
+        disableHeight: n,
+        disableWidth: o,
+        onResize: l
+      } = 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
+        }));
+      }
+    }, this._setRef = (n) => {
+      this._autoSizer = n;
     };
   }
-  return Mt = r, Mt;
-}
-var It, Ti;
-function lf() {
-  if (Ti) return It;
-  Ti = 1;
-  var e = cf(), r = ff(), t = _n(), n = Be();
-  function a(i) {
-    return t(i) ? e(n(i)) : r(i);
-  }
-  return It = a, It;
-}
-var Dt, Ai;
-function Fn() {
-  if (Ai) return Dt;
-  Ai = 1;
-  var e = Bc(), r = uf(), t = Oe(), n = re(), a = lf();
-  function i(o) {
-    return typeof o == "function" ? o : o == null ? t : typeof o == "object" ? n(o) ? r(o[0], o[1]) : e(o) : a(o);
-  }
-  return Dt = i, Dt;
-}
-var Lt, Oi;
-function df() {
-  if (Oi) return Lt;
-  Oi = 1;
-  var e = ns(), r = _u(), t = Fn(), n = re();
-  function a(i, o) {
-    var u = n(i) ? e : r;
-    return u(i, t(o, 3));
-  }
-  return Lt = a, Lt;
-}
-var Nt, xi;
-function hf() {
-  if (xi) return Nt;
-  xi = 1;
-  function e(r, t, n) {
-    var a;
-    return n(r, function(i, o, u) {
-      if (t(i, o, u))
-        return a = o, !1;
-    }), a;
-  }
-  return Nt = e, Nt;
-}
-var Bt, Ki;
-function vf() {
-  if (Ki) return Bt;
-  Ki = 1;
-  var e = hf(), r = gn(), t = Fn();
-  function n(a, i) {
-    return e(a, t(i, 3), r);
-  }
-  return Bt = n, Bt;
-}
-var jt, Si;
-function pf() {
-  if (Si) return jt;
-  Si = 1;
-  function e(r) {
-    return r && r.length ? r[0] : void 0;
-  }
-  return jt = e, jt;
-}
-var Ht, Ei;
-function yf() {
-  return Ei || (Ei = 1, Ht = pf()), Ht;
-}
-var $t, Pi;
-function gf() {
-  if (Pi) return $t;
-  Pi = 1;
-  function e(r, t) {
-    for (var n = -1, a = r == null ? 0 : r.length; ++n < a && t(r[n], n, r) !== !1; )
-      ;
-    return r;
-  }
-  return $t = e, $t;
-}
-var Gt, Mi;
-function ps() {
-  if (Mi) return Gt;
-  Mi = 1;
-  var e = Oe();
-  function r(t) {
-    return typeof t == "function" ? t : e;
-  }
-  return Gt = r, Gt;
-}
-var kt, Ii;
-function bf() {
-  if (Ii) return kt;
-  Ii = 1;
-  var e = gf(), r = bn(), t = ps(), n = re();
-  function a(i, o) {
-    var u = n(i) ? e : r;
-    return u(i, t(o));
-  }
-  return kt = a, kt;
-}
-var Ut, Di;
-function _f() {
-  if (Di) return Ut;
-  Di = 1;
-  var e = gn(), r = ps();
-  function t(n, a) {
-    return n && e(n, r(a));
-  }
-  return Ut = t, Ut;
-}
-var zt, Li;
-function mf() {
-  if (Li) return zt;
-  Li = 1;
-  function e() {
-  }
-  return zt = e, zt;
-}
-var Wt, Ni;
-function Cf() {
-  if (Ni) return Wt;
-  Ni = 1;
-  var e = bn(), r = xe();
-  function t(n, a) {
-    var i = -1, o = r(n) ? Array(n.length) : [];
-    return e(n, function(u, v, h) {
-      o[++i] = a(u, v, h);
-    }), o;
-  }
-  return Wt = t, Wt;
-}
-var Yt, Bi;
-function Ff() {
-  if (Bi) return Yt;
-  Bi = 1;
-  function e(r, t) {
-    var n = r.length;
-    for (r.sort(t); n--; )
-      r[n] = r[n].value;
-    return r;
-  }
-  return Yt = e, Yt;
-}
-var Xt, ji;
-function qf() {
-  if (ji) return Xt;
-  ji = 1;
-  var e = Ae();
-  function r(t, n) {
-    if (t !== n) {
-      var a = t !== void 0, i = t === null, o = t === t, u = e(t), v = n !== void 0, h = n === null, m = n === n, _ = e(n);
-      if (!h && !_ && !u && t > n || u && v && m && !h && !_ || i && v && m || !a && m || !o)
-        return 1;
-      if (!i && !u && !_ && t < n || _ && a && o && !i && !u || h && a && o || !v && o || !m)
-        return -1;
+  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();
     }
-    return 0;
   }
-  return Xt = r, Xt;
-}
-var Jt, Hi;
-function Rf() {
-  if (Hi) return Jt;
-  Hi = 1;
-  var e = qf();
-  function r(t, n, a) {
-    for (var i = -1, o = t.criteria, u = n.criteria, v = o.length, h = a.length; ++i < v; ) {
-      var m = e(o[i], u[i]);
-      if (m) {
-        if (i >= h)
-          return m;
-        var _ = a[i];
-        return m * (_ == "desc" ? -1 : 1);
-      }
+  componentWillUnmount() {
+    this._parentNode && (this._detectElementResize && this._detectElementResize.removeResizeListener(this._parentNode, this._onResize), this._timeoutId !== null && clearTimeout(this._timeoutId), 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 = {
+      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(_, {
+      ref: this._setRef,
+      style: {
+        ...v,
+        ...I
+      },
+      ...L
+    }, !m && t(u));
+  }
+}
+const w0 = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "c1itm4k7",
+  propsAsIs: !1
+}), $0 = /* @__PURE__ */ s("div")({
+  name: "IconContainer",
+  class: "i1w4fsni",
+  propsAsIs: !1
+}), b0 = () => H, y0 = /* @__PURE__ */ s(b0())({
+  name: "InviteGameIcon",
+  class: "i19m85r1",
+  propsAsIs: !0
+}), T0 = /* @__PURE__ */ s("div")({
+  name: "Content",
+  class: "c1mbu204",
+  propsAsIs: !1
+}), H0 = /* @__PURE__ */ s("div")({
+  name: "Heading",
+  class: "h1amdqtv",
+  propsAsIs: !1
+}), V0 = /* @__PURE__ */ s("div")({
+  name: "Subtext",
+  class: "s1lhlj9j",
+  propsAsIs: !1
+}), k0 = /* @__PURE__ */ s("div")({
+  name: "LinkContainer",
+  class: "l1wot35e",
+  propsAsIs: !1
+}), z0 = /* @__PURE__ */ s("div")({
+  name: "LinkInfo",
+  class: "l1jdw39q",
+  propsAsIs: !1
+}), x0 = /* @__PURE__ */ s("span")({
+  name: "LinkTitle",
+  class: "l1cr5mk",
+  propsAsIs: !1
+}), R0 = /* @__PURE__ */ s("span")({
+  name: "LinkAddress",
+  class: "lvi87q4",
+  propsAsIs: !1
+}), F0 = () => H, S0 = /* @__PURE__ */ s(F0())({
+  name: "LinkIcon",
+  class: "l1pqlvw3",
+  propsAsIs: !0
+}), M0 = ({
+  inviteLink: i,
+  inviteCardTitle: t,
+  inviteCardSubtext: n,
+  primaryColor: o,
+  className: l
+}) => {
+  const c = Z(null), [p, d] = A0(c), [C] = W2({
+    type: "invitation",
+    action: "sent",
+    payload: {
+      from: B2.MENU
     }
-    return t.index - n.index;
-  }
-  return Jt = r, Jt;
-}
-var Zt, $i;
-function wf() {
-  if ($i) return Zt;
-  $i = 1;
-  var e = ln, r = Cn(), t = Fn(), n = Cf(), a = Ff(), i = dn(), o = Rf(), u = Oe(), v = re();
-  function h(m, _, I) {
-    _.length ? _ = e(_, function(K) {
-      return v(K) ? function(b) {
-        return r(b, K.length === 1 ? K[0] : K);
-      } : K;
-    }) : _ = [u];
-    var P = -1;
-    _ = e(_, i(t));
-    var N = n(m, function(K, b, l) {
-      var g = e(_, function(C) {
-        return C(K);
-      });
-      return { criteria: g, index: ++P, value: K };
-    });
-    return a(N, function(K, b) {
-      return o(K, b, I);
-    });
-  }
-  return Zt = h, Zt;
-}
-var Qt, Gi;
-function Tf() {
-  if (Gi) return Qt;
-  Gi = 1;
-  var e = un(), r = xe(), t = pn(), n = de();
-  function a(i, o, u) {
-    if (!n(u))
-      return !1;
-    var v = typeof o;
-    return (v == "number" ? r(u) && t(o, u.length) : v == "string" && o in u) ? e(u[o], i) : !1;
-  }
-  return Qt = a, Qt;
-}
-var Vt, ki;
-function Af() {
-  if (ki) return Vt;
-  ki = 1;
-  var e = rs(), r = wf(), t = ts(), n = Tf(), a = t(function(i, o) {
-    if (i == null)
-      return [];
-    var u = o.length;
-    return u > 1 && n(i, o[0], o[1]) ? o = [] : u > 2 && n(o[0], o[1], o[2]) && (o = [o[0]]), r(i, e(o, 1), []);
   });
-  return Vt = a, Vt;
-}
-var en, Ui;
-function Of() {
-  if (Ui) return en;
-  Ui = 1;
-  var e = Xi(), r = de(), t = "Expected a function";
-  function n(a, i, o) {
-    var u = !0, v = !0;
-    if (typeof a != "function")
-      throw new TypeError(t);
-    return r(o) && (u = "leading" in o ? !!o.leading : u, v = "trailing" in o ? !!o.trailing : v), e(a, i, {
-      leading: u,
-      maxWait: i,
-      trailing: v
-    });
-  }
-  return en = n, en;
-}
-var rn, zi;
-function xf() {
-  if (zi) return rn;
-  zi = 1;
-  var e = hs(), r = 0;
-  function t(n) {
-    var a = ++r;
-    return e(n) + a;
-  }
-  return rn = t, rn;
-}
-(function(e, r) {
-  (function(t, n) {
-    e.exports = n(Xi(), tu(), df(), vf(), yf(), bf(), _f(), mf(), Af(), Of(), xf(), bs);
-  })(Re, function(t, n, a, i, o, u, v, h, m, _, I, P) {
-    return function() {
-      var N = { 654: function(b, l, g) {
-        var C, y = this && this.__assign || function() {
-          return y = Object.assign || function(p) {
-            for (var s, c = 1, f = arguments.length; c < f; c++) for (var d in s = arguments[c]) Object.prototype.hasOwnProperty.call(s, d) && (p[d] = s[d]);
-            return p;
-          }, y.apply(this, arguments);
-        }, S = this && this.__createBinding || (Object.create ? function(p, s, c, f) {
-          f === void 0 && (f = c);
-          var d = Object.getOwnPropertyDescriptor(s, c);
-          d && !("get" in d ? !s.__esModule : d.writable || d.configurable) || (d = { enumerable: !0, get: function() {
-            return s[c];
-          } }), Object.defineProperty(p, f, d);
-        } : function(p, s, c, f) {
-          f === void 0 && (f = c), p[f] = s[c];
-        }), O = this && this.__setModuleDefault || (Object.create ? function(p, s) {
-          Object.defineProperty(p, "default", { enumerable: !0, value: s });
-        } : function(p, s) {
-          p.default = s;
-        }), q = this && this.__importStar || function(p) {
-          if (p && p.__esModule) return p;
-          var s = {};
-          if (p != null) for (var c in p) c !== "default" && Object.prototype.hasOwnProperty.call(p, c) && S(s, p, c);
-          return O(s, p), s;
-        }, L = this && this.__spreadArray || function(p, s, c) {
-          if (c || arguments.length === 2) for (var f, d = 0, F = s.length; d < F; d++) !f && d in s || (f || (f = Array.prototype.slice.call(s, 0, d)), f[d] = s[d]);
-          return p.concat(f || Array.prototype.slice.call(s));
-        }, R = this && this.__importDefault || function(p) {
-          return p && p.__esModule ? p : { default: p };
-        };
-        Object.defineProperty(l, "__esModule", { value: !0 }), l.updateRtl = l.doesFocusableExist = l.getCurrentFocusKey = l.updateAllLayouts = l.resume = l.pause = l.navigateByDirection = l.setFocus = l.setKeyMap = l.destroy = l.setThrottle = l.init = l.SpatialNavigation = l.ROOT_FOCUS_KEY = void 0;
-        var x = R(g(150)), E = R(g(117)), $ = R(g(747)), T = R(g(23)), k = R(g(842)), X = R(g(682)), te = R(g(784)), be = R(g(432)), je = R(g(67)), Ke = R(g(35)), Q = R(g(119)), _e = q(g(964)), oe = "left", ue = "right", ce = "up", ne = "down", me = "enter", Ce = ((C = {}).left = [37, "ArrowLeft"], C.up = [38, "ArrowUp"], C.right = [39, "ArrowRight"], C.down = [40, "ArrowDown"], C.enter = [13, "Enter"], C);
-        l.ROOT_FOCUS_KEY = "SN:ROOT";
-        var Fe = ["#0FF", "#FF0", "#F0F"], Se = { leading: !0, trailing: !1 }, Ee = function() {
-          function p() {
-            this.focusableComponents = {}, this.focusKey = null, this.parentsHavingFocusedChild = [], this.domNodeFocusOptions = {}, this.enabled = !1, this.nativeMode = !1, this.throttle = 0, this.throttleKeypresses = !1, this.useGetBoundingClientRect = !1, this.shouldFocusDOMNode = !1, this.shouldUseNativeEvents = !1, this.writingDirection = Q.default.LTR, this.pressedKeys = {}, this.paused = !1, this.keyDownEventListener = null, this.keyUpEventListener = null, this.keyMap = Ce, this.pause = this.pause.bind(this), this.resume = this.resume.bind(this), this.setFocus = this.setFocus.bind(this), this.updateAllLayouts = this.updateAllLayouts.bind(this), this.navigateByDirection = this.navigateByDirection.bind(this), this.init = this.init.bind(this), this.setThrottle = this.setThrottle.bind(this), this.destroy = this.destroy.bind(this), this.setKeyMap = this.setKeyMap.bind(this), this.getCurrentFocusKey = this.getCurrentFocusKey.bind(this), this.doesFocusableExist = this.doesFocusableExist.bind(this), this.updateRtl = this.updateRtl.bind(this), this.setFocusDebounced = (0, x.default)(this.setFocus, 300, { leading: !1, trailing: !0 }), this.debug = !1, this.visualDebugger = null, this.logIndex = 0, this.distanceCalculationMethod = "corners";
-          }
-          return p.getCutoffCoordinate = function(s, c, f, d, F) {
-            var w = s ? d.top : F === Q.default.LTR ? d.left : d.right, A = s ? d.bottom : F === Q.default.LTR ? d.right : d.left;
-            return c ? f ? w : A : f ? A : w;
-          }, p.getRefCorners = function(s, c, f) {
-            var d = { a: { x: 0, y: 0 }, b: { x: 0, y: 0 } };
-            switch (s) {
-              case ce:
-                var F = c ? f.bottom : f.top;
-                d.a = { x: f.left, y: F }, d.b = { x: f.right, y: F };
-                break;
-              case ne:
-                F = c ? f.top : f.bottom, d.a = { x: f.left, y: F }, d.b = { x: f.right, y: F };
-                break;
-              case oe:
-                var w = c ? f.right : f.left;
-                d.a = { x: w, y: f.top }, d.b = { x: w, y: f.bottom };
-                break;
-              case ue:
-                w = c ? f.left : f.right, d.a = { x: w, y: f.top }, d.b = { x: w, y: f.bottom };
-            }
-            return d;
-          }, p.isAdjacentSlice = function(s, c, f) {
-            var d = s.a, F = s.b, w = c.a, A = c.b, M = f ? "x" : "y", G = d[M], H = F[M], j = w[M], B = A[M], D = 0.2 * (H - G);
-            return Math.max(0, Math.min(H, B) - Math.max(G, j)) >= D;
-          }, p.getPrimaryAxisDistance = function(s, c, f) {
-            var d = s.a, F = c.a, w = f ? "y" : "x";
-            return Math.abs(F[w] - d[w]);
-          }, p.getSecondaryAxisDistance = function(s, c, f, d, F) {
-            if (F) return F(s, c, f, d);
-            var w = s.a, A = s.b, M = c.a, G = c.b, H = f ? "x" : "y", j = w[H], B = A[H], D = M[H], Y = G[H];
-            if (d === "center") {
-              var z = (j + B) / 2, J = (D + Y) / 2;
-              return Math.abs(z - J);
-            }
-            if (d === "edges") {
-              var se = Math.min(j, B), U = Math.min(D, Y), V = Math.max(j, B), fe = Math.max(D, Y), ae = Math.abs(se - U), ee = Math.abs(V - fe);
-              return Math.min(ae, ee);
-            }
-            var qe = [Math.abs(D - j), Math.abs(D - B), Math.abs(Y - j), Math.abs(Y - B)];
-            return Math.min.apply(Math, qe);
-          }, p.prototype.sortSiblingsByPriority = function(s, c, f, d) {
-            var F = this, w = f === ne || f === ce, A = p.getRefCorners(f, !1, c);
-            return (0, be.default)(s, function(M) {
-              var G = p.getRefCorners(f, !0, M.layout), H = p.isAdjacentSlice(A, G, w), j = H ? p.getPrimaryAxisDistance : p.getSecondaryAxisDistance, B = H ? p.getSecondaryAxisDistance : p.getPrimaryAxisDistance, D = j(A, G, w, F.distanceCalculationMethod, F.customDistanceCalculationFunction), Y = B(A, G, w, F.distanceCalculationMethod, F.customDistanceCalculationFunction), z = 5 * D + Y, J = (z + 1) / (H ? 5 : 1);
-              return F.log("smartNavigate", "distance (primary, secondary, total weighted) for ".concat(M.focusKey, " relative to ").concat(d, " is"), D, Y, z), F.log("smartNavigate", "priority for ".concat(M.focusKey, " relative to ").concat(d, " is"), J), F.visualDebugger && (F.visualDebugger.drawPoint(G.a.x, G.a.y, "yellow", 6), F.visualDebugger.drawPoint(G.b.x, G.b.y, "yellow", 6)), J;
-            });
-          }, p.prototype.init = function(s) {
-            var c = this, f = s === void 0 ? {} : s, d = f.debug, F = d !== void 0 && d, w = f.visualDebug, A = w !== void 0 && w, M = f.nativeMode, G = M !== void 0 && M, H = f.throttle, j = H === void 0 ? 0 : H, B = f.throttleKeypresses, D = B !== void 0 && B, Y = f.useGetBoundingClientRect, z = Y !== void 0 && Y, J = f.shouldFocusDOMNode, se = J !== void 0 && J, U = f.domNodeFocusOptions, V = U === void 0 ? {} : U, fe = f.shouldUseNativeEvents, ae = fe !== void 0 && fe, ee = f.rtl, qe = ee !== void 0 && ee, W = f.distanceCalculationMethod, Z = W === void 0 ? "corners" : W, qn = f.customDistanceCalculationFunction, ys = qn === void 0 ? void 0 : qn;
-            if (!this.enabled && (this.domNodeFocusOptions = V, this.enabled = !0, this.nativeMode = G, this.throttleKeypresses = D, this.useGetBoundingClientRect = z, this.shouldFocusDOMNode = se && !G, this.shouldUseNativeEvents = ae, this.writingDirection = qe ? Q.default.RTL : Q.default.LTR, this.distanceCalculationMethod = Z, this.customDistanceCalculationFunction = ys, this.debug = F, !this.nativeMode && (Number.isInteger(j) && j > 0 && (this.throttle = j), this.bindEventHandlers(), A))) {
-              this.visualDebugger = new Ke.default(this.writingDirection);
-              var Rn = function() {
-                requestAnimationFrame(function() {
-                  c.visualDebugger.clearLayouts(), (0, te.default)(c.focusableComponents, function(wn, gs) {
-                    c.visualDebugger.drawLayout(wn.layout, gs, wn.parentFocusKey);
-                  }), Rn();
-                });
-              };
-              Rn();
-            }
-          }, p.prototype.setThrottle = function(s) {
-            var c = s === void 0 ? {} : s, f = c.throttle, d = f === void 0 ? 0 : f, F = c.throttleKeypresses, w = F !== void 0 && F;
-            this.throttleKeypresses = w, this.nativeMode || (this.unbindEventHandlers(), Number.isInteger(d) && (this.throttle = d), this.bindEventHandlers());
-          }, p.prototype.destroy = function() {
-            this.enabled && (this.enabled = !1, this.nativeMode = !1, this.throttle = 0, this.throttleKeypresses = !1, this.focusKey = null, this.parentsHavingFocusedChild = [], this.focusableComponents = {}, this.paused = !1, this.keyMap = Ce, this.unbindEventHandlers());
-          }, p.prototype.getEventType = function(s) {
-            return (0, T.default)(this.getKeyMap(), function(c) {
-              return c.includes(s);
-            });
-          }, p.getKeyCode = function(s) {
-            return s.keyCode || s.code || s.key;
-          }, p.prototype.bindEventHandlers = function() {
-            var s = this;
-            typeof window < "u" && window.addEventListener && (this.keyDownEventListener = function(c) {
-              if (s.paused !== !0) {
-                s.debug && (s.logIndex += 1);
-                var f = p.getKeyCode(c), d = s.getEventType(f);
-                if (d) {
-                  s.pressedKeys[d] = s.pressedKeys[d] ? s.pressedKeys[d] + 1 : 1, s.shouldUseNativeEvents || (c.preventDefault(), c.stopPropagation());
-                  var F = { pressedKeys: s.pressedKeys };
-                  if (d === me && s.focusKey) s.onEnterPress(F);
-                  else {
-                    var w = s.onArrowPress(d, F) === !1;
-                    if (s.visualDebugger && s.visualDebugger.clear(), w) s.log("keyDownEventListener", "default navigation prevented");
-                    else {
-                      var A = (0, T.default)(s.getKeyMap(), function(M) {
-                        return M.includes(f);
-                      });
-                      s.smartNavigate(A, null, { event: c });
-                    }
-                  }
-                }
-              }
-            }, this.throttle && (this.keyDownEventListenerThrottled = (0, je.default)(this.keyDownEventListener.bind(this), this.throttle, Se)), this.keyUpEventListener = function(c) {
-              var f = p.getKeyCode(c), d = s.getEventType(f);
-              delete s.pressedKeys[d], s.throttle && !s.throttleKeypresses && s.keyDownEventListenerThrottled.cancel(), d === me && s.focusKey && s.onEnterRelease(), !s.focusKey || d !== oe && d !== ue && d !== ce && d !== ne || s.onArrowRelease(d);
-            }, window.addEventListener("keyup", this.keyUpEventListener), window.addEventListener("keydown", this.throttle ? this.keyDownEventListenerThrottled : this.keyDownEventListener));
-          }, p.prototype.unbindEventHandlers = function() {
-            if (typeof window < "u" && window.removeEventListener) {
-              window.removeEventListener("keyup", this.keyUpEventListener), this.keyUpEventListener = null;
-              var s = this.throttle ? this.keyDownEventListenerThrottled : this.keyDownEventListener;
-              window.removeEventListener("keydown", s), this.keyDownEventListener = null;
-            }
-          }, p.prototype.onEnterPress = function(s) {
-            var c = this.focusableComponents[this.focusKey];
-            c ? c.focusable ? c.onEnterPress && c.onEnterPress(s) : this.log("onEnterPress", "componentNotFocusable") : this.log("onEnterPress", "noComponent");
-          }, p.prototype.onEnterRelease = function() {
-            var s = this.focusableComponents[this.focusKey];
-            s ? s.focusable ? s.onEnterRelease && s.onEnterRelease() : this.log("onEnterRelease", "componentNotFocusable") : this.log("onEnterRelease", "noComponent");
-          }, p.prototype.onArrowPress = function(s, c) {
-            var f = this.focusableComponents[this.focusKey];
-            if (f) return f && f.onArrowPress && f.onArrowPress(s, c);
-            this.log("onArrowPress", "noComponent");
-          }, p.prototype.onArrowRelease = function(s) {
-            var c = this.focusableComponents[this.focusKey];
-            c ? c.focusable ? c.onArrowRelease && c.onArrowRelease(s) : this.log("onArrowRelease", "componentNotFocusable") : this.log("onArrowRelease", "noComponent");
-          }, p.prototype.navigateByDirection = function(s, c) {
-            if (this.paused !== !0 && this.enabled && !this.nativeMode) {
-              var f = [ne, ce, oe, ue];
-              f.includes(s) ? (this.log("navigateByDirection", "direction", s), this.smartNavigate(s, null, c)) : this.log("navigateByDirection", "Invalid direction. You passed: `".concat(s, "`, but you can use only these: "), f);
-            }
-          }, p.prototype.smartNavigate = function(s, c, f) {
-            var d = this;
-            if (!this.nativeMode) {
-              var F = s === ne || s === ce, w = s === ne || (this.writingDirection === Q.default.LTR ? s === ue : s === oe);
-              this.log("smartNavigate", "direction", s), this.log("smartNavigate", "fromParentFocusKey", c), this.log("smartNavigate", "this.focusKey", this.focusKey), c || (0, te.default)(this.focusableComponents, function(U) {
-                U.layoutUpdated = !1;
-              });
-              var A = this.focusableComponents[c || this.focusKey];
-              if (c || A) {
-                if (this.log("smartNavigate", "currentComponent", A ? A.focusKey : void 0, A ? A.node : void 0, A), A) {
-                  this.updateLayout(A.focusKey);
-                  var M = A.parentFocusKey, G = A.focusKey, H = A.layout, j = p.getCutoffCoordinate(F, w, !1, H, this.writingDirection), B = (0, $.default)(this.focusableComponents, function(U) {
-                    if (U.parentFocusKey === M && U.focusable) {
-                      d.updateLayout(U.focusKey);
-                      var V = p.getCutoffCoordinate(F, w, !0, U.layout, d.writingDirection);
-                      return F || d.writingDirection === Q.default.LTR ? w ? V >= j : V <= j : w ? V <= j : V >= j;
-                    }
-                    return !1;
-                  });
-                  if (this.debug && (this.log("smartNavigate", "currentCutoffCoordinate", j), this.log("smartNavigate", "siblings", "".concat(B.length, " elements:"), B.map(function(U) {
-                    return U.focusKey;
-                  }).join(", "), B.map(function(U) {
-                    return U.node;
-                  }), B.map(function(U) {
-                    return U;
-                  }))), this.visualDebugger) {
-                    var D = p.getRefCorners(s, !1, H);
-                    this.visualDebugger.drawPoint(D.a.x, D.a.y), this.visualDebugger.drawPoint(D.b.x, D.b.y);
-                  }
-                  var Y = this.sortSiblingsByPriority(B, H, s, G), z = (0, k.default)(Y);
-                  if (this.log("smartNavigate", "nextComponent", z ? z.focusKey : void 0, z ? z.node : void 0, z), z) this.setFocus(z.focusKey, f);
-                  else {
-                    var J = this.focusableComponents[M], se = J != null && J.isFocusBoundary ? J.focusBoundaryDirections || [s] : [];
-                    J && se.includes(s) || this.smartNavigate(s, M, f);
-                  }
-                }
-              } else this.setFocus(this.getForcedFocusKey());
-            }
-          }, p.prototype.saveLastFocusedChildKey = function(s, c) {
-            s && (this.log("saveLastFocusedChildKey", "".concat(s.focusKey, " lastFocusedChildKey set"), c), s.lastFocusedChildKey = c);
-          }, p.prototype.log = function(s, c) {
-            for (var f = [], d = 2; d < arguments.length; d++) f[d - 2] = arguments[d];
-            this.debug && console.log.apply(console, L(["%c".concat(s, "%c").concat(c), "background: ".concat(Fe[this.logIndex % Fe.length], "; color: black; padding: 1px 5px;"), "background: #333; color: #BADA55; padding: 1px 5px;"], f, !1));
-          }, p.prototype.getCurrentFocusKey = function() {
-            return this.focusKey;
-          }, p.prototype.getForcedFocusKey = function() {
-            var s, c = (0, $.default)(this.focusableComponents, function(d) {
-              return d.focusable && d.forceFocus;
-            }), f = this.sortSiblingsByPriority(c, { x: 0, y: 0, width: 0, height: 0, left: 0, top: 0, right: 0, bottom: 0, node: null }, "down", l.ROOT_FOCUS_KEY);
-            return (s = (0, k.default)(f)) === null || s === void 0 ? void 0 : s.focusKey;
-          }, p.prototype.getNextFocusKey = function(s) {
-            var c = this, f = this.focusableComponents[s];
-            if (!f || this.nativeMode) return s;
-            var d = (0, $.default)(this.focusableComponents, function(M) {
-              return M.parentFocusKey === s && M.focusable;
-            });
-            if (d.length > 0) {
-              var F = f.lastFocusedChildKey, w = f.preferredChildFocusKey;
-              if (this.log("getNextFocusKey", "lastFocusedChildKey is", F), this.log("getNextFocusKey", "preferredChildFocusKey is", w), F && f.saveLastFocusedChild && this.isParticipatingFocusableComponent(F)) return this.log("getNextFocusKey", "lastFocusedChildKey will be focused", F), this.getNextFocusKey(F);
-              if (w && this.isParticipatingFocusableComponent(w)) return this.log("getNextFocusKey", "preferredChildFocusKey will be focused", w), this.getNextFocusKey(w);
-              d.forEach(function(M) {
-                return c.updateLayout(M.focusKey);
-              });
-              var A = function(M, G) {
-                var H = G === Q.default.LTR ? function(B) {
-                  var D = B.layout;
-                  return Math.abs(D.left) + Math.abs(D.top);
-                } : function(B) {
-                  var D = B.layout;
-                  return Math.abs(window.innerWidth - D.right) + Math.abs(D.top);
-                }, j = (0, be.default)(M, H);
-                return (0, k.default)(j);
-              }(d, this.writingDirection).focusKey;
-              return this.log("getNextFocusKey", "childKey will be focused", A), this.getNextFocusKey(A);
-            }
-            return this.log("getNextFocusKey", "targetFocusKey", s), s;
-          }, p.prototype.addFocusable = function(s) {
-            var c = s.focusKey, f = s.node, d = s.parentFocusKey, F = s.onEnterPress, w = s.onEnterRelease, A = s.onArrowPress, M = s.onArrowRelease, G = s.onFocus, H = s.onBlur, j = s.saveLastFocusedChild, B = s.trackChildren, D = s.onUpdateFocus, Y = s.onUpdateHasFocusedChild, z = s.preferredChildFocusKey, J = s.autoRestoreFocus, se = s.forceFocus, U = s.focusable, V = s.isFocusBoundary, fe = s.focusBoundaryDirections;
-            if (this.focusableComponents[c] = { focusKey: c, node: f, parentFocusKey: d, onEnterPress: F, onEnterRelease: w, onArrowPress: A, onArrowRelease: M, onFocus: G, onBlur: H, onUpdateFocus: D, onUpdateHasFocusedChild: Y, saveLastFocusedChild: j, trackChildren: B, preferredChildFocusKey: z, focusable: U, isFocusBoundary: V, focusBoundaryDirections: fe, autoRestoreFocus: J, forceFocus: se, lastFocusedChildKey: null, layout: { x: 0, y: 0, width: 0, height: 0, left: 0, top: 0, right: 0, bottom: 0, node: f }, layoutUpdated: !1 }, f || console.warn('Component added without a node reference. This will result in its coordinates being empty and may cause lost focus. Check the "ref" passed to "useFocusable": ', this.focusableComponents[c]), !this.nativeMode) {
-              this.updateLayout(c), this.log("addFocusable", "Component added: ", this.focusableComponents[c]), c === this.focusKey && this.setFocus(z || c);
-              for (var ae = this.focusableComponents[this.focusKey]; ae; ) {
-                if (ae.parentFocusKey === c) {
-                  this.updateParentsHasFocusedChild(this.focusKey, {}), this.updateParentsLastFocusedChild(this.focusKey);
-                  break;
-                }
-                ae = this.focusableComponents[ae.parentFocusKey];
-              }
-            }
-          }, p.prototype.removeFocusable = function(s) {
-            var c = s.focusKey, f = this.focusableComponents[c];
-            if (f) {
-              var d = f.parentFocusKey;
-              (0, f.onUpdateFocus)(!1), this.log("removeFocusable", "Component removed: ", f), delete this.focusableComponents[c];
-              var F = this.parentsHavingFocusedChild.includes(c);
-              this.parentsHavingFocusedChild = this.parentsHavingFocusedChild.filter(function(M) {
-                return M !== c;
-              });
-              var w = this.focusableComponents[d], A = c === this.focusKey;
-              if (w && w.lastFocusedChildKey === c && (w.lastFocusedChildKey = null), this.nativeMode) return;
-              (A || F) && w && w.autoRestoreFocus && (this.log("removeFocusable", "Component removed: ", A ? "Leaf component" : "Container component", "Auto restoring focus to: ", d), this.setFocusDebounced(d));
-            }
-          }, p.prototype.getNodeLayoutByFocusKey = function(s) {
-            var c = this.focusableComponents[s];
-            return c ? (this.updateLayout(c.focusKey), c.layout) : null;
-          }, p.prototype.setCurrentFocusedKey = function(s, c) {
-            var f, d, F, w;
-            if (this.isFocusableComponent(this.focusKey) && s !== this.focusKey) {
-              var A = this.focusableComponents[this.focusKey];
-              A.onUpdateFocus(!1), A.onBlur(this.getNodeLayoutByFocusKey(this.focusKey), c), (d = (f = A.node) === null || f === void 0 ? void 0 : f.removeAttribute) === null || d === void 0 || d.call(f, "data-focused"), this.log("setCurrentFocusedKey", "onBlur", A);
-            }
-            if (this.focusKey = s, this.isFocusableComponent(this.focusKey)) {
-              var M = this.focusableComponents[this.focusKey];
-              this.shouldFocusDOMNode && M.node && M.node.focus(this.domNodeFocusOptions), (w = (F = M.node) === null || F === void 0 ? void 0 : F.setAttribute) === null || w === void 0 || w.call(F, "data-focused", "true"), M.onUpdateFocus(!0), M.onFocus(this.getNodeLayoutByFocusKey(this.focusKey), c), this.log("setCurrentFocusedKey", "onFocus", M);
-            }
-          }, p.prototype.updateParentsHasFocusedChild = function(s, c) {
-            for (var f = this, d = [], F = this.focusableComponents[s]; F; ) {
-              var w = F.parentFocusKey, A = this.focusableComponents[w];
-              if (A) {
-                var M = A.focusKey;
-                d.push(M);
-              }
-              F = A;
-            }
-            var G = (0, E.default)(this.parentsHavingFocusedChild, d), H = (0, E.default)(d, this.parentsHavingFocusedChild);
-            (0, X.default)(G, function(j) {
-              var B = f.focusableComponents[j];
-              B && B.trackChildren && B.onUpdateHasFocusedChild(!1), f.onIntermediateNodeBecameBlurred(j, c);
-            }), (0, X.default)(H, function(j) {
-              var B = f.focusableComponents[j];
-              B && B.trackChildren && B.onUpdateHasFocusedChild(!0), f.onIntermediateNodeBecameFocused(j, c);
-            }), this.parentsHavingFocusedChild = d;
-          }, p.prototype.updateParentsLastFocusedChild = function(s) {
-            for (var c = this.focusableComponents[s]; c; ) {
-              var f = c.parentFocusKey, d = this.focusableComponents[f];
-              d && this.saveLastFocusedChildKey(d, c.focusKey), c = d;
-            }
-          }, p.prototype.getKeyMap = function() {
-            return this.keyMap;
-          }, p.prototype.setKeyMap = function(s) {
-            this.keyMap = y(y({}, this.getKeyMap()), function(c) {
-              var f = {};
-              return Object.entries(c).forEach(function(d) {
-                var F = d[0], w = d[1];
-                f[F] = Array.isArray(w) ? w : [w];
-              }), f;
-            }(s));
-          }, p.prototype.isFocusableComponent = function(s) {
-            return !!this.focusableComponents[s];
-          }, p.prototype.isParticipatingFocusableComponent = function(s) {
-            return this.isFocusableComponent(s) && this.focusableComponents[s].focusable;
-          }, p.prototype.onIntermediateNodeBecameFocused = function(s, c) {
-            this.isParticipatingFocusableComponent(s) && this.focusableComponents[s].onFocus(this.getNodeLayoutByFocusKey(s), c);
-          }, p.prototype.onIntermediateNodeBecameBlurred = function(s, c) {
-            this.isParticipatingFocusableComponent(s) && this.focusableComponents[s].onBlur(this.getNodeLayoutByFocusKey(s), c);
-          }, p.prototype.pause = function() {
-            this.paused = !0;
-          }, p.prototype.resume = function() {
-            this.paused = !1;
-          }, p.prototype.setFocus = function(s, c) {
-            if (c === void 0 && (c = {}), this.setFocusDebounced.cancel(), this.enabled) {
-              this.log("setFocus", "focusKey", s), s && s !== l.ROOT_FOCUS_KEY || (s = this.getForcedFocusKey());
-              var f = this.getNextFocusKey(s);
-              this.log("setFocus", "newFocusKey", f), this.setCurrentFocusedKey(f, c), this.updateParentsHasFocusedChild(f, c), this.updateParentsLastFocusedChild(f);
-            }
-          }, p.prototype.updateAllLayouts = function() {
-            var s = this;
-            this.enabled && !this.nativeMode && (0, te.default)(this.focusableComponents, function(c, f) {
-              s.updateLayout(f);
-            });
-          }, p.prototype.updateLayout = function(s) {
-            var c = this.focusableComponents[s];
-            if (c && !this.nativeMode && !c.layoutUpdated) {
-              var f = c.node, d = this.useGetBoundingClientRect ? (0, _e.getBoundingClientRect)(f) : (0, _e.default)(f);
-              c.layout = y(y({}, d), { node: f });
-            }
-          }, p.prototype.updateFocusable = function(s, c) {
-            var f = c.node, d = c.preferredChildFocusKey, F = c.focusable, w = c.isFocusBoundary, A = c.focusBoundaryDirections, M = c.onEnterPress, G = c.onEnterRelease, H = c.onArrowPress, j = c.onFocus, B = c.onBlur;
-            if (!this.nativeMode) {
-              var D = this.focusableComponents[s];
-              D && (D.preferredChildFocusKey = d, D.focusable = F, D.isFocusBoundary = w, D.focusBoundaryDirections = A, D.onEnterPress = M, D.onEnterRelease = G, D.onArrowPress = H, D.onFocus = j, D.onBlur = B, f && (D.node = f));
+  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 || "" })
+    ] }),
+    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 })
+      ] }),
+      /* @__PURE__ */ e(S0, { name: "icon-copy" })
+    ] }),
+    d
+  ] });
+}, q0 = () => I2, E0 = /* @__PURE__ */ s(q0())({
+  name: "Container",
+  class: "cll3md7",
+  propsAsIs: !0
+}), B0 = () => x2, N0 = /* @__PURE__ */ s(B0())({
+  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())({
+  name: "Container",
+  class: "cl56x6b",
+  propsAsIs: !0
+}), j0 = /* @__PURE__ */ s("button")({
+  name: "ActionButton",
+  class: "a11pzf92",
+  propsAsIs: !1
+}), G0 = /* @__PURE__ */ s("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")({
+  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")({
+  name: "InsightContainer",
+  class: "i1pqqgpo",
+  propsAsIs: !1
+}), U0 = /* @__PURE__ */ s("img")({
+  name: "Image",
+  class: "igj7luu",
+  propsAsIs: !1
+}), Q0 = /* @__PURE__ */ s("div")({
+  name: "ImageContainer",
+  class: "i1qne9g6",
+  propsAsIs: !1
+}), Y0 = /* @__PURE__ */ s("div")({
+  name: "InsightContent",
+  class: "itpr98r",
+  propsAsIs: !1
+}), K0 = /* @__PURE__ */ s("h3")({
+  name: "Title",
+  class: "t17iaqp8",
+  propsAsIs: !1
+}), J0 = /* @__PURE__ */ s("div")({
+  name: "Description",
+  class: "d16t3y7s",
+  propsAsIs: !1
+}), X0 = /* @__PURE__ */ s("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" })
+  ] })
+] }), s1 = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "c1eptrjd",
+  propsAsIs: !1
+}), t1 = /* @__PURE__ */ s("div")({
+  name: "CloseIconWrap",
+  class: "crylm65",
+  propsAsIs: !1
+}), i1 = () => H, n1 = /* @__PURE__ */ s(i1())({
+  name: "CloseIcon",
+  class: "c9mrcz7",
+  propsAsIs: !0
+}), r1 = /* @__PURE__ */ s("div")({
+  name: "Header",
+  class: "hw3lzv4",
+  propsAsIs: !1
+}), a1 = () => H, o1 = /* @__PURE__ */ s(a1())({
+  name: "TypeIcon",
+  class: "t1rrb3kf",
+  propsAsIs: !0
+}), l1 = /* @__PURE__ */ s("span")({
+  name: "TypeName",
+  class: "t1ydnjov",
+  propsAsIs: !1
+}), c1 = /* @__PURE__ */ s("div")({
+  name: "Question",
+  class: "qlf90cl",
+  propsAsIs: !1
+}), d1 = /* @__PURE__ */ s("button")({
+  name: "AnswerButton",
+  class: "a1e0nhcl",
+  propsAsIs: !1
+}), p1 = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "c1t4f0x4",
+  propsAsIs: !1
+}), h1 = /* @__PURE__ */ s("button")({
+  name: "ActionBtn",
+  class: "a16w1nl6",
+  propsAsIs: !1
+}), C1 = /* @__PURE__ */ s("div")({
+  name: "QuoteWrap",
+  class: "q14u54rf",
+  propsAsIs: !1
+}), m1 = /* @__PURE__ */ s("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 }
+}) => {
+  const d = k2[o];
+  return d ? /* @__PURE__ */ r(s1, { onClick: t, style: o === k.TWEET ? { paddingTop: "12px" } : {}, children: [
+    /* @__PURE__ */ e(
+      t1,
+      {
+        "data-a": "intr",
+        onClick: (C) => {
+          C.stopPropagation(), i && i(C);
+        },
+        children: /* @__PURE__ */ e(n1, { name: "icon-cross" })
+      }
+    ),
+    o !== k.TWEET && /* @__PURE__ */ r(r1, { children: [
+      /* @__PURE__ */ e(
+        o1,
+        {
+          "data-type-trivia": o === k.TRIVIA,
+          "data-type-poll": o === k.POLL,
+          name: d.iconName
+        }
+      ),
+      /* @__PURE__ */ e(l1, { children: d.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" })
+    ] })
+  ] }) : null;
+}, R = /* @__PURE__ */ s("div")({
+  name: "BGWrap",
+  class: "b1dqe0sz",
+  propsAsIs: !1
+}), w = /* @__PURE__ */ s("div")({
+  name: "BGLineBase",
+  class: "b1v6w7ni",
+  propsAsIs: !1
+}), g1 = () => w, f1 = /* @__PURE__ */ s(g1())({
+  name: "BGOneLineOne",
+  class: "b2nqb1p",
+  propsAsIs: !0
+}), v1 = () => w, I1 = /* @__PURE__ */ s(v1())({
+  name: "BGOneLineTwo",
+  class: "b1xxgmbk",
+  propsAsIs: !0
+}), A1 = () => w, L1 = /* @__PURE__ */ s(A1())({
+  name: "BGOneLineThree",
+  class: "b63lwcb",
+  propsAsIs: !0
+}), _1 = () => w, a2 = /* @__PURE__ */ s(_1())({
+  name: "BGTwoLineOne",
+  class: "b2iah4",
+  propsAsIs: !0
+}), w1 = () => w, o2 = /* @__PURE__ */ s(w1())({
+  name: "BGTwoLineTwo",
+  class: "b1xezvf6",
+  propsAsIs: !0
+}), $1 = () => w, l2 = /* @__PURE__ */ s($1())({
+  name: "BGTwoLineThree",
+  class: "b1jz1hg0",
+  propsAsIs: !0
+}), b1 = () => w, c2 = /* @__PURE__ */ s(b1())({
+  name: "BGThreeLineOne",
+  class: "b18ho1tk",
+  propsAsIs: !0
+}), y1 = () => w, d2 = /* @__PURE__ */ s(y1())({
+  name: "BGThreeLineTwo",
+  class: "b14uvjfm",
+  propsAsIs: !0
+}), T1 = () => w, p2 = /* @__PURE__ */ s(T1())({
+  name: "BGThreeLineThree",
+  class: "b11c3ns7",
+  propsAsIs: !0
+}), H1 = () => w, h2 = /* @__PURE__ */ s(H1())({
+  name: "BGThreeLineFour",
+  class: "b1bqhhet",
+  propsAsIs: !0
+}), V1 = () => w, k1 = /* @__PURE__ */ s(V1())({
+  name: "BGFourLineOne",
+  class: "b1xyzi7o",
+  propsAsIs: !0
+}), z1 = () => w, x1 = /* @__PURE__ */ s(z1())({
+  name: "BGFourLineTwo",
+  class: "byo0rup",
+  propsAsIs: !0
+}), R1 = () => w, F1 = /* @__PURE__ */ s(R1())({
+  name: "BGFourLineThree",
+  class: "b1oyiqgv",
+  propsAsIs: !0
+}), S1 = () => w, M1 = /* @__PURE__ */ s(S1())({
+  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, {})
+  ] }),
+  /* @__PURE__ */ r(R, { "data-active": i === 2, children: [
+    /* @__PURE__ */ e(a2, {}),
+    /* @__PURE__ */ e(o2, {}),
+    /* @__PURE__ */ e(l2, {})
+  ] }),
+  /* @__PURE__ */ r(R, { "data-active": i === 3, children: [
+    /* @__PURE__ */ e(a2, {}),
+    /* @__PURE__ */ e(o2, {}),
+    /* @__PURE__ */ e(l2, {})
+  ] }),
+  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, {})
+    ] }),
+    /* @__PURE__ */ r(R, { "data-active": i === 5, "data-correct": "true", children: [
+      /* @__PURE__ */ e(c2, {}),
+      /* @__PURE__ */ e(d2, {}),
+      /* @__PURE__ */ e(p2, {}),
+      /* @__PURE__ */ e(h2, {})
+    ] })
+  ] }) : /* @__PURE__ */ r(R, { "data-active": i === 4, "data-correct": "false", children: [
+    /* @__PURE__ */ e(k1, {}),
+    /* @__PURE__ */ e(x1, {}),
+    /* @__PURE__ */ e(F1, {}),
+    /* @__PURE__ */ e(M1, {})
+  ] })
+] }), E1 = 118, B1 = () => O2, N1 = /* @__PURE__ */ s(B1())({
+  name: "Container",
+  class: "c10131zw",
+  propsAsIs: !0
+}), Z1 = /* @__PURE__ */ s("div")({
+  name: "InnerContainer",
+  class: "ir6k2eo",
+  propsAsIs: !1
+}), x = /* @__PURE__ */ s("div")({
+  name: "Content",
+  class: "c1hwoq9l",
+  propsAsIs: !1
+}), M = /* @__PURE__ */ s("div")({
+  name: "Title",
+  class: "t4ujo4g",
+  propsAsIs: !1
+}), O1 = () => M, W1 = /* @__PURE__ */ s(O1())({
+  name: "PointsTitle",
+  class: "p1pjil1h",
+  propsAsIs: !0
+}), E = /* @__PURE__ */ s("div")({
+  name: "Subtitle",
+  class: "s1iorwr9",
+  propsAsIs: !1
+}), C2 = /* @__PURE__ */ s("div")({
+  name: "SubtitleFG",
+  class: "s51sv9d",
+  propsAsIs: !1
+}), B = /* @__PURE__ */ s("div")({
+  name: "AnswerText",
+  class: "a1lbk2ye",
+  propsAsIs: !1
+}), j1 = () => H, L2 = /* @__PURE__ */ s(j1())({
+  name: "FeedbackIcon",
+  class: "frcvk3t",
+  propsAsIs: !0
+}), G1 = () => L2, m2 = /* @__PURE__ */ s(G1())({
+  name: "FeedbackIconCorrect",
+  class: "f33p82r",
+  propsAsIs: !0
+}), D1 = () => L2, P1 = /* @__PURE__ */ s(D1())({
+  name: "FeedbackIconIncorrect",
+  class: "f12r9net",
+  propsAsIs: !0
+}), u2 = /* @__PURE__ */ s("div")({
+  name: "CloseIconWrap",
+  class: "c1fw6699",
+  propsAsIs: !1
+}), U1 = () => H, g2 = /* @__PURE__ */ s(U1())({
+  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);
+    }, 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,
+    {
+      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)"
+      },
+      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 +" })
+        ] }),
+        !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 +" })
+        ] }),
+        /* @__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:" }),
+            " ",
+            t == null ? void 0 : t.title
+          ] }) })
+        ] }),
+        o ? /* @__PURE__ */ r(S, { children: [
+          /* @__PURE__ */ r(
+            x,
+            {
+              ref: a(4),
+              style: { ...h(4), color: "var(--color-sdk-prediction-result-success-text)" },
+              children: [
+                /* @__PURE__ */ r(M, { children: [
+                  "Congratulations!",
+                  /* @__PURE__ */ e("br", {}),
+                  "You answered correctly."
+                ] }),
+                /* @__PURE__ */ r(E, { children: [
+                  /* @__PURE__ */ e(m2, { name: "selected" }),
+                  /* @__PURE__ */ r(B, { children: [
+                    /* @__PURE__ */ e("span", { children: "Your Pick:" }),
+                    " ",
+                    t == null ? void 0 : t.title
+                  ] })
+                ] })
+              ]
             }
-          }, p.prototype.isNativeMode = function() {
-            return this.nativeMode;
-          }, p.prototype.doesFocusableExist = function(s) {
-            return !!this.focusableComponents[s];
-          }, p.prototype.updateRtl = function(s) {
-            this.writingDirection = s ? Q.default.RTL : Q.default.LTR;
-          }, p;
-        }();
-        l.SpatialNavigation = new Ee(), l.init = l.SpatialNavigation.init, l.setThrottle = l.SpatialNavigation.setThrottle, l.destroy = l.SpatialNavigation.destroy, l.setKeyMap = l.SpatialNavigation.setKeyMap, l.setFocus = l.SpatialNavigation.setFocus, l.navigateByDirection = l.SpatialNavigation.navigateByDirection, l.pause = l.SpatialNavigation.pause, l.resume = l.SpatialNavigation.resume, l.updateAllLayouts = l.SpatialNavigation.updateAllLayouts, l.getCurrentFocusKey = l.SpatialNavigation.getCurrentFocusKey, l.doesFocusableExist = l.SpatialNavigation.doesFocusableExist, l.updateRtl = l.SpatialNavigation.updateRtl;
-      }, 35: function(b, l, g) {
-        var C = this && this.__importDefault || function(R) {
-          return R && R.__esModule ? R : { default: R };
-        };
-        Object.defineProperty(l, "__esModule", { value: !0 });
-        var y = C(g(119)), S = typeof window < "u" && window.document, O = S ? window.innerWidth : 0, q = S ? window.innerHeight : 0, L = function() {
-          function R(x) {
-            S && (this.debugCtx = R.createCanvas("sn-debug", "1010", x), this.layoutsCtx = R.createCanvas("sn-layouts", "1000", x), this.writingDirection = x);
-          }
-          return R.createCanvas = function(x, E, $) {
-            var T = document.querySelector("#".concat(x)) || document.createElement("canvas");
-            T.setAttribute("id", x), T.setAttribute("dir", $ === y.default.LTR ? "ltr" : "rtl");
-            var k = T.getContext("2d");
-            return T.style.zIndex = E, T.style.position = "fixed", T.style.top = "0", T.style.left = "0", document.body.appendChild(T), T.width = O, T.height = q, k;
-          }, R.prototype.clear = function() {
-            S && this.debugCtx.clearRect(0, 0, O, q);
-          }, R.prototype.clearLayouts = function() {
-            S && this.layoutsCtx.clearRect(0, 0, O, q);
-          }, R.prototype.drawLayout = function(x, E, $) {
-            if (S) {
-              this.layoutsCtx.strokeStyle = "green", this.layoutsCtx.strokeRect(x.left, x.top, x.width, x.height), this.layoutsCtx.font = "8px monospace", this.layoutsCtx.fillStyle = "red";
-              var T = this.writingDirection === y.default.LTR ? "left" : "right", k = x[T];
-              this.layoutsCtx.fillText(E, k, x.top + 10), this.layoutsCtx.fillText($, k, x.top + 25), this.layoutsCtx.fillText("".concat(T, ": ").concat(k), k, x.top + 40), this.layoutsCtx.fillText("top: ".concat(x.top), k, x.top + 55);
+          ),
+          /* @__PURE__ */ r(
+            x,
+            {
+              ref: a(5),
+              style: { ...h(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:" }),
+                    " ",
+                    t == null ? void 0 : t.title
+                  ] })
+                ] }),
+                /* @__PURE__ */ e(u2, { "data-a": "intr", onClick: i, children: /* @__PURE__ */ e(g2, { name: "icon-cross" }) })
+              ]
             }
-          }, R.prototype.drawPoint = function(x, E, $, T) {
-            $ === void 0 && ($ = "blue"), T === void 0 && (T = 10), S && (this.debugCtx.strokeStyle = $, this.debugCtx.lineWidth = 3, this.debugCtx.strokeRect(x - T / 2, E - T / 2, T, T));
-          }, R;
-        }();
-        l.default = L;
-      }, 119: function(b, l) {
-        var g;
-        Object.defineProperty(l, "__esModule", { value: !0 }), function(C) {
-          C[C.LTR = 0] = "LTR", C[C.RTL = 1] = "RTL";
-        }(g || (g = {})), l.default = g;
-      }, 607: function(b, l, g) {
-        var C = this && this.__createBinding || (Object.create ? function(S, O, q, L) {
-          L === void 0 && (L = q);
-          var R = Object.getOwnPropertyDescriptor(O, q);
-          R && !("get" in R ? !O.__esModule : R.writable || R.configurable) || (R = { enumerable: !0, get: function() {
-            return O[q];
-          } }), Object.defineProperty(S, L, R);
-        } : function(S, O, q, L) {
-          L === void 0 && (L = q), S[L] = O[q];
-        }), y = this && this.__exportStar || function(S, O) {
-          for (var q in S) q === "default" || Object.prototype.hasOwnProperty.call(O, q) || C(O, S, q);
-        };
-        Object.defineProperty(l, "__esModule", { value: !0 }), y(g(79), l), y(g(445), l), y(g(654), l);
-      }, 964: function(b, l) {
-        Object.defineProperty(l, "__esModule", { value: !0 }), l.getBoundingClientRect = void 0;
-        var g = function(C) {
-          for (var y = C.offsetParent, S = C.offsetHeight, O = C.offsetWidth, q = C.offsetLeft, L = C.offsetTop; y && y.nodeType === 1; ) q += y.offsetLeft - y.scrollLeft, L += y.offsetTop - y.scrollTop, y = y.offsetParent;
-          return { height: S, left: q, top: L, width: O };
-        };
-        l.default = function(C) {
-          var y = C && C.parentElement;
-          if (C && y) {
-            var S = g(y), O = g(C), q = O.height, L = O.left, R = O.top, x = O.width;
-            return { x: L - S.left, y: R - S.top, width: x, height: q, left: L, top: R, get right() {
-              return this.left + this.width;
-            }, get bottom() {
-              return this.top + this.height;
-            } };
-          }
-          return { x: 0, y: 0, width: 0, height: 0, left: 0, top: 0, right: 0, bottom: 0 };
-        }, l.getBoundingClientRect = function(C) {
-          if (C && C.getBoundingClientRect) {
-            var y = C.getBoundingClientRect();
-            return { x: y.x, y: y.y, width: y.width, height: y.height, left: y.left, top: y.top, get right() {
-              return this.left + this.width;
-            }, get bottom() {
-              return this.top + this.height;
-            } };
-          }
-          return { x: 0, y: 0, width: 0, height: 0, left: 0, top: 0, right: 0, bottom: 0 };
-        };
-      }, 445: function(b, l, g) {
-        Object.defineProperty(l, "__esModule", { value: !0 }), l.useFocusContext = l.FocusContext = void 0;
-        var C = g(156), y = g(654);
-        l.FocusContext = (0, C.createContext)(y.ROOT_FOCUS_KEY), l.FocusContext.displayName = "FocusContext", l.useFocusContext = function() {
-          return (0, C.useContext)(l.FocusContext);
-        };
-      }, 79: function(b, l, g) {
-        var C = this && this.__importDefault || function(R) {
-          return R && R.__esModule ? R : { default: R };
-        };
-        Object.defineProperty(l, "__esModule", { value: !0 }), l.useFocusable = void 0;
-        var y = g(156), S = C(g(604)), O = C(g(461)), q = g(654), L = g(445);
-        l.useFocusable = function(R) {
-          var x = R === void 0 ? {} : R, E = x.focusable, $ = E === void 0 || E, T = x.saveLastFocusedChild, k = T === void 0 || T, X = x.trackChildren, te = X !== void 0 && X, be = x.autoRestoreFocus, je = be === void 0 || be, Ke = x.forceFocus, Q = Ke !== void 0 && Ke, _e = x.isFocusBoundary, oe = _e !== void 0 && _e, ue = x.focusBoundaryDirections, ce = x.focusKey, ne = x.preferredChildFocusKey, me = x.onEnterPress, Ce = me === void 0 ? S.default : me, Fe = x.onEnterRelease, Se = Fe === void 0 ? S.default : Fe, Ee = x.onArrowPress, p = Ee === void 0 ? function() {
-            return !0;
-          } : Ee, s = x.onArrowRelease, c = s === void 0 ? S.default : s, f = x.onFocus, d = f === void 0 ? S.default : f, F = x.onBlur, w = F === void 0 ? S.default : F, A = x.extraProps, M = (0, y.useCallback)(function(W) {
-            Ce(A, W);
-          }, [Ce, A]), G = (0, y.useCallback)(function() {
-            Se(A);
-          }, [Se, A]), H = (0, y.useCallback)(function(W, Z) {
-            return p(W, A, Z);
-          }, [A, p]), j = (0, y.useCallback)(function(W) {
-            c(W, A);
-          }, [c, A]), B = (0, y.useCallback)(function(W, Z) {
-            d(W, A, Z);
-          }, [A, d]), D = (0, y.useCallback)(function(W, Z) {
-            w(W, A, Z);
-          }, [A, w]), Y = (0, y.useRef)(null), z = (0, y.useState)(!1), J = z[0], se = z[1], U = (0, y.useState)(!1), V = U[0], fe = U[1], ae = (0, L.useFocusContext)(), ee = (0, y.useMemo)(function() {
-            return ce || (0, O.default)("sn:focusable-item-");
-          }, [ce]), qe = (0, y.useCallback)(function(W) {
-            W === void 0 && (W = {}), q.SpatialNavigation.setFocus(ee, W);
-          }, [ee]);
-          return (0, y.useEffect)(function() {
-            var W = Y.current;
-            return q.SpatialNavigation.addFocusable({ focusKey: ee, node: W, parentFocusKey: ae, preferredChildFocusKey: ne, onEnterPress: M, onEnterRelease: G, onArrowPress: H, onArrowRelease: j, onFocus: B, onBlur: D, onUpdateFocus: function(Z) {
-              return Z === void 0 && (Z = !1), se(Z);
-            }, onUpdateHasFocusedChild: function(Z) {
-              return Z === void 0 && (Z = !1), fe(Z);
-            }, saveLastFocusedChild: k, trackChildren: te, isFocusBoundary: oe, focusBoundaryDirections: ue, autoRestoreFocus: je, forceFocus: Q, focusable: $ }), function() {
-              q.SpatialNavigation.removeFocusable({ focusKey: ee });
-            };
-          }, []), (0, y.useEffect)(function() {
-            var W = Y.current;
-            q.SpatialNavigation.updateFocusable(ee, { node: W, preferredChildFocusKey: ne, focusable: $, isFocusBoundary: oe, focusBoundaryDirections: ue, onEnterPress: M, onEnterRelease: G, onArrowPress: H, onArrowRelease: j, onFocus: B, onBlur: D });
-          }, [ee, ne, $, oe, ue, M, G, H, j, B, D]), { ref: Y, focusSelf: qe, focused: J, hasFocusedChild: V, focusKey: ee };
-        };
-      }, 150: function(b) {
-        b.exports = t;
-      }, 117: function(b) {
-        b.exports = n;
-      }, 747: function(b) {
-        b.exports = a;
-      }, 23: function(b) {
-        b.exports = i;
-      }, 842: function(b) {
-        b.exports = o;
-      }, 682: function(b) {
-        b.exports = u;
-      }, 784: function(b) {
-        b.exports = v;
-      }, 604: function(b) {
-        b.exports = h;
-      }, 432: function(b) {
-        b.exports = m;
-      }, 67: function(b) {
-        b.exports = _;
-      }, 461: function(b) {
-        b.exports = I;
-      }, 156: function(b) {
-        b.exports = P;
-      } }, K = {};
-      return function b(l) {
-        var g = K[l];
-        if (g !== void 0) return g.exports;
-        var C = K[l] = { exports: {} };
-        return N[l].call(C.exports, C, C.exports, b), C.exports;
-      }(607);
-    }();
-  });
-})(Wi);
-var Pf = Wi.exports;
+          )
+        ] }) : /* @__PURE__ */ r(x, { ref: a(4), style: h(4), children: [
+          /* @__PURE__ */ r(M, { style: { color: "var(--color-sdk-prediction-result-error-title)" }, children: [
+            "Better luck next time!",
+            /* @__PURE__ */ e("br", {}),
+            "Correct: ",
+            l,
+            "."
+          ] }),
+          /* @__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:" }),
+              " ",
+              t == null ? void 0 : t.title
+            ] })
+          ] }),
+          /* @__PURE__ */ e(u2, { "data-a": "intr", onClick: i, children: /* @__PURE__ */ e(g2, { 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);
+    }, 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 = _;
+      })
+    );
+    await Promise.allSettled(I), n(!1);
+  }, []);
+  return V(() => {
+    i && (p(), d(i));
+  }, [i, p, d]), { loading: t, throttled: o };
+}, J1 = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "cl51m2q",
+  propsAsIs: !1
+}), X1 = /* @__PURE__ */ s("img")({
+  name: "Avatar",
+  class: "a2yhhhr",
+  propsAsIs: !1
+}), e3 = /* @__PURE__ */ s("div")({
+  name: "AvatarPlaceholder",
+  class: "a1dtxxlr",
+  propsAsIs: !1
+}), s3 = /* @__PURE__ */ s("div")({
+  name: "Content",
+  class: "c12clm3w",
+  propsAsIs: !1
+}), t3 = /* @__PURE__ */ s("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,
+      " "
+    ] }),
+    "is waiting for you!"
+  ] })
+] }), n3 = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "c1htq1lb",
+  propsAsIs: !1
+}), r3 = /* @__PURE__ */ s("div")({
+  name: "Graphic",
+  class: "gjyzpp7",
+  propsAsIs: !1
+}), a3 = /* @__PURE__ */ s("img")({
+  name: "GraphicImage",
+  class: "g16mldgz",
+  propsAsIs: !1
+}), o3 = /* @__PURE__ */ s("div")({
+  name: "Headline",
+  class: "h69js65",
+  propsAsIs: !1
+}), l3 = /* @__PURE__ */ s("div")({
+  name: "TaglineContainer",
+  class: "tmm7qmo",
+  propsAsIs: !1
+}), c3 = /* @__PURE__ */ s("div")({
+  name: "Tagline",
+  class: "t17knuw2",
+  propsAsIs: !1
+}), d3 = /* @__PURE__ */ s("div")({
+  name: "Content",
+  class: "c1b74psg",
+  propsAsIs: !1
+}), p3 = /* @__PURE__ */ s("div")({
+  name: "StepsContainer",
+  class: "s1y99ug7",
+  propsAsIs: !1
+}), h3 = /* @__PURE__ */ s("span")({
+  name: "StepIndicator",
+  class: "sgf3v5n",
+  propsAsIs: !1
+}), C3 = /* @__PURE__ */ s("div")({
+  name: "InvitingUserWrap",
+  class: "i1sj6gn8",
+  propsAsIs: !1
+}), m3 = ({
+  loading: i,
+  steps: t,
+  currentStep: n,
+  inviterName: o
+}) => {
+  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 }) })
+    ] }),
+    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)) })
+  ] });
+}, u3 = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "cm0bev",
+  propsAsIs: !1
+}), g3 = /* @__PURE__ */ s("div")({
+  name: "Content",
+  class: "ce7x737",
+  propsAsIs: !1
+}), f3 = /* @__PURE__ */ s("div")({
+  name: "Title",
+  class: "tc2tor6",
+  propsAsIs: !1
+}), v3 = /* @__PURE__ */ s("div")({
+  name: "RulesList",
+  class: "r1k5klql",
+  propsAsIs: !1
+}), I3 = /* @__PURE__ */ s("div")({
+  name: "RulesItem",
+  class: "r1tf3ft2",
+  propsAsIs: !1
+}), A3 = /* @__PURE__ */ s("div")({
+  name: "RuleIcon",
+  class: "rwpvg1k",
+  propsAsIs: !1
+}), L3 = /* @__PURE__ */ s("div")({
+  name: "RuleText",
+  class: "rbxiag0",
+  propsAsIs: !1
+}), _3 = /* @__PURE__ */ s("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)) })
+  ] }),
+  n && /* @__PURE__ */ e(_3, { "data-a": "intr", onClick: l, children: "See Terms and Conditions" })
+] }), $3 = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "cj0g35h",
+  propsAsIs: !1
+}), b3 = /* @__PURE__ */ s("div")({
+  name: "Content",
+  class: "c1xkhrbn",
+  propsAsIs: !1
+}), y3 = /* @__PURE__ */ s("div")({
+  name: "Title",
+  class: "tifzb8b",
+  propsAsIs: !1
+}), T3 = /* @__PURE__ */ s("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")({
+  name: "SButton",
+  class: "s1nve60q",
+  propsAsIs: !1
+}), k3 = /* @__PURE__ */ s("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")({
+  name: "Container",
+  class: "c18uddbs",
+  propsAsIs: !1
+}), R3 = /* @__PURE__ */ s("div")({
+  name: "Content",
+  class: "cvcfjf6",
+  propsAsIs: !1
+}), F3 = /* @__PURE__ */ s("div")({
+  name: "OnboardingHeader",
+  class: "o1ie27lw",
+  propsAsIs: !1
+}), S3 = /* @__PURE__ */ s("button")({
+  name: "CloseBtn",
+  class: "c15cjkwi",
+  propsAsIs: !1
+}), M3 = () => H, q3 = /* @__PURE__ */ s(M3())({
+  name: "IconClose",
+  class: "i1mavjt2",
+  propsAsIs: !0
+}), E3 = /* @__PURE__ */ s("div")({
+  name: "OnboardingFooter",
+  class: "o1x0dyzv",
+  propsAsIs: !1
+}), B3 = () => z3, N3 = /* @__PURE__ */ s(B3())({
+  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
+}) => {
+  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 _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();
+  };
+  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,
+        {
+          loading: a,
+          steps: t,
+          currentStep: v,
+          inviterName: h
+        }
+      ),
+      A.rules && !m && /* @__PURE__ */ e(
+        w3,
+        {
+          rules: n,
+          rulesTitle: l,
+          termsText: p,
+          primaryColor: d,
+          openTerms: () => $(!0)
+        }
+      ),
+      A.rules && m && /* @__PURE__ */ e(H3, { termsTitle: c, termsText: p }),
+      A.inviteCard && /* @__PURE__ */ e(
+        M0,
+        {
+          inviteLink: C,
+          inviteCardTitle: I,
+          inviteCardSubtext: _,
+          primaryColor: d
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(E3, { children: /* @__PURE__ */ e(z, { loading: a, style: { width: "100%" }, children: /* @__PURE__ */ e(N3, { "data-a": "intr", onClick: $2, children: _2 }) }) })
+  ] }) });
+}, Z3 = /* @__PURE__ */ s("button")({
+  name: "Container",
+  class: "crkmfw1",
+  propsAsIs: !1
+}), O3 = /* @__PURE__ */ s("div")({
+  name: "Content",
+  class: "c11awpy4",
+  propsAsIs: !1
+}), W3 = /* @__PURE__ */ s("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 })
+] }) });
 export {
-  Ef as a,
-  Re as c,
-  Pf as d,
-  Sf as g
+  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
 };