@streamlayer/react 0.29.1 → 0.29.3

package/lib/masters-6226c77f.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),x=require("./index-89c19a6e.cjs"),o=require("react"),u=require("@streamlayer/sdk-web-types"),m=require("@nanostores/react"),h=require("@streamlayer/sdk-web-interfaces"),l=require("./index-dc9aee43.cjs"),g=require("@streamlayer/sdk-web-notifications"),O=({feature:e,sdk:t,children:a,className:n})=>{const i=m.useStore(e.status),{slStreamId:r}=m.useStore(t.sdkStore);return r!=null&&r.loading?s.jsx("div",{className:n,children:"event is loading..."}):r!=null&&r.data?i!==h.FeatureStatus.Ready?s.jsx("div",{className:n,children:"wait feature..."}):a:s.jsx("div",{className:n,children:"event is forbidden..."})},w=o.lazy(()=>Promise.resolve().then(()=>require("./index-14d36d45.cjs"))),E=({sdk:e,feature:t,className:a})=>{const n=o.useMemo(()=>t&&t.featureConfig.get().type===u.FeatureType.GAMES?s.jsx(O,{className:a,sdk:e,feature:t,children:s.jsx(w,{className:a,gamification:t,sdk:e})}):null,[e,t,a]);return s.jsx(o.Suspense,{fallback:s.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"page loading..."}),children:n})};const F=l.styled_default("button")({name:"e",class:"enu64b2",propsAsIs:!1}),L=l.styled_default("span")({name:"t",class:"tw2meku",propsAsIs:!1}),q=l.styled_default("span")({name:"a",class:"aka8vam",propsAsIs:!1}),_=({disabled:e,active:t,onClick:a,label:n,icon:i})=>s.jsx(F,{onClick:a,disabled:e,"data-selected":t,children:s.jsxs(s.Fragment,{children:[i&&s.jsx(L,{children:i}),s.jsx(q,{children:n})]})});const R=()=>l.t1,z=l.styled_default(R())({name:"a",class:"a10lggiw",propsAsIs:!0}),j="channels",Q=e=>{var t;return s.jsx(_,{...e,id:"channels",label:"Channels",icon:s.jsx(z,{name:"icon-btn-channels","data-selected":(t=e.active)==null?void 0:t.toString()})})};const P=()=>l.t1,D=l.styled_default(P())({name:"d",class:"d1x5s8ie",propsAsIs:!0}),f="featuredGroups",M=e=>{var t;return s.jsx(_,{...e,label:"FG+",id:"featuredGroups",icon:s.jsx(D,{name:"icon-btn-feature-groups","data-selected":(t=e.active)==null?void 0:t.toString()})})};const G=()=>l.t1,U=l.styled_default(G())({name:"n",class:"ntav86o",propsAsIs:!0}),b="leaderboard",W=e=>{var t;return s.jsx(_,{...e,label:"Leader Board",id:"leaderboard",icon:s.jsx(U,{name:"icon-btn-leaderboard","data-selected":(t=e.active)==null?void 0:t.toString()})})};const B=l.styled_default("div")({name:"n",class:"n1rlvhvz",propsAsIs:!1}),K=({children:e,className:t})=>s.jsx(B,{className:t,children:e});const V=()=>K,Y=l.styled_default(V())({name:"n",class:"n9bnom",propsAsIs:!0}),H=({activeOverlay:e,setActiveOverlay:t,sdkReady:a,className:n})=>s.jsxs(Y,{className:n,children:[s.jsx(Q,{active:e===j,onClick:()=>t(j)}),s.jsx(M,{active:e===f,disabled:!a,onClick:()=>{t(f)}}),s.jsx(W,{active:e===b,onClick:()=>t(b)})]}),A={[u.QuestionType.TWEET]:{label:"Insight",iconName:"icon-insight"},[u.QuestionType.PROMOTION]:{label:"Insight",iconName:"icon-insight"},[u.QuestionType.UNSET]:void 0,[u.QuestionType.FACTOID]:{label:"Insight",iconName:"icon-insight"},[u.QuestionType.POLL]:{label:"Poll",iconName:"icon-poll"},[u.QuestionType.TRIVIA]:{label:"Trivia",iconName:"icon-trivia"},[u.QuestionType.PREDICTION]:{label:"Prediction",iconName:"icon-prediction"}};const J=l.styled_default("div")({name:"i",class:"i1bwjtdb",propsAsIs:!1}),X=l.styled_default("video")({name:"e",class:"enb7moc",propsAsIs:!1}),Z=l.styled_default("img")({name:"r",class:"r1ws5lyh",propsAsIs:!1}),ee=l.styled_default("div")({name:"s",class:"soibf55",propsAsIs:!1}),N=({poster:e,source:t})=>{const a=o.useRef(null),[n,i]=o.useState(!1),[r,c]=o.useState(!0);return s.jsxs(J,{onClick:()=>{const d=a==null?void 0:a.current;d&&i(y=>y?(d.pause(),!1):(d.play(),c(!1),!0))},children:[s.jsx(X,{ref:a,src:t,onEnded:()=>{var d;(d=a==null?void 0:a.current)==null||d.load(),i(!1),c(!0)},style:{visibility:r?"hidden":"visible"}}),s.jsx(Z,{src:e,style:{visibility:r?"visible":"hidden"}}),s.jsx(ee,{children:!n&&s.jsx(l.t1,{name:"icon-play"})})]})};const se=l.styled_default("div")({name:"r",class:"rcr31jh",propsAsIs:!1}),te=l.styled_default("div")({name:"i",class:"ihj4z8w",propsAsIs:!1}),ae=l.styled_default("h3")({name:"t",class:"t1oks4sz",propsAsIs:!1}),ne=l.styled_default("div")({name:"n",class:"n18s3mno",propsAsIs:!1}),le=l.styled_default("button")({name:"l",class:"lc8mqwv",propsAsIs:!1}),re=({video:e,heading:t,body:a,action:n})=>s.jsxs(se,{children:[(e==null?void 0:e.url)&&s.jsx(N,{source:e.url,poster:e.thumbnailUrl}),s.jsxs(te,{children:[s.jsx(ae,{children:t}),s.jsx(ne,{children:a}),n&&s.jsx(le,{onClick:n,children:"View Insight"})]})]});const ie=()=>l.t1,de=()=>l.t1,ce=l.styled_default("div")({name:"p",class:"p16oo5uk",propsAsIs:!1}),oe=l.styled_default("div")({name:"a",class:"a18c5k3h",propsAsIs:!1}),ue=l.styled_default(ie())({name:"c",class:"czv5t8k",propsAsIs:!0}),pe=l.styled_default("div")({name:"s",class:"s1wp1emp",propsAsIs:!1}),fe=l.styled_default(de())({name:"l",class:"l1nz0q6x",propsAsIs:!0}),ye=l.styled_default("span")({name:"g",class:"g1jhb9lu",propsAsIs:!1}),me=l.styled_default("div")({name:"d",class:"ds6gfsv",propsAsIs:!1}),ve=l.styled_default("button")({name:"x",class:"xkzz16s",propsAsIs:!1}),k=({close:e,action:t,data:{questionType:a,question:n,insight:i}})=>{const r=A[a];return r?s.jsxs(ce,{children:[s.jsx(oe,{onClick:e,children:s.jsx(ue,{name:"icon-cross"})}),s.jsxs(pe,{children:[s.jsx(fe,{name:r.iconName}),s.jsx(ye,{children:r.label})]}),a===u.QuestionType.FACTOID?s.jsx(re,{...i,action:t}):s.jsx(me,{children:n==null?void 0:n.title}),a!==u.QuestionType.FACTOID&&s.jsx(ve,{onClick:t,children:"Answer"})]}):null};const xe=l.styled_default("div")({name:"s",class:"s1aopxp8",propsAsIs:!1}),he="c1t0h6s",$=({children:e,style:t,className:a,hiding:n})=>s.jsx(xe,{style:t,className:l.cx_default(a,n&&he),children:e});const je=()=>$,I=l.styled_default(je())({name:"d",class:"d1qqtt3e",propsAsIs:!0}),be=({sdk:e})=>{const t=e.getNotificationsStore(),a=m.useStore(t),n=o.useMemo(()=>{if(!(a!=null&&a.size))return null;for(const i of a.values())if(i.type===g.NotificationType.ONBOARDING)return i;return a.values().next().value},[a]);return(n==null?void 0:n.type)===g.NotificationType.QUESTION?s.jsx(I,{hiding:n.hiding,children:s.jsx("div",{children:s.jsx(k,{...n})})}):(n==null?void 0:n.type)===g.NotificationType.QUESTION_RESOLVED?s.jsx(I,{hiding:n.hiding,children:s.jsx("div",{children:s.jsx(k,{...n})})}):null};const ge=()=>T,Se=l.styled_default("div")({name:"i",class:"idhrx8x",propsAsIs:!1}),S=l.styled_default("div")({name:"r",class:"r1k6v4ep",propsAsIs:!1}),T=l.styled_default("div")({name:"n",class:"n1v8kucd",propsAsIs:!1}),_e=l.styled_default(ge())({name:"e",class:"e16yw7z1",propsAsIs:!0}),ke=e=>{const[t,a]=o.useState(!1),n=m.useStore(e.status),{data:i}=m.useStore(e.getUserStore()),r=n==="ready",[c,d]=o.useState(f),y=o.useCallback((p,v)=>{d(v),v===f?(p&&e.createEventSession(p),e.openFeature(u.FeatureType.GAMES)):e.closeFeature()},[e]);return o.useEffect(()=>{!r&&c===f&&(d(j),e.closeFeature())},[r,c,e]),{sdkEnabled:t,sdkReady:r,activeOverlay:c,activateAndLoadOverlay:y,enableSdk:p=>{e.initializeApp().then(({enabled:v,err:C})=>{if(a(!0),C){y(p,j);return}if(v){y(p,f);return}})},disableSdk:()=>{a(!1),e.disableApp()},isLogged:!!i}},Ie=e=>{const t=m.useStore(e.getActiveFeature()),a=m.useStore(e.streamStore()),[n,i]=o.useState(null);return o.useEffect(()=>{const r=e.getFeatures();if(t)for(const[c,d]of r)c===t?d.status.get()===h.FeatureStatus.Suspended&&(d.enable(),i(d)):d.status.get()===h.FeatureStatus.Ready&&d.disable();else{for(const[,c]of r)c.status.get()===h.FeatureStatus.Ready&&c.disable();i(null)}return()=>{for(const[,c]of r)c.status.get()===h.FeatureStatus.Ready&&c.disable()}},[t,e,a]),[t,n]},Ae=({sdk:e,className:t})=>{const[,a]=Ie(e);return s.jsx(E,{className:t,feature:a,sdk:e})},Ne=({sdk:e,overlays:t,children:a})=>{const{sdkEnabled:n,sdkReady:i,activeOverlay:r,activateAndLoadOverlay:c,enableSdk:d,disableSdk:y,isLogged:p}=ke(e);return s.jsxs(Se,{children:[n&&s.jsx(H,{sdkReady:i,activeOverlay:r,className:x.f,setActiveOverlay:v=>c("",v)}),n&&s.jsx(be,{sdk:e}),s.jsx(S,{"data-nav":n.toString(),style:{display:!n||r===j?"block":"none"},children:a&&a({enableSdk:d,disableSdk:y})}),s.jsx(S,{"data-nav":n.toString(),style:{display:r===b?"block":"none"},children:t&&r===b&&t[r]}),p&&n&&r===f&&s.jsx(Ae,{className:x.f,sdk:e}),!p&&n&&r===f&&s.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"You are not logged in."})]})},$e=({sdkKey:e,plugins:t,children:a,production:n=!0})=>s.jsx(x.StreamLayerProvider,{sdkKey:e,plugins:t,production:n,autoEnable:!1,children:a}),Te=({children:e,overlays:t})=>{const{sdk:a,status:n}=o.useContext(x.StreamLayerContext);if(n===x.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return a?s.jsx("div",{className:"StreamLayerSDK",children:s.jsx(x.p,{style:{height:"100%"},children:s.jsx(Ne,{sdk:a,overlays:t,children:e})})}):e({})};exports.MastersStreamLayerProvider=$e;exports.MastersStreamLayerSDKReact=Te;exports.e=_e;exports.f=$;exports.n=T;exports.o=A;exports.r=S;exports.w=N;

package/lib/{masters-aed3ad5f.js → masters-62d1a034.js}

@@ -1,15 +1,15 @@
 import { jsx as e, jsxs as m, Fragment as T } from "react/jsx-runtime";
-import { f as $, S as L, a as R, b as z, p as j } from "./index-0d23b24e.js";
-import { lazy as F, useMemo as C, Suspense as q, useRef as D, useState as g, useCallback as G, useEffect as O, useContext as P } from "react";
+import { f as $, S as L, a as R, b as z, p as F } from "./index-0d23b24e.js";
+import { lazy as j, useMemo as C, Suspense as q, useRef as D, useState as g, useCallback as G, useEffect as O, useContext as P } from "react";
 import { FeatureType as w, QuestionType as d } from "@streamlayer/sdk-web-types";
 import { useStore as f } from "@nanostores/react";
 import { FeatureStatus as b } from "@streamlayer/sdk-web-interfaces";
-import { s as l, e as y, c as M } from "./index-05d85ab5.js";
+import { s as l, t as y, c as M } from "./index-0ee221fc.js";
 import { NotificationType as A } from "@streamlayer/sdk-web-notifications";
 const U = ({ feature: s, sdk: a, children: n, className: t }) => {
-  const i = f(s.status), { slStreamId: r } = f(a.sdkStore);
-  return r != null && r.loading ? /* @__PURE__ */ e("div", { className: t, children: "event is loading..." }) : r != null && r.data ? i !== b.Ready ? /* @__PURE__ */ e("div", { className: t, children: "wait feature..." }) : n : /* @__PURE__ */ e("div", { className: t, children: "event is forbidden..." });
-}, B = F(() => import("./index-7a48e98e.js")), Q = ({
+  const r = f(s.status), { slStreamId: i } = f(a.sdkStore);
+  return i != null && i.loading ? /* @__PURE__ */ e("div", { className: t, children: "event is loading..." }) : i != null && i.data ? r !== b.Ready ? /* @__PURE__ */ e("div", { className: t, children: "wait feature..." }) : n : /* @__PURE__ */ e("div", { className: t, children: "event is forbidden..." });
+}, B = j(() => import("./index-ffb81042.js")), Q = ({
   sdk: s,
   feature: a,
   className: n
@@ -35,8 +35,8 @@ const V = /* @__PURE__ */ l("button")({
   name: "a",
   class: "aka8vam",
   propsAsIs: !1
-}), S = ({ disabled: s, active: a, onClick: n, label: t, icon: i }) => /* @__PURE__ */ e(V, { onClick: n, disabled: s, "data-selected": a, children: /* @__PURE__ */ m(T, { children: [
-  i && /* @__PURE__ */ e(K, { children: i }),
+}), S = ({ disabled: s, active: a, onClick: n, label: t, icon: r }) => /* @__PURE__ */ e(V, { onClick: n, disabled: s, "data-selected": a, children: /* @__PURE__ */ m(T, { children: [
+  r && /* @__PURE__ */ e(K, { children: r }),
   /* @__PURE__ */ e(W, { children: t })
 ] }) });
 const Y = () => y, H = /* @__PURE__ */ l(Y())({
@@ -98,11 +98,11 @@ const ts = /* @__PURE__ */ l("div")({
   className: a,
   children: s
 });
-const rs = () => ls, is = /* @__PURE__ */ l(rs())({
+const is = () => ls, rs = /* @__PURE__ */ l(is())({
   name: "n",
   class: "n9bnom",
   propsAsIs: !0
-}), cs = ({ activeOverlay: s, setActiveOverlay: a, sdkReady: n, className: t }) => /* @__PURE__ */ m(is, { className: t, children: [
+}), cs = ({ activeOverlay: s, setActiveOverlay: a, sdkReady: n, className: t }) => /* @__PURE__ */ m(rs, { className: t, children: [
   /* @__PURE__ */ e(J, { active: s === k, onClick: () => a(k) }),
   /* @__PURE__ */ e(
     ss,
@@ -147,10 +147,10 @@ const ds = /* @__PURE__ */ l("div")({
   class: "soibf55",
   propsAsIs: !1
 }), vs = ({ poster: s, source: a }) => {
-  const n = D(null), [t, i] = g(!1), [r, o] = g(!0);
+  const n = D(null), [t, r] = g(!1), [i, o] = g(!0);
   return /* @__PURE__ */ m(ds, { onClick: () => {
     const c = n == null ? void 0 : n.current;
-    c && i((v) => v ? (c.pause(), !1) : (c.play(), o(!1), !0));
+    c && r((v) => v ? (c.pause(), !1) : (c.play(), o(!1), !0));
   }, children: [
     /* @__PURE__ */ e(
       ps,
@@ -159,12 +159,12 @@ const ds = /* @__PURE__ */ l("div")({
         src: a,
         onEnded: () => {
           var c;
-          (c = n == null ? void 0 : n.current) == null || c.load(), i(!1), o(!0);
+          (c = n == null ? void 0 : n.current) == null || c.load(), r(!1), o(!0);
         },
-        style: { visibility: r ? "hidden" : "visible" }
+        style: { visibility: i ? "hidden" : "visible" }
       }
     ),
-    /* @__PURE__ */ e(us, { src: s, style: { visibility: r ? "visible" : "hidden" } }),
+    /* @__PURE__ */ e(us, { src: s, style: { visibility: i ? "visible" : "hidden" } }),
     /* @__PURE__ */ e(ms, { children: !t && /* @__PURE__ */ e(y, { name: "icon-play" }) })
   ] });
 };
@@ -173,12 +173,12 @@ const fs = /* @__PURE__ */ l("div")({
   class: "rcr31jh",
   propsAsIs: !1
 }), hs = /* @__PURE__ */ l("div")({
-  name: "t",
-  class: "thj4z8w",
+  name: "i",
+  class: "ihj4z8w",
   propsAsIs: !1
 }), ys = /* @__PURE__ */ l("h3")({
-  name: "i",
-  class: "i1oks4sz",
+  name: "t",
+  class: "t1oks4sz",
   propsAsIs: !1
 }), bs = /* @__PURE__ */ l("div")({
   name: "n",
@@ -194,7 +194,7 @@ const fs = /* @__PURE__ */ l("div")({
   body: n,
   action: t
 }) => /* @__PURE__ */ m(fs, { children: [
-  s && /* @__PURE__ */ e(vs, { source: s.url, poster: s.thumbnailUrl }),
+  (s == null ? void 0 : s.url) && /* @__PURE__ */ e(vs, { source: s.url, poster: s.thumbnailUrl }),
   /* @__PURE__ */ m(hs, { children: [
     /* @__PURE__ */ e(ys, { children: a }),
     /* @__PURE__ */ e(bs, { children: n }),
@@ -236,16 +236,16 @@ const Is = () => y, As = () => y, Ss = /* @__PURE__ */ l("div")({
 }), N = ({
   close: s,
   action: a,
-  data: { questionType: n, question: t, insight: i }
+  data: { questionType: n, question: t, insight: r }
 }) => {
-  const r = os[n];
-  return r ? /* @__PURE__ */ m(Ss, { children: [
+  const i = os[n];
+  return i ? /* @__PURE__ */ m(Ss, { children: [
     /* @__PURE__ */ e($s, { onClick: s, children: /* @__PURE__ */ e(Ns, { name: "icon-cross" }) }),
     /* @__PURE__ */ m(xs, { children: [
-      /* @__PURE__ */ e(_s, { name: r.iconName }),
-      /* @__PURE__ */ e(Cs, { children: r.label })
+      /* @__PURE__ */ e(_s, { name: i.iconName }),
+      /* @__PURE__ */ e(Cs, { children: i.label })
     ] }),
-    n === d.FACTOID ? /* @__PURE__ */ e(ks, { ...i, action: a }) : /* @__PURE__ */ e(Os, { children: t == null ? void 0 : t.title }),
+    n === d.FACTOID ? /* @__PURE__ */ e(ks, { ...r, action: a }) : /* @__PURE__ */ e(Os, { children: t == null ? void 0 : t.title }),
     n !== d.FACTOID && /* @__PURE__ */ e(ws, { onClick: a, children: "Answer" })
   ] }) : null;
 };
@@ -271,14 +271,14 @@ const Rs = () => Ls, x = /* @__PURE__ */ l(Rs())({
   const a = s.getNotificationsStore(), n = f(a), t = C(() => {
     if (!(n != null && n.size))
       return null;
-    for (const i of n.values())
-      if (i.type === A.ONBOARDING)
-        return i;
+    for (const r of n.values())
+      if (r.type === A.ONBOARDING)
+        return r;
     return n.values().next().value;
   }, [n]);
   return (t == null ? void 0 : t.type) === A.QUESTION ? /* @__PURE__ */ e(x, { hiding: t.hiding, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(N, { ...t }) }) }) : (t == null ? void 0 : t.type) === A.QUESTION_RESOLVED ? /* @__PURE__ */ e(x, { hiding: t.hiding, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(N, { ...t }) }) }) : null;
 };
-const js = () => qs, Fs = /* @__PURE__ */ l("div")({
+const Fs = () => qs, js = /* @__PURE__ */ l("div")({
   name: "i",
   class: "idhrx8x",
   propsAsIs: !1
@@ -290,22 +290,22 @@ const js = () => qs, Fs = /* @__PURE__ */ l("div")({
   name: "n",
   class: "n1v8kucd",
   propsAsIs: !1
-}), Js = /* @__PURE__ */ l(js())({
+}), Js = /* @__PURE__ */ l(Fs())({
   name: "e",
   class: "e16yw7z1",
   propsAsIs: !0
 }), Ds = (s) => {
-  const [a, n] = g(!1), t = f(s.status), { data: i } = f(s.getUserStore()), r = t === "ready", [o, c] = g(u), v = G(
+  const [a, n] = g(!1), t = f(s.status), { data: r } = f(s.getUserStore()), i = t === "ready", [o, c] = g(u), v = G(
     (p, h) => {
       c(h), h === u ? (p && s.createEventSession(p), s.openFeature(w.GAMES)) : s.closeFeature();
     },
     [s]
   );
   return O(() => {
-    !r && o === u && (c(k), s.closeFeature());
-  }, [r, o, s]), {
+    !i && o === u && (c(k), s.closeFeature());
+  }, [i, o, s]), {
     sdkEnabled: a,
-    sdkReady: r,
+    sdkReady: i,
     activeOverlay: o,
     activateAndLoadOverlay: v,
     enableSdk: (p) => {
@@ -323,22 +323,22 @@ const js = () => qs, Fs = /* @__PURE__ */ l("div")({
     disableSdk: () => {
       n(!1), s.disableApp();
     },
-    isLogged: !!i
+    isLogged: !!r
   };
 }, Gs = (s) => {
-  const a = f(s.getActiveFeature()), n = f(s.streamStore()), [t, i] = g(null);
+  const a = f(s.getActiveFeature()), n = f(s.streamStore()), [t, r] = g(null);
   return O(() => {
-    const r = s.getFeatures();
+    const i = s.getFeatures();
     if (a)
-      for (const [o, c] of r)
-        o === a ? c.status.get() === b.Suspended && (c.enable(), i(c)) : c.status.get() === b.Ready && c.disable();
+      for (const [o, c] of i)
+        o === a ? c.status.get() === b.Suspended && (c.enable(), r(c)) : c.status.get() === b.Ready && c.disable();
     else {
-      for (const [, o] of r)
+      for (const [, o] of i)
         o.status.get() === b.Ready && o.disable();
-      i(null);
+      r(null);
     }
     return () => {
-      for (const [, o] of r)
+      for (const [, o] of i)
         o.status.get() === b.Ready && o.disable();
     };
   }, [a, s, n]), [a, t];
@@ -346,13 +346,13 @@ const js = () => qs, Fs = /* @__PURE__ */ l("div")({
   const [, n] = Gs(s);
   return /* @__PURE__ */ e(Q, { className: a, feature: n, sdk: s });
 }, Ms = ({ sdk: s, overlays: a, children: n }) => {
-  const { sdkEnabled: t, sdkReady: i, activeOverlay: r, activateAndLoadOverlay: o, enableSdk: c, disableSdk: v, isLogged: p } = Ds(s);
-  return /* @__PURE__ */ m(Fs, { children: [
+  const { sdkEnabled: t, sdkReady: r, activeOverlay: i, activateAndLoadOverlay: o, enableSdk: c, disableSdk: v, isLogged: p } = Ds(s);
+  return /* @__PURE__ */ m(js, { children: [
     t && /* @__PURE__ */ e(
       cs,
       {
-        sdkReady: i,
-        activeOverlay: r,
+        sdkReady: r,
+        activeOverlay: i,
         className: $,
         setActiveOverlay: (h) => o("", h)
       }
@@ -362,7 +362,7 @@ const js = () => qs, Fs = /* @__PURE__ */ l("div")({
       _,
       {
         "data-nav": t.toString(),
-        style: { display: !t || r === k ? "block" : "none" },
+        style: { display: !t || i === k ? "block" : "none" },
         children: n && n({ enableSdk: c, disableSdk: v })
       }
     ),
@@ -370,12 +370,12 @@ const js = () => qs, Fs = /* @__PURE__ */ l("div")({
       _,
       {
         "data-nav": t.toString(),
-        style: { display: r === I ? "block" : "none" },
-        children: a && r === I && a[r]
+        style: { display: i === I ? "block" : "none" },
+        children: a && i === I && a[i]
       }
     ),
-    p && t && r === u && /* @__PURE__ */ e(Ps, { className: $, sdk: s }),
-    !p && t && r === u && /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "You are not logged in." })
+    p && t && i === u && /* @__PURE__ */ e(Ps, { className: $, sdk: s }),
+    !p && t && i === u && /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "You are not logged in." })
   ] });
 }, Xs = ({
   sdkKey: s,
@@ -386,7 +386,7 @@ const js = () => qs, Fs = /* @__PURE__ */ l("div")({
   const { sdk: n, status: t } = P(R);
   if (t === z.UNSET)
     throw new Error("Wrap app in `StreamLayerProvider`");
-  return n ? /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(j, { style: { height: "100%" }, children: /* @__PURE__ */ e(Ms, { sdk: n, overlays: a, children: s }) }) }) : s({});
+  return n ? /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(F, { style: { height: "100%" }, children: /* @__PURE__ */ e(Ms, { sdk: n, overlays: a, children: s }) }) }) : s({});
 };
 export {
   Xs as M,

package/lib/style.css

@@ -1 +1 @@
-.StreamLayerSDK .StreamLayerCSSReset a,.StreamLayerSDK .StreamLayerCSSReset abbr,.StreamLayerSDK .StreamLayerCSSReset acronym,.StreamLayerSDK .StreamLayerCSSReset address,.StreamLayerSDK .StreamLayerCSSReset applet,.StreamLayerSDK .StreamLayerCSSReset article,.StreamLayerSDK .StreamLayerCSSReset aside,.StreamLayerSDK .StreamLayerCSSReset audio,.StreamLayerSDK .StreamLayerCSSReset b,.StreamLayerSDK .StreamLayerCSSReset big,.StreamLayerSDK .StreamLayerCSSReset blockquote,.StreamLayerSDK .StreamLayerCSSReset body,.StreamLayerSDK .StreamLayerCSSReset button,.StreamLayerSDK .StreamLayerCSSReset canvas,.StreamLayerSDK .StreamLayerCSSReset caption,.StreamLayerSDK .StreamLayerCSSReset center,.StreamLayerSDK .StreamLayerCSSReset cite,.StreamLayerSDK .StreamLayerCSSReset code,.StreamLayerSDK .StreamLayerCSSReset dd,.StreamLayerSDK .StreamLayerCSSReset del,.StreamLayerSDK .StreamLayerCSSReset details,.StreamLayerSDK .StreamLayerCSSReset dfn,.StreamLayerSDK .StreamLayerCSSReset div,.StreamLayerSDK .StreamLayerCSSReset dl,.StreamLayerSDK .StreamLayerCSSReset dt,.StreamLayerSDK .StreamLayerCSSReset em,.StreamLayerSDK .StreamLayerCSSReset embed,.StreamLayerSDK .StreamLayerCSSReset fieldset,.StreamLayerSDK .StreamLayerCSSReset figcaption,.StreamLayerSDK .StreamLayerCSSReset figure,.StreamLayerSDK .StreamLayerCSSReset footer,.StreamLayerSDK .StreamLayerCSSReset form,.StreamLayerSDK .StreamLayerCSSReset h1,.StreamLayerSDK .StreamLayerCSSReset h2,.StreamLayerSDK .StreamLayerCSSReset h3,.StreamLayerSDK .StreamLayerCSSReset h4,.StreamLayerSDK .StreamLayerCSSReset h5,.StreamLayerSDK .StreamLayerCSSReset h6,.StreamLayerSDK .StreamLayerCSSReset header,.StreamLayerSDK .StreamLayerCSSReset hgroup,.StreamLayerSDK .StreamLayerCSSReset html,.StreamLayerSDK .StreamLayerCSSReset i,.StreamLayerSDK .StreamLayerCSSReset iframe,.StreamLayerSDK .StreamLayerCSSReset img,.StreamLayerSDK .StreamLayerCSSReset ins,.StreamLayerSDK .StreamLayerCSSReset kbd,.StreamLayerSDK .StreamLayerCSSReset label,.StreamLayerSDK .StreamLayerCSSReset legend,.StreamLayerSDK .StreamLayerCSSReset li,.StreamLayerSDK .StreamLayerCSSReset mark,.StreamLayerSDK .StreamLayerCSSReset menu,.StreamLayerSDK .StreamLayerCSSReset nav,.StreamLayerSDK .StreamLayerCSSReset object,.StreamLayerSDK .StreamLayerCSSReset ol,.StreamLayerSDK .StreamLayerCSSReset output,.StreamLayerSDK .StreamLayerCSSReset p,.StreamLayerSDK .StreamLayerCSSReset pre,.StreamLayerSDK .StreamLayerCSSReset q,.StreamLayerSDK .StreamLayerCSSReset ruby,.StreamLayerSDK .StreamLayerCSSReset s,.StreamLayerSDK .StreamLayerCSSReset samp,.StreamLayerSDK .StreamLayerCSSReset section,.StreamLayerSDK .StreamLayerCSSReset small,.StreamLayerSDK .StreamLayerCSSReset span,.StreamLayerSDK .StreamLayerCSSReset strike,.StreamLayerSDK .StreamLayerCSSReset strong,.StreamLayerSDK .StreamLayerCSSReset sub,.StreamLayerSDK .StreamLayerCSSReset summary,.StreamLayerSDK .StreamLayerCSSReset sup,.StreamLayerSDK .StreamLayerCSSReset table,.StreamLayerSDK .StreamLayerCSSReset tbody,.StreamLayerSDK .StreamLayerCSSReset td,.StreamLayerSDK .StreamLayerCSSReset tfoot,.StreamLayerSDK .StreamLayerCSSReset th,.StreamLayerSDK .StreamLayerCSSReset thead,.StreamLayerSDK .StreamLayerCSSReset time,.StreamLayerSDK .StreamLayerCSSReset tr,.StreamLayerSDK .StreamLayerCSSReset tt,.StreamLayerSDK .StreamLayerCSSReset u,.StreamLayerSDK .StreamLayerCSSReset ul,.StreamLayerSDK .StreamLayerCSSReset var,.StreamLayerSDK .StreamLayerCSSReset video{outline:none}.StreamLayerSDK,.StreamLayerSDK>.StreamLayerSDKTheme{height:100%}.StreamLayerSDKTheme *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.StreamLayerSDK>.StreamLayerSDKTheme .l4qld3l{align-items:center;border-radius:40px;-moz-column-gap:8px;column-gap:8px;display:inline-flex;padding:4px 17px 4px 4px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .l4qld3l:before{border:1px solid var(--color-neutrals-white);border-radius:40px;bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0;z-index:-1}@media (max-width:767px){.l4qld3l{padding-right:10px}}.StreamLayerSDK>.StreamLayerSDKTheme .ainhtok{-ms-flex-negative:0;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--color-primary-green2);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}@media (max-width:767px){.ainhtok{height:28px;width:28px}}.StreamLayerSDK>.StreamLayerSDKTheme .xk8yd5t{height:20px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .xk8yd5t path{fill:var(--color-neutrals-white)}@media (max-width:767px){.xk8yd5t{height:14px;width:14px}}.StreamLayerSDK>.StreamLayerSDKTheme .h6rf9gb{color:var(--color-neutrals-white);display:flex;flex-direction:column;font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .c18f5pxx{font-size:9px;margin-bottom:1px;text-transform:uppercase}@media (max-width:767px){.c18f5pxx{display:none}}.StreamLayerSDK>.StreamLayerSDKTheme .m1jwsyj1{font-size:18px;line-height:20px}@media (max-width:767px){.m1jwsyj1{font-size:14px;line-height:22px}}.StreamLayerSDK>.StreamLayerSDKTheme .pedqibx{--color-bg-transparent:rgba(0,0,0,.8);--color-bg-transparent-vote-container:rgba(10,14,19,.8);--color-bg-transparent-item:rgba(0,0,0,.7);--color-bg-transparent-item-vote:hsla(0,0%,100%,.1);--color-bg-transparent-item-success:rgba(0,139,251,.2);--color-bg-transparent-item-error:rgba(205,37,37,.2);--color-bg-transparent-vote-progress:hsla(0,0%,100%,.2);--color-bg-transparent-vote-progress-success:rgba(60,139,251,.5);--color-bg-transparent-vote-progress-error:rgba(205,37,37,.5);--color-bg-transparent-onboarding-inapp:rgba(138,159,182,.2);--color-leaderboard-unit:hsla(0,0%,100%,.5);--color-blue-primary:#1589ee;--color-red-primary:#cd2525;--color-red-secondary:#eb5757;--color-blue-question-action-btn:#1589ee;--color-white:#fff;--color-grey-1:#909395;--color-grey-2:#22262b;--color-grey-3:#2d3135;--color-grey-4:#53565a;--color-grey-primary-onboarding-inapp:#b5b7b8;--color-black-1:#161a1f;--color-green-1:#f7b801;--color-red-1:#a30000;--color-red-2:#ff4170;--color-grey-primary:#909395;--color-divider-color-secondary:#53565a;--color-green-primary-btn:#009b77;--color-primary-green1:#107d57;--color-primary-green2:#006747;--color-primary-green3:#1c4932;--color-primary-green4:#193526;--color-secondary-red1:#df2f3b;--color-secondary-red2:#ba0c2f;--color-secondary-red3:#f9d6d8;--color-secondary-yellow:#fce300;--color-secondary-green5:#c0dc8f;--color-secondary-green6:#cee5de;--color-neutrals-white:#fff;--color-neutrals-gray1:#f7f7f7;--color-neutrals-gray2:#f2f2f1;--color-neutrals-gray3:#e8e8e8;--color-neutrals-gray4:#d9d9d6;--color-neutrals-gray5:#b1b3b3;--color-neutrals-gray6:#888b8d;--color-neutrals-gray7:#6b6f73;--color-neutrals-gray8:#53565a;--color-neutrals-gray9:#25282a;--color-neutrals-black:#000;--font-family:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-regular:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-color:#fff;--font-serif:"Tiempos","Tiempos Text",Times New Roman,serif;--font-weight-default:500;--header-height:68px;--animation-duration:0.5s;--animation-function:ease;--container-padding:16px;--border-radius:8px}.StreamLayerSDK>.StreamLayerSDKTheme .pedqibx *{box-sizing:border-box}.StreamLayerSDK>.StreamLayerSDKTheme .k14894ro{background:#222425;height:100%;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2,.StreamLayerSDK>.StreamLayerSDKTheme .k14894ro{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2{background-color:var(--color-white);border:1px solid var(--color-neutrals-gray3);border-radius:100px;color:var(--color-primary-green1);cursor:pointer;font-size:12px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.5px;-moz-letter-spacing:-.5px;-ms-letter-spacing:-.5px;letter-spacing:-.5px;max-height:36px;min-height:36px;padding:0 8px}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]:disabled:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:disabled{cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:disabled:hover{border-color:var(--color-neutrals-gray3);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .tw2meku{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:22px;justify-content:center;margin-right:5px;width:22px}.StreamLayerSDK>.StreamLayerSDKTheme .a10lggiw[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .a10lggiw[data-selected=true] g>path:nth-child(2){fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .d1x5s8ie[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .d1x5s8ie[data-selected=true] g>path:nth-child(2){fill:#fff;stroke:#107d57}.StreamLayerSDK>.StreamLayerSDKTheme .ntav86o[data-selected=true] g>path{fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .n1rlvhvz{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-neutrals-white);display:flex;justify-content:space-between}.StreamLayerSDK>.StreamLayerSDKTheme .n9bnom{animation:show-nav-n9bnom .5s ease;animation-fill-mode:forwards;border-bottom:1px solid var(--color-neutrals-gray3);box-sizing:border-box;left:0;opacity:0;overflow:hidden;padding:var(--container-padding);position:absolute;right:0;top:0}.StreamLayerSDK>.StreamLayerSDKTheme .n9bnom>button:not(:last-child){margin-right:8px}@keyframes show-nav-n9bnom{90%{opacity:0}to{height:68px;opacity:1}}.StreamLayerSDK>.StreamLayerSDKTheme .i1bwjtdb{border-radius:8px;cursor:pointer;display:flex;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .enb7moc{width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .r1ws5lyh{height:100%;left:0;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .soibf55{cursor:pointer;display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.StreamLayerSDK>.StreamLayerSDKTheme .rcr31jh{background-color:var(--color-neutrals-white);border-radius:8px;box-sizing:border-box;row-gap:16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .rcr31jh,.StreamLayerSDK>.StreamLayerSDKTheme .thj4z8w{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .thj4z8w{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .i1oks4sz{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;font-weight:var(--font-weight-default);line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .n18s3mno{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--color-neutrals-gray9);display:-webkit-box;font-size:12px;font-weight:550;font-weight:var(--font-weight-default);line-height:24px;max-height:50px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .lc8mqwv{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);display:flex;font-size:14px;font-weight:550;height:44px;justify-content:center;outline:none;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .lc8mqwv:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .p16oo5uk{background:#fff;border-radius:8px;box-sizing:border-box;overflow:hidden;padding:16px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .a18c5k3h{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:11px;top:11px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .czv5t8k g>path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .czv5t8k:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .s1wp1emp{align-items:center;display:flex;margin-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .l1nz0q6x{height:20px;margin-right:4px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .l1nz0q6x path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .g1jhb9lu{color:var(--color-neutrals-gray7);font-size:12px;font-weight:550}.StreamLayerSDK>.StreamLayerSDKTheme .ds6gfsv{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;margin-bottom:12px;padding-right:10px}.StreamLayerSDK>.StreamLayerSDKTheme .xkzz16s{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);cursor:pointer;display:flex;font-size:14px;font-weight:550;height:44px;justify-content:center;outline:none;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .xkzz16s:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .s1aopxp8{animation:containerShowIn-s1aopxp8 ease-out;animation-duration:var(--animation-duration);max-height:2500px;opacity:1;overflow:hidden;transform:scale(1);width:100%}@keyframes containerShowIn-s1aopxp8{0%{max-height:0;opacity:0;transform:scale(0)}80%{max-height:2500px;opacity:0;transform:scale(.9)}85%{max-height:2500px;transform:scale(.9)}to{max-height:2500px;opacity:1;transform:scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .c1t0h6s{animation:containerHide-c1t0h6s ease-out;animation-direction:reverse;animation-duration:var(--animation-duration);animation-fill-mode:forwards}@keyframes containerHide-c1t0h6s{0%{max-height:0;opacity:0;transform:scale(0)}80%{max-height:2500px;opacity:0;transform:scale(.9)}85%{max-height:2500px;transform:scale(.9)}to{max-height:2500px;opacity:1;transform:scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .d1qqtt3e{animation-duration:calc(var(--animation-duration)*3);position:relative;top:var(--header-height)}.StreamLayerSDK>.StreamLayerSDKTheme .d1qqtt3e>div{padding:var(--container-padding) calc(var(--container-padding)*2)}.StreamLayerSDK>.StreamLayerSDKTheme .idhrx8x{background:transparent;font-family:var(--font-regular);height:100%;min-width:324px;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep{height:100%;overflow-y:auto;transition:transform;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-function);width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep[data-nav=true]{height:calc(100% - var(--header-height));transform:translateY(var(--header-height))}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep[data-question-header=true]{height:calc(100% - var(--question-headers-height));transform:translateY(var(--question-headers-height))}.StreamLayerSDK>.StreamLayerSDKTheme .n1v8kucd{display:flex;flex-direction:column;gap:var(--container-padding);padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .e16yw7z1.n1v8kucd{background-color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .acysrl1{-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--color-neutrals-white);border-bottom:1px solid var(--color-neutrals-gray3);box-sizing:border-box;color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);justify-content:space-between;padding:12px 12px 12px 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .acysrl1,.StreamLayerSDK>.StreamLayerSDKTheme .lo57cjm{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .p14kwh4y{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .p14kwh4y path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .sxun7sq{font-family:var(--font-regular);margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .c1i8ida8{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;outline:none;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .g1m0xfmw path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .g1m0xfmw:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .taj61ja{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-primary-green2);border-radius:4px;color:var(--color-neutrals-white);display:flex;flex:1;justify-content:space-between;overflow:hidden;padding:9px 8px}.StreamLayerSDK>.StreamLayerSDKTheme .r19fxewd{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .i1whkbqh{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .i4lbhzs{align-items:center;color:var(--color-neutrals-white);display:flex;flex-direction:column;padding-top:2px;row-gap:4px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .ordquhq{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .nwzed99{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .o15y0waw{background-color:var(--color-primary-green1);border-radius:12px;font-weight:var(--font-weight-default);padding:12px}.StreamLayerSDK>.StreamLayerSDKTheme .ihjewwf{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex;justify-content:space-between;margin-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n10e9lv8{display:flex;flex-direction:column;row-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .r13bxv{-moz-column-gap:8px;column-gap:8px;display:flex;flex:1;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .a1fi59c9{-ms-flex-negative:0;border-radius:50%;flex-shrink:0;height:48px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .s1kkihge{display:flex;flex-direction:column;overflow:hidden;row-gap:6px}.StreamLayerSDK>.StreamLayerSDKTheme .cy4f4t{color:var(--color-white);font-size:16px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .p18cnlx1{align-items:center;color:var(--color-neutrals-white);-moz-column-gap:8px;column-gap:8px;display:flex;font-size:14px;height:14px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .lboqgs5{height:15px;width:15px}.StreamLayerSDK>.StreamLayerSDKTheme .d1oaal4{align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .d1oaal4,.StreamLayerSDK>.StreamLayerSDKTheme .x1yzgo0u{-moz-column-gap:4px;column-gap:4px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .x1yzgo0u{align-items:baseline}.StreamLayerSDK>.StreamLayerSDKTheme .f1l9i8s8{font-size:9px;opacity:.8}.StreamLayerSDK>.StreamLayerSDKTheme .g4cgl4u{background-color:var(--color-white);height:10px;opacity:.2;width:1px}.StreamLayerSDK>.StreamLayerSDKTheme .h1qn1tmd{-moz-column-gap:8px;column-gap:8px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .u1gsbhq4{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--color-primary-green2);border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .mvj8oco{-ms-flex-negative:0;background:#2d6ffd;border-radius:50%;color:#fff;flex-shrink:0;font-size:18px;height:48px;text-align:center;text-transform:uppercase;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .mvj8oco,.StreamLayerSDK>.StreamLayerSDKTheme .viqiaf2{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .viqiaf2{background-color:transparent;border:none;border-radius:50%;cursor:pointer;height:100%;max-height:48px;max-width:48px;outline:none;padding:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ciyeb68{align-items:center;display:flex;font-size:14px;margin-bottom:16px;padding:8px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ciyeb68[data-isPrediction=true]{align-items:flex-start}.StreamLayerSDK>.StreamLayerSDKTheme .nfic4xc{height:24px;margin-left:12px;margin-right:14px;min-width:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .nfic4xc g>path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;margin-right:16px;min-width:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66[data-feedbackType=correct]{background-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66[data-feedbackType=incorrect]{background-color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .p132yxcv{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw{margin-right:5px}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw[data-feedbackType=correct]{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw[data-feedbackType=incorrect]{color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .gzdx7pk{color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .smnc4zm{font-weight:400;margin-top:10px}.StreamLayerSDK>.StreamLayerSDKTheme .olc1eph{height:100%;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .olc1eph>div:not(:last-child){margin-bottom:16px}.StreamLayerSDK>.StreamLayerSDKTheme .n1yoh29a{padding:16px 16px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .pjkr5mb{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;margin:16px 0}.StreamLayerSDK>.StreamLayerSDKTheme .r82wnnx{display:flex;flex-direction:column;gap:8px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k{background-color:var(--color-neutrals-gray2);border:1px solid transparent;border-radius:4px;box-sizing:border-box;height:44px;max-height:44px;min-height:44px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k:hover:not(:disabled){border-color:var(--color-neutrals-gray5);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-selected=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=correct]{border-color:var(--color-primary-green1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=correct]:before{background-color:var(--color-primary-green1);content:"";display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=incorrect]{border-color:var(--color-secondary-red1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=incorrect]:before{background-color:var(--color-secondary-red1);content:"";display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-isNotChecked=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3{background-color:var(--color-neutrals-gray3);border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width 1s ease-in;z-index:0}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=correct]{background-color:var(--color-primary-green1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=incorrect]{background-color:var(--color-secondary-red1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=unset]{background-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .dmltvg2{align-items:center;background-color:transparent;border:none;border-radius:2px;color:var(--color-neutrals-gray9);display:flex;font-family:var(--font-regular);font-size:12px;font-weight:var(--font-weight-default);height:100%;outline:none;padding:5px 15px 5px 9px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .stfjpqz{width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .p198m24r{background-repeat:no-repeat;background-size:contain;bottom:-1px;height:52px;left:0;position:absolute;width:52px}.StreamLayerSDK>.StreamLayerSDKTheme .rbq5eu7{margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .g1iv6oeb.rbq5eu7{height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .h1qtxlqc.rbq5eu7{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .udm736q{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .b1da34tx{display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .x1dqwq83{line-height:17px;margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .v10s9my2{height:16px;margin-left:8px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .a1f928zy{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .a1r7f3z4{-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:1px solid var(--color-neutrals-gray3);border-radius:100px;color:var(--color-neutrals-gray9);display:flex;font-family:var(--font-regular);font-size:14px;font-weight:var(--font-weight-default);justify-content:space-between;-webkit-letter-spacing:-.15px;-moz-letter-spacing:-.15px;-ms-letter-spacing:-.15px;letter-spacing:-.15px;min-height:40px;padding:3px 3px 3px 11px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .a1r7f3z4>div:first-child:last-child{margin-left:auto;margin-right:auto}.StreamLayerSDK>.StreamLayerSDKTheme .sblndl{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .l7ka1tv{color:var(--color-neutrals-gray7);margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .p1edlxt3{margin-right:4px}.StreamLayerSDK>.StreamLayerSDKTheme .ghm08u2{align-items:flex-end;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .c12nsh46{font-size:14px;line-height:14px;margin-right:6px}.StreamLayerSDK>.StreamLayerSDKTheme .dlr9eoc{font-size:10px}.StreamLayerSDK>.StreamLayerSDKTheme .e1eio0mt{row-gap:16px}.StreamLayerSDK>.StreamLayerSDKTheme .e1eio0mt,.StreamLayerSDK>.StreamLayerSDKTheme .iigl87b{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .iigl87b{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n1o2cwub{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:16px;font-weight:var(--font-weight-default);line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .r3uxe45{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .lrqius{color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .o18unvw4{background-color:var(--color-neutrals-white);display:flex;flex-direction:column;padding:var(--container-padding);row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .ns0uvk8{-webkit-box-pack:center;-ms-flex-pack:center;border:1px solid var(--color-primary-green1);border-radius:40px;color:var(--color-primary-green1);-moz-column-gap:10px;column-gap:10px;font-size:14px;font-weight:var(--font-weight-default);justify-content:center;line-height:20px;padding:11px 16px;-webkit-text-decoration:none;text-decoration:none}.StreamLayerSDK>.StreamLayerSDKTheme .dk8r1eq,.StreamLayerSDK>.StreamLayerSDKTheme .ns0uvk8{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .dk8r1eq{-webkit-box-pack:start;-ms-flex-pack:start;background:var(--color-transparent-item);flex-direction:column;height:100%;justify-content:flex-start;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o{background-color:var(--color-neutrals-gray2);border-radius:8px;box-sizing:border-box;display:flex;overflow:hidden;padding:4px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o:before{background-color:var(--color-white);border-radius:6px;content:"";height:28px;left:4px;position:absolute;transition:transform var(--animation-duration) var(--animation-function);width:calc(50% - 4px)}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o[data-position=left]:before{transform:translateX(0)}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o[data-position=right]:before{transform:translateX(100%)}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;box-sizing:border-box;color:var(--color-neutrals-gray7);cursor:pointer;display:flex;font-size:12px;font-weight:550;height:28px;justify-content:center;outline:none;padding:4px 10px;width:50%}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl:hover{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl[data-selected=true]{color:var(--color-primary-green1);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .i1vk8ojx{position:relative;z-index:2}.StreamLayerSDK>.StreamLayerSDKTheme .a1w9zony{align-items:center;background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-gray3);border-radius:8px;color:var(--color-neutrals-gray9);-moz-column-gap:4px;column-gap:4px;cursor:pointer;display:flex;font-size:12px;font-weight:var(--font-weight-default);line-height:16px;padding:8px 16px 8px 8px}.StreamLayerSDK>.StreamLayerSDKTheme .a1w9zony:hover{border-color:var(--color-neutrals-gray5);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .l16qcfv8{min-width:28px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .p1gmcc5f{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .s1doddh0{-ms-flex-negative:0;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--color-grey-primary-onboarding-inapp);border-radius:50%;color:var(--color-neutrals-gray9);flex-shrink:0;font-size:12px;height:32px;justify-content:center;text-align:center;text-transform:uppercase;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .c1js9xhe,.StreamLayerSDK>.StreamLayerSDKTheme .s1doddh0{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .c1js9xhe{-webkit-box-flex:1;-ms-flex-positive:1;-moz-column-gap:8px;column-gap:8px;flex-grow:1}.StreamLayerSDK>.StreamLayerSDKTheme .d1tmnqsh{align-items:center;-moz-column-gap:4px;column-gap:4px;display:grid;grid-template-columns:1fr auto}.StreamLayerSDK>.StreamLayerSDKTheme .gi9h87j{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .x13mk3z6{flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2{border:1px solid;border-radius:71px;font-size:12px;font-weight:var(--font-weight-default);outline:none;padding:14px 16px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=primary]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=primary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=secondary]{background-color:transparent;border-color:var(--color-primary-green1);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=secondary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2:disabled{opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2:disabled:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .s1lblda3{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:var(--border-radius);display:flex;gap:12px;justify-content:space-between;padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .s1lblda3:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .ascvb2g{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;display:flex;font-size:12px;font-weight:500;justify-content:flex-start;margin-bottom:8px}.StreamLayerSDK>.StreamLayerSDKTheme .p17rl8zy{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:14px;font-weight:400}.StreamLayerSDK>.StreamLayerSDKTheme .c6fk2ph{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .d1rdm136{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .d1rdm136 path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .fwqnnel{color:var(--color-neutrals-gray7);font-size:12px;font-weight:500;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .ucyxnlg{display:flex;flex:1;flex-direction:column;font-weight:700;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .xs2nk4s{color:var(--color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .gtym8sr{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:8px;height:20px;padding:6px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .vkjgzv5{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .h7uvs2c{text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .m53voq{border-left:1px solid var(--color-grey-primary);margin-left:5px;padding-left:5px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .n1jcgove{background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:8px;display:flex;flex-direction:column;padding:var(--container-padding);row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n1jcgove:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .n1jcgove .n1o2cwub{font-weight:400;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .n1jcgove .r3uxe45{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .l1bwp7hh{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);display:flex;font-size:14px;font-weight:550;height:44px;justify-content:center;outline:none;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .l1bwp7hh:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .t19vr3p1{display:flex;flex-direction:column;gap:8px;max-height:100%;overflow-y:auto}.StreamLayerSDK>.StreamLayerSDKTheme .e1ph66cs{background:var(--color-neutrals-white);inset:0;position:absolute;top:var(--header-height);z-index:3}.StreamLayerSDK>.StreamLayerSDKTheme .xorme7i{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;background:var(--color-transparent-item);display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .xorme7i>div{width:100%}
+.StreamLayerSDK .StreamLayerCSSReset a,.StreamLayerSDK .StreamLayerCSSReset abbr,.StreamLayerSDK .StreamLayerCSSReset acronym,.StreamLayerSDK .StreamLayerCSSReset address,.StreamLayerSDK .StreamLayerCSSReset applet,.StreamLayerSDK .StreamLayerCSSReset article,.StreamLayerSDK .StreamLayerCSSReset aside,.StreamLayerSDK .StreamLayerCSSReset audio,.StreamLayerSDK .StreamLayerCSSReset b,.StreamLayerSDK .StreamLayerCSSReset big,.StreamLayerSDK .StreamLayerCSSReset blockquote,.StreamLayerSDK .StreamLayerCSSReset body,.StreamLayerSDK .StreamLayerCSSReset button,.StreamLayerSDK .StreamLayerCSSReset canvas,.StreamLayerSDK .StreamLayerCSSReset caption,.StreamLayerSDK .StreamLayerCSSReset center,.StreamLayerSDK .StreamLayerCSSReset cite,.StreamLayerSDK .StreamLayerCSSReset code,.StreamLayerSDK .StreamLayerCSSReset dd,.StreamLayerSDK .StreamLayerCSSReset del,.StreamLayerSDK .StreamLayerCSSReset details,.StreamLayerSDK .StreamLayerCSSReset dfn,.StreamLayerSDK .StreamLayerCSSReset div,.StreamLayerSDK .StreamLayerCSSReset dl,.StreamLayerSDK .StreamLayerCSSReset dt,.StreamLayerSDK .StreamLayerCSSReset em,.StreamLayerSDK .StreamLayerCSSReset embed,.StreamLayerSDK .StreamLayerCSSReset fieldset,.StreamLayerSDK .StreamLayerCSSReset figcaption,.StreamLayerSDK .StreamLayerCSSReset figure,.StreamLayerSDK .StreamLayerCSSReset footer,.StreamLayerSDK .StreamLayerCSSReset form,.StreamLayerSDK .StreamLayerCSSReset h1,.StreamLayerSDK .StreamLayerCSSReset h2,.StreamLayerSDK .StreamLayerCSSReset h3,.StreamLayerSDK .StreamLayerCSSReset h4,.StreamLayerSDK .StreamLayerCSSReset h5,.StreamLayerSDK .StreamLayerCSSReset h6,.StreamLayerSDK .StreamLayerCSSReset header,.StreamLayerSDK .StreamLayerCSSReset hgroup,.StreamLayerSDK .StreamLayerCSSReset html,.StreamLayerSDK .StreamLayerCSSReset i,.StreamLayerSDK .StreamLayerCSSReset iframe,.StreamLayerSDK .StreamLayerCSSReset img,.StreamLayerSDK .StreamLayerCSSReset ins,.StreamLayerSDK .StreamLayerCSSReset kbd,.StreamLayerSDK .StreamLayerCSSReset label,.StreamLayerSDK .StreamLayerCSSReset legend,.StreamLayerSDK .StreamLayerCSSReset li,.StreamLayerSDK .StreamLayerCSSReset mark,.StreamLayerSDK .StreamLayerCSSReset menu,.StreamLayerSDK .StreamLayerCSSReset nav,.StreamLayerSDK .StreamLayerCSSReset object,.StreamLayerSDK .StreamLayerCSSReset ol,.StreamLayerSDK .StreamLayerCSSReset output,.StreamLayerSDK .StreamLayerCSSReset p,.StreamLayerSDK .StreamLayerCSSReset pre,.StreamLayerSDK .StreamLayerCSSReset q,.StreamLayerSDK .StreamLayerCSSReset ruby,.StreamLayerSDK .StreamLayerCSSReset s,.StreamLayerSDK .StreamLayerCSSReset samp,.StreamLayerSDK .StreamLayerCSSReset section,.StreamLayerSDK .StreamLayerCSSReset small,.StreamLayerSDK .StreamLayerCSSReset span,.StreamLayerSDK .StreamLayerCSSReset strike,.StreamLayerSDK .StreamLayerCSSReset strong,.StreamLayerSDK .StreamLayerCSSReset sub,.StreamLayerSDK .StreamLayerCSSReset summary,.StreamLayerSDK .StreamLayerCSSReset sup,.StreamLayerSDK .StreamLayerCSSReset table,.StreamLayerSDK .StreamLayerCSSReset tbody,.StreamLayerSDK .StreamLayerCSSReset td,.StreamLayerSDK .StreamLayerCSSReset tfoot,.StreamLayerSDK .StreamLayerCSSReset th,.StreamLayerSDK .StreamLayerCSSReset thead,.StreamLayerSDK .StreamLayerCSSReset time,.StreamLayerSDK .StreamLayerCSSReset tr,.StreamLayerSDK .StreamLayerCSSReset tt,.StreamLayerSDK .StreamLayerCSSReset u,.StreamLayerSDK .StreamLayerCSSReset ul,.StreamLayerSDK .StreamLayerCSSReset var,.StreamLayerSDK .StreamLayerCSSReset video{outline:none}.StreamLayerSDK,.StreamLayerSDK>.StreamLayerSDKTheme{height:100%}.StreamLayerSDKTheme *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.StreamLayerSDK>.StreamLayerSDKTheme .l4qld3l{align-items:center;border-radius:40px;-moz-column-gap:8px;column-gap:8px;display:inline-flex;padding:4px 17px 4px 4px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .l4qld3l:before{border:1px solid var(--color-neutrals-white);border-radius:40px;bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0;z-index:-1}@media (max-width:767px){.l4qld3l{padding-right:10px}}.StreamLayerSDK>.StreamLayerSDKTheme .ainhtok{-ms-flex-negative:0;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--color-primary-green2);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}@media (max-width:767px){.ainhtok{height:28px;width:28px}}.StreamLayerSDK>.StreamLayerSDKTheme .xk8yd5t{height:20px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .xk8yd5t path{fill:var(--color-neutrals-white)}@media (max-width:767px){.xk8yd5t{height:14px;width:14px}}.StreamLayerSDK>.StreamLayerSDKTheme .h6rf9gb{color:var(--color-neutrals-white);display:flex;flex-direction:column;font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .c18f5pxx{font-size:9px;margin-bottom:1px;text-transform:uppercase}@media (max-width:767px){.c18f5pxx{display:none}}.StreamLayerSDK>.StreamLayerSDKTheme .m1jwsyj1{font-size:18px;line-height:20px}@media (max-width:767px){.m1jwsyj1{font-size:14px;line-height:22px}}.StreamLayerSDK>.StreamLayerSDKTheme .pedqibx{--color-bg-transparent:rgba(0,0,0,.8);--color-bg-transparent-vote-container:rgba(10,14,19,.8);--color-bg-transparent-item:rgba(0,0,0,.7);--color-bg-transparent-item-vote:hsla(0,0%,100%,.1);--color-bg-transparent-item-success:rgba(0,139,251,.2);--color-bg-transparent-item-error:rgba(205,37,37,.2);--color-bg-transparent-vote-progress:hsla(0,0%,100%,.2);--color-bg-transparent-vote-progress-success:rgba(60,139,251,.5);--color-bg-transparent-vote-progress-error:rgba(205,37,37,.5);--color-bg-transparent-onboarding-inapp:rgba(138,159,182,.2);--color-leaderboard-unit:hsla(0,0%,100%,.5);--color-blue-primary:#1589ee;--color-red-primary:#cd2525;--color-red-secondary:#eb5757;--color-blue-question-action-btn:#1589ee;--color-white:#fff;--color-grey-1:#909395;--color-grey-2:#22262b;--color-grey-3:#2d3135;--color-grey-4:#53565a;--color-grey-primary-onboarding-inapp:#b5b7b8;--color-black-1:#161a1f;--color-green-1:#f7b801;--color-red-1:#a30000;--color-red-2:#ff4170;--color-grey-primary:#909395;--color-divider-color-secondary:#53565a;--color-green-primary-btn:#009b77;--color-primary-green1:#107d57;--color-primary-green2:#006747;--color-primary-green3:#1c4932;--color-primary-green4:#193526;--color-secondary-red1:#df2f3b;--color-secondary-red2:#ba0c2f;--color-secondary-red3:#f9d6d8;--color-secondary-yellow:#fce300;--color-secondary-green5:#c0dc8f;--color-secondary-green6:#cee5de;--color-neutrals-white:#fff;--color-neutrals-gray1:#f7f7f7;--color-neutrals-gray2:#f2f2f1;--color-neutrals-gray3:#e8e8e8;--color-neutrals-gray4:#d9d9d6;--color-neutrals-gray5:#b1b3b3;--color-neutrals-gray6:#888b8d;--color-neutrals-gray7:#6b6f73;--color-neutrals-gray8:#53565a;--color-neutrals-gray9:#25282a;--color-neutrals-black:#000;--font-family:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-regular:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-color:#fff;--font-serif:"Tiempos","Tiempos Text",Times New Roman,serif;--font-weight-default:500;--header-height:68px;--animation-duration:0.5s;--animation-function:ease;--container-padding:16px;--border-radius:8px}.StreamLayerSDK>.StreamLayerSDKTheme .pedqibx *{box-sizing:border-box}.StreamLayerSDK>.StreamLayerSDKTheme .k14894ro{background:#222425;height:100%;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2,.StreamLayerSDK>.StreamLayerSDKTheme .k14894ro{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2{background-color:var(--color-white);border:1px solid var(--color-neutrals-gray3);border-radius:100px;color:var(--color-primary-green1);cursor:pointer;font-size:12px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.5px;-moz-letter-spacing:-.5px;-ms-letter-spacing:-.5px;letter-spacing:-.5px;max-height:36px;min-height:36px;padding:0 8px}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]:disabled:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:disabled{cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:disabled:hover{border-color:var(--color-neutrals-gray3);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .tw2meku{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:22px;justify-content:center;margin-right:5px;width:22px}.StreamLayerSDK>.StreamLayerSDKTheme .a10lggiw[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .a10lggiw[data-selected=true] g>path:nth-child(2){fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .d1x5s8ie[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .d1x5s8ie[data-selected=true] g>path:nth-child(2){fill:#fff;stroke:#107d57}.StreamLayerSDK>.StreamLayerSDKTheme .ntav86o[data-selected=true] g>path{fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .n1rlvhvz{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-neutrals-white);display:flex;justify-content:space-between}.StreamLayerSDK>.StreamLayerSDKTheme .n9bnom{animation:show-nav-n9bnom .5s ease;animation-fill-mode:forwards;border-bottom:1px solid var(--color-neutrals-gray3);box-sizing:border-box;left:0;opacity:0;overflow:hidden;padding:var(--container-padding);position:absolute;right:0;top:0}.StreamLayerSDK>.StreamLayerSDKTheme .n9bnom>button:not(:last-child){margin-right:8px}@keyframes show-nav-n9bnom{90%{opacity:0}to{height:68px;opacity:1}}.StreamLayerSDK>.StreamLayerSDKTheme .i1bwjtdb{border-radius:8px;cursor:pointer;display:flex;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .enb7moc{width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .r1ws5lyh{height:100%;left:0;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .soibf55{cursor:pointer;display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.StreamLayerSDK>.StreamLayerSDKTheme .rcr31jh{background-color:var(--color-neutrals-white);border-radius:8px;box-sizing:border-box;row-gap:16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ihj4z8w,.StreamLayerSDK>.StreamLayerSDKTheme .rcr31jh{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .ihj4z8w{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .t1oks4sz{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .n18s3mno,.StreamLayerSDK>.StreamLayerSDKTheme .t1oks4sz{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-weight:var(--font-weight-default);max-height:50px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .n18s3mno{color:var(--color-neutrals-gray9);font-size:12px;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .lc8mqwv{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);display:flex;font-size:14px;font-weight:550;height:44px;justify-content:center;outline:none;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .lc8mqwv:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .p16oo5uk{background:#fff;border-radius:8px;box-sizing:border-box;overflow:hidden;padding:16px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .a18c5k3h{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:11px;top:11px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .czv5t8k g>path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .czv5t8k:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .s1wp1emp{align-items:center;display:flex;margin-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .l1nz0q6x{height:20px;margin-right:4px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .l1nz0q6x path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .g1jhb9lu{color:var(--color-neutrals-gray7);font-size:12px;font-weight:550}.StreamLayerSDK>.StreamLayerSDKTheme .ds6gfsv{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;margin-bottom:12px;padding-right:10px}.StreamLayerSDK>.StreamLayerSDKTheme .xkzz16s{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);cursor:pointer;display:flex;font-size:14px;font-weight:550;height:44px;justify-content:center;outline:none;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .xkzz16s:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .s1aopxp8{animation:containerShowIn-s1aopxp8 ease-out;animation-duration:var(--animation-duration);max-height:2500px;opacity:1;overflow:hidden;transform:scale(1);width:100%}@keyframes containerShowIn-s1aopxp8{0%{max-height:0;opacity:0;transform:scale(0)}80%{max-height:2500px;opacity:0;transform:scale(.9)}85%{max-height:2500px;transform:scale(.9)}to{max-height:2500px;opacity:1;transform:scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .c1t0h6s{animation:containerHide-c1t0h6s ease-out;animation-direction:reverse;animation-duration:var(--animation-duration);animation-fill-mode:forwards}@keyframes containerHide-c1t0h6s{0%{max-height:0;opacity:0;transform:scale(0)}80%{max-height:2500px;opacity:0;transform:scale(.9)}85%{max-height:2500px;transform:scale(.9)}to{max-height:2500px;opacity:1;transform:scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .d1qqtt3e{animation-duration:calc(var(--animation-duration)*3);position:relative;top:var(--header-height)}.StreamLayerSDK>.StreamLayerSDKTheme .d1qqtt3e>div{padding:var(--container-padding) calc(var(--container-padding)*2)}.StreamLayerSDK>.StreamLayerSDKTheme .idhrx8x{background:transparent;font-family:var(--font-regular);height:100%;min-width:324px;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep{height:100%;overflow-y:auto;transition:transform;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-function);width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep[data-nav=true]{height:calc(100% - var(--header-height));transform:translateY(var(--header-height))}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep[data-question-header=true]{height:calc(100% - var(--question-headers-height));transform:translateY(var(--question-headers-height))}.StreamLayerSDK>.StreamLayerSDKTheme .n1v8kucd{display:flex;flex-direction:column;gap:var(--container-padding);padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .e16yw7z1.n1v8kucd{background-color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .acysrl1{-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--color-neutrals-white);border-bottom:1px solid var(--color-neutrals-gray3);box-sizing:border-box;color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);justify-content:space-between;padding:12px 12px 12px 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .acysrl1,.StreamLayerSDK>.StreamLayerSDKTheme .lo57cjm{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .p14kwh4y{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .p14kwh4y path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .sxun7sq{font-family:var(--font-regular);margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .c1i8ida8{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;outline:none;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .g1m0xfmw path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .g1m0xfmw:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .taj61ja{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-primary-green2);border-radius:4px;color:var(--color-neutrals-white);display:flex;flex:1;justify-content:space-between;overflow:hidden;padding:9px 8px}.StreamLayerSDK>.StreamLayerSDKTheme .r19fxewd{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .i1whkbqh{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .i4lbhzs{align-items:center;color:var(--color-neutrals-white);display:flex;flex-direction:column;padding-top:2px;row-gap:4px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .ordquhq{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .nwzed99{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .o15y0waw{background-color:var(--color-primary-green1);border-radius:12px;font-weight:var(--font-weight-default);padding:12px}.StreamLayerSDK>.StreamLayerSDKTheme .ihjewwf{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex;justify-content:space-between;margin-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n10e9lv8{display:flex;flex-direction:column;row-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .r13bxv{-moz-column-gap:8px;column-gap:8px;display:flex;flex:1;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .a1fi59c9{-ms-flex-negative:0;border-radius:50%;flex-shrink:0;height:48px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .s1kkihge{display:flex;flex-direction:column;overflow:hidden;row-gap:6px}.StreamLayerSDK>.StreamLayerSDKTheme .cy4f4t{color:var(--color-white);font-size:16px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .p18cnlx1{align-items:center;color:var(--color-neutrals-white);-moz-column-gap:8px;column-gap:8px;display:flex;font-size:14px;height:14px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .lboqgs5{height:15px;width:15px}.StreamLayerSDK>.StreamLayerSDKTheme .d1oaal4{align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .d1oaal4,.StreamLayerSDK>.StreamLayerSDKTheme .x1yzgo0u{-moz-column-gap:4px;column-gap:4px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .x1yzgo0u{align-items:baseline}.StreamLayerSDK>.StreamLayerSDKTheme .f1l9i8s8{font-size:9px;opacity:.8}.StreamLayerSDK>.StreamLayerSDKTheme .g4cgl4u{background-color:var(--color-white);height:10px;opacity:.2;width:1px}.StreamLayerSDK>.StreamLayerSDKTheme .h1qn1tmd{-moz-column-gap:8px;column-gap:8px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .u1gsbhq4{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--color-primary-green2);border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .mvj8oco{-ms-flex-negative:0;background:#2d6ffd;border-radius:50%;color:#fff;flex-shrink:0;font-size:18px;height:48px;text-align:center;text-transform:uppercase;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .mvj8oco,.StreamLayerSDK>.StreamLayerSDKTheme .viqiaf2{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .viqiaf2{background-color:transparent;border:none;border-radius:50%;cursor:pointer;height:100%;max-height:48px;max-width:48px;outline:none;padding:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ciyeb68{align-items:center;display:flex;font-size:14px;margin-bottom:16px;padding:8px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ciyeb68[data-isPrediction=true]{align-items:flex-start}.StreamLayerSDK>.StreamLayerSDKTheme .nfic4xc{height:24px;margin-left:12px;margin-right:14px;min-width:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .nfic4xc g>path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;margin-right:16px;min-width:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66[data-feedbackType=correct]{background-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66[data-feedbackType=incorrect]{background-color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .p132yxcv{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw{margin-right:5px}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw[data-feedbackType=correct]{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw[data-feedbackType=incorrect]{color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .gzdx7pk{color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .smnc4zm{font-weight:400;margin-top:10px}.StreamLayerSDK>.StreamLayerSDKTheme .olc1eph{height:100%;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .olc1eph>div:not(:last-child){margin-bottom:16px}.StreamLayerSDK>.StreamLayerSDKTheme .n1yoh29a{padding:16px 16px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .pjkr5mb{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;margin:16px 0}.StreamLayerSDK>.StreamLayerSDKTheme .r82wnnx{display:flex;flex-direction:column;gap:8px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k{background-color:var(--color-neutrals-gray2);border:1px solid transparent;border-radius:4px;box-sizing:border-box;height:44px;max-height:44px;min-height:44px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k:hover:not(:disabled){border-color:var(--color-neutrals-gray5);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-selected=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=correct]{border-color:var(--color-primary-green1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=correct]:before{background-color:var(--color-primary-green1);content:"";display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=incorrect]{border-color:var(--color-secondary-red1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=incorrect]:before{background-color:var(--color-secondary-red1);content:"";display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-isNotChecked=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3{background-color:var(--color-neutrals-gray3);border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width 1s ease-in;z-index:0}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=correct]{background-color:var(--color-primary-green1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=incorrect]{background-color:var(--color-secondary-red1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=unset]{background-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .dmltvg2{align-items:center;background-color:transparent;border:none;border-radius:2px;color:var(--color-neutrals-gray9);display:flex;font-family:var(--font-regular);font-size:12px;font-weight:var(--font-weight-default);height:100%;outline:none;padding:5px 15px 5px 9px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .stfjpqz{width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .p198m24r{background-repeat:no-repeat;background-size:contain;bottom:-1px;height:52px;left:0;position:absolute;width:52px}.StreamLayerSDK>.StreamLayerSDKTheme .rbq5eu7{margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .g1iv6oeb.rbq5eu7{height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .h1qtxlqc.rbq5eu7{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .udm736q{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .b1da34tx{display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .x1dqwq83{line-height:17px;margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .v10s9my2{height:16px;margin-left:8px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .a1f928zy{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .a1r7f3z4{-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:1px solid var(--color-neutrals-gray3);border-radius:100px;color:var(--color-neutrals-gray9);display:flex;font-family:var(--font-regular);font-size:14px;font-weight:var(--font-weight-default);justify-content:space-between;-webkit-letter-spacing:-.15px;-moz-letter-spacing:-.15px;-ms-letter-spacing:-.15px;letter-spacing:-.15px;min-height:40px;padding:3px 3px 3px 11px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .a1r7f3z4>div:first-child:last-child{margin-left:auto;margin-right:auto}.StreamLayerSDK>.StreamLayerSDKTheme .sblndl{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .l7ka1tv{color:var(--color-neutrals-gray7);margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .p1edlxt3{margin-right:4px}.StreamLayerSDK>.StreamLayerSDKTheme .ghm08u2{align-items:flex-end;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .c12nsh46{font-size:14px;line-height:14px;margin-right:6px}.StreamLayerSDK>.StreamLayerSDKTheme .dlr9eoc{font-size:10px}.StreamLayerSDK>.StreamLayerSDKTheme .e1eio0mt{row-gap:16px}.StreamLayerSDK>.StreamLayerSDKTheme .e1eio0mt,.StreamLayerSDK>.StreamLayerSDKTheme .iigl87b{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .iigl87b{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n1o2cwub{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:16px;font-weight:var(--font-weight-default);line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .r3uxe45{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .lrqius{color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .o18unvw4{background-color:var(--color-neutrals-white);display:flex;flex-direction:column;padding:var(--container-padding);row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .ns0uvk8{-webkit-box-pack:center;-ms-flex-pack:center;border:1px solid var(--color-primary-green1);border-radius:40px;color:var(--color-primary-green1);-moz-column-gap:10px;column-gap:10px;font-size:14px;font-weight:var(--font-weight-default);justify-content:center;line-height:20px;padding:11px 16px;-webkit-text-decoration:none;text-decoration:none}.StreamLayerSDK>.StreamLayerSDKTheme .dk8r1eq,.StreamLayerSDK>.StreamLayerSDKTheme .ns0uvk8{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .dk8r1eq{-webkit-box-pack:start;-ms-flex-pack:start;background:var(--color-transparent-item);flex-direction:column;height:100%;justify-content:flex-start;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o{background-color:var(--color-neutrals-gray2);border-radius:8px;box-sizing:border-box;display:flex;overflow:hidden;padding:4px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o:before{background-color:var(--color-white);border-radius:6px;content:"";height:28px;left:4px;position:absolute;transition:transform var(--animation-duration) var(--animation-function);width:calc(50% - 4px)}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o[data-position=left]:before{transform:translateX(0)}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o[data-position=right]:before{transform:translateX(100%)}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;box-sizing:border-box;color:var(--color-neutrals-gray7);cursor:pointer;display:flex;font-size:12px;font-weight:550;height:28px;justify-content:center;outline:none;padding:4px 10px;width:50%}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl:hover{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl[data-selected=true]{color:var(--color-primary-green1);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .i1vk8ojx{position:relative;z-index:2}.StreamLayerSDK>.StreamLayerSDKTheme .a1w9zony{align-items:center;background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-gray3);border-radius:8px;color:var(--color-neutrals-gray9);-moz-column-gap:4px;column-gap:4px;cursor:pointer;display:flex;font-size:12px;font-weight:var(--font-weight-default);line-height:16px;padding:8px 16px 8px 8px}.StreamLayerSDK>.StreamLayerSDKTheme .a1w9zony:hover{border-color:var(--color-neutrals-gray5);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .l16qcfv8{min-width:28px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .p1gmcc5f{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .s1doddh0{-ms-flex-negative:0;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--color-grey-primary-onboarding-inapp);border-radius:50%;color:var(--color-neutrals-gray9);flex-shrink:0;font-size:12px;height:32px;justify-content:center;text-align:center;text-transform:uppercase;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .c1js9xhe,.StreamLayerSDK>.StreamLayerSDKTheme .s1doddh0{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .c1js9xhe{-webkit-box-flex:1;-ms-flex-positive:1;-moz-column-gap:8px;column-gap:8px;flex-grow:1}.StreamLayerSDK>.StreamLayerSDKTheme .d1tmnqsh{align-items:center;-moz-column-gap:4px;column-gap:4px;display:grid;grid-template-columns:1fr auto}.StreamLayerSDK>.StreamLayerSDKTheme .gi9h87j{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .x13mk3z6{flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2{border:1px solid;border-radius:71px;font-size:12px;font-weight:var(--font-weight-default);outline:none;padding:14px 16px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=primary]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=primary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=secondary]{background-color:transparent;border-color:var(--color-primary-green1);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=secondary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2:disabled{opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2:disabled:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .s1lblda3{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:var(--border-radius);display:flex;gap:12px;justify-content:space-between;padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .s1lblda3:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .ascvb2g{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;display:flex;font-size:12px;font-weight:500;justify-content:flex-start;margin-bottom:8px}.StreamLayerSDK>.StreamLayerSDKTheme .p17rl8zy{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:14px;font-weight:400}.StreamLayerSDK>.StreamLayerSDKTheme .c6fk2ph{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .d1rdm136{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .d1rdm136 path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .fwqnnel{color:var(--color-neutrals-gray7);font-size:12px;font-weight:500;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .ucyxnlg{display:flex;flex:1;flex-direction:column;font-weight:700;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .xs2nk4s{color:var(--color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .gtym8sr{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:8px;height:20px;padding:6px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .vkjgzv5{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .h7uvs2c{text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .m53voq{border-left:1px solid var(--color-grey-primary);margin-left:5px;padding-left:5px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .n1jcgove{background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:8px;display:flex;flex-direction:column;padding:var(--container-padding);row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n1jcgove:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .n1jcgove .n1o2cwub{font-weight:400;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .n1jcgove .r3uxe45{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .l1bwp7hh{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);display:flex;font-size:14px;font-weight:550;height:44px;justify-content:center;outline:none;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .l1bwp7hh:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .t19vr3p1{display:flex;flex-direction:column;gap:8px;max-height:100%;overflow-y:auto}.StreamLayerSDK>.StreamLayerSDKTheme .e1ph66cs{background:var(--color-neutrals-white);inset:0;position:absolute;top:var(--header-height);z-index:3}.StreamLayerSDK>.StreamLayerSDKTheme .xorme7i{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;background:var(--color-transparent-item);display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .xorme7i>div{width:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react",
-  "version": "0.29.1",
+  "version": "0.29.3",
   "type": "module",
   "author": "StreamLayer, Inc (https://streamlayer.io)",
   "maintainers": [
@@ -54,12 +54,12 @@
     }
   ],
   "dependencies": {
-    "@streamlayer/feature-gamification": "^0.23.1",
-    "@streamlayer/sdk-web": "^0.28.19",
+    "@streamlayer/feature-gamification": "^0.24.0",
+    "@streamlayer/sdk-web": "^0.28.20",
     "@streamlayer/sdk-web-api": "^0.0.1",
     "@streamlayer/sdk-web-core": "^0.17.8",
-    "@streamlayer/sdk-web-features": "^0.10.22",
     "@streamlayer/sdk-web-interfaces": "^0.18.15",
+    "@streamlayer/sdk-web-features": "^0.10.23",
     "@streamlayer/sdk-web-logger": "^0.0.4",
     "@streamlayer/sdk-web-notifications": "^0.12.1",
     "@streamlayer/sdk-web-storage": "^0.0.4",
@@ -114,7 +114,7 @@
     "size-limit": "^11.0.0",
     "url-loader": "^4.1.1",
     "vite-plugin-dts": "^3.6.3",
-    "@streamlayer/react-ui": "^0.60.0"
+    "@streamlayer/react-ui": "^0.62.0"
   },
   "scripts": {
     "size-limit": "size-limit"

package/lib/dist/index-990a941f.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("./masters-228cfe7f.cjs"),j=require("react");const we=()=>n.e1,Oe=()=>n.e1,Ee=n.styled_default("div")({name:"a",class:"acysrl1",propsAsIs:!1}),ke=n.styled_default("div")({name:"l",class:"lo57cjm",propsAsIs:!1}),be=n.styled_default(we())({name:"p",class:"p14kwh4y",propsAsIs:!0}),Le=n.styled_default("span")({name:"s",class:"sxun7sq",propsAsIs:!1}),Re=n.styled_default("button")({name:"c",class:"c1i8ida8",propsAsIs:!1}),Ce=n.styled_default(Oe())({name:"g",class:"g1m0xfmw",propsAsIs:!0}),me=({type:t,close:e,label:s})=>{const r=t?n.o[t]:{label:s,iconName:void 0};return i.jsxs(Ee,{children:[i.jsxs(ke,{children:[(r==null?void 0:r.iconName)&&i.jsx(be,{name:r.iconName}),(r==null?void 0:r.label)&&i.jsx(Le,{children:r.label})]}),i.jsx(Re,{onClick:e,children:i.jsx(Ce,{name:"icon-cross"})})]})};const $e=n.styled_default("div")({name:"t",class:"taj61ja",propsAsIs:!1}),Qe=n.styled_default("div")({name:"r",class:"r19fxewd",propsAsIs:!1}),Ue=n.styled_default("div")({name:"i",class:"i1whkbqh",propsAsIs:!1}),Z=({indicator:t,title:e})=>i.jsxs($e,{children:[i.jsx(Qe,{children:e}),i.jsx(Ue,{children:t})]});const qe=n.styled_default("div")({name:"i",class:"i4lbhzs",propsAsIs:!1}),Ye=n.styled_default("div")({name:"o",class:"ordquhq",propsAsIs:!1}),Pe=n.styled_default("div")({name:"n",class:"nwzed99",propsAsIs:!1}),L=({indicator:t,title:e})=>i.jsxs(qe,{children:[i.jsx(Ye,{children:t}),i.jsx(Pe,{children:e})]});const Fe=n.styled_default("div")({name:"o",class:"o15y0waw",propsAsIs:!1}),We=n.styled_default("div")({name:"i",class:"ihjewwf",propsAsIs:!1}),Ve=n.styled_default("div")({name:"n",class:"n10e9lv8",propsAsIs:!1}),He=n.styled_default("div")({name:"r",class:"r13bxv",propsAsIs:!1}),Be=n.styled_default("img")({name:"a",class:"a1fi59c9",propsAsIs:!1}),Ge=n.styled_default("div")({name:"s",class:"s1kkihge",propsAsIs:!1}),Ze=n.styled_default("div")({name:"c",class:"cy4f4t",propsAsIs:!1}),Je=n.styled_default("div")({name:"p",class:"p18cnlx1",propsAsIs:!1}),Ke=n.styled_default("img")({name:"l",class:"lboqgs5",propsAsIs:!1}),Xe=n.styled_default("div")({name:"d",class:"d1oaal4",propsAsIs:!1}),et=n.styled_default("div")({name:"x",class:"x1yzgo0u",propsAsIs:!1}),tt=n.styled_default("div")({name:"f",class:"f1l9i8s8",propsAsIs:!1}),st=n.styled_default("div")({name:"g",class:"g4cgl4u",propsAsIs:!1}),nt=n.styled_default("div")({name:"h",class:"h1qn1tmd",propsAsIs:!1}),it=n.styled_default("div")({name:"u",class:"u1gsbhq4",propsAsIs:!1}),rt=n.styled_default("div")({name:"m",class:"mvj8oco",propsAsIs:!1}),at=n.styled_default("button")({name:"v",class:"viqiaf2",propsAsIs:!1}),ot="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=",ge=({avatar:t,name:e,points:s,friendsRank:r,rank:a,streak:u,correct:p,incorrect:h,inTop:m,average:x})=>i.jsxs(Fe,{children:[i.jsx(We,{children:i.jsxs(He,{children:[i.jsxs(at,{children:[t&&i.jsx(Be,{alt:"avatar",src:t}),!t&&i.jsx(rt,{children:n.o$1(e||"")})]}),i.jsxs(Ge,{children:[i.jsx(Ze,{children:e}),i.jsxs(Je,{children:[i.jsxs(Xe,{children:[i.jsx(Ke,{alt:"rank-icon",src:ot}),i.jsxs(et,{children:[n.i(s),i.jsx(tt,{children:"PTS"})]})]}),i.jsx(st,{}),i.jsxs("div",{children:["TOP ",m||0,"%"]})]})]})]})}),i.jsxs(Ve,{children:[i.jsxs(nt,{children:[i.jsx(Z,{indicator:r||0,title:"Friends rank"}),i.jsx(Z,{indicator:a||0,title:"Global rank"})]}),i.jsxs(it,{children:[i.jsx(L,{indicator:u||0,title:"Win streak"}),i.jsx(L,{indicator:p||0,title:"Correct"}),i.jsx(L,{indicator:h||0,title:"Incorrect"}),i.jsx(L,{indicator:`${x||0}%`,title:"Succ. rate"})]})]})]});const lt=()=>n.e1,ct=n.styled_default("div")({name:"c",class:"ciyeb68",propsAsIs:!1}),dt=n.styled_default(lt())({name:"n",class:"nfic4xc",propsAsIs:!0}),ut=n.styled_default("div")({name:"d",class:"d1pd1p66",propsAsIs:!1}),pt=n.styled_default("div")({name:"p",class:"p132yxcv",propsAsIs:!1}),ft=n.styled_default("span")({name:"l",class:"l4a8aw",propsAsIs:!1}),J=n.styled_default("span")({name:"g",class:"gzdx7pk",propsAsIs:!1}),ht=({feedbackMessages:t,questionVotedCorrectly:e,questionVoted:s,questionType:r,hasCorrectAnswer:a})=>{if(!(s&&(r===n.QuestionType.TRIVIA||r===n.QuestionType.PREDICTION)))return null;const u=r===n.QuestionType.PREDICTION&&!a,p=e?"correct":"incorrect",h=e?t.correctFeedback:t.incorrectFeedback;return i.jsxs(ct,{"data-isPrediction":u,children:[u&&i.jsxs(i.Fragment,{children:[i.jsx(dt,{name:"icon-prediction"}),i.jsx(J,{children:"Stay tuned to see if your prediction was correct."})]}),a&&i.jsxs(i.Fragment,{children:[i.jsx(ut,{"data-feedbackType":p,children:i.jsx(n.e1,{name:p})}),i.jsx("div",{children:i.jsxs(pt,{children:[i.jsx(ft,{"data-feedbackType":p,children:h==null?void 0:h.title}),i.jsx(J,{children:h==null?void 0:h.description})]})})]})]})};const mt=n.styled_default("div")({name:"o",class:"olc1eph",propsAsIs:!1}),gt=n.styled_default("div")({name:"n",class:"n1yoh29a",propsAsIs:!1}),It=n.styled_default("div")({name:"p",class:"pjkr5mb",propsAsIs:!1}),yt=n.styled_default("div")({name:"r",class:"r82wnnx",propsAsIs:!1});const xt=()=>Ie,vt=()=>Ie,_t=()=>n.e1,Mt=n.styled_default("button")({name:"c",class:"cpm4u8k",propsAsIs:!1}),jt=n.styled_default("div")({name:"l",class:"lwfomc3",propsAsIs:!1}),Nt=n.styled_default("span")({name:"d",class:"dmltvg2",propsAsIs:!1}),zt=n.styled_default("div")({name:"s",class:"stfjpqz",propsAsIs:!1}),Tt=n.styled_default("div")({name:"p",class:"p198m24r",propsAsIs:!1}),Ie=n.styled_default("img")({name:"r",class:"rbq5eu7",propsAsIs:!1}),St=n.styled_default(xt())({name:"g",class:"g1iv6oeb",propsAsIs:!0}),At=n.styled_default(vt())({name:"h",class:"h1qtxlqc",propsAsIs:!0}),Dt=n.styled_default("span")({name:"u",class:"udm736q",propsAsIs:!1}),wt=n.styled_default("span")({name:"b",class:"b1da34tx",propsAsIs:!1}),Ot=n.styled_default("span")({name:"x",class:"x1dqwq83",propsAsIs:!1}),Et=n.styled_default(_t())({name:"v",class:"v10s9my2",propsAsIs:!0}),K={[n.QuestionImages.CENTERED]:t=>i.jsx(St,{alt:"option-icon",src:t}),[n.QuestionImages.TRANSPARENT]:t=>i.jsx(zt,{children:i.jsx(Tt,{style:{backgroundImage:`url(${t})`}})}),[n.QuestionImages.ROUNDED]:t=>i.jsx(At,{alt:"option-icon",src:t}),[n.QuestionImages.NONE]:()=>null,[n.QuestionImages.UNSET]:()=>null},kt=({questionType:t,hasCorrectAnswer:e,correct:s,youVoted:r,questionVoted:a})=>{if(t===n.QuestionType.POLL&&r)return"correct";if(t===n.QuestionType.PREDICTION){if(e&&a)return r?s?"correct":"incorrect":s?"correct":"unset";if(r)return"correct"}return t===n.QuestionType.TRIVIA&&a?r?s?"correct":"incorrect":s?"correct":"unset":"unset"},bt=({questionType:t,questionVoted:e,correct:s,hasCorrectAnswer:r,questionStatus:a})=>t===n.QuestionType.TRIVIA?e&&s:t===n.QuestionType.PREDICTION?e&&s&&r||a===n.QuestionStatus.RESOLVED&&s:!1,Lt=t=>{var e;const{id:s,icon:r,text:a,percentageDecimal:u,onVote:p,youSelected:h,questionVoted:m,imageMode:x=n.QuestionImages.ROUNDED,answerTimeExpired:_,questionStatus:v,isLoading:l,questionType:y,correct:I,hasCorrectAnswer:o}=t,f=kt(t),c=bt({questionType:y,questionVoted:m,correct:I,hasCorrectAnswer:o,questionStatus:v}),d=m||v===n.QuestionStatus.RESOLVED&&y===n.QuestionType.PREDICTION;return i.jsxs(Mt,{value:s,"data-selected":h,"data-answerState":f,disabled:m||l||_,onClick:p,children:[d&&i.jsx(jt,{"data-answerState":f,style:{width:`${u}%`}}),i.jsxs(Nt,{children:[r&&((e=K[x])==null?void 0:e.call(K,r)),i.jsx(Dt,{children:a}),d&&i.jsxs(wt,{children:[c&&i.jsx(Et,{name:"selected"}),i.jsxs(Ot,{children:[u,"%"]})]})]})]})};var X=typeof window>"u"?j.useEffect:j.useLayoutEffect,Rt=({isPlaying:t,duration:e,startAt:s=0,updateInterval:r=0,onComplete:a,onUpdate:u})=>{let[p,h]=j.useState(s),m=j.useRef(0),x=j.useRef(s),_=j.useRef(s*-1e3),v=j.useRef(null),l=j.useRef(null),y=j.useRef(null),I=c=>{let d=c/1e3;if(l.current===null){l.current=d,v.current=requestAnimationFrame(I);return}let g=d-l.current,N=m.current+g;l.current=d,m.current=N;let M=x.current+(r===0?N:(N/r|0)*r),z=x.current+N,T=typeof e=="number"&&z>=e;h(T?e:M),T||(v.current=requestAnimationFrame(I))},o=()=>{v.current&&cancelAnimationFrame(v.current),y.current&&clearTimeout(y.current),l.current=null},f=j.useCallback(c=>{o(),m.current=0;let d=typeof c=="number"?c:s;x.current=d,h(d),t&&(v.current=requestAnimationFrame(I))},[t,s]);return X(()=>{if(u==null||u(p),e&&p>=e){_.current+=e*1e3;let{shouldRepeat:c=!1,delay:d=0,newStartAt:g}=(a==null?void 0:a(_.current/1e3))||{};c&&(y.current=setTimeout(()=>f(g),d*1e3))}},[p,e]),X(()=>(t&&(v.current=requestAnimationFrame(I)),o),[t,e,r]),{elapsedTime:p,reset:f}},Ct=(t,e,s)=>{let r=t/2,a=e/2,u=r-a,p=2*u,h=s==="clockwise"?"1,0":"0,1",m=2*Math.PI*u;return{path:`m ${r},${a} a ${u},${u} 0 ${h} 0,${p} a ${u},${u} 0 ${h} 0,-${p}`,pathLength:m}},ee=(t,e)=>t===0||t===e?0:typeof e=="number"?t-e:0,$t=t=>({position:"relative",width:t,height:t}),Qt={display:"flex",justifyContent:"center",alignItems:"center",position:"absolute",left:0,top:0,width:"100%",height:"100%"},ye=(t,e,s,r,a)=>{if(r===0)return e;let u=(a?r-t:t)/r;return e+s*u},te=t=>{var e,s;return(s=(e=t.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(r,a,u,p)=>`#${a}${a}${u}${u}${p}${p}`).substring(1).match(/.{2}/g))==null?void 0:e.map(r=>parseInt(r,16)))!=null?s:[]},Ut=(t,e)=>{var s;let{colors:r,colorsTime:a,isSmoothColorTransition:u=!0}=t;if(typeof r=="string")return r;let p=(s=a==null?void 0:a.findIndex((l,y)=>l>=e&&e>=a[y+1]))!=null?s:-1;if(!a||p===-1)return r[0];if(!u)return r[p];let h=a[p]-e,m=a[p]-a[p+1],x=te(r[p]),_=te(r[p+1]),v=!!t.isGrowing;return`rgb(${x.map((l,y)=>ye(h,l,_[y]-l,m,v)|0).join(",")})`},qt=t=>{let{duration:e,initialRemainingTime:s,updateInterval:r,size:a=180,strokeWidth:u=12,trailStrokeWidth:p,isPlaying:h=!1,isGrowing:m=!1,rotation:x="clockwise",onComplete:_,onUpdate:v}=t,l=j.useRef(),y=Math.max(u,p??0),{path:I,pathLength:o}=Ct(a,y,x),{elapsedTime:f}=Rt({isPlaying:h,duration:e,startAt:ee(e,s),updateInterval:r,onUpdate:typeof v=="function"?d=>{let g=Math.ceil(e-d);g!==l.current&&(l.current=g,v(g))}:void 0,onComplete:typeof _=="function"?d=>{var g;let{shouldRepeat:N,delay:M,newInitialRemainingTime:z}=(g=_(d))!=null?g:{};if(N)return{shouldRepeat:N,delay:M,newStartAt:ee(e,z)}}:void 0}),c=e-f;return{elapsedTime:f,path:I,pathLength:o,remainingTime:Math.ceil(c),rotation:x,size:a,stroke:Ut(t,c),strokeDashoffset:ye(f,0,o,e,m),strokeWidth:u}},xe=t=>{let{children:e,strokeLinecap:s,trailColor:r,trailStrokeWidth:a}=t,{path:u,pathLength:p,stroke:h,strokeDashoffset:m,remainingTime:x,elapsedTime:_,size:v,strokeWidth:l}=qt(t);return j.createElement("div",{style:$t(v)},j.createElement("svg",{viewBox:`0 0 ${v} ${v}`,width:v,height:v,xmlns:"http://www.w3.org/2000/svg"},j.createElement("path",{d:u,fill:"none",stroke:r??"#d9d9d9",strokeWidth:a??l}),j.createElement("path",{d:u,fill:"none",stroke:h,strokeLinecap:s??"round",strokeWidth:l,strokeDasharray:p,strokeDashoffset:m})),typeof e=="function"&&j.createElement("div",{style:Qt},e({remainingTime:x,elapsedTime:_,color:h})))};xe.displayName="CountdownCircleTimer";const Yt=[n.E.PRIMARY_GREEN1,n.E.SECONDARY_RED1,n.E.SECONDARY_RED1],Pt=[10,10,0],Ft=n.styled_default("div")({name:"A",class:"a1f928zy",propsAsIs:!1}),Wt=n.E.SECONDARY_GREEN6,se=n.E.SECONDARY_RED3,Vt=n.E.NEUTRALS_GRAY3,Ht=({isPlaying:t=!0,duration:e=30,onTimerExpired:s})=>{const[r,a]=j.useState(e>10?Wt:se),u=({remainingTime:m})=>i.jsx(Ft,{children:m}),p=j.useCallback(()=>{s==null||s(),a(Vt)},[s,a]),h=j.useCallback(m=>{m===10&&a(se)},[a]);return i.jsx(xe,{isPlaying:t,duration:e,colors:Yt,colorsTime:Pt,size:32,strokeWidth:2,trailStrokeWidth:2,trailColor:r,onComplete:p,onUpdate:h,children:u})};const Bt=()=>n.e1,Gt=n.styled_default("div")({name:"a",class:"a1r7f3z4",propsAsIs:!1}),Zt=n.styled_default("div")({name:"s",class:"sblndl",propsAsIs:!1}),Jt=n.styled_default("div")({name:"l",class:"l7ka1tv",propsAsIs:!1}),Kt=n.styled_default(Bt())({name:"p",class:"p1edlxt3",propsAsIs:!0}),Xt=n.styled_default("div")({name:"g",class:"ghm08u2",propsAsIs:!1}),es=n.styled_default("span")({name:"c",class:"c12nsh46",propsAsIs:!1}),ts=n.styled_default("span")({name:"d",class:"dlr9eoc",propsAsIs:!1}),ss=({title:t,points:e,isPlayingTimer:s,isTimer:r,onTimerExpired:a})=>i.jsxs(Gt,{children:[i.jsxs(Zt,{children:[t&&i.jsx(Jt,{children:t}),e!==void 0&&i.jsxs(i.Fragment,{children:[i.jsx(Kt,{name:"icon-trophy"}),i.jsxs(Xt,{children:[i.jsx(es,{children:e}),i.jsx(ts,{children:"PTS"})]})]})]}),r&&i.jsx(Ht,{isPlaying:s,onTimerExpired:a})]}),ns=({openedQuestion:t,vote:e})=>{var s;const r=t.subject,a=t.type,u=(s=t.options)==null?void 0:s.options,[p,h]=j.useState(!1),[m,x]=j.useState(!1),[_,v]=j.useState(""),l=t==null?void 0:t.id,y=j.useCallback(async d=>{if(l){const g=d.currentTarget.value;v(g),x(!0),await e(l,g),x(!1)}},[l,v,e]),I=j.useMemo(()=>t==null?void 0:t.answers.find(d=>d.youVoted===!0),[t]),o=j.useMemo(()=>!!(t!=null&&t.answers.find(d=>d.correct===!0)),[t]),f=j.useMemo(()=>t?t.answers.map(d=>({...d,questionVoted:!!I,youSelected:_===d.id,isLoading:m,hasCorrectAnswer:o,questionType:t.type,answerTimeExpired:p,questionStatus:t.status,onVote:y})):[],[o,p,m,t,I,y,_]),c=u&&(u.case==="trivia"||u.case==="prediction")?u.value:void 0;return i.jsx(n.r,{"data-question-header":"true",children:i.jsx(mt,{children:i.jsxs(gt,{children:[c&&i.jsx(ht,{feedbackMessages:c,questionVoted:!!I,questionVotedCorrectly:I==null?void 0:I.correct,questionType:a,hasCorrectAnswer:o}),i.jsx(ss,{title:p?"Expired":"To win",points:p?void 0:100,onTimerExpired:()=>h(!0),isTimer:!0}),i.jsx(It,{children:r}),i.jsx(yt,{children:f.map(d=>i.jsx(Lt,{...d},d.id))})]})})})};const is=n.styled_default("div")({name:"e",class:"e1eio0mt",propsAsIs:!1}),rs=n.styled_default("div")({name:"i",class:"iigl87b",propsAsIs:!1}),as=n.styled_default("h3")({name:"n",class:"n1o2cwub",propsAsIs:!1}),os=n.styled_default("div")({name:"r",class:"r3uxe45",propsAsIs:!1}),ls=n.styled_default("div")({name:"l",class:"lrqius",propsAsIs:!1}),ve=({created:t,title:e,instantView:s})=>{const r=j.useMemo(()=>{if(t){const a=new Date(t);if(n.r$1(a))return{date:n.a(a),time:n.n(a)}}return null},[t]);return i.jsxs(is,{children:[r&&i.jsxs(ls,{children:[r.date," · ",r.time]}),(s==null?void 0:s.video)&&i.jsx(n.w,{source:s.video.url,poster:s.video.thumbnailUrl}),i.jsxs(rs,{children:[i.jsx(as,{children:(s==null?void 0:s.heading)||e}),i.jsx(os,{children:s==null?void 0:s.body})]})]})};const cs=n.styled_default("div")({name:"o",class:"o18unvw4",propsAsIs:!1}),ds=n.styled_default("a")({name:"n",class:"ns0uvk8",propsAsIs:!1}),us=({instantView:t,...e})=>i.jsxs(cs,{children:[i.jsx(ve,{instantView:t,...e}),(t==null?void 0:t.webLink)&&i.jsxs(ds,{href:t==null?void 0:t.webLink.url,target:"_blank",children:["Explore more of the Masters History",i.jsx(n.e1,{name:"icon-external-link"})]})]});const ps=n.styled_default("div")({name:"d",class:"dk8r1eq",propsAsIs:!1}),fs=({openedQuestion:t})=>{var e;return((e=t==null?void 0:t.attributes)==null?void 0:e.attributes.case)==="insight"?i.jsx(us,{created:t.attributes.created,...t.attributes.attributes.value}):null},hs=({extendedQuestion:t,vote:e})=>{const{loading:s,data:r}=t;return!s&&r?i.jsx(ns,{vote:e,openedQuestion:r}):null},ms=({gamification:t})=>{var e;const s=n.useStore(t.openedQuestion.$store),r=n.useStore(t.openedQuestion.$extendedStore);if(!s)return null;const a=s.type;return i.jsxs(ps,{children:[i.jsx(me,{close:t.closeQuestion,type:((e=s.attributes)==null?void 0:e.type)||n.QuestionType.UNSET}),a==="question"&&i.jsx(hs,{vote:t.submitAnswer,extendedQuestion:r}),a!=="question"&&i.jsx(fs,{openedQuestion:s})]})};const gs=n.styled_default("div")({name:"t",class:"tcim9sm",propsAsIs:!1}),Is=n.styled_default("div")({name:"e",class:"e8wco6o",propsAsIs:!1}),ys=n.styled_default("button")({name:"n",class:"n1ardwzl",propsAsIs:!1}),xs=n.styled_default("span")({name:"i",class:"i1vk8ojx",propsAsIs:!1});var E=(t=>(t.HOME="home",t.LEADERBOARD="leaderboard",t))(E||{});const ne=({title:t,active:e,onClick:s})=>i.jsx(ys,{onClick:s,"data-selected":e,children:i.jsx(xs,{children:t})}),vs=({activePage:t="home",toggleActivePage:e})=>i.jsx(gs,{children:i.jsxs(Is,{"data-position":t==="home"?"left":"right",children:[i.jsx(ne,{title:"Home",active:t==="home",onClick:()=>e("home")}),i.jsx(ne,{title:"Leader Board",active:t==="leaderboard",onClick:()=>e("leaderboard")})]})});let S;typeof window<"u"?S=window:typeof self<"u"?S=self:S=n.dist.global;let Y=null,P=null;const ie=20,C=S.clearTimeout,re=S.setTimeout,$=S.cancelAnimationFrame||S.mozCancelAnimationFrame||S.webkitCancelAnimationFrame,ae=S.requestAnimationFrame||S.mozRequestAnimationFrame||S.webkitRequestAnimationFrame;$==null||ae==null?(Y=C,P=function(e){return re(e,ie)}):(Y=function([e,s]){$(e),C(s)},P=function(e){const s=ae(function(){C(r),e()}),r=re(function(){$(s),e()},ie);return[s,r]});function _s(t){let e,s,r,a,u,p,h;const m=typeof document<"u"&&document.attachEvent;if(!m){p=function(c){const d=c.__resizeTriggers__,g=d.firstElementChild,N=d.lastElementChild,M=g.firstElementChild;N.scrollLeft=N.scrollWidth,N.scrollTop=N.scrollHeight,M.style.width=g.offsetWidth+1+"px",M.style.height=g.offsetHeight+1+"px",g.scrollLeft=g.scrollWidth,g.scrollTop=g.scrollHeight},u=function(c){return c.offsetWidth!==c.__resizeLast__.width||c.offsetHeight!==c.__resizeLast__.height},h=function(c){if(c.target.className&&typeof c.target.className.indexOf=="function"&&c.target.className.indexOf("contract-trigger")<0&&c.target.className.indexOf("expand-trigger")<0)return;const d=this;p(this),this.__resizeRAF__&&Y(this.__resizeRAF__),this.__resizeRAF__=P(function(){u(d)&&(d.__resizeLast__.width=d.offsetWidth,d.__resizeLast__.height=d.offsetHeight,d.__resizeListeners__.forEach(function(M){M.call(d,c)}))})};let l=!1,y="";r="animationstart";const I="Webkit Moz O ms".split(" ");let o="webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "),f="";{const c=document.createElement("fakeelement");if(c.style.animationName!==void 0&&(l=!0),l===!1){for(let d=0;d<I.length;d++)if(c.style[I[d]+"AnimationName"]!==void 0){f=I[d],y="-"+f.toLowerCase()+"-",r=o[d],l=!0;break}}}s="resizeanim",e="@"+y+"keyframes "+s+" { from { opacity: 0; } to { opacity: 0; } } ",a=y+"animation: 1ms "+s+"; "}const x=function(l){if(!l.getElementById("detectElementResize")){const y=(e||"")+".resize-triggers { "+(a||"")+'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%; }',I=l.head||l.getElementsByTagName("head")[0],o=l.createElement("style");o.id="detectElementResize",o.type="text/css",t!=null&&o.setAttribute("nonce",t),o.styleSheet?o.styleSheet.cssText=y:o.appendChild(l.createTextNode(y)),I.appendChild(o)}};return{addResizeListener:function(l,y){if(m)l.attachEvent("onresize",y);else{if(!l.__resizeTriggers__){const I=l.ownerDocument,o=S.getComputedStyle(l);o&&o.position==="static"&&(l.style.position="relative"),x(I),l.__resizeLast__={},l.__resizeListeners__=[],(l.__resizeTriggers__=I.createElement("div")).className="resize-triggers";const f=I.createElement("div");f.className="expand-trigger",f.appendChild(I.createElement("div"));const c=I.createElement("div");c.className="contract-trigger",l.__resizeTriggers__.appendChild(f),l.__resizeTriggers__.appendChild(c),l.appendChild(l.__resizeTriggers__),p(l),l.addEventListener("scroll",h,!0),r&&(l.__resizeTriggers__.__animationListener__=function(g){g.animationName===s&&p(l)},l.__resizeTriggers__.addEventListener(r,l.__resizeTriggers__.__animationListener__))}l.__resizeListeners__.push(y)}},removeResizeListener:function(l,y){if(m)l.detachEvent("onresize",y);else if(l.__resizeListeners__.splice(l.__resizeListeners__.indexOf(y),1),!l.__resizeListeners__.length){l.removeEventListener("scroll",h,!0),l.__resizeTriggers__.__animationListener__&&(l.__resizeTriggers__.removeEventListener(r,l.__resizeTriggers__.__animationListener__),l.__resizeTriggers__.__animationListener__=null);try{l.__resizeTriggers__=!l.removeChild(l.__resizeTriggers__)}catch{}}}}}class Ms extends j.Component{constructor(...e){super(...e),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:s,disableWidth:r,onResize:a}=this.props;if(this._parentNode){var u,p,h,m;const x=window.getComputedStyle(this._parentNode)||{},_=parseFloat((u=x.paddingLeft)!==null&&u!==void 0?u:"0"),v=parseFloat((p=x.paddingRight)!==null&&p!==void 0?p:"0"),l=parseFloat((h=x.paddingTop)!==null&&h!==void 0?h:"0"),y=parseFloat((m=x.paddingBottom)!==null&&m!==void 0?m:"0"),I=this._parentNode.getBoundingClientRect(),o=I.height-l-y,f=I.width-_-v,c=this._parentNode.offsetHeight-l-y,d=this._parentNode.offsetWidth-_-v;(!s&&(this.state.height!==c||this.state.scaledHeight!==o)||!r&&(this.state.width!==d||this.state.scaledWidth!==f))&&(this.setState({height:c,width:d,scaledHeight:o,scaledWidth:f}),typeof a=="function"&&a({height:c,scaledHeight:o,scaledWidth:f,width:d}))}},this._setRef=s=>{this._autoSizer=s}}componentDidMount(){const{nonce:e}=this.props;this._autoSizer&&this._autoSizer.parentNode&&this._autoSizer.parentNode.ownerDocument&&this._autoSizer.parentNode.ownerDocument.defaultView&&this._autoSizer.parentNode instanceof this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement&&(this._parentNode=this._autoSizer.parentNode,this._parentNode!=null&&(typeof ResizeObserver<"u"?(this._resizeObserver=new ResizeObserver(()=>{this._timeoutId=setTimeout(this._onResize,0)}),this._resizeObserver.observe(this._parentNode)):(this._detectElementResize=_s(e),this._detectElementResize.addResizeListener(this._parentNode,this._onResize)),this._onResize()))}componentWillUnmount(){this._parentNode&&(this._detectElementResize&&this._detectElementResize.removeResizeListener(this._parentNode,this._onResize),this._timeoutId!==null&&clearTimeout(this._timeoutId),this._resizeObserver&&(this._resizeObserver.observe(this._parentNode),this._resizeObserver.disconnect()))}render(){const{children:e,defaultHeight:s,defaultWidth:r,disableHeight:a=!1,disableWidth:u=!1,nonce:p,onResize:h,style:m={},tagName:x="div",..._}=this.props,{height:v,scaledHeight:l,scaledWidth:y,width:I}=this.state,o={overflow:"visible"},f={};let c=!1;return a||(v===0&&(c=!0),o.height=0,f.height=v,f.scaledHeight=l),u||(I===0&&(c=!0),o.width=0,f.width=I,f.scaledWidth=y),j.createElement(x,{ref:this._setRef,style:{...o,...m},..._},!c&&e(f))}}function F(){return F=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var s=arguments[e];for(var r in s)Object.prototype.hasOwnProperty.call(s,r)&&(t[r]=s[r])}return t},F.apply(this,arguments)}function oe(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function W(t,e){return W=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,a){return r.__proto__=a,r},W(t,e)}function js(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,W(t,e)}var le=Number.isNaN||function(e){return typeof e=="number"&&e!==e};function Ns(t,e){return!!(t===e||le(t)&&le(e))}function zs(t,e){if(t.length!==e.length)return!1;for(var s=0;s<t.length;s++)if(!Ns(t[s],e[s]))return!1;return!0}function Q(t,e){e===void 0&&(e=zs);var s,r=[],a,u=!1;function p(){for(var h=[],m=0;m<arguments.length;m++)h[m]=arguments[m];return u&&s===this&&e(h,r)||(a=t.apply(this,h),u=!0,s=this,r=h),a}return p}var Ts=typeof performance=="object"&&typeof performance.now=="function",ce=Ts?function(){return performance.now()}:function(){return Date.now()};function de(t){cancelAnimationFrame(t.id)}function Ss(t,e){var s=ce();function r(){ce()-s>=e?t.call(null):a.id=requestAnimationFrame(r)}var a={id:requestAnimationFrame(r)};return a}var U=-1;function ue(t){if(t===void 0&&(t=!1),U===-1||t){var e=document.createElement("div"),s=e.style;s.width="50px",s.height="50px",s.overflow="scroll",document.body.appendChild(e),U=e.offsetWidth-e.clientWidth,document.body.removeChild(e)}return U}var w=null;function pe(t){if(t===void 0&&(t=!1),w===null||t){var e=document.createElement("div"),s=e.style;s.width="50px",s.height="50px",s.overflow="scroll",s.direction="rtl";var r=document.createElement("div"),a=r.style;return a.width="100px",a.height="100px",e.appendChild(r),document.body.appendChild(e),e.scrollLeft>0?w="positive-descending":(e.scrollLeft=1,e.scrollLeft===0?w="negative":w="positive-ascending"),document.body.removeChild(e),w}return w}var As=150,Ds=function(e,s){return e};function ws(t){var e,s=t.getItemOffset,r=t.getEstimatedTotalSize,a=t.getItemSize,u=t.getOffsetForIndexAndAlignment,p=t.getStartIndexForOffset,h=t.getStopIndexForStartIndex,m=t.initInstanceProps,x=t.shouldResetStyleCacheOnItemSizeChange,_=t.validateProps;return e=function(v){js(l,v);function l(I){var o;return o=v.call(this,I)||this,o._instanceProps=m(o.props,oe(o)),o._outerRef=void 0,o._resetIsScrollingTimeoutId=null,o.state={instance:oe(o),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof o.props.initialScrollOffset=="number"?o.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},o._callOnItemsRendered=void 0,o._callOnItemsRendered=Q(function(f,c,d,g){return o.props.onItemsRendered({overscanStartIndex:f,overscanStopIndex:c,visibleStartIndex:d,visibleStopIndex:g})}),o._callOnScroll=void 0,o._callOnScroll=Q(function(f,c,d){return o.props.onScroll({scrollDirection:f,scrollOffset:c,scrollUpdateWasRequested:d})}),o._getItemStyle=void 0,o._getItemStyle=function(f){var c=o.props,d=c.direction,g=c.itemSize,N=c.layout,M=o._getItemStyleCache(x&&g,x&&N,x&&d),z;if(M.hasOwnProperty(f))z=M[f];else{var T=s(o.props,f,o._instanceProps),A=a(o.props,f,o._instanceProps),D=d==="horizontal"||N==="horizontal",k=d==="rtl",b=D?T:0;M[f]=z={position:"absolute",left:k?void 0:b,right:k?b:void 0,top:D?0:T,height:D?"100%":A,width:D?A:"100%"}}return z},o._getItemStyleCache=void 0,o._getItemStyleCache=Q(function(f,c,d){return{}}),o._onScrollHorizontal=function(f){var c=f.currentTarget,d=c.clientWidth,g=c.scrollLeft,N=c.scrollWidth;o.setState(function(M){if(M.scrollOffset===g)return null;var z=o.props.direction,T=g;if(z==="rtl")switch(pe()){case"negative":T=-g;break;case"positive-descending":T=N-d-g;break}return T=Math.max(0,Math.min(T,N-d)),{isScrolling:!0,scrollDirection:M.scrollOffset<g?"forward":"backward",scrollOffset:T,scrollUpdateWasRequested:!1}},o._resetIsScrollingDebounced)},o._onScrollVertical=function(f){var c=f.currentTarget,d=c.clientHeight,g=c.scrollHeight,N=c.scrollTop;o.setState(function(M){if(M.scrollOffset===N)return null;var z=Math.max(0,Math.min(N,g-d));return{isScrolling:!0,scrollDirection:M.scrollOffset<z?"forward":"backward",scrollOffset:z,scrollUpdateWasRequested:!1}},o._resetIsScrollingDebounced)},o._outerRefSetter=function(f){var c=o.props.outerRef;o._outerRef=f,typeof c=="function"?c(f):c!=null&&typeof c=="object"&&c.hasOwnProperty("current")&&(c.current=f)},o._resetIsScrollingDebounced=function(){o._resetIsScrollingTimeoutId!==null&&de(o._resetIsScrollingTimeoutId),o._resetIsScrollingTimeoutId=Ss(o._resetIsScrolling,As)},o._resetIsScrolling=function(){o._resetIsScrollingTimeoutId=null,o.setState({isScrolling:!1},function(){o._getItemStyleCache(-1,null)})},o}l.getDerivedStateFromProps=function(o,f){return Os(o,f),_(o),null};var y=l.prototype;return y.scrollTo=function(o){o=Math.max(0,o),this.setState(function(f){return f.scrollOffset===o?null:{scrollDirection:f.scrollOffset<o?"forward":"backward",scrollOffset:o,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},y.scrollToItem=function(o,f){f===void 0&&(f="auto");var c=this.props,d=c.itemCount,g=c.layout,N=this.state.scrollOffset;o=Math.max(0,Math.min(o,d-1));var M=0;if(this._outerRef){var z=this._outerRef;g==="vertical"?M=z.scrollWidth>z.clientWidth?ue():0:M=z.scrollHeight>z.clientHeight?ue():0}this.scrollTo(u(this.props,o,f,N,this._instanceProps,M))},y.componentDidMount=function(){var o=this.props,f=o.direction,c=o.initialScrollOffset,d=o.layout;if(typeof c=="number"&&this._outerRef!=null){var g=this._outerRef;f==="horizontal"||d==="horizontal"?g.scrollLeft=c:g.scrollTop=c}this._callPropsCallbacks()},y.componentDidUpdate=function(){var o=this.props,f=o.direction,c=o.layout,d=this.state,g=d.scrollOffset,N=d.scrollUpdateWasRequested;if(N&&this._outerRef!=null){var M=this._outerRef;if(f==="horizontal"||c==="horizontal")if(f==="rtl")switch(pe()){case"negative":M.scrollLeft=-g;break;case"positive-ascending":M.scrollLeft=g;break;default:var z=M.clientWidth,T=M.scrollWidth;M.scrollLeft=T-z-g;break}else M.scrollLeft=g;else M.scrollTop=g}this._callPropsCallbacks()},y.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&de(this._resetIsScrollingTimeoutId)},y.render=function(){var o=this.props,f=o.children,c=o.className,d=o.direction,g=o.height,N=o.innerRef,M=o.innerElementType,z=o.innerTagName,T=o.itemCount,A=o.itemData,D=o.itemKey,k=D===void 0?Ds:D,b=o.layout,Me=o.outerElementType,je=o.outerTagName,Ne=o.style,ze=o.useIsScrolling,Te=o.width,V=this.state.isScrolling,R=d==="horizontal"||b==="horizontal",Se=R?this._onScrollHorizontal:this._onScrollVertical,H=this._getRangeToRender(),Ae=H[0],De=H[1],B=[];if(T>0)for(var O=Ae;O<=De;O++)B.push(j.createElement(f,{data:A,key:k(O,A),index:O,isScrolling:ze?V:void 0,style:this._getItemStyle(O)}));var G=r(this.props,this._instanceProps);return j.createElement(Me||je||"div",{className:c,onScroll:Se,ref:this._outerRefSetter,style:F({position:"relative",height:g,width:Te,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:d},Ne)},j.createElement(M||z||"div",{children:B,ref:N,style:{height:R?"100%":G,pointerEvents:V?"none":void 0,width:R?G:"100%"}}))},y._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var o=this.props.itemCount;if(o>0){var f=this._getRangeToRender(),c=f[0],d=f[1],g=f[2],N=f[3];this._callOnItemsRendered(c,d,g,N)}}if(typeof this.props.onScroll=="function"){var M=this.state,z=M.scrollDirection,T=M.scrollOffset,A=M.scrollUpdateWasRequested;this._callOnScroll(z,T,A)}},y._getRangeToRender=function(){var o=this.props,f=o.itemCount,c=o.overscanCount,d=this.state,g=d.isScrolling,N=d.scrollDirection,M=d.scrollOffset;if(f===0)return[0,0,0,0];var z=p(this.props,M,this._instanceProps),T=h(this.props,z,M,this._instanceProps),A=!g||N==="backward"?Math.max(1,c):1,D=!g||N==="forward"?Math.max(1,c):1;return[Math.max(0,z-A),Math.max(0,Math.min(f-1,T+D)),z,T]},l}(j.PureComponent),e.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},e}var Os=function(e,s){e.children,e.direction,e.height,e.layout,e.innerTagName,e.outerTagName,e.width,s.instance},Es=ws({getItemOffset:function(e,s){var r=e.itemSize;return s*r},getItemSize:function(e,s){var r=e.itemSize;return r},getEstimatedTotalSize:function(e){var s=e.itemCount,r=e.itemSize;return r*s},getOffsetForIndexAndAlignment:function(e,s,r,a,u,p){var h=e.direction,m=e.height,x=e.itemCount,_=e.itemSize,v=e.layout,l=e.width,y=h==="horizontal"||v==="horizontal",I=y?l:m,o=Math.max(0,x*_-I),f=Math.min(o,s*_),c=Math.max(0,s*_-I+_+p);switch(r==="smart"&&(a>=c-I&&a<=f+I?r="auto":r="center"),r){case"start":return f;case"end":return c;case"center":{var d=Math.round(c+(f-c)/2);return d<Math.ceil(I/2)?0:d>o+Math.floor(I/2)?o:d}case"auto":default:return a>=c&&a<=f?a:a<c?c:f}},getStartIndexForOffset:function(e,s){var r=e.itemCount,a=e.itemSize;return Math.max(0,Math.min(r-1,Math.floor(s/a)))},getStopIndexForStartIndex:function(e,s,r){var a=e.direction,u=e.height,p=e.itemCount,h=e.itemSize,m=e.layout,x=e.width,_=a==="horizontal"||m==="horizontal",v=s*h,l=_?x:u,y=Math.ceil((l+r-v)/h);return Math.max(0,Math.min(p-1,s+y-1))},initInstanceProps:function(e){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(e){e.itemSize}});function ks(t){var e=t.lastRenderedStartIndex,s=t.lastRenderedStopIndex,r=t.startIndex,a=t.stopIndex;return!(r>s||a<e)}function bs(t){for(var e=t.isItemLoaded,s=t.itemCount,r=t.minimumBatchSize,a=t.startIndex,u=t.stopIndex,p=[],h=null,m=null,x=a;x<=u;x++){var _=e(x);_?m!==null&&(p.push(h,m),h=m=null):(m=x,h===null&&(h=x))}if(m!==null){for(var v=Math.min(Math.max(m,h+r-1),s-1),l=m+1;l<=v&&!e(l);l++)m=l;p.push(h,m)}if(p.length)for(;p[1]-p[0]+1<r&&p[0]>0;){var y=p[0]-1;if(!e(y))p[0]=y;else break}return p}var Ls=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},Rs=function(){function t(e,s){for(var r=0;r<s.length;r++){var a=s[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,s,r){return s&&t(e.prototype,s),r&&t(e,r),e}}(),Cs=function(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},fe=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t},$s=function(t){Cs(e,t);function e(){var s,r,a,u;Ls(this,e);for(var p=arguments.length,h=Array(p),m=0;m<p;m++)h[m]=arguments[m];return u=(r=(a=fe(this,(s=e.__proto__||Object.getPrototypeOf(e)).call.apply(s,[this].concat(h))),a),a._lastRenderedStartIndex=-1,a._lastRenderedStopIndex=-1,a._memoizedUnloadedRanges=[],a._onItemsRendered=function(x){var _=x.visibleStartIndex,v=x.visibleStopIndex;a._lastRenderedStartIndex=_,a._lastRenderedStopIndex=v,a._ensureRowsLoaded(_,v)},a._setRef=function(x){a._listRef=x},r),fe(a,u)}return Rs(e,[{key:"resetloadMoreItemsCache",value:function(){var r=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;this._memoizedUnloadedRanges=[],r&&this._ensureRowsLoaded(this._lastRenderedStartIndex,this._lastRenderedStopIndex)}},{key:"componentDidMount",value:function(){}},{key:"render",value:function(){var r=this.props.children;return r({onItemsRendered:this._onItemsRendered,ref:this._setRef})}},{key:"_ensureRowsLoaded",value:function(r,a){var u=this.props,p=u.isItemLoaded,h=u.itemCount,m=u.minimumBatchSize,x=m===void 0?10:m,_=u.threshold,v=_===void 0?15:_,l=bs({isItemLoaded:p,itemCount:h,minimumBatchSize:x,startIndex:Math.max(0,r-v),stopIndex:Math.min(h-1,a+v)});(this._memoizedUnloadedRanges.length!==l.length||this._memoizedUnloadedRanges.some(function(y,I){return l[I]!==y}))&&(this._memoizedUnloadedRanges=l,this._loadUnloadedRanges(l))}},{key:"_loadUnloadedRanges",value:function(r){for(var a=this,u=this.props.loadMoreItems||this.props.loadMoreRows,p=function(x){var _=r[x],v=r[x+1],l=u(_,v);l!=null&&l.then(function(){if(ks({lastRenderedStartIndex:a._lastRenderedStartIndex,lastRenderedStopIndex:a._lastRenderedStopIndex,startIndex:_,stopIndex:v})){if(a._listRef==null)return;typeof a._listRef.resetAfterIndex=="function"?a._listRef.resetAfterIndex(_,!0):(typeof a._listRef._getItemStyleCache=="function"&&a._listRef._getItemStyleCache(-1),a._listRef.forceUpdate())}})},h=0;h<r.length;h+=2)p(h)}}]),e}(j.PureComponent);const Qs=()=>n.e1,Us=n.styled_default("div")({name:"a",class:"a1w9zony",propsAsIs:!1}),qs=n.styled_default("div")({name:"l",class:"l16qcfv8",propsAsIs:!1}),Ys=n.styled_default("img")({name:"p",class:"p1gmcc5f",propsAsIs:!1}),Ps=n.styled_default("div")({name:"s",class:"s1doddh0",propsAsIs:!1}),Fs=n.styled_default("div")({name:"c",class:"c1js9xhe",propsAsIs:!1}),Ws=n.styled_default("div")({name:"d",class:"d1tmnqsh",propsAsIs:!1}),Vs=n.styled_default("span")({name:"g",class:"gi9h87j",propsAsIs:!1}),Hs=n.styled_default(Qs())({name:"x",class:"x13mk3z6",propsAsIs:!0}),Bs=({rank:t,avatar:e,name:s,points:r,isCurrentUser:a,openItemDetail:u,style:p})=>i.jsxs(Us,{onClick:u,style:p,children:[i.jsx(qs,{children:t||0}),i.jsxs(Fs,{children:[e?i.jsx(Ys,{alt:"leaderboard-item-avatar",src:e}):i.jsx(Ps,{children:n.o$1(s||"")}),i.jsxs(Ws,{children:[i.jsx(Vs,{children:s||""}),a&&i.jsx(Hs,{name:"icon-star"})]})]}),i.jsx("div",{children:n.i(r)})]}),Gs=({items:t,openItemDetail:e,fetchMore:s})=>i.jsx(Ms,{children:({width:r,height:a})=>i.jsx($s,{isItemLoaded:u=>u<t.length,itemCount:t.length+1,loadMoreItems:s,children:({onItemsRendered:u,ref:p})=>i.jsx(Es,{itemSize:56,onItemsRendered:u,ref:p,itemCount:t.length,width:r,height:a,children:({index:h,style:m})=>i.jsx(Bs,{style:{...m,maxHeight:48},...t[h],openItemDetail:()=>e(t[h].userId)},t[h].userId)})})}),Zs=({leaderboardList:t,openUser:e})=>{const{data:s}=n.useStore(t.$store);return i.jsx(Gs,{fetchMore:t.fetchMore,items:s,openItemDetail:e})};const Js=n.styled_default("button")({name:"a",class:"akly9h2",propsAsIs:!1}),Ks=n.styled_default("span")({name:"e",class:"eptoiz9",propsAsIs:!1}),Xs=({disabled:t,variant:e="primary",onClick:s,children:r,...a})=>i.jsx(Js,{onClick:s,disabled:t,"data-variant":e,...a,children:i.jsx(Ks,{children:r})});const en=()=>n.e1,tn=()=>n.e1,sn=n.styled_default("div")({name:"s",class:"s1lblda3",propsAsIs:!1}),nn=n.styled_default("div")({name:"a",class:"ascvb2g",propsAsIs:!1}),rn=n.styled_default("div")({name:"p",class:"p17rl8zy",propsAsIs:!1}),an=n.styled_default("div")({name:"l",class:"l1vvttbn",propsAsIs:!1}),q=n.styled_default(en())({name:"c",class:"c6fk2ph",propsAsIs:!0}),on=n.styled_default(tn())({name:"d",class:"d1rdm136",propsAsIs:!0}),ln=n.styled_default("div")({name:"f",class:"fwqnnel",propsAsIs:!1}),cn=n.styled_default("div")({name:"u",class:"ucyxnlg",propsAsIs:!1}),dn={[n.PickHistoryStatus.LOST]:i.jsx(q,{name:"icon-cross"}),[n.PickHistoryStatus.WON]:i.jsx(q,{name:"icon-check"}),[n.PickHistoryStatus.UNSET]:void 0,[n.PickHistoryStatus.DNP]:i.jsx(q,{name:"icon-arrow"})},un=({questionId:t,questionType:e,questionStatus:s,subject:r,openForVoting:a,openQuestion:u,status:p})=>{const h=n.o[e],m=dn[p];return h?i.jsxs(sn,{onClick:()=>u==null?void 0:u(t),children:[i.jsxs(cn,{children:[i.jsxs(nn,{children:[i.jsx(on,{name:h.iconName}),i.jsxs(ln,{children:[h.label,e===n.QuestionType.TRIVIA&&s===n.QuestionStatus.RESOLVED&&" • Expired"]})]}),i.jsx(rn,{children:r||""})]}),i.jsx(an,{children:m||(a?i.jsx(Xs,{children:"Play"}):null)})]}):null};const pn=n.styled_default("div")({name:"n",class:"n1jcgove",propsAsIs:!1}),fn=n.styled_default("button")({name:"l",class:"l1bwp7hh",propsAsIs:!1}),hn=({openInsight:t,questionId:e,...s})=>i.jsxs(pn,{children:[i.jsx(ve,{questionId:e,...s}),t&&i.jsx(fn,{onClick:()=>t(e),children:"View Insight"})]});const mn=n.styled_default("div")({name:"t",class:"t19vr3p1",propsAsIs:!1}),gn=({questions:t,openQuestion:e})=>i.jsx(mn,{children:t==null?void 0:t.map(s=>{var r,a;if(s.type==="question"&&((r=s.attributes)==null?void 0:r.attributes.case)==="question"){const u=s.attributes.attributes.value;return i.jsx(un,{openQuestion:e,...u},u.questionId)}if(s.type==="insight"&&((a=s.attributes)==null?void 0:a.attributes.case)==="insight"){const u=s.attributes.attributes.value;return i.jsx(hn,{openInsight:e,...u},u.questionId)}return null})}),In=({store:t,openQuestion:e})=>{const s=n.useStore(t);return s!=null&&s.data?i.jsx(gn,{openQuestion:e,questions:s.data}):i.jsx("div",{children:"wait questions..."})},yn=({userSummary:t})=>{var e;const s=n.useStore(t.getStore());return(e=s.data)!=null&&e.summary?i.jsx(ge,{...s.data.summary,...s.data.percentage}):i.jsx("div",{children:"wait user..."})},xn=({gamification:t})=>{const[e,s]=j.useState(E.HOME);return i.jsxs("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[i.jsxs(n.e,{children:[i.jsx(vs,{activePage:e,toggleActivePage:s}),e===E.HOME&&i.jsx(yn,{userSummary:t.userSummary})]}),e===E.HOME&&i.jsx(n.n$1,{children:i.jsx(In,{openQuestion:t.openQuestion,store:t.feedList.getStore()})}),e===E.LEADERBOARD&&i.jsx(n.n$1,{style:{flex:"1 1 auto",paddingTop:0,paddingBottom:0},children:i.jsx(Zs,{openUser:t.openUser,leaderboardList:t.leaderboardList})})]})};const vn=()=>n.f,he=n.styled_default(vn())({name:"e",class:"e1ph66cs",propsAsIs:!0}),_n=n.styled_default("div")({name:"x",class:"xorme7i",propsAsIs:!1}),_e=({gamification:t,className:e})=>{const s=n.useStore(t.openedQuestion.$store),r=n.useStore(t.openedUser);return i.jsxs(i.Fragment,{children:[s&&i.jsx(he,{className:e,children:i.jsx(ms,{gamification:t})}),r&&i.jsx(he,{className:e,children:i.jsxs(_n,{children:[i.jsx(me,{label:"Friend's Rank",close:t.closeUser}),i.jsx(n.e,{children:i.jsx(ge,{...r})})]})}),i.jsx(n.r,{className:e,"data-nav":"true",children:i.jsx(xn,{gamification:t})})]})};exports.GamificationOverlay=_e;exports.default=_e;