@streamlayer/react 0.27.1 → 0.28.0

package/lib/masters-56975aec.js

@@ -0,0 +1,393 @@
+import { jsx as e, jsxs as m, Fragment as w } from "react/jsx-runtime";
+import { f as N, S as L, a as R, b as z, p as F } from "./index-0d23b24e.js";
+import { lazy as j, useMemo as O, Suspense as q, useRef as D, useState as g, useCallback as G, useEffect as C, useContext as P } from "react";
+import { FeatureType as E, QuestionType as d } from "@streamlayer/sdk-web-types";
+import { useStore as h } from "@nanostores/react";
+import { FeatureStatus as b } from "@streamlayer/sdk-web-interfaces";
+import { s as l, q as y, c as M } from "./index-ed9cc1f5.js";
+import { NotificationType as A } from "@streamlayer/sdk-web-notifications";
+const U = ({ feature: s, sdk: a, children: t, className: n }) => {
+  const c = h(s.status), { slStreamId: i } = h(a.sdkStore);
+  return i != null && i.loading ? /* @__PURE__ */ e("div", { className: n, children: "event is loading..." }) : i != null && i.data ? c !== b.Ready ? /* @__PURE__ */ e("div", { className: n, children: "wait feature..." }) : t : /* @__PURE__ */ e("div", { className: n, children: "event is forbidden..." });
+}, B = j(() => import("./index-c325cc40.js")), Q = ({
+  sdk: s,
+  feature: a,
+  className: t
+}) => {
+  const n = O(() => a && a.featureConfig.get().type === E.GAMES ? /* @__PURE__ */ e(U, { className: t, sdk: s, feature: a, children: /* @__PURE__ */ e(B, { className: t, gamification: a, sdk: s }) }) : null, [s, a, t]);
+  return /* @__PURE__ */ e(
+    q,
+    {
+      fallback: /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
+      children: n
+    }
+  );
+};
+const V = /* @__PURE__ */ l("button")({
+  name: "e",
+  class: "enu64b2",
+  propsAsIs: !1
+}), K = /* @__PURE__ */ l("span")({
+  name: "t",
+  class: "tw2meku",
+  propsAsIs: !1
+}), W = /* @__PURE__ */ l("span")({
+  name: "a",
+  class: "aka8vam",
+  propsAsIs: !1
+}), $ = ({ disabled: s, active: a, onClick: t, label: n, icon: c }) => /* @__PURE__ */ e(V, { onClick: t, disabled: s, "data-selected": a, children: /* @__PURE__ */ m(w, { children: [
+  c && /* @__PURE__ */ e(K, { children: c }),
+  /* @__PURE__ */ e(W, { children: n })
+] }) });
+const Y = () => y, H = /* @__PURE__ */ l(Y())({
+  name: "a",
+  class: "a10lggiw",
+  propsAsIs: !0
+}), I = "channels", J = (s) => {
+  var a;
+  return /* @__PURE__ */ e($, {
+    ...s,
+    id: "channels",
+    label: "Channels",
+    icon: /* @__PURE__ */ e(H, {
+      name: "icon-btn-channels",
+      "data-selected": (a = s.active) == null ? void 0 : a.toString()
+    })
+  });
+};
+const X = () => y, Z = /* @__PURE__ */ l(X())({
+  name: "d",
+  class: "d1x5s8ie",
+  propsAsIs: !0
+}), u = "featuredGroups", ss = (s) => {
+  var a;
+  return /* @__PURE__ */ e($, {
+    ...s,
+    label: "FG+",
+    id: "featuredGroups",
+    icon: /* @__PURE__ */ e(Z, {
+      name: "icon-btn-feature-groups",
+      "data-selected": (a = s.active) == null ? void 0 : a.toString()
+    })
+  });
+};
+const es = () => y, as = /* @__PURE__ */ l(es())({
+  name: "n",
+  class: "ntav86o",
+  propsAsIs: !0
+}), k = "leaderboard", ns = (s) => {
+  var a;
+  return /* @__PURE__ */ e($, {
+    ...s,
+    label: "Leader Board",
+    id: "leaderboard",
+    icon: /* @__PURE__ */ e(as, {
+      name: "icon-btn-leaderboard",
+      "data-selected": (a = s.active) == null ? void 0 : a.toString()
+    })
+  });
+};
+const ts = /* @__PURE__ */ l("div")({
+  name: "n",
+  class: "n1rlvhvz",
+  propsAsIs: !1
+}), ls = ({
+  children: s,
+  className: a
+}) => /* @__PURE__ */ e(ts, {
+  className: a,
+  children: s
+});
+const is = () => ls, rs = /* @__PURE__ */ l(is())({
+  name: "n",
+  class: "n9bnom",
+  propsAsIs: !0
+}), cs = ({ activeOverlay: s, setActiveOverlay: a, sdkReady: t, className: n }) => /* @__PURE__ */ m(rs, { className: n, children: [
+  /* @__PURE__ */ e(J, { active: s === I, onClick: () => a(I) }),
+  /* @__PURE__ */ e(
+    ss,
+    {
+      active: s === u,
+      disabled: !t,
+      onClick: () => {
+        a(u);
+      }
+    }
+  ),
+  /* @__PURE__ */ e(
+    ns,
+    {
+      active: s === k,
+      onClick: () => a(k)
+    }
+  )
+] }), os = {
+  [d.TWEET]: { label: "Insight", iconName: "icon-insight" },
+  [d.PROMOTION]: { label: "Insight", iconName: "icon-insight" },
+  [d.UNSET]: void 0,
+  [d.FACTOID]: { label: "Insight", iconName: "icon-insight" },
+  [d.POLL]: { label: "Poll", iconName: "icon-poll" },
+  [d.TRIVIA]: { label: "Trivia", iconName: "icon-trivia" },
+  [d.PREDICTION]: { label: "Prediction", iconName: "icon-prediction" }
+};
+const ds = /* @__PURE__ */ l("div")({
+  name: "i",
+  class: "i1bwjtdb",
+  propsAsIs: !1
+}), ps = /* @__PURE__ */ l("video")({
+  name: "e",
+  class: "enb7moc",
+  propsAsIs: !1
+}), us = /* @__PURE__ */ l("img")({
+  name: "r",
+  class: "r1ws5lyh",
+  propsAsIs: !1
+}), ms = /* @__PURE__ */ l("div")({
+  name: "s",
+  class: "soibf55",
+  propsAsIs: !1
+}), vs = ({ poster: s, source: a }) => {
+  const t = D(null), [n, c] = g(!1), [i, o] = g(!0);
+  return /* @__PURE__ */ m(ds, { onClick: () => {
+    const r = t == null ? void 0 : t.current;
+    r && c((v) => v ? (r.pause(), !1) : (r.play(), o(!1), !0));
+  }, children: [
+    /* @__PURE__ */ e(
+      ps,
+      {
+        ref: t,
+        src: a,
+        onEnded: () => {
+          var r;
+          (r = t == null ? void 0 : t.current) == null || r.load(), c(!1), o(!0);
+        },
+        style: { visibility: i ? "hidden" : "visible" }
+      }
+    ),
+    /* @__PURE__ */ e(us, { src: s, style: { visibility: i ? "visible" : "hidden" } }),
+    /* @__PURE__ */ e(ms, { children: !n && /* @__PURE__ */ e(y, { name: "icon-play" }) })
+  ] });
+};
+const hs = /* @__PURE__ */ l("div")({
+  name: "r",
+  class: "rcr31jh",
+  propsAsIs: !1
+}), fs = /* @__PURE__ */ l("div")({
+  name: "t",
+  class: "thj4z8w",
+  propsAsIs: !1
+}), ys = /* @__PURE__ */ l("h3")({
+  name: "i",
+  class: "i1oks4sz",
+  propsAsIs: !1
+}), bs = /* @__PURE__ */ l("div")({
+  name: "n",
+  class: "n18s3mno",
+  propsAsIs: !1
+}), gs = /* @__PURE__ */ l("button")({
+  name: "l",
+  class: "lc8mqwv",
+  propsAsIs: !1
+}), Is = ({
+  video: s,
+  heading: a,
+  body: t,
+  action: n
+}) => /* @__PURE__ */ m(hs, { children: [
+  s && /* @__PURE__ */ e(vs, { source: s.url, poster: s.thumbnailUrl }),
+  /* @__PURE__ */ m(fs, { children: [
+    /* @__PURE__ */ e(ys, { children: a }),
+    /* @__PURE__ */ e(bs, { children: t }),
+    n && /* @__PURE__ */ e(gs, { onClick: n, children: "View Insight" })
+  ] })
+] });
+const ks = () => y, As = () => y, Ss = /* @__PURE__ */ l("div")({
+  name: "p",
+  class: "p16oo5uk",
+  propsAsIs: !1
+}), $s = /* @__PURE__ */ l("div")({
+  name: "a",
+  class: "a18c5k3h",
+  propsAsIs: !1
+}), Ns = /* @__PURE__ */ l(ks())({
+  name: "c",
+  class: "czv5t8k",
+  propsAsIs: !0
+}), xs = /* @__PURE__ */ l("div")({
+  name: "s",
+  class: "s1wp1emp",
+  propsAsIs: !1
+}), _s = /* @__PURE__ */ l(As())({
+  name: "l",
+  class: "l1nz0q6x",
+  propsAsIs: !0
+}), Os = /* @__PURE__ */ l("span")({
+  name: "g",
+  class: "g1jhb9lu",
+  propsAsIs: !1
+}), Cs = /* @__PURE__ */ l("div")({
+  name: "d",
+  class: "ds6gfsv",
+  propsAsIs: !1
+}), Es = /* @__PURE__ */ l("button")({
+  name: "x",
+  class: "xkzz16s",
+  propsAsIs: !1
+}), x = ({
+  close: s,
+  action: a,
+  data: { questionType: t, question: n, insight: c }
+}) => {
+  const i = os[t];
+  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: i.iconName }),
+      /* @__PURE__ */ e(Os, { children: i.label })
+    ] }),
+    t === d.FACTOID ? /* @__PURE__ */ e(Is, { ...c, action: a }) : /* @__PURE__ */ e(Cs, { children: n == null ? void 0 : n.title }),
+    t !== d.FACTOID && /* @__PURE__ */ e(Es, { onClick: a, children: "Answer" })
+  ] }) : null;
+};
+const Ts = /* @__PURE__ */ l("div")({
+  name: "s",
+  class: "s1aopxp8",
+  propsAsIs: !1
+}), ws = "c1t0h6s", Ls = ({
+  children: s,
+  style: a,
+  className: t,
+  hiding: n
+}) => /* @__PURE__ */ e(Ts, {
+  style: a,
+  className: M(t, n && ws),
+  children: s
+});
+const Rs = () => Ls, S = /* @__PURE__ */ l(Rs())({
+  name: "d",
+  class: "d1qqtt3e",
+  propsAsIs: !0
+}), zs = ({ sdk: s }) => {
+  const a = s.getNotificationsStore(), t = h(a), n = O(() => t != null && t.size ? t.values().next().value : null, [t]);
+  return (n == null ? void 0 : n.type) === A.QUESTION ? /* @__PURE__ */ e(S, { hiding: n.hiding, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(x, { ...n }) }) }) : (n == null ? void 0 : n.type) === A.QUESTION_RESOLVED ? /* @__PURE__ */ e(S, { hiding: n.hiding, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(x, { ...n }) }) }) : (n == null ? void 0 : n.type) === A.ONBOARDING ? /* @__PURE__ */ e(S, { hiding: n.hiding, children: /* @__PURE__ */ e("div", { children: "Onboarding" }) }) : null;
+};
+const Fs = () => qs, js = /* @__PURE__ */ l("div")({
+  name: "i",
+  class: "idhrx8x",
+  propsAsIs: !1
+}), _ = /* @__PURE__ */ l("div")({
+  name: "r",
+  class: "r1k6v4ep",
+  propsAsIs: !1
+}), qs = /* @__PURE__ */ l("div")({
+  name: "a",
+  class: "a1v8kucd",
+  propsAsIs: !1
+}), Js = /* @__PURE__ */ l(Fs())({
+  name: "e",
+  class: "e16yw7z1",
+  propsAsIs: !0
+}), Ds = (s) => {
+  const [a, t] = g(!1), n = h(s.status), { data: c } = h(s.getUserStore()), i = n === "ready", [o, r] = g(u), v = G(
+    (p, f) => {
+      r(f), f === u ? (p && s.createEventSession(p), s.openFeature(E.GAMES)) : s.closeFeature();
+    },
+    [s]
+  );
+  return C(() => {
+    !i && o === u && (r(I), s.closeFeature());
+  }, [i, o, s]), {
+    sdkEnabled: a,
+    sdkReady: i,
+    activeOverlay: o,
+    activateAndLoadOverlay: v,
+    enableSdk: (p) => {
+      s.initializeApp().then(({ enabled: f, err: T }) => {
+        if (t(!0), T) {
+          v(p, I);
+          return;
+        }
+        if (f) {
+          v(p, u);
+          return;
+        }
+      });
+    },
+    disableSdk: () => {
+      t(!1), s.disableApp();
+    },
+    isLogged: !!c
+  };
+}, Gs = (s) => {
+  const a = h(s.getActiveFeature()), t = h(s.streamStore()), [n, c] = g(null);
+  return C(() => {
+    const i = s.getFeatures();
+    if (a)
+      for (const [o, r] of i)
+        o === a ? r.status.get() === b.Suspended && (r.enable(), c(r)) : r.status.get() === b.Ready && r.disable();
+    else {
+      for (const [, o] of i)
+        o.status.get() === b.Ready && o.disable();
+      c(null);
+    }
+    return () => {
+      for (const [, o] of i)
+        o.status.get() === b.Ready && o.disable();
+    };
+  }, [a, s, t]), [a, n];
+}, Ps = ({ sdk: s, className: a }) => {
+  const [, t] = Gs(s);
+  return /* @__PURE__ */ e(Q, { className: a, feature: t, sdk: s });
+}, Ms = ({ sdk: s, overlays: a, children: t }) => {
+  const { sdkEnabled: n, sdkReady: c, activeOverlay: i, activateAndLoadOverlay: o, enableSdk: r, disableSdk: v, isLogged: p } = Ds(s);
+  return /* @__PURE__ */ m(js, { children: [
+    n && /* @__PURE__ */ e(
+      cs,
+      {
+        sdkReady: c,
+        activeOverlay: i,
+        className: N,
+        setActiveOverlay: (f) => o("", f)
+      }
+    ),
+    n && /* @__PURE__ */ e(zs, { sdk: s }),
+    /* @__PURE__ */ e(
+      _,
+      {
+        "data-nav": n.toString(),
+        style: { display: !n || i === I ? "block" : "none" },
+        children: t && t({ enableSdk: r, disableSdk: v })
+      }
+    ),
+    /* @__PURE__ */ e(
+      _,
+      {
+        "data-nav": n.toString(),
+        style: { display: i === k ? "block" : "none" },
+        children: a && i === k && a[i]
+      }
+    ),
+    p && n && i === u && /* @__PURE__ */ e(Ps, { className: N, sdk: s }),
+    !p && n && 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,
+  plugins: a,
+  children: t,
+  production: n = !0
+}) => /* @__PURE__ */ e(L, { sdkKey: s, plugins: a, production: n, autoEnable: !1, children: t }), Zs = ({ children: s, overlays: a }) => {
+  const { sdk: t, status: n } = P(R);
+  if (n === z.UNSET)
+    throw new Error("Wrap app in `StreamLayerProvider`");
+  return t ? /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(Ms, { sdk: t, overlays: a, children: s }) }) }) : s({});
+};
+export {
+  Xs as M,
+  qs as a,
+  Zs as b,
+  Js as e,
+  Ls as f,
+  os as o,
+  _ as r,
+  vs as w
+};

package/lib/masters-e1de41e7.cjs

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

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>.StreamLayerSDKTheme{height:100%}.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 .n1aopxp8{animation:containerShowIn-n1aopxp8 .1s ease-out;max-height:500px;opacity:1;overflow:hidden;transform:scale(1);width:100%}@keyframes containerShowIn-n1aopxp8{0%{max-height:0;opacity:0;transform:scale(0)}80%{max-height:500px;opacity:0;transform:scale(.9)}85%{max-height:500px;transform:scale(.9)}to{max-height:500px;opacity:1;transform:scale(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 .t18unvw4{background-color:var(--color-neutrals-white);padding:var(--container-padding);row-gap:16px}.StreamLayerSDK>.StreamLayerSDKTheme .rs0uvk8,.StreamLayerSDK>.StreamLayerSDKTheme .t18unvw4{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .rs0uvk8{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n1hem4g7{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:16px;font-weight:var(--font-weight-default);line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .i193lbwv{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .a1dka9qs{-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 .a1dka9qs,.StreamLayerSDK>.StreamLayerSDKTheme .dk8r1eq{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 .m1ph66cs{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>.StreamLayerSDKTheme .enu64b2{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-white);border:1px solid var(--color-neutrals-gray3);border-radius:100px;color:var(--color-primary-green1);cursor:pointer;display:flex;font-size:12px;font-weight:var(--font-weight-default);justify-content:center;-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 .o1gwxd13{background-color:var(--color-bg-transparent);border:1px solid var(--color-blue-primary);cursor:pointer;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .nsmzrlg{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-blue-primary);display:flex;justify-content:center;padding:14px}.StreamLayerSDK>.StreamLayerSDKTheme .i81s9fc{border-radius:50%;height:100%;max-height:40px;max-width:40px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .rlmx6cw{-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:flex;justify-content:space-between;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .dqb0kgq{flex:1;font-size:14px;font-weight:700;padding-left:20px;padding-right:5px}.StreamLayerSDK>.StreamLayerSDKTheme .l1tjaqbq{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.StreamLayerSDK>.StreamLayerSDKTheme .a1tb5jb7{padding:20px}.StreamLayerSDK>.StreamLayerSDKTheme .c11xpv3i{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:center;outline:none}.StreamLayerSDK>.StreamLayerSDKTheme .s12ztjhk{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .a1f928zy{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .nhpumh7{background-color:var(--color-transparent-item);border-radius:8px;height:100%;padding:0 12px}.StreamLayerSDK>.StreamLayerSDKTheme .nhpumh7,.StreamLayerSDK>.StreamLayerSDKTheme .r1wcng20{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .r1wcng20{flex-direction:column;margin:auto;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .i1173pke{font-size:18px;margin-bottom:20px}.StreamLayerSDK>.StreamLayerSDKTheme .ev27fka{align-items:center;display:flex;flex-direction:column;font-size:14px;margin-bottom:10px}.StreamLayerSDK>.StreamLayerSDKTheme .a1ifs31v{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;color:#fff;cursor:pointer;margin-bottom:20px;padding:6px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .a1ifs31v:disabled{cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .p10d4aqp{border-bottom:1px solid #fff;margin-bottom:40px}.StreamLayerSDK>.StreamLayerSDKTheme .p10d4aqp input{background:transparent;border:none;color:#fff;font-size:20px;outline:none}.StreamLayerSDK>.StreamLayerSDKTheme .dje8inq>div{display:flex;gap:10px;margin-bottom:20px}.StreamLayerSDK>.StreamLayerSDKTheme .dje8inq input{font-size:40px;height:40px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .i1grt8h{justify-content:center;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i1grt8h,.StreamLayerSDK>.StreamLayerSDKTheme .n1rozou{align-items:center;display:flex;height:100%}.StreamLayerSDK>.StreamLayerSDKTheme .n1rozou{-webkit-box-pack:justify;-ms-flex-pack:justify;flex-direction:column;justify-content:space-between;width:80%}.StreamLayerSDK>.StreamLayerSDKTheme .o81ls6z{margin-bottom:24px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .d9l6z9i{font-size:17px;font-weight:600;padding:0 20px;text-align:center;word-break:break-word}.StreamLayerSDK>.StreamLayerSDKTheme .e1o3lzmc{-webkit-box-pack:center;-ms-flex-pack:center;flex:1;justify-content:center;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e1o3lzmc,.StreamLayerSDK>.StreamLayerSDKTheme .otjo97h{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .otjo97h{color:#fff;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .ivk43vg{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-green-primary-btn);border-radius:50%;display:flex;height:48px;justify-content:center;margin-bottom:24px;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .r1w33akz{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .c1a3ssoy{font-size:20px;font-weight:600;margin-bottom:8px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .ayzr5mb{font-size:14px;font-weight:400;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .p30t8qv{background-color:transparent;border:none;border:2px solid var(--color-green-primary-btn);border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:24px;outline:none;padding:12px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .ty54o42{align-items:center;color:#fff;display:flex;flex:1;flex-direction:column;padding:0 8px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .oqyp1qa{font-size:20px;font-weight:700}.StreamLayerSDK>.StreamLayerSDKTheme .rf1d3db{max-height:190px;overflow:auto}.StreamLayerSDK>.StreamLayerSDKTheme .n187jgct{display:flex;margin-top:24px;max-width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .d1i3t4lw{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-green-primary-btn);border-radius:50%;display:flex;height:36px;justify-content:center;margin-right:16px;width:36px}.StreamLayerSDK>.StreamLayerSDKTheme .l1heulx5{flex:1;max-height:39px;overflow:hidden;padding-right:30px;word-break:break-word}.StreamLayerSDK>.StreamLayerSDKTheme .n1cm2rh8{box-sizing:border-box;color:var(--color-white);display:flex;flex-direction:column;height:100%;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e9j28tc{flex:1;margin-bottom:20px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .iu1o1a8{-webkit-box-pack:justify;-ms-flex-pack:justify;border-bottom:1px solid #22262b;justify-content:space-between;margin-bottom:36px;padding:6px 16px 10px}.StreamLayerSDK>.StreamLayerSDKTheme .iu1o1a8,.StreamLayerSDK>.StreamLayerSDKTheme .r14ailyk{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .r14ailyk{justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .c11ybl5c{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .sd9s97{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .l1ddowgh{height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .d1s3ug7g{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:center;outline:none}.StreamLayerSDK>.StreamLayerSDKTheme .p17kmhv2{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .a1qucmt7{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-green-primary-btn);border:none;border-radius:6px;color:var(--color-white);cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;outline:none;padding:12px 16px;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 .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 .o14894ro{-webkit-box-pack:center;-ms-flex-pack:center;background:#222425;height:100%;justify-content:center;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .o14894ro,.StreamLayerSDK>.StreamLayerSDKTheme .s1lblda3{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .s1lblda3{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:var(--border-radius);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 .e1q4ysxt{background-color:var(--color-transparent-item);border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;height:55px;min-height:55px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ouyy0pt{-webkit-box-pack:justify;-ms-flex-pack:justify;flex:1;justify-content:space-between;padding:9px}.StreamLayerSDK>.StreamLayerSDKTheme .n19nxf9u,.StreamLayerSDK>.StreamLayerSDKTheme .ouyy0pt{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .n19nxf9u{-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--color-blue-question-action-btn);border-bottom-left-radius:8px;border-top-left-radius:8px;height:100%;justify-content:center;min-width:60px;position:relative;width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .r1k9ayhp{height:35px;width:35px}.StreamLayerSDK>.StreamLayerSDKTheme .l5j3lzi{border-radius:50%;height:35px;width:35px}.StreamLayerSDK>.StreamLayerSDKTheme .sm6ggfo{bottom:0;left:0;position:absolute;width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .p1dhscaj{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--color-white);display:-webkit-box;font-size:12px;font-weight:400px;margin-right:35px;max-height:100%;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .a1f5isrh{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .t19vr3p1{display:flex;flex-direction:column;gap:8px;max-height:100%;overflow-y:auto}.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 .idhrx8x{background:transparent;font-family:var(--font-regular);height:100%;min-width:324px;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 .a1v8kucd{display:flex;flex-direction:column;gap:var(--container-padding);padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .e16yw7z1.a1v8kucd{background-color:var(--color-neutrals-white)}.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 .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 .nyaglcf{background-color:var(--color-transparent-onboarding-inapp);max-height:120px}.StreamLayerSDK>.StreamLayerSDKTheme .rn5nzbc{align-items:center;background-repeat:no-repeat;background-size:contain;border-bottom-left-radius:8px;border-top-left-radius:8px;display:flex;width:72px}.StreamLayerSDK>.StreamLayerSDKTheme .e6i73qc{margin-left:8px;width:56px}.StreamLayerSDK>.StreamLayerSDKTheme .iu0veuw{-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:flex;flex:1;font-size:12px;font-weight:600;justify-content:space-between;margin-right:8px;padding:16px 8px 16px 0}.StreamLayerSDK>.StreamLayerSDKTheme .ph41hsa{height:16px;margin-right:4px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .a1doo0j{font-size:8px;font-style:italic;font-weight:600;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .s1y6mmdj{font-size:14px;margin-bottom:2px;margin-top:8px}.StreamLayerSDK>.StreamLayerSDKTheme .cr7s6d2{color:var(--color-grey-primary-onboarding-inapp)}.StreamLayerSDK>.StreamLayerSDKTheme .dn2ogfd{background-color:var(--color-green-primary-btn);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;outline:none;padding:8px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .xvt3fwn{background-color:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;outline:none;padding:5px;position:absolute;right:8px;top:4px}.StreamLayerSDK>.StreamLayerSDKTheme .g4rp2wp{height:10px;width:10px}.StreamLayerSDK>.StreamLayerSDKTheme .r1li8aub{position:absolute;right:0;transition:transform .3s ease;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .r1li8aub>div{animation:slide-in-r1li8aub .3s ease-in;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-sizing:border-box;color:var(--color-white);display:flex;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}@keyframes slide-in-r1li8aub{0%{right:-100%}to{right:0}}.StreamLayerSDK>.StreamLayerSDKTheme .oc6h1al{max-width:600px;position:absolute;right:10px;top:10px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .oc6h1al>div{margin-bottom:10px}.StreamLayerSDK>.StreamLayerSDKTheme .y1qd1atw{-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;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .y1qd1atw>div{animation:slide-in-y1qd1atw .3s ease-in;background:#000;width:100%}@keyframes slide-in-y1qd1atw{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.StreamLayerSDK>.StreamLayerSDKTheme .e1javwmj{border-radius:13px;height:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e1javwmj,.StreamLayerSDK>.StreamLayerSDKTheme .t1qosv8q{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .t1qosv8q{max-height:100%;overflow-y:auto}.StreamLayerSDK>.StreamLayerSDKTheme .t1qosv8q>div{margin-bottom:8px}.StreamLayerSDK>.StreamLayerSDKTheme .oa5apdf{-webkit-box-pack:justify;-ms-flex-pack:justify;border-bottom:1px solid #22262b;border-bottom-left-radius:8px;border-top-left-radius:8px;box-sizing:border-box;justify-content:space-between;margin-bottom:20px;min-height:35px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .n1wh5guy,.StreamLayerSDK>.StreamLayerSDKTheme .oa5apdf{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .n1wh5guy{-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:none;border-radius:50%;cursor:pointer;justify-content:center;outline:none;padding:5px}.StreamLayerSDK>.StreamLayerSDKTheme .ro3ktps{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .t16hl500{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;box-sizing:border-box;color:var(--color-white);display:flex;flex-direction:column;font-size:14px;justify-content:center;padding:16px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .e18ymslp{border:1px solid #7e7e7f;border-radius:50%;height:130px;margin-bottom:8px;width:130px}.StreamLayerSDK>.StreamLayerSDKTheme .n1kdd00k{margin-bottom:8px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .rwwgdkm{font-weight:700;margin-bottom:8px}.StreamLayerSDK>.StreamLayerSDKTheme .dvazwa9{font-weight:400}.StreamLayerSDK>.StreamLayerSDKTheme .cd3vh14{background-color:var(--color-blue-question-action-btn);border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:13px;font-weight:600;overflow:hidden;padding:10px 5px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cd3vh14,.StreamLayerSDK>.StreamLayerSDKTheme .cd3vh14:active,.StreamLayerSDK>.StreamLayerSDKTheme .cd3vh14:hover,.StreamLayerSDK>.StreamLayerSDKTheme .cd3vh14:visited{color:var(--color-white);-webkit-text-decoration:none;text-decoration:none}.StreamLayerSDK>.StreamLayerSDKTheme .l19zo16x{height:16px;margin-left:10px;vertical-align:middle;width:17px}.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 .e6qv3to{height:100%;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .i1jak95i{margin-bottom:15px}.StreamLayerSDK>.StreamLayerSDKTheme .r1qp3jjx{height:calc(100% - 160px);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .naeizu7{display:flex;margin-bottom:10px}.StreamLayerSDK>.StreamLayerSDKTheme .a4zecne{background:#1d7bff;border:none;border-radius:3px;color:#fff;cursor:pointer;margin-right:5px;padding:5px 6px;transition:all .3s ease-in}.StreamLayerSDK>.StreamLayerSDKTheme .a4zecne>img{margin-right:5px;max-height:10px;max-width:10px}.StreamLayerSDK>.StreamLayerSDKTheme .a4zecne:enabled:hover{box-shadow:inset 0 0 0 2em #0258d0}.StreamLayerSDK>.StreamLayerSDKTheme .a4zecne[data-selected=true],.StreamLayerSDK>.StreamLayerSDKTheme .a4zecne[data-selected=true]:enabled:hover{box-shadow:inset 0 0 0 2em #003c91}.StreamLayerSDK>.StreamLayerSDKTheme .a4zecne:disabled{background-color:gray;cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .a4zecne[data-enable_sdk_button=false]{opacity:.7}.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 .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 .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>.StreamLayerSDKTheme{height:100%}.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 .o14894ro{background:#222425;height:100%;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2,.StreamLayerSDK>.StreamLayerSDKTheme .o14894ro{-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:500px;opacity:1;overflow:hidden;transform:scale(1);width:100%}@keyframes containerShowIn-s1aopxp8{0%{max-height:0;opacity:0;transform:scale(0)}80%{max-height:500px;opacity:0;transform:scale(.9)}85%{max-height:500px;transform:scale(.9)}to{max-height:500px;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:500px;opacity:0;transform:scale(.9)}85%{max-height:500px;transform:scale(.9)}to{max-height:500px;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;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 .a1v8kucd{display:flex;flex-direction:column;gap:var(--container-padding);padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .e16yw7z1.a1v8kucd{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 .e18unvw4{background-color:var(--color-neutrals-white);padding:var(--container-padding);row-gap:16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e18unvw4,.StreamLayerSDK>.StreamLayerSDKTheme .rs0uvk8{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .rs0uvk8{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n1hem4g7{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:16px;font-weight:var(--font-weight-default);line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .i193lbwv{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .a1dka9qs{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:1px solid var(--color-primary-green1);border-radius:40px;color:var(--color-primary-green1);-moz-column-gap:10px;column-gap:10px;display:flex;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 .l1un98tk{color:var(--color-neutrals-gray7);font-size:12px;font-weight:550}.StreamLayerSDK>.StreamLayerSDKTheme .dk8r1eq{-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 .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 .e1jcgove{background-color:var(--color-neutrals-white);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--container-padding);row-gap:16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .t1bwp7hh{color:var(--color-neutrals-gray7);font-size:12px;font-weight:550}.StreamLayerSDK>.StreamLayerSDKTheme .i1xav4cl{display:flex;flex-direction:column;row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n3qb30y{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 .ap5d9g7{-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 .lvdbmlu{-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 .lvdbmlu: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 .m1ph66cs{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.27.1",
+  "version": "0.28.0",
   "type": "module",
   "author": "StreamLayer, Inc (https://streamlayer.io)",
   "maintainers": [
@@ -54,16 +54,16 @@
     }
   ],
   "dependencies": {
-    "@streamlayer/feature-gamification": "^0.21.1",
-    "@streamlayer/sdk-web": "^0.28.15",
+    "@streamlayer/feature-gamification": "^0.22.0",
+    "@streamlayer/sdk-web": "^0.28.17",
     "@streamlayer/sdk-web-api": "^0.0.1",
-    "@streamlayer/sdk-web-core": "^0.17.4",
-    "@streamlayer/sdk-web-features": "^0.10.18",
-    "@streamlayer/sdk-web-interfaces": "^0.18.11",
-    "@streamlayer/sdk-web-logger": "^0.0.1",
-    "@streamlayer/sdk-web-notifications": "^0.10.10",
-    "@streamlayer/sdk-web-storage": "^0.0.1",
-    "@streamlayer/sdk-web-types": "^0.18.1"
+    "@streamlayer/sdk-web-core": "^0.17.6",
+    "@streamlayer/sdk-web-features": "^0.10.20",
+    "@streamlayer/sdk-web-interfaces": "^0.18.13",
+    "@streamlayer/sdk-web-notifications": "^0.11.0",
+    "@streamlayer/sdk-web-storage": "^0.0.2",
+    "@streamlayer/sdk-web-types": "^0.19.0",
+    "@streamlayer/sdk-web-logger": "^0.0.2"
   },
   "peerDependencies": {
     "@bufbuild/protobuf": "^1.4.2",
@@ -113,7 +113,7 @@
     "size-limit": "^11.0.0",
     "url-loader": "^4.1.1",
     "vite-plugin-dts": "^3.6.3",
-    "@streamlayer/react-ui": "^0.54.1"
+    "@streamlayer/react-ui": "^0.56.0"
   },
   "scripts": {
     "size-limit": "size-limit"