@streamlayer/react 0.29.11 → 0.30.1

package/lib/es/points.js

@@ -1,54 +1,63 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { FeatureType as m } from "@streamlayer/sdk-web-types";
-import { f as l, p } from "../index-0d23b24e.js";
-import { i as c } from "../common-2d2a3ba3.js";
-import { s as t, i as u } from "../index-81810ce0.js";
-import { useMemo as d } from "react";
-import { useStore as n } from "@nanostores/react";
-import { u as f } from "../app-e4b43a5c.js";
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { FeatureType as c } from "@streamlayer/sdk-web-types";
+import { d as l, s as u } from "./index2.js";
+import { i as d } from "./common.js";
+import { s as t, i as f } from "./index3.js";
+import { useState as y, useEffect as S } from "react";
+import { useStore as P } from "@nanostores/react";
+import { u as h } from "./app.js";
 import "./useStreamLayerApp.js";
 import "@streamlayer/sdk-web";
-const S = () => u, y = /* @__PURE__ */ t("div")({
-  name: "l",
-  class: "l4qld3l",
+const v = /* @__PURE__ */ t("div")({
+  name: "PointsContainer",
+  class: "psiob9b",
   propsAsIs: !1
-}), h = /* @__PURE__ */ t("div")({
-  name: "a",
-  class: "ainhtok",
+}), A = /* @__PURE__ */ t("div")({
+  name: "PointsIcon",
+  class: "p1gqe4lh",
   propsAsIs: !1
-}), v = /* @__PURE__ */ t(S())({
-  name: "x",
-  class: "xk8yd5t",
+}), I = () => f, g = /* @__PURE__ */ t(I())({
+  name: "PointsSvg",
+  class: "p15syg2y",
   propsAsIs: !0
-}), x = /* @__PURE__ */ t("div")({
-  name: "h",
-  class: "h6rf9gb",
+}), b = /* @__PURE__ */ t("div")({
+  name: "PointsBody",
+  class: "p12n4f2h",
   propsAsIs: !1
-}), g = /* @__PURE__ */ t("div")({
-  name: "c",
-  class: "c18f5pxx",
+}), x = /* @__PURE__ */ t("div")({
+  name: "PointsTitle",
+  class: "poqmx89",
   propsAsIs: !1
-}), A = /* @__PURE__ */ t("div")({
-  name: "m",
-  class: "m1jwsyj1",
+}), L = /* @__PURE__ */ t("div")({
+  name: "PointsValue",
+  class: "prj9b3v",
   propsAsIs: !1
-}), I = ({ points: s }) => /* @__PURE__ */ i(y, { className: l, children: [
-  /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(v, { name: "icon-trophy" }) }),
-  /* @__PURE__ */ i(x, { children: [
-    /* @__PURE__ */ r(g, { children: "Total points" }),
-    /* @__PURE__ */ r(A, { children: c(s) })
+}), j = ({ points: s }) => /* @__PURE__ */ m(v, { className: l, children: [
+  /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(g, { name: "icon-trophy" }) }),
+  /* @__PURE__ */ m(b, { children: [
+    /* @__PURE__ */ r(x, { children: "Total points" }),
+    /* @__PURE__ */ r(L, { children: d(s) })
   ] })
-] }), j = ({ userSummary: s }) => {
-  var a, e;
-  const o = n(s.getStore());
-  return ((e = (a = o.data) == null ? void 0 : a.summary) == null ? void 0 : e.points) === void 0 ? null : /* @__PURE__ */ r("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(I, { points: o.data.summary.points }) }) });
-}, L = ({ sdk: s }) => {
-  const { organizationSettings: o, streamSettings: a } = n(s.sdkStore), e = d(() => s.getFeature(m.GAMES), [s, o, a]);
-  return e ? /* @__PURE__ */ r(j, { userSummary: e.userSummary }) : null;
-}, N = () => {
-  const s = f();
-  return s ? /* @__PURE__ */ r(L, { sdk: s }) : null;
+] }), D = ({ userSummary: s }) => {
+  const [e, o] = y(0);
+  return S(() => {
+    const p = s.subscribe((i) => {
+      var n, a;
+      (a = (n = i.data) == null ? void 0 : n.summary) != null && a.points && o(i.data.summary.points);
+    });
+    return () => {
+      p();
+    };
+  }, [s]), /* @__PURE__ */ r("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(j, { points: e }) }) });
+}, K = ({ sdk: s }) => {
+  if (P(s.sdkStore.status) !== "ready")
+    return null;
+  const o = s.getFeature(c.GAMES);
+  return o ? /* @__PURE__ */ r(D, { userSummary: o.userSummary.getStore() }) : null;
+}, V = () => {
+  const s = h();
+  return s ? /* @__PURE__ */ r(K, { sdk: s }) : null;
 };
 export {
-  N as StreamLayerSDKPoints
+  V as StreamLayerSDKPoints
 };

package/lib/style.css

@@ -1 +1 @@
-.StreamLayerSDK .StreamLayerCSSReset a,.StreamLayerSDK .StreamLayerCSSReset abbr,.StreamLayerSDK .StreamLayerCSSReset acronym,.StreamLayerSDK .StreamLayerCSSReset address,.StreamLayerSDK .StreamLayerCSSReset applet,.StreamLayerSDK .StreamLayerCSSReset article,.StreamLayerSDK .StreamLayerCSSReset aside,.StreamLayerSDK .StreamLayerCSSReset audio,.StreamLayerSDK .StreamLayerCSSReset b,.StreamLayerSDK .StreamLayerCSSReset big,.StreamLayerSDK .StreamLayerCSSReset blockquote,.StreamLayerSDK .StreamLayerCSSReset body,.StreamLayerSDK .StreamLayerCSSReset button,.StreamLayerSDK .StreamLayerCSSReset canvas,.StreamLayerSDK .StreamLayerCSSReset caption,.StreamLayerSDK .StreamLayerCSSReset center,.StreamLayerSDK .StreamLayerCSSReset cite,.StreamLayerSDK .StreamLayerCSSReset code,.StreamLayerSDK .StreamLayerCSSReset dd,.StreamLayerSDK .StreamLayerCSSReset del,.StreamLayerSDK .StreamLayerCSSReset details,.StreamLayerSDK .StreamLayerCSSReset dfn,.StreamLayerSDK .StreamLayerCSSReset div,.StreamLayerSDK .StreamLayerCSSReset dl,.StreamLayerSDK .StreamLayerCSSReset dt,.StreamLayerSDK .StreamLayerCSSReset em,.StreamLayerSDK .StreamLayerCSSReset embed,.StreamLayerSDK .StreamLayerCSSReset fieldset,.StreamLayerSDK .StreamLayerCSSReset figcaption,.StreamLayerSDK .StreamLayerCSSReset figure,.StreamLayerSDK .StreamLayerCSSReset footer,.StreamLayerSDK .StreamLayerCSSReset form,.StreamLayerSDK .StreamLayerCSSReset h1,.StreamLayerSDK .StreamLayerCSSReset h2,.StreamLayerSDK .StreamLayerCSSReset h3,.StreamLayerSDK .StreamLayerCSSReset h4,.StreamLayerSDK .StreamLayerCSSReset h5,.StreamLayerSDK .StreamLayerCSSReset h6,.StreamLayerSDK .StreamLayerCSSReset header,.StreamLayerSDK .StreamLayerCSSReset hgroup,.StreamLayerSDK .StreamLayerCSSReset html,.StreamLayerSDK .StreamLayerCSSReset i,.StreamLayerSDK .StreamLayerCSSReset iframe,.StreamLayerSDK .StreamLayerCSSReset img,.StreamLayerSDK .StreamLayerCSSReset ins,.StreamLayerSDK .StreamLayerCSSReset kbd,.StreamLayerSDK .StreamLayerCSSReset label,.StreamLayerSDK .StreamLayerCSSReset legend,.StreamLayerSDK .StreamLayerCSSReset li,.StreamLayerSDK .StreamLayerCSSReset mark,.StreamLayerSDK .StreamLayerCSSReset menu,.StreamLayerSDK .StreamLayerCSSReset nav,.StreamLayerSDK .StreamLayerCSSReset object,.StreamLayerSDK .StreamLayerCSSReset ol,.StreamLayerSDK .StreamLayerCSSReset output,.StreamLayerSDK .StreamLayerCSSReset p,.StreamLayerSDK .StreamLayerCSSReset pre,.StreamLayerSDK .StreamLayerCSSReset q,.StreamLayerSDK .StreamLayerCSSReset ruby,.StreamLayerSDK .StreamLayerCSSReset s,.StreamLayerSDK .StreamLayerCSSReset samp,.StreamLayerSDK .StreamLayerCSSReset section,.StreamLayerSDK .StreamLayerCSSReset small,.StreamLayerSDK .StreamLayerCSSReset span,.StreamLayerSDK .StreamLayerCSSReset strike,.StreamLayerSDK .StreamLayerCSSReset strong,.StreamLayerSDK .StreamLayerCSSReset sub,.StreamLayerSDK .StreamLayerCSSReset summary,.StreamLayerSDK .StreamLayerCSSReset sup,.StreamLayerSDK .StreamLayerCSSReset table,.StreamLayerSDK .StreamLayerCSSReset tbody,.StreamLayerSDK .StreamLayerCSSReset td,.StreamLayerSDK .StreamLayerCSSReset tfoot,.StreamLayerSDK .StreamLayerCSSReset th,.StreamLayerSDK .StreamLayerCSSReset thead,.StreamLayerSDK .StreamLayerCSSReset time,.StreamLayerSDK .StreamLayerCSSReset tr,.StreamLayerSDK .StreamLayerCSSReset tt,.StreamLayerSDK .StreamLayerCSSReset u,.StreamLayerSDK .StreamLayerCSSReset ul,.StreamLayerSDK .StreamLayerCSSReset var,.StreamLayerSDK .StreamLayerCSSReset video{outline:none}.StreamLayerSDK,.StreamLayerSDK>.StreamLayerSDKTheme{height:100%}.StreamLayerSDKTheme *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.StreamLayerSDK>.StreamLayerSDKTheme .l4qld3l{align-items:center;border-radius:40px;-moz-column-gap:8px;column-gap:8px;display:inline-flex;padding:4px 17px 4px 4px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .l4qld3l:before{border:1px solid var(--color-neutrals-white);border-radius:40px;bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0;z-index:-1}@media (max-width:767px){.l4qld3l{padding-right:10px}}.StreamLayerSDK>.StreamLayerSDKTheme .ainhtok{-ms-flex-negative:0;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--color-primary-green2);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}@media (max-width:767px){.ainhtok{height:28px;width:28px}}.StreamLayerSDK>.StreamLayerSDKTheme .xk8yd5t{height:20px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .xk8yd5t path{fill:var(--color-neutrals-white)}@media (max-width:767px){.xk8yd5t{height:14px;width:14px}}.StreamLayerSDK>.StreamLayerSDKTheme .h6rf9gb{color:var(--color-neutrals-white);display:flex;flex-direction:column;font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .c18f5pxx{font-size:9px;margin-bottom:1px;text-transform:uppercase}@media (max-width:767px){.c18f5pxx{display:none}}.StreamLayerSDK>.StreamLayerSDKTheme .m1jwsyj1{font-size:18px;line-height:20px}@media (max-width:767px){.m1jwsyj1{font-size:14px;line-height:22px}}.StreamLayerSDK>.StreamLayerSDKTheme .pedqibx{--color-bg-transparent:rgba(0,0,0,.8);--color-bg-transparent-vote-container:rgba(10,14,19,.8);--color-bg-transparent-item:rgba(0,0,0,.7);--color-bg-transparent-item-vote:hsla(0,0%,100%,.1);--color-bg-transparent-item-success:rgba(0,139,251,.2);--color-bg-transparent-item-error:rgba(205,37,37,.2);--color-bg-transparent-vote-progress:hsla(0,0%,100%,.2);--color-bg-transparent-vote-progress-success:rgba(60,139,251,.5);--color-bg-transparent-vote-progress-error:rgba(205,37,37,.5);--color-bg-transparent-onboarding-inapp:rgba(138,159,182,.2);--color-leaderboard-unit:hsla(0,0%,100%,.5);--color-blue-primary:#1589ee;--color-red-primary:#cd2525;--color-red-secondary:#eb5757;--color-blue-question-action-btn:#1589ee;--color-white:#fff;--color-grey-1:#909395;--color-grey-2:#22262b;--color-grey-3:#2d3135;--color-grey-4:#53565a;--color-grey-primary-onboarding-inapp:#b5b7b8;--color-black-1:#161a1f;--color-green-1:#f7b801;--color-red-1:#a30000;--color-red-2:#ff4170;--color-grey-primary:#909395;--color-divider-color-secondary:#53565a;--color-green-primary-btn:#009b77;--color-primary-green1:#107d57;--color-primary-green2:#006747;--color-primary-green3:#1c4932;--color-primary-green4:#193526;--color-secondary-red1:#df2f3b;--color-secondary-red2:#ba0c2f;--color-secondary-red3:#f9d6d8;--color-secondary-yellow:#fce300;--color-secondary-green5:#c0dc8f;--color-secondary-green6:#cee5de;--color-neutrals-white:#fff;--color-neutrals-gray1:#f7f7f7;--color-neutrals-gray2:#f2f2f1;--color-neutrals-gray3:#e8e8e8;--color-neutrals-gray4:#d9d9d6;--color-neutrals-gray5:#b1b3b3;--color-neutrals-gray6:#888b8d;--color-neutrals-gray7:#6b6f73;--color-neutrals-gray8:#53565a;--color-neutrals-gray9:#25282a;--color-neutrals-black:#000;--font-family:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-regular:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-color:#fff;--font-serif:"Tiempos","Tiempos Text",Times New Roman,serif;--font-weight-default:500;--header-height:68px;--animation-duration:0.5s;--animation-function:ease;--container-padding:16px;--border-radius:8px}.StreamLayerSDK>.StreamLayerSDKTheme .pedqibx *{box-sizing:border-box}.StreamLayerSDK>.StreamLayerSDKTheme ._14894ro{background:#222425;height:100%;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme ._14894ro,.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2{background-color:var(--color-white);border:1px solid var(--color-neutrals-gray3);border-radius:100px;color:var(--color-primary-green1);cursor:pointer;font-size:12px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.5px;-moz-letter-spacing:-.5px;-ms-letter-spacing:-.5px;letter-spacing:-.5px;max-height:36px;min-height:36px;padding:0 8px}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]:disabled:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:disabled{cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:disabled:hover{border-color:var(--color-neutrals-gray3);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .tw2meku{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:22px;justify-content:center;margin-right:5px;width:22px}.StreamLayerSDK>.StreamLayerSDKTheme .a10lggiw[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .a10lggiw[data-selected=true] g>path:nth-child(2){fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .d1x5s8ie[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .d1x5s8ie[data-selected=true] g>path:nth-child(2){fill:#fff;stroke:#107d57}.StreamLayerSDK>.StreamLayerSDKTheme .ntav86o[data-selected=true] g>path{fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .n1rlvhvz{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-neutrals-white);display:flex;justify-content:space-between}.StreamLayerSDK>.StreamLayerSDKTheme .n9bnom{animation:show-nav-n9bnom .5s ease;animation-fill-mode:forwards;border-bottom:1px solid var(--color-neutrals-gray3);box-sizing:border-box;left:0;opacity:0;overflow:hidden;padding:var(--container-padding);position:absolute;right:0;top:0}.StreamLayerSDK>.StreamLayerSDKTheme .n9bnom>button:not(:last-child){margin-right:8px}@keyframes show-nav-n9bnom{90%{opacity:0}to{height:68px;opacity:1}}.StreamLayerSDK>.StreamLayerSDKTheme .i1bwjtdb{border-radius:8px;cursor:pointer;display:flex;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .enb7moc{width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .r1ws5lyh{height:100%;left:0;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .soibf55{cursor:pointer;display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.StreamLayerSDK>.StreamLayerSDKTheme .rcr31jh{background-color:var(--color-neutrals-white);border-radius:8px;box-sizing:border-box;row-gap:16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ihj4z8w,.StreamLayerSDK>.StreamLayerSDKTheme .rcr31jh{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .ihj4z8w{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .t1oks4sz{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .n18s3mno,.StreamLayerSDK>.StreamLayerSDKTheme .t1oks4sz{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-weight:var(--font-weight-default);max-height:50px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .n18s3mno{color:var(--color-neutrals-gray9);font-size:12px;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .lc8mqwv{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);display:flex;font-size:14px;font-weight:550;height:44px;justify-content:center;outline:none;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .lc8mqwv:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6{display:none;height:100%;left:0;position:absolute;top:-1px;width:100%;z-index:1}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true]{display:block}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true]>div:first-child{animation:showLines-oeeit6 1s ease-out 50ms forwards,hiddenLines-oeeit6 1.5s ease-in 4.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true]>div:nth-child(2){animation:showLines-oeeit6 .7s ease-out .5s forwards,hiddenLines-oeeit6 1s ease-in 5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true]>div:nth-child(3){animation:showLines-oeeit6 .5s ease-out .7s forwards,hiddenLines-oeeit6 .7s ease-in 5.3s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true]>div:nth-child(4){animation:showLines-oeeit6 .4s ease-out 1s forwards,hiddenLines-oeeit6 .5s ease-in 5.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true][data-first-screen=true]>div:first-child{animation:showLines-oeeit6 1s ease-out 1s forwards,hiddenLines-oeeit6 1.5s ease-in 4.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true][data-first-screen=true]>div:nth-child(2){animation:showLines-oeeit6 .7s ease-out 1.4s forwards,hiddenLines-oeeit6 1s ease-in 5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true][data-first-screen=true]>div:nth-child(3){animation:showLines-oeeit6 .5s ease-out 1.7s forwards,hiddenLines-oeeit6 .7s ease-in 5.3s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true][data-last-screen=true]>div:first-child{animation:showLines-oeeit6 1s ease-out 50ms forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true][data-last-screen=true]>div:nth-child(2){animation:showLines-oeeit6 .7s ease-out .5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true][data-last-screen=true]>div:nth-child(3){animation:showLines-oeeit6 .5s ease-out .7s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true][data-last-screen=true]>div:nth-child(4){animation:showLines-oeeit6 .4s ease-out 1s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6>div{background-color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-correct=true]>div{background-color:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-correct=false]>div{background-color:var(--color-neutrals-gray6)}@keyframes showLines-oeeit6{0%{transform:translateX(400px) rotate(137deg)}to{transform:translateX(0) rotate(137deg)}}@keyframes hiddenLines-oeeit6{0%{width:1000px}to{opacity:0;width:2000px}}.StreamLayerSDK>.StreamLayerSDKTheme .e1v245rb{bottom:-580px;height:1000px;opacity:.05;position:absolute;transform:translateX(400px) rotate(137deg);width:1000px}.StreamLayerSDK>.StreamLayerSDKTheme .neiocf7.e1v245rb{right:-818px}.StreamLayerSDK>.StreamLayerSDKTheme .t1vmkqme.e1v245rb{right:-902px}.StreamLayerSDK>.StreamLayerSDKTheme .r1ln3ryw.e1v245rb{right:-997px}.StreamLayerSDK>.StreamLayerSDKTheme .a1s6rgzs.e1v245rb{right:-891px}.StreamLayerSDK>.StreamLayerSDKTheme .h13kvn19.e1v245rb{right:-942px}.StreamLayerSDK>.StreamLayerSDKTheme .dcrmlko.e1v245rb{right:-996px}.StreamLayerSDK>.StreamLayerSDKTheme .m16755u3.e1v245rb{right:-931px}.StreamLayerSDK>.StreamLayerSDKTheme .cdwashk.e1v245rb{opacity:.1;right:-981px}.StreamLayerSDK>.StreamLayerSDKTheme .w1lh1meo.e1v245rb{opacity:.15;right:-1035px}.StreamLayerSDK>.StreamLayerSDKTheme .p1y0qeoo.e1v245rb{opacity:.2;right:-1088px}.StreamLayerSDK>.StreamLayerSDKTheme .l1wanjqa.e1v245rb{opacity:.1;right:-931px}.StreamLayerSDK>.StreamLayerSDKTheme .l1aaziu.e1v245rb{opacity:.1;right:-981px}.StreamLayerSDK>.StreamLayerSDKTheme .fwkppnn.e1v245rb{opacity:.1;right:-1035px}.StreamLayerSDK>.StreamLayerSDKTheme .uw10l4r.e1v245rb{opacity:.1;right:-1088px}.StreamLayerSDK>.StreamLayerSDKTheme .c1iwvsrd{background-color:var(--color-primary-green2);border-radius:8px;box-sizing:border-box;height:118px;overflow:hidden;position:relative;transition:background-color .7s ease-in;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c1iwvsrd[data-bg-color-white=true]{background-color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .s16ztc4y{background-color:transparent;position:absolute;right:0;top:0;transform:translateY(0);transition:transform 1s ease-in;width:100%;z-index:2}.StreamLayerSDK>.StreamLayerSDKTheme .s16ztc4y[data-active-number="2"]{transform:translateY(-118px)}.StreamLayerSDK>.StreamLayerSDKTheme .s16ztc4y[data-active-number="3"]{transform:translateY(-236px)}.StreamLayerSDK>.StreamLayerSDKTheme .s16ztc4y[data-active-number="4"]{transform:translateY(-354px)}.StreamLayerSDK>.StreamLayerSDKTheme .s16ztc4y[data-active-number="5"]{transform:translateY(-472px)}.StreamLayerSDK>.StreamLayerSDKTheme .lpu10kq{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border-radius:8px;color:var(--color-white);display:flex;flex-direction:column;font-family:var(--font-serif);height:118px;justify-content:center;padding:22px 16px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .lpu10kq[data-color-green=true]{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .pv9ujcb{-webkit-box-pack:center;-ms-flex-pack:center;display:flex;font-size:20px;font-weight:var(--font-weight-default);justify-content:center;margin-bottom:10px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .pv9ujcb[data-incorrect=true]{color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .ow7lyj4{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;font-family:var(--font-regular);font-size:12px;font-weight:500;justify-content:center;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .ow7lyj4[data-incorrect=true]{color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .d1xtwn2m.ow7lyj4{font-family:var(--font-serif)}.StreamLayerSDK>.StreamLayerSDKTheme .f1bvvudl{font-weight:400px;margin-left:5px}.StreamLayerSDK>.StreamLayerSDKTheme .g56gji0{height:14px;margin-right:6px;width:14px}.StreamLayerSDK>.StreamLayerSDKTheme .x8gvwg8{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;outline:none;position:absolute;right:8px;top:8px;width:30px}.StreamLayerSDK>.StreamLayerSDKTheme .uckrlxs{height:20px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .uckrlxs path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .uckrlxs:hover path{stroke:var(--color-primary-green2)}.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:13px;margin-right:4px;width:13px}.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 .i1j5f618{-moz-column-gap:8px;column-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .i1j5f618,.StreamLayerSDK>.StreamLayerSDKTheme .n1fqaem9{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .n1fqaem9{justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .o1jovu9m{border-radius:50%;height:46px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:46px}.StreamLayerSDK>.StreamLayerSDKTheme .a12ibiz8{color:var(--color-neutrals-gray9);display:flex;flex-direction:column;font-weight:var(--font-weight-default);row-gap:2px}.StreamLayerSDK>.StreamLayerSDKTheme .r1r4eua{align-items:center;-moz-column-gap:4px;column-gap:4px;display:flex;font-family:var(--font-serif);font-size:12px}.StreamLayerSDK>.StreamLayerSDKTheme .l1ymr3ce{font-size:12px;line-height:20px}.StreamLayerSDK>.StreamLayerSDKTheme .tfx5umz{background-color:var(--color-neutrals-white);border-radius:8px;box-sizing:border-box;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e1a1fcxr{-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 .e1a1fcxr:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .i1iknwgy{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .n1uc9lmn{border-radius:8px;max-width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ae4b7qd{color:var(--color-neutrals-gray9);display:flex;flex-direction:column;font-weight:var(--font-weight-default);margin-bottom:16px;row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .l1udpjlr{border-bottom:.7px solid var(--color-neutrals-gray3);margin-bottom:12px;padding-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .d7ui2j0{-webkit-box-orient:vertical;-webkit-line-clamp:2;border-left:2px solid var(--color-primary-green2);color:var(--color-primary-green2);display:-webkit-box;font-family:var(--font-serif);font-size:12px;font-weight:var(--font-weight-default);max-height:32px;overflow:hidden;padding:0 24px 0 12px;text-overflow:ellipsis;word-break:break-word}.StreamLayerSDK>.StreamLayerSDKTheme .s1aopxp8{animation:containerShowIn-s1aopxp8 ease-out;animation-duration:var(--animation-duration);max-height:2500px;opacity:1;overflow:hidden;transform:scale(1);width:100%}@keyframes containerShowIn-s1aopxp8{0%{max-height:0;opacity:0;transform:scale(0)}80%{max-height:2500px;opacity:0;transform:scale(.9)}85%{max-height:2500px;transform:scale(.9)}to{max-height:2500px;opacity:1;transform:scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .c1t0h6s{animation:containerHide-c1t0h6s ease-out;animation-direction:reverse;animation-duration:var(--animation-duration);animation-fill-mode:forwards}@keyframes containerHide-c1t0h6s{0%{max-height:0;opacity:0;transform:scale(0)}80%{max-height:2500px;opacity:0;transform:scale(.9)}85%{max-height:2500px;transform:scale(.9)}to{max-height:2500px;opacity:1;transform:scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .d1qqtt3e{animation-duration:calc(var(--animation-duration)*3);position:relative;top:var(--header-height)}.StreamLayerSDK>.StreamLayerSDKTheme .d1qqtt3e>div{padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .idhrx8x{background:transparent;font-family:var(--font-regular);height:100%;min-width:324px;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep{height:100%;overflow-y:auto;transition:transform;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-function);width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep[data-nav=true]{height:calc(100% - var(--header-height));transform:translateY(var(--header-height))}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep[data-question-header=true]{height:calc(100% - var(--question-headers-height,0%));transform:translateY(var(--question-headers-height))}.StreamLayerSDK>.StreamLayerSDKTheme .n1v8kucd{display:flex;flex-direction:column;gap:var(--container-padding);padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .e16yw7z1.n1v8kucd{background-color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .acysrl1{-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--color-neutrals-white);border-bottom:1px solid var(--color-neutrals-gray3);box-sizing:border-box;color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);justify-content:space-between;padding:12px 12px 12px 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .acysrl1,.StreamLayerSDK>.StreamLayerSDKTheme .lo57cjm{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .p14kwh4y{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .p14kwh4y path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .sxun7sq{font-family:var(--font-regular);margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .c1i8ida8{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;outline:none;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .g1m0xfmw path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .g1m0xfmw:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .taj61ja{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-primary-green2);border-radius:4px;color:var(--color-neutrals-white);display:flex;flex:1;justify-content:space-between;overflow:hidden;padding:9px 8px}.StreamLayerSDK>.StreamLayerSDKTheme .r19fxewd{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .i1whkbqh{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .i4lbhzs{align-items:center;color:var(--color-neutrals-white);display:flex;flex-direction:column;padding-top:2px;row-gap:4px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .ordquhq{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .nwzed99{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .o15y0waw{background-color:var(--color-primary-green1);border-radius:12px;font-weight:var(--font-weight-default);padding:12px}.StreamLayerSDK>.StreamLayerSDKTheme .ihjewwf{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex;justify-content:space-between;margin-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n10e9lv8{display:flex;flex-direction:column;row-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .r13bxv{-moz-column-gap:8px;column-gap:8px;display:flex;flex:1;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .a1fi59c9{-ms-flex-negative:0;border-radius:50%;flex-shrink:0;height:48px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .s1kkihge{display:flex;flex-direction:column;overflow:hidden;row-gap:6px}.StreamLayerSDK>.StreamLayerSDKTheme .cy4f4t{color:var(--color-white);font-size:16px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .p18cnlx1{align-items:center;color:var(--color-neutrals-white);-moz-column-gap:8px;column-gap:8px;display:flex;font-size:14px;height:14px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .lboqgs5{height:15px;width:15px}.StreamLayerSDK>.StreamLayerSDKTheme .d1oaal4{align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .d1oaal4,.StreamLayerSDK>.StreamLayerSDKTheme .x1yzgo0u{-moz-column-gap:4px;column-gap:4px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .x1yzgo0u{align-items:baseline}.StreamLayerSDK>.StreamLayerSDKTheme .f1l9i8s8{font-size:9px;opacity:.8}.StreamLayerSDK>.StreamLayerSDKTheme .g4cgl4u{background-color:var(--color-white);height:10px;opacity:.2;width:1px}.StreamLayerSDK>.StreamLayerSDKTheme .h1qn1tmd{-moz-column-gap:8px;column-gap:8px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .u1gsbhq4{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--color-primary-green2);border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .mvj8oco{-ms-flex-negative:0;background:#2d6ffd;border-radius:50%;color:#fff;flex-shrink:0;font-size:18px;height:48px;text-align:center;text-transform:uppercase;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .mvj8oco,.StreamLayerSDK>.StreamLayerSDKTheme .viqiaf2{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .viqiaf2{background-color:transparent;border:none;border-radius:50%;cursor:pointer;height:100%;max-height:48px;max-width:48px;outline:none;padding:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i1mbhc7z{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding-bottom:32px;row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n1f9yefw{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:20px;font-weight:400;line-height:26px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .o1n7beii{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;line-height:20px;text-align:center}.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{display:flex;flex-direction:column;height:100%;padding:16px 16px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ejkr5mb{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;margin:16px 0}.StreamLayerSDK>.StreamLayerSDKTheme .p82wnnx{display:flex;flex-direction:column;gap:8px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k{background-color:var(--color-neutrals-gray2);border:1px solid transparent;border-radius:4px;box-sizing:border-box;height:44px;max-height:44px;min-height:44px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k:hover:not(:disabled){border-color:var(--color-neutrals-gray5);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-selected=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=correct]{border-color:var(--color-primary-green1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=correct]:before{background-color:var(--color-primary-green1);content:"";display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=incorrect]{border-color:var(--color-secondary-red1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=incorrect]:before{background-color:var(--color-secondary-red1);content:"";display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-isNotChecked=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3{background-color:var(--color-neutrals-gray3);border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width 1s ease-in;z-index:0}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=correct]{background-color:var(--color-primary-green1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=incorrect]{background-color:var(--color-secondary-red1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=unset]{background-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .dmltvg2{align-items:center;background-color:transparent;border:none;border-radius:2px;color:var(--color-neutrals-gray9);display:flex;font-family:var(--font-regular);font-size:12px;font-weight:var(--font-weight-default);height:100%;outline:none;padding:5px 15px 5px 9px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .stfjpqz{width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .p198m24r{background-repeat:no-repeat;background-size:contain;bottom:-1px;height:52px;left:0;position:absolute;width:52px}.StreamLayerSDK>.StreamLayerSDKTheme .rbq5eu7{margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .g1iv6oeb.rbq5eu7{height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .h1qtxlqc.rbq5eu7{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .udm736q{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .b1da34tx{display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .x1dqwq83{line-height:17px;margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .v10s9my2{height:16px;margin-left:8px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .a1f928zy{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .a1r7f3z4{-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:1px solid var(--color-neutrals-gray3);border-radius:100px;color:var(--color-neutrals-gray9);display:flex;font-family:var(--font-regular);font-size:14px;font-weight:var(--font-weight-default);justify-content:space-between;-webkit-letter-spacing:-.15px;-moz-letter-spacing:-.15px;-ms-letter-spacing:-.15px;letter-spacing:-.15px;min-height:40px;padding:3px 3px 3px 11px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .a1r7f3z4>div:first-child:last-child{margin-left:auto;margin-right:auto}.StreamLayerSDK>.StreamLayerSDKTheme .sblndl{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .l7ka1tv{color:var(--color-neutrals-gray7);margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .p1edlxt3{margin-right:4px}.StreamLayerSDK>.StreamLayerSDKTheme .ghm08u2{align-items:flex-end;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .c12nsh46{font-size:14px;line-height:14px;margin-right:6px}.StreamLayerSDK>.StreamLayerSDKTheme .dlr9eoc{font-size:10px}.StreamLayerSDK>.StreamLayerSDKTheme .e1eio0mt{row-gap:16px}.StreamLayerSDK>.StreamLayerSDKTheme .e1eio0mt,.StreamLayerSDK>.StreamLayerSDKTheme .iigl87b{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .iigl87b{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n1o2cwub{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:16px;font-weight:var(--font-weight-default);line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .r3uxe45{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .lrqius{color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .o18unvw4{background-color:var(--color-neutrals-white);display:flex;flex-direction:column;padding:var(--container-padding);row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .ns0uvk8{-webkit-box-pack:center;-ms-flex-pack:center;border:1px solid var(--color-primary-green1);border-radius:40px;color:var(--color-primary-green1);-moz-column-gap:10px;column-gap:10px;font-size:14px;font-weight:var(--font-weight-default);justify-content:center;line-height:20px;padding:11px 16px;-webkit-text-decoration:none;text-decoration:none}.StreamLayerSDK>.StreamLayerSDKTheme .dk8r1eq,.StreamLayerSDK>.StreamLayerSDKTheme .ns0uvk8{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .dk8r1eq{-webkit-box-pack:start;-ms-flex-pack:start;background:var(--color-transparent-item);flex-direction:column;height:100%;justify-content:flex-start;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o{background-color:var(--color-neutrals-gray2);border-radius:8px;box-sizing:border-box;display:flex;overflow:hidden;padding:4px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o:before{background-color:var(--color-white);border-radius:6px;content:"";height:28px;left:4px;position:absolute;transition:transform var(--animation-duration) var(--animation-function);width:calc(50% - 4px)}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o[data-position=left]:before{transform:translateX(0)}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o[data-position=right]:before{transform:translateX(100%)}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;box-sizing:border-box;color:var(--color-neutrals-gray7);cursor:pointer;display:flex;font-size:12px;font-weight:550;height:28px;justify-content:center;outline:none;padding:4px 10px;width:50%}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl:hover{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl[data-selected=true]{color:var(--color-primary-green1);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .i1vk8ojx{position:relative;z-index:2}.StreamLayerSDK>.StreamLayerSDKTheme .a1w9zony{align-items:center;background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-gray3);border-radius:8px;color:var(--color-neutrals-gray9);-moz-column-gap:4px;column-gap:4px;cursor:pointer;display:flex;font-size:12px;font-weight:var(--font-weight-default);line-height:16px;padding:8px 16px 8px 8px}.StreamLayerSDK>.StreamLayerSDKTheme .a1w9zony:hover{border-color:var(--color-neutrals-gray5);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .l16qcfv8{min-width:28px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .p1gmcc5f{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .s1doddh0{-ms-flex-negative:0;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--color-grey-primary-onboarding-inapp);border-radius:50%;color:var(--color-neutrals-gray9);flex-shrink:0;font-size:12px;height:32px;justify-content:center;text-align:center;text-transform:uppercase;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .c1js9xhe,.StreamLayerSDK>.StreamLayerSDKTheme .s1doddh0{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .c1js9xhe{-webkit-box-flex:1;-ms-flex-positive:1;-moz-column-gap:8px;column-gap:8px;flex-grow:1}.StreamLayerSDK>.StreamLayerSDKTheme .d1tmnqsh{align-items:center;-moz-column-gap:4px;column-gap:4px;display:grid;grid-template-columns:1fr auto}.StreamLayerSDK>.StreamLayerSDKTheme .gi9h87j{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .x13mk3z6{flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .ay8exst{flex-direction:column;height:100%;padding:16px 16px 56px;row-gap:24px}.StreamLayerSDK>.StreamLayerSDKTheme .ay8exst,.StreamLayerSDK>.StreamLayerSDKTheme .l31riw0{-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 .l31riw0{background-color:var(--color-primary-green1);border-radius:50%;height:48px;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .pcmm4w7{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .cct922a{max-width:270px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .s12b7u74{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;margin-bottom:8px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .x1896nrl{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;line-height:20px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .d1vnagog{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:1px solid var(--color-neutrals-gray3);border-radius:8px;-moz-column-gap:16px;column-gap:16px;cursor:pointer;display:flex;justify-content:space-between;max-width:292px;padding:12px 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .gznzzc2{display:flex;flex-direction:column;font-weight:var(--font-weight-default);overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .fnmvyxu{color:var(--color-primary-green1);font-size:16px;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .h1iubd2g{color:var(--color-neutrals-gray9);font-size:14px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .mmvjfuo{flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .v1oi1553{-moz-column-gap:8px;column-gap:8px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .w1vwcogq{align-items:center;display:flex;flex-direction:column;min-width:68px;row-gap:8px;-webkit-text-decoration:none;text-decoration:none}.StreamLayerSDK>.StreamLayerSDKTheme .utbqo0e{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2{border:1px solid;border-radius:71px;font-size:12px;font-weight:var(--font-weight-default);outline:none;padding:14px 16px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=primary]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=primary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=secondary]{background-color:transparent;border-color:var(--color-primary-green1);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=secondary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2:disabled{opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2:disabled:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .s1lblda3{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:var(--border-radius);display:flex;gap:12px;justify-content:space-between;padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .s1lblda3:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .ascvb2g{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;display:flex;font-size:12px;font-weight:500;justify-content:flex-start;margin-bottom:8px}.StreamLayerSDK>.StreamLayerSDKTheme .p17rl8zy{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:14px;font-weight:400}.StreamLayerSDK>.StreamLayerSDKTheme .c6fk2ph{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .d1rdm136{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .d1rdm136 path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .fwqnnel{color:var(--color-neutrals-gray7);font-size:12px;font-weight:500;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .ucyxnlg{display:flex;flex:1;flex-direction:column;font-weight:700;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .xs2nk4s{color:var(--color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .gtym8sr{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:8px;height:20px;padding:6px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .vkjgzv5{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .h7uvs2c{text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .m53voq{border-left:1px solid var(--color-grey-primary);margin-left:5px;padding-left:5px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .n1jcgove{background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:8px;display:flex;flex-direction:column;padding:var(--container-padding);row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n1jcgove:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .n1jcgove .n1o2cwub{font-weight:400;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .n1jcgove .r3uxe45{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .l1bwp7hh{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);display:flex;font-size:14px;font-weight:550;height:44px;justify-content:center;outline:none;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .l1bwp7hh:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .t19vr3p1{display:flex;flex-direction:column;gap:8px;max-height:100%;overflow-y:auto}.StreamLayerSDK>.StreamLayerSDKTheme .n1ph66cs{background:var(--color-neutrals-white);inset:0;position:absolute;top:var(--header-height);z-index:3}.StreamLayerSDK>.StreamLayerSDKTheme .xorme7i{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;background:var(--color-transparent-item);display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .xorme7i>div{width:100%}
+.StreamLayerSDK .StreamLayerCSSReset a,.StreamLayerSDK .StreamLayerCSSReset abbr,.StreamLayerSDK .StreamLayerCSSReset acronym,.StreamLayerSDK .StreamLayerCSSReset address,.StreamLayerSDK .StreamLayerCSSReset applet,.StreamLayerSDK .StreamLayerCSSReset article,.StreamLayerSDK .StreamLayerCSSReset aside,.StreamLayerSDK .StreamLayerCSSReset audio,.StreamLayerSDK .StreamLayerCSSReset b,.StreamLayerSDK .StreamLayerCSSReset big,.StreamLayerSDK .StreamLayerCSSReset blockquote,.StreamLayerSDK .StreamLayerCSSReset body,.StreamLayerSDK .StreamLayerCSSReset button,.StreamLayerSDK .StreamLayerCSSReset canvas,.StreamLayerSDK .StreamLayerCSSReset caption,.StreamLayerSDK .StreamLayerCSSReset center,.StreamLayerSDK .StreamLayerCSSReset cite,.StreamLayerSDK .StreamLayerCSSReset code,.StreamLayerSDK .StreamLayerCSSReset dd,.StreamLayerSDK .StreamLayerCSSReset del,.StreamLayerSDK .StreamLayerCSSReset details,.StreamLayerSDK .StreamLayerCSSReset dfn,.StreamLayerSDK .StreamLayerCSSReset div,.StreamLayerSDK .StreamLayerCSSReset dl,.StreamLayerSDK .StreamLayerCSSReset dt,.StreamLayerSDK .StreamLayerCSSReset em,.StreamLayerSDK .StreamLayerCSSReset embed,.StreamLayerSDK .StreamLayerCSSReset fieldset,.StreamLayerSDK .StreamLayerCSSReset figcaption,.StreamLayerSDK .StreamLayerCSSReset figure,.StreamLayerSDK .StreamLayerCSSReset footer,.StreamLayerSDK .StreamLayerCSSReset form,.StreamLayerSDK .StreamLayerCSSReset h1,.StreamLayerSDK .StreamLayerCSSReset h2,.StreamLayerSDK .StreamLayerCSSReset h3,.StreamLayerSDK .StreamLayerCSSReset h4,.StreamLayerSDK .StreamLayerCSSReset h5,.StreamLayerSDK .StreamLayerCSSReset h6,.StreamLayerSDK .StreamLayerCSSReset header,.StreamLayerSDK .StreamLayerCSSReset hgroup,.StreamLayerSDK .StreamLayerCSSReset html,.StreamLayerSDK .StreamLayerCSSReset i,.StreamLayerSDK .StreamLayerCSSReset iframe,.StreamLayerSDK .StreamLayerCSSReset img,.StreamLayerSDK .StreamLayerCSSReset ins,.StreamLayerSDK .StreamLayerCSSReset kbd,.StreamLayerSDK .StreamLayerCSSReset label,.StreamLayerSDK .StreamLayerCSSReset legend,.StreamLayerSDK .StreamLayerCSSReset li,.StreamLayerSDK .StreamLayerCSSReset mark,.StreamLayerSDK .StreamLayerCSSReset menu,.StreamLayerSDK .StreamLayerCSSReset nav,.StreamLayerSDK .StreamLayerCSSReset object,.StreamLayerSDK .StreamLayerCSSReset ol,.StreamLayerSDK .StreamLayerCSSReset output,.StreamLayerSDK .StreamLayerCSSReset p,.StreamLayerSDK .StreamLayerCSSReset pre,.StreamLayerSDK .StreamLayerCSSReset q,.StreamLayerSDK .StreamLayerCSSReset ruby,.StreamLayerSDK .StreamLayerCSSReset s,.StreamLayerSDK .StreamLayerCSSReset samp,.StreamLayerSDK .StreamLayerCSSReset section,.StreamLayerSDK .StreamLayerCSSReset small,.StreamLayerSDK .StreamLayerCSSReset span,.StreamLayerSDK .StreamLayerCSSReset strike,.StreamLayerSDK .StreamLayerCSSReset strong,.StreamLayerSDK .StreamLayerCSSReset sub,.StreamLayerSDK .StreamLayerCSSReset summary,.StreamLayerSDK .StreamLayerCSSReset sup,.StreamLayerSDK .StreamLayerCSSReset table,.StreamLayerSDK .StreamLayerCSSReset tbody,.StreamLayerSDK .StreamLayerCSSReset td,.StreamLayerSDK .StreamLayerCSSReset tfoot,.StreamLayerSDK .StreamLayerCSSReset th,.StreamLayerSDK .StreamLayerCSSReset thead,.StreamLayerSDK .StreamLayerCSSReset time,.StreamLayerSDK .StreamLayerCSSReset tr,.StreamLayerSDK .StreamLayerCSSReset tt,.StreamLayerSDK .StreamLayerCSSReset u,.StreamLayerSDK .StreamLayerCSSReset ul,.StreamLayerSDK .StreamLayerCSSReset var,.StreamLayerSDK .StreamLayerCSSReset video{outline:none}.StreamLayerSDK,.StreamLayerSDK>.StreamLayerSDKTheme{height:100%}.StreamLayerSDKTheme *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.StreamLayerSDK>.StreamLayerSDKTheme .azqfrs3{box-sizing:border-box;color:var(--font-color);font-family:var(--font-family);height:100vh;margin:0;padding:20px;width:100vw}.StreamLayerSDK>.StreamLayerSDKTheme .azqfrs3>div{background-color:var(--color-bg-transparent);border-radius:12px;box-sizing:border-box;height:100%;overflow:auto;padding:10px;width:370px}.StreamLayerSDK>.StreamLayerSDKTheme .d1sqxt7l{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(29,123,255,.5);border-top-left-radius:10px;bottom:0;font-family:system-ui;max-width:600px;position:fixed;right:0}.StreamLayerSDK>.StreamLayerSDKTheme .d1a3478s{gap:10px;margin-left:10px;margin-right:60px;margin-top:10px}.StreamLayerSDK>.StreamLayerSDKTheme .butjcq8,.StreamLayerSDK>.StreamLayerSDKTheme .d1a3478s{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .butjcq8{-webkit-box-pack:space-around;-ms-flex-pack:space-around;background:#1d7bff;border:none;border-radius:6px;bottom:10px;cursor:pointer;height:40px;justify-content:space-around;padding:10px;position:absolute;right:10px;transition:all .1s ease;width:40px;z-index:10000}.StreamLayerSDK>.StreamLayerSDKTheme .butjcq8:hover{padding-bottom:8px;padding-top:8px}.StreamLayerSDK>.StreamLayerSDKTheme .butjcq8:active{transform:translateY(4px)}.StreamLayerSDK>.StreamLayerSDKTheme .butjcq8[data-opened=true] span:nth-child(odd){opacity:0}.StreamLayerSDK>.StreamLayerSDKTheme .butjcq8 span{background:#fff;border-radius:4px;display:block;height:4px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00{background:#1d7bff;border-radius:5px;display:flex;font-size:16px;padding:4px 6px}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00 input{background:linear-gradient(136.45deg,rgba(60,139,251,.3) .57%,rgba(0,79,190,.3));border:1px solid transparent;color:#fff;display:block;font-size:24px;outline:none;padding:2px 2px 2px 10px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00 input:focus{border-color:#1d7bff}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00 label{margin-right:4px}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00 button{background:transparent;border:none;color:#fff;cursor:pointer;margin:0;padding:0;text-transform:uppercase;width:150px}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00 button:hover{transform:scale(1.1)}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00 button:active{transform:scale(.9)}.StreamLayerSDK>.StreamLayerSDKTheme .s14ex8bw{align-items:center;display:flex;font-size:16px;padding:4px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.StreamLayerSDK>.StreamLayerSDKTheme .s14ex8bw label{cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .s1fwty0k{background:#fff;border-radius:1em;height:1rem;margin-left:5px;position:relative;width:2rem}.StreamLayerSDK>.StreamLayerSDKTheme .s1fwty0k input{cursor:pointer;opacity:0;position:relative;width:100%;z-index:1}.StreamLayerSDK>.StreamLayerSDKTheme .s1fwty0k input:checked+span{background:green;transform:translate3d(100%,0,0)}.StreamLayerSDK>.StreamLayerSDKTheme .s1fwty0k span{background:gray;border-radius:1em;box-shadow:0 .1em .3em #0000004d;display:block;height:1rem;left:0;position:absolute;top:0;transition:all .3s;width:1rem}.StreamLayerSDK>.StreamLayerSDKTheme .i1vlsnk4{background:#1d7bff;border-radius:5px;display:flex;font-size:16px;margin-bottom:2px;padding:4px 6px}.StreamLayerSDK>.StreamLayerSDKTheme .i1vlsnk4 input{background:linear-gradient(136.45deg,rgba(60,139,251,.3) .57%,rgba(0,79,190,.3));border:1px solid transparent;color:#fff;display:block;font-size:24px;outline:none;padding:2px 2px 2px 10px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i1vlsnk4 input:focus{border-color:#1d7bff}.StreamLayerSDK>.StreamLayerSDKTheme .i1vlsnk4 label{margin-right:4px}.StreamLayerSDK>.StreamLayerSDKTheme .i1vlsnk4 button{background:transparent;border:none;color:#fff;cursor:pointer;margin:0;padding:0;text-transform:uppercase;width:150px}.StreamLayerSDK>.StreamLayerSDKTheme .m17a8r9z{--header-height:68px;--question-headers-height:117px;--animation-duration:.5s;--animation-function:ease;--container-padding:16px}.StreamLayerSDK>.StreamLayerSDKTheme .ttkj0ah{--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:.5s;--animation-function:ease;--container-padding:16px;--border-radius:8px}.StreamLayerSDK>.StreamLayerSDKTheme .ttkj0ah *{box-sizing:border-box}.StreamLayerSDK>.StreamLayerSDKTheme .c1bgb86j{border-radius:8px;cursor:pointer;display:flex;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .p6703cq{width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .p12ow7zo{height:100%;left:0;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cdpal9o{cursor:pointer;display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.StreamLayerSDK>.StreamLayerSDKTheme .i1e83no{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#222425;display:flex;height:100%;justify-content:center;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .r165427{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .c1pgyo67{animation:containerShowIn-c1pgyo67 ease-out;animation-duration:var(--animation-duration);max-height:2500px;opacity:1;overflow:hidden;transform:scale(1);width:100%}@keyframes containerShowIn-c1pgyo67{0%{max-height:0;opacity:0;transform:scale(0)}80%{max-height:2500px;opacity:0;transform:scale(.9)}85%{max-height:2500px;transform:scale(.9)}to{max-height:2500px;opacity:1;transform:scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .hx17qu6{animation:containerHide-hx17qu6 ease-out;animation-direction:reverse;animation-duration:var(--animation-duration);animation-fill-mode:forwards}@keyframes containerHide-hx17qu6{0%{max-height:0;opacity:0;transform:scale(0)}80%{max-height:2500px;opacity:0;transform:scale(.9)}85%{max-height:2500px;transform:scale(.9)}to{max-height:2500px;opacity:1;transform:scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .c1kzqw87{display:flex;flex-direction:column;row-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .d9r1hf9{color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .qezygt5{color:var(--color-primary-green2);-moz-column-gap:12px;column-gap:12px;display:flex;font-family:var(--font-serif);font-size:12px;font-weight:var(--font-weight-default);padding:4px 16px 8px 0}.StreamLayerSDK>.StreamLayerSDKTheme .qezygt5:before{background-color:var(--color-primary-green2);content:"";width:2px}.StreamLayerSDK>.StreamLayerSDKTheme .d1y8f7ym{display:flex;flex-direction:column;row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .b18gwonx{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .i3g0xjd{border-radius:8px;max-width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cjq447q{-moz-column-gap:8px;column-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .cjq447q,.StreamLayerSDK>.StreamLayerSDKTheme .i14egogb{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .i14egogb{justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .i2g9g4l{border-radius:50%;height:46px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:46px}.StreamLayerSDK>.StreamLayerSDKTheme .d1c454nm{color:var(--color-neutrals-gray9);display:flex;flex-direction:column;font-weight:var(--font-weight-default);row-gap:2px}.StreamLayerSDK>.StreamLayerSDKTheme .n11nigc3{align-items:center;-moz-column-gap:4px;column-gap:4px;display:flex;font-family:var(--font-serif);font-size:12px}.StreamLayerSDK>.StreamLayerSDKTheme .urxa4k8{font-size:12px;line-height:20px}.StreamLayerSDK>.StreamLayerSDKTheme .cgn5uen{row-gap:16px}.StreamLayerSDK>.StreamLayerSDKTheme .c1px8nt6,.StreamLayerSDK>.StreamLayerSDKTheme .cgn5uen{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .c1px8nt6{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .t5et2jt{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:16px;font-weight:var(--font-weight-default);line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .d1i2kpk2{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .dd3lh3p{color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .n19lpak2{animation:show-nav-n19lpak2 .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 .n19lpak2>button:not(:last-child){margin-right:8px}@keyframes show-nav-n19lpak2{90%{opacity:0}to{height:68px;opacity:1}}.StreamLayerSDK>.StreamLayerSDKTheme .b6tbwuy{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--color-neutrals-white);justify-content:space-between}.StreamLayerSDK>.StreamLayerSDKTheme .b6tbwuy,.StreamLayerSDK>.StreamLayerSDKTheme .sxxa0c{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .sxxa0c{-webkit-box-pack:center;-ms-flex-pack:center;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);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 .sxxa0c:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .sxxa0c[data-selected=true]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .sxxa0c[data-selected=true]:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .sxxa0c[data-selected=true]:disabled:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .sxxa0c:disabled{cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .sxxa0c:disabled:hover{border-color:var(--color-neutrals-gray3);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .b193dcyu{-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 .b180jd7l[data-selected=true] g>path{fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .b11des7c[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .b11des7c[data-selected=true] g>path:nth-child(2){fill:#fff;stroke:#107d57}.StreamLayerSDK>.StreamLayerSDKTheme .b1whzxvd[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .b1whzxvd[data-selected=true] g>path:nth-child(2){fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .p1liu7r{background-color:var(--color-transparent-item);border-radius:8px;height:100%;padding:0 12px}.StreamLayerSDK>.StreamLayerSDKTheme .fhf9n1f,.StreamLayerSDK>.StreamLayerSDKTheme .p1liu7r{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .fhf9n1f{flex-direction:column;margin:auto;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .fmf7e3h{font-size:18px;margin-bottom:20px}.StreamLayerSDK>.StreamLayerSDKTheme .fg7be0w{align-items:center;display:flex;flex-direction:column;font-size:14px;margin-bottom:10px}.StreamLayerSDK>.StreamLayerSDKTheme .fvxx8fg{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 .fvxx8fg:disabled{cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .f1sfffsg{border-bottom:1px solid #fff;margin-bottom:40px}.StreamLayerSDK>.StreamLayerSDKTheme .f1sfffsg input{background:transparent;border:none;color:#fff;font-size:20px;outline:none}.StreamLayerSDK>.StreamLayerSDKTheme .d1majgb2>div{display:flex;gap:10px;margin-bottom:20px}.StreamLayerSDK>.StreamLayerSDKTheme .d1majgb2 input{font-size:40px;height:40px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .c14ielyq{height:100%;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c14ielyq>div:not(:last-child){margin-bottom:16px}.StreamLayerSDK>.StreamLayerSDKTheme .c1tlqx57{display:flex;flex-direction:column;height:100%;padding:16px 16px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .t1hq58md{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;margin:16px 0}.StreamLayerSDK>.StreamLayerSDKTheme .o1c8nxcx{display:flex;flex-direction:column;gap:8px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .stu11h7{background:transparent;font-family:var(--font-regular);height:100%;min-width:324px;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .s1ucohr1{height:100%;overflow-y:auto;transition:transform;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-function);width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .s1ucohr1[data-nav=true]{height:calc(100% - var(--header-height));transform:translateY(var(--header-height))}.StreamLayerSDK>.StreamLayerSDKTheme .s1ucohr1[data-question-header=true]{height:calc(100% - var(--question-headers-height,0%));transform:translateY(var(--question-headers-height))}.StreamLayerSDK>.StreamLayerSDKTheme .s1el4wvm{display:flex;flex-direction:column;gap:var(--container-padding);padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .s1oe3036.s1el4wvm{background-color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .c38csyt{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding-bottom:32px;row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .ty221rx{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:20px;font-weight:400;line-height:26px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .dlaj9xp{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;line-height:20px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .c16sbdnm{align-items:center;display:flex;font-size:14px;margin-bottom:16px;padding:8px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c16sbdnm[data-isPrediction=true]{align-items:flex-start}.StreamLayerSDK>.StreamLayerSDKTheme .ibhorgl{height:24px;margin-left:12px;margin-right:14px;min-width:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .ibhorgl g>path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .f1g20ja7{-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 .f1g20ja7[data-feedbackType=correct]{background-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .f1g20ja7[data-feedbackType=incorrect]{background-color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .f455ozj{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .f1913njx{margin-right:5px}.StreamLayerSDK>.StreamLayerSDKTheme .f1913njx[data-feedbackType=correct]{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .f1913njx[data-feedbackType=incorrect]{color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .fzfk69z{color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .fx87qaj{font-weight:400;margin-top:10px}.StreamLayerSDK>.StreamLayerSDKTheme .b1b6dl8t{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 .b1b6dl8t:hover:not(:disabled){border-color:var(--color-neutrals-gray5);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .b1b6dl8t[data-selected=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .b1b6dl8t[data-answerState=correct]{border-color:var(--color-primary-green1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .b1b6dl8t[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 .b1b6dl8t[data-answerState=incorrect]{border-color:var(--color-secondary-red1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .b1b6dl8t[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 .b1b6dl8t[data-isNotChecked=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .b4iik8i{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 .b4iik8i[data-answerState=correct]{background-color:var(--color-primary-green1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .b4iik8i[data-answerState=incorrect]{background-color:var(--color-secondary-red1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .b4iik8i[data-answerState=unset]{background-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .b1gq1lnf{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 .i1j65z51{width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .i19tpfua{background-repeat:no-repeat;background-size:contain;bottom:-1px;height:52px;left:0;position:absolute;width:52px}.StreamLayerSDK>.StreamLayerSDKTheme .i1tubmma{margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .i1grrgwj.i1tubmma{height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .ibemyq8.i1tubmma{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .t1dceht{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .i116q4vq{display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .p17ajcu2{line-height:17px;margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .cu9kmlb{height:16px;margin-left:8px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .wie6cqo{-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 .wie6cqo>div:first-child:last-child{margin-left:auto;margin-right:auto}.StreamLayerSDK>.StreamLayerSDKTheme .cgizw4u{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .t1l3ucjp{color:var(--color-neutrals-gray7);margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .wx7j799{margin-right:4px}.StreamLayerSDK>.StreamLayerSDKTheme .p4lwuj0{align-items:flex-end;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .po9i64o{font-size:14px;line-height:14px;margin-right:6px}.StreamLayerSDK>.StreamLayerSDKTheme .pe5g05h{font-size:10px}.StreamLayerSDK>.StreamLayerSDKTheme .c1dcxmvf,.StreamLayerSDK>.StreamLayerSDKTheme .c1euiow{background-color:var(--color-neutrals-white);display:flex;flex-direction:column;padding:var(--container-padding);row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .w19zie3h{-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 .c1yrpn9o{background-color:var(--color-primary-green1);border-radius:12px;font-weight:var(--font-weight-default);padding:12px}.StreamLayerSDK>.StreamLayerSDKTheme .t17fwahh{-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 .by6w7e9{display:flex;flex-direction:column;row-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .u1g7arbm{-moz-column-gap:8px;column-gap:8px;display:flex;flex:1;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .a1ldeata{-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 .u10d4koz{display:flex;flex-direction:column;overflow:hidden;row-gap:6px}.StreamLayerSDK>.StreamLayerSDKTheme .u1q6roj0{color:var(--color-white);font-size:16px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .ui0m425{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 .t1el3mrn{height:15px;width:15px}.StreamLayerSDK>.StreamLayerSDKTheme .r2vgnxv{align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .r2vgnxv,.StreamLayerSDK>.StreamLayerSDKTheme .roqn06j{-moz-column-gap:4px;column-gap:4px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .roqn06j{align-items:baseline}.StreamLayerSDK>.StreamLayerSDKTheme .r15adx7c{font-size:9px;opacity:.8}.StreamLayerSDK>.StreamLayerSDKTheme .dv59lta{background-color:var(--color-white);height:10px;opacity:.2;width:1px}.StreamLayerSDK>.StreamLayerSDKTheme .r55lotb{-moz-column-gap:8px;column-gap:8px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .s1knfgqt{-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 .a1mqo824{-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 .a1mqo824,.StreamLayerSDK>.StreamLayerSDKTheme .uxareh6{-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 .uxareh6{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 .c1zy8a{-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 .t1vih9p5{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .i1fbnvpb{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .ctmhwyc{align-items:center;color:var(--color-neutrals-white);display:flex;flex-direction:column;padding-top:2px;row-gap:4px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .i1jri200{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .t8s05oq{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .sxnslc8{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 .sxnslc8: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 .sxnslc8[data-position=left]:before{transform:translate(0)}.StreamLayerSDK>.StreamLayerSDKTheme .sxnslc8[data-position=right]:before{transform:translate(100%)}.StreamLayerSDK>.StreamLayerSDKTheme .b1umzux0{-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 .b1umzux0:hover{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .b1umzux0[data-selected=true]{color:var(--color-primary-green1);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .tspsaas{position:relative;z-index:2}.StreamLayerSDK>.StreamLayerSDKTheme .q1w97g3p{-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 .q1w97g3p:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .q2sl39u{-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 .qd5h0uc{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:14px;font-weight:400}.StreamLayerSDK>.StreamLayerSDKTheme .q1fa0b9h{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .qxlt78s{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .qxlt78s path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .qmg0vkx{color:var(--color-neutrals-gray7);font-size:12px;font-weight:500;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .q1uz5j1g{display:flex;flex:1;flex-direction:column;font-weight:700;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .qc3icwa{color:var(--color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .qmx43d1{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 .q1uc7n5z{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .qcpp4y6{text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .e1rdw3wd{border-left:1px solid var(--color-grey-primary);margin-left:5px;padding-left:5px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .s1nve60q{border:1px solid;border-radius:71px;font-size:12px;font-weight:var(--font-weight-default);outline:none;padding:14px 16px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .s1nve60q[data-variant=primary]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .s1nve60q[data-variant=primary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .s1nve60q[data-variant=secondary]{background-color:transparent;border-color:var(--color-primary-green1);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .s1nve60q[data-variant=secondary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .s1nve60q:disabled{opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .s1nve60q:disabled:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .cl56x6b{background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:8px;display:flex;flex-direction:column;padding:12px 16px 16px;row-gap:16px}.StreamLayerSDK>.StreamLayerSDKTheme .cl56x6b:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .a11pzf92{cursor:pointer;font-size:14px;height:44px;line-height:20px;padding:0 16px}.StreamLayerSDK>.StreamLayerSDKTheme .c1eptrjd{background:#fff;border-radius:8px;box-sizing:border-box;overflow:hidden;padding:16px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .crylm65{-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 .c9mrcz7 g>path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .c9mrcz7:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .hw3lzv4{align-items:center;display:flex;margin-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .t1rrb3kf{height:13px;margin-right:4px;width:13px}.StreamLayerSDK>.StreamLayerSDKTheme .t1rrb3kf path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .t1ydnjov{color:var(--color-neutrals-gray7);font-size:12px;font-weight:550}.StreamLayerSDK>.StreamLayerSDKTheme .qlf90cl{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;margin-bottom:12px;padding-right:10px}.StreamLayerSDK>.StreamLayerSDKTheme .a1e0nhcl{-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 .a1e0nhcl:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .i1pqqgpo{background-color:var(--color-neutrals-white);border-radius:8px;box-sizing:border-box;row-gap:16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i1pqqgpo,.StreamLayerSDK>.StreamLayerSDKTheme .igj7luu{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .igj7luu{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .t1qne9g6{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .dtpr98r,.StreamLayerSDK>.StreamLayerSDKTheme .t1qne9g6{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-weight:var(--font-weight-default);max-height:50px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .dtpr98r{color:var(--color-neutrals-gray9);font-size:12px;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .a17iaqp8{-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 .a17iaqp8:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .c10131zw{background-color:var(--color-primary-green2);border-radius:8px;box-sizing:border-box;height:118px;overflow:hidden;position:relative;transition:background-color .7s ease-in;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c10131zw[data-bg-color-white=true]{background-color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .ar6k2eo{background-color:transparent;position:absolute;right:0;top:0;transform:translateY(0);transition:transform 1s ease-in;width:100%;z-index:2}.StreamLayerSDK>.StreamLayerSDKTheme .ar6k2eo[data-active-number="2"]{transform:translateY(-118px)}.StreamLayerSDK>.StreamLayerSDKTheme .ar6k2eo[data-active-number="3"]{transform:translateY(-236px)}.StreamLayerSDK>.StreamLayerSDKTheme .ar6k2eo[data-active-number="4"]{transform:translateY(-354px)}.StreamLayerSDK>.StreamLayerSDKTheme .ar6k2eo[data-active-number="5"]{transform:translateY(-472px)}.StreamLayerSDK>.StreamLayerSDKTheme .c1hwoq9l{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border-radius:8px;color:var(--color-white);display:flex;flex-direction:column;font-family:var(--font-serif);height:118px;justify-content:center;padding:22px 16px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c1hwoq9l[data-color-green=true]{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .t4ujo4g{-webkit-box-pack:center;-ms-flex-pack:center;display:flex;font-size:20px;font-weight:var(--font-weight-default);justify-content:center;margin-bottom:10px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .t4ujo4g[data-incorrect=true]{color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .s1pjil1h{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;font-family:var(--font-regular);font-size:12px;font-weight:500;justify-content:center;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .s1pjil1h[data-incorrect=true]{color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .s1iorwr9.s1pjil1h{font-family:var(--font-serif)}.StreamLayerSDK>.StreamLayerSDKTheme .a51sv9d{font-weight:400px;margin-left:5px}.StreamLayerSDK>.StreamLayerSDKTheme .f1lbk2ye{height:14px;margin-right:6px;width:14px}.StreamLayerSDK>.StreamLayerSDKTheme .crcvk3t{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;outline:none;position:absolute;right:8px;top:8px;width:30px}.StreamLayerSDK>.StreamLayerSDKTheme .c33p82r{height:20px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .c33p82r path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .c33p82r:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .c1t4f0x4{background-color:var(--color-neutrals-white);border-radius:8px;box-sizing:border-box;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .a16w1nl6{-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 .a16w1nl6:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .b14u54rf{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .i1hxm6zo{border-radius:8px;max-width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .d1s19yop{color:var(--color-neutrals-gray9);display:flex;flex-direction:column;font-weight:var(--font-weight-default);margin-bottom:16px;row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .q1qyx94r{border-bottom:.7px solid var(--color-neutrals-gray3);margin-bottom:12px;padding-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .qs97clu{-webkit-box-orient:vertical;-webkit-line-clamp:2;border-left:2px solid var(--color-primary-green2);color:var(--color-primary-green2);display:-webkit-box;font-family:var(--font-serif);font-size:12px;font-weight:var(--font-weight-default);max-height:32px;overflow:hidden;padding:0 24px 0 12px;text-overflow:ellipsis;word-break:break-word}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz{display:none;height:100%;left:0;position:absolute;top:-1px;width:100%;z-index:1}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true]{display:block}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true]>div:first-child{animation:showLines-b1dqe0sz 1s ease-out 50ms forwards,hiddenLines-b1dqe0sz 1.5s ease-in 4.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true]>div:nth-child(2){animation:showLines-b1dqe0sz .7s ease-out .5s forwards,hiddenLines-b1dqe0sz 1s ease-in 5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true]>div:nth-child(3){animation:showLines-b1dqe0sz .5s ease-out .7s forwards,hiddenLines-b1dqe0sz .7s ease-in 5.3s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true]>div:nth-child(4){animation:showLines-b1dqe0sz .4s ease-out 1s forwards,hiddenLines-b1dqe0sz .5s ease-in 5.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true][data-first-screen=true]>div:first-child{animation:showLines-b1dqe0sz 1s ease-out 1s forwards,hiddenLines-b1dqe0sz 1.5s ease-in 4.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(2){animation:showLines-b1dqe0sz .7s ease-out 1.4s forwards,hiddenLines-b1dqe0sz 1s ease-in 5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(3){animation:showLines-b1dqe0sz .5s ease-out 1.7s forwards,hiddenLines-b1dqe0sz .7s ease-in 5.3s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true][data-last-screen=true]>div:first-child{animation:showLines-b1dqe0sz 1s ease-out 50ms forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(2){animation:showLines-b1dqe0sz .7s ease-out .5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(3){animation:showLines-b1dqe0sz .5s ease-out .7s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(4){animation:showLines-b1dqe0sz .4s ease-out 1s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz>div{background-color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-correct=true]>div{background-color:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-correct=false]>div{background-color:var(--color-neutrals-gray6)}@keyframes showLines-b1dqe0sz{0%{transform:translate(400px) rotate(137deg)}to{transform:translate(0) rotate(137deg)}}@keyframes hiddenLines-b1dqe0sz{0%{width:1000px}to{opacity:0;width:2000px}}.StreamLayerSDK>.StreamLayerSDKTheme .b1v6w7ni{bottom:-580px;height:1000px;opacity:.05;position:absolute;transform:translate(400px) rotate(137deg);width:1000px}.StreamLayerSDK>.StreamLayerSDKTheme .b2nqb1p.b1v6w7ni{right:-818px}.StreamLayerSDK>.StreamLayerSDKTheme .b1xxgmbk.b1v6w7ni{right:-902px}.StreamLayerSDK>.StreamLayerSDKTheme .b63lwcb.b1v6w7ni{right:-997px}.StreamLayerSDK>.StreamLayerSDKTheme .b2iah4.b1v6w7ni{right:-891px}.StreamLayerSDK>.StreamLayerSDKTheme .b1xezvf6.b1v6w7ni{right:-942px}.StreamLayerSDK>.StreamLayerSDKTheme .b1jz1hg0.b1v6w7ni{right:-996px}.StreamLayerSDK>.StreamLayerSDKTheme .b18ho1tk.b1v6w7ni{right:-931px}.StreamLayerSDK>.StreamLayerSDKTheme .b14uvjfm.b1v6w7ni{opacity:.1;right:-981px}.StreamLayerSDK>.StreamLayerSDKTheme .b11c3ns7.b1v6w7ni{opacity:.15;right:-1035px}.StreamLayerSDK>.StreamLayerSDKTheme .b1bqhhet.b1v6w7ni{opacity:.2;right:-1088px}.StreamLayerSDK>.StreamLayerSDKTheme .b1xyzi7o.b1v6w7ni{opacity:.1;right:-931px}.StreamLayerSDK>.StreamLayerSDKTheme .byo0rup.b1v6w7ni{opacity:.1;right:-981px}.StreamLayerSDK>.StreamLayerSDKTheme .b1oyiqgv.b1v6w7ni{opacity:.1;right:-1035px}.StreamLayerSDK>.StreamLayerSDKTheme .bx3ddqw.b1v6w7ni{opacity:.1;right:-1088px}.StreamLayerSDK>.StreamLayerSDKTheme .qvghv3l{gap:8px;max-height:100%;overflow-y:auto}.StreamLayerSDK>.StreamLayerSDKTheme .cll3md7,.StreamLayerSDK>.StreamLayerSDKTheme .qvghv3l{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .cll3md7{background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:8px;padding:var(--container-padding);row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .cll3md7:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .cll3md7 .t5et2jt{font-weight:400;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .cll3md7 .d1i2kpk2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .a10g1iik{-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 .a10g1iik:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .psiob9b{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 .psiob9b: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){.psiob9b{padding-right:10px}}.StreamLayerSDK>.StreamLayerSDKTheme .p1gqe4lh{-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){.p1gqe4lh{height:28px;width:28px}}.StreamLayerSDK>.StreamLayerSDKTheme .p15syg2y{height:20px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .p15syg2y path{fill:var(--color-neutrals-white)}@media (max-width:767px){.p15syg2y{height:14px;width:14px}}.StreamLayerSDK>.StreamLayerSDKTheme .p12n4f2h{color:var(--color-neutrals-white);display:flex;flex-direction:column;font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .poqmx89{font-size:9px;margin-bottom:1px;text-transform:uppercase}@media (max-width:767px){.poqmx89{display:none}}.StreamLayerSDK>.StreamLayerSDKTheme .prj9b3v{font-size:18px;line-height:20px}@media (max-width:767px){.prj9b3v{font-size:14px;line-height:22px}}.StreamLayerSDK>.StreamLayerSDKTheme .c18uddbs{background-color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .c18uddbs,.StreamLayerSDK>.StreamLayerSDKTheme .cvcfjf6{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .cvcfjf6{flex-grow:1}.StreamLayerSDK>.StreamLayerSDKTheme .o1ie27lw{justify-content:space-between;padding:12px 12px 12px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .c15cjkwi,.StreamLayerSDK>.StreamLayerSDKTheme .o1ie27lw{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .c15cjkwi{-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:none;cursor:pointer;height:24px;justify-content:center;margin-left:auto;outline:none;padding:0;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .i1mavjt2{height:10px;width:10px}.StreamLayerSDK>.StreamLayerSDKTheme .o1x0dyzv{display:flex;padding:0 16px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .o1jfi9c3{-webkit-box-flex:1;-ms-flex-positive:1;cursor:pointer;flex-grow:1;font-size:14px;height:44px;line-height:20px;padding:0 16px}.StreamLayerSDK>.StreamLayerSDKTheme .c1htq1lb{flex-grow:1;padding-bottom:24px}.StreamLayerSDK>.StreamLayerSDKTheme .c1htq1lb,.StreamLayerSDK>.StreamLayerSDKTheme .cjyzpp7{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .cjyzpp7{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;height:100%;justify-content:center;padding:0 16px 32px}.StreamLayerSDK>.StreamLayerSDKTheme .g16mldgz{-webkit-box-flex:1;-ms-flex-positive:1;display:flex;flex-grow:1;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .h69js65{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;max-width:270px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .smm7qmo{-webkit-box-pack:center;-ms-flex-pack:center;-moz-column-gap:8px;column-gap:8px;display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .s17knuw2{background-color:var(--color-neutrals-gray4);border-radius:50%;height:6px;width:6px}.StreamLayerSDK>.StreamLayerSDKTheme .s17knuw2[data-active=true]{background-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .c1itm4k7{flex-direction:column;height:100%;padding:16px 16px 56px;row-gap:24px}.StreamLayerSDK>.StreamLayerSDKTheme .c1itm4k7,.StreamLayerSDK>.StreamLayerSDKTheme .i1w4fsni{-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 .i1w4fsni{background-color:var(--color-primary-green1);border-radius:50%;height:48px;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .i19m85r1{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .c1mbu204{max-width:270px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .h1amdqtv{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;margin-bottom:8px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .s1lhlj9j{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;line-height:20px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .l1wot35e{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:1px solid var(--color-neutrals-gray3);border-radius:8px;-moz-column-gap:16px;column-gap:16px;cursor:pointer;display:flex;justify-content:space-between;max-width:292px;padding:12px 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .l1jdw39q{display:flex;flex-direction:column;font-weight:var(--font-weight-default);overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .l1cr5mk{color:var(--color-primary-green1);font-size:16px;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .lvi87q4{color:var(--color-neutrals-gray9);font-size:14px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .l1pqlvw3{flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .s1n7kzeh{-moz-column-gap:8px;column-gap:8px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .s2m9o9y{align-items:center;display:flex;flex-direction:column;min-width:68px;row-gap:8px;-webkit-text-decoration:none;text-decoration:none}.StreamLayerSDK>.StreamLayerSDKTheme .sewjbbn{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .cm0bev{flex-grow:1;padding-bottom:16px}.StreamLayerSDK>.StreamLayerSDKTheme .ce7x737,.StreamLayerSDK>.StreamLayerSDKTheme .cm0bev{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .ce7x737{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;height:100%;justify-content:center;padding:0 32px 32px;row-gap:24px}.StreamLayerSDK>.StreamLayerSDKTheme .tc2tor6{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .r1k5klql{display:flex;flex-direction:column;row-gap:24px}.StreamLayerSDK>.StreamLayerSDKTheme .r1tf3ft2{-moz-column-gap:16px;column-gap:16px}.StreamLayerSDK>.StreamLayerSDKTheme .r1tf3ft2,.StreamLayerSDK>.StreamLayerSDKTheme .rwpvg1k{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .rwpvg1k{-ms-flex-negative:0;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--color-primary-green1);border-radius:50%;flex-shrink:0;height:36px;justify-content:center;width:36px}.StreamLayerSDK>.StreamLayerSDKTheme .rwpvg1k [data-icon=icon-trophy]{height:18px;width:18px}.StreamLayerSDK>.StreamLayerSDKTheme .rwpvg1k [data-icon=icon-trophy] path{fill:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .rwpvg1k [data-icon=icon-btn-feature-groups] path:first-child{stroke:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .rwpvg1k [data-icon=icon-btn-feature-groups] path:not(:first-child){fill:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .rbxiag0{font-size:14px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .t6cyrry{background:initial;border:initial;color:var(--color-primary-green1);cursor:pointer;font-size:12px;font-weight:400;line-height:16px;margin:0 auto;outline:initial;padding:8px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .culdu4a{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 .culdu4a:hover{border-color:var(--color-neutrals-gray5);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .pwf8e69{min-width:28px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .atf4yh4{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .a1dg29ja{-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 .a1dg29ja,.StreamLayerSDK>.StreamLayerSDKTheme .c10a68rc{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .c10a68rc{-webkit-box-flex:1;-ms-flex-positive:1;-moz-column-gap:8px;column-gap:8px;flex-grow:1}.StreamLayerSDK>.StreamLayerSDKTheme .nc4kck5{align-items:center;-moz-column-gap:4px;column-gap:4px;display:grid;grid-template-columns:1fr auto}.StreamLayerSDK>.StreamLayerSDKTheme .njsrqgr{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .c17uc4zr{flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .c1ux29ft{align-items:center;background-color:var(--color-primary-green1);border-radius:8px;box-sizing:border-box;-moz-column-gap:4px;column-gap:4px;cursor:pointer;display:flex;height:58px;max-height:58px;min-height:58px;overflow:hidden;padding:4px 12px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .f10ncfg2{height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .c1yc07bd{display:flex;flex:1;flex-direction:column;font-weight:var(--font-weight-default);padding:0 4px;row-gap:6px}.StreamLayerSDK>.StreamLayerSDKTheme .tj6cq7w{color:var(--color-neutrals-white);font-size:11px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .d1ag78xo{color:var(--color-white);font-size:14px;line-height:13px}.StreamLayerSDK>.StreamLayerSDKTheme .awohrz6{height:18px;margin-right:8px;width:18px}.StreamLayerSDK>.StreamLayerSDKTheme .cddmj9e{border-radius:13px;height:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cddmj9e,.StreamLayerSDK>.StreamLayerSDKTheme .i16t83sg{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .i16t83sg{max-height:100%;overflow-y:auto}.StreamLayerSDK>.StreamLayerSDKTheme .i16t83sg>div{margin-bottom:8px}.StreamLayerSDK>.StreamLayerSDKTheme .cygkmjj{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 .c71yvf9{-webkit-box-pack:justify;-ms-flex-pack:justify;flex:1;justify-content:space-between;padding:9px}.StreamLayerSDK>.StreamLayerSDKTheme .c71yvf9,.StreamLayerSDK>.StreamLayerSDKTheme .gao3b2f{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .gao3b2f{-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 .i1k4eec3{height:35px;width:35px}.StreamLayerSDK>.StreamLayerSDKTheme .i1uhyahn{border-radius:50%;height:35px;width:35px}.StreamLayerSDK>.StreamLayerSDKTheme .i2ernmy{bottom:0;left:0;position:absolute;width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .t12j99pr{-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 .n1uwonpi{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .s8p5v5z{-webkit-box-pack:center;-ms-flex-pack:center;display:flex;height:53px;justify-content:center;padding:16px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .s755yti{max-width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .c1vwopgc{-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 .c1vwopgc,.StreamLayerSDK>.StreamLayerSDKTheme .qyktpt0{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .q951jdx{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .q951jdx path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .qss5f0e{font-family:var(--font-regular);margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .c1ao1jtv{-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 .cvsl7l3 path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .cvsl7l3:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .o9squag{animation-duration:var(--animation-duration);height:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ctckejh{animation-duration:calc(var(--animation-duration)*3);position:relative;top:var(--header-height)}.StreamLayerSDK>.StreamLayerSDKTheme .ctckejh>div{padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .cocfo2g{background:#fff;background-color:var(--color-white);border-radius:8px;box-sizing:border-box;color:var(--color-primary-green2);font-family:var(--font-serif);overflow:hidden;padding:16px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c1pdhxdk{-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 .c1funj3r g>path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .c1funj3r:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .t1okg06y{-webkit-box-pack:center;-ms-flex-pack:center;display:flex;font-size:10px;font-weight:400;justify-content:center;-webkit-letter-spacing:3px;-moz-letter-spacing:3px;-ms-letter-spacing:3px;letter-spacing:3px;margin-bottom:6px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .sb1n923{margin-right:6px;max-height:19px}.StreamLayerSDK>.StreamLayerSDKTheme .p1stllxd{padding-bottom:3px}.StreamLayerSDK>.StreamLayerSDKTheme .s13kvdzw{-webkit-box-pack:center;-ms-flex-pack:center;display:flex;font-size:22px;font-weight:400;justify-content:center;margin-bottom:6px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .dfvmv3t{font-size:12px}.StreamLayerSDK>.StreamLayerSDKTheme .ay8e3j9,.StreamLayerSDK>.StreamLayerSDKTheme .dfvmv3t{-webkit-box-pack:center;-ms-flex-pack:center;display:flex;font-family:var(--font-regular);font-weight:550;justify-content:center;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ay8e3j9{align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);cursor:pointer;font-size:14px;height:44px;margin-top:16px;outline:none;padding:0 16px}.StreamLayerSDK>.StreamLayerSDKTheme .ay8e3j9:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .oar61gl{background:var(--color-neutrals-white);bottom:0;left:0;position:absolute;right:0;top:0;top:var(--header-height);z-index:3}.StreamLayerSDK>.StreamLayerSDKTheme .u14zaal4{-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 .u14zaal4>div{width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .qdri6g3{-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%}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react",
-  "version": "0.29.11",
+  "version": "0.30.1",
   "type": "module",
   "author": "StreamLayer, Inc (https://streamlayer.io)",
   "maintainers": [
@@ -18,8 +18,8 @@
       "types": "./lib/index.d.ts"
     },
     "./masters": {
-      "module": "./lib/dist/es/masters.js",
-      "require": "./lib/dist/cjs/masters.js",
+      "module": "./lib/dist/es/index.js",
+      "require": "./lib/dist/cjs/index.js",
       "types": "./lib/dist/index.d.ts"
     },
     "./auth": {
@@ -54,16 +54,16 @@
     }
   ],
   "dependencies": {
-    "@streamlayer/feature-gamification": "^0.26.1",
-    "@streamlayer/sdk-web": "^0.28.23",
+    "@streamlayer/feature-gamification": "^0.26.2",
+    "@streamlayer/sdk-web": "^0.28.24",
     "@streamlayer/sdk-web-api": "^0.0.1",
-    "@streamlayer/sdk-web-core": "^0.17.8",
+    "@streamlayer/sdk-web-core": "^0.0.1",
+    "@streamlayer/sdk-web-features": "^0.10.27",
     "@streamlayer/sdk-web-interfaces": "^0.18.15",
-    "@streamlayer/sdk-web-features": "^0.10.26",
     "@streamlayer/sdk-web-logger": "^0.0.4",
-    "@streamlayer/sdk-web-notifications": "^0.13.0",
+    "@streamlayer/sdk-web-notifications": "^0.13.1",
     "@streamlayer/sdk-web-storage": "^0.0.4",
-    "@streamlayer/sdk-web-types": "^0.20.1"
+    "@streamlayer/sdk-web-types": "^0.0.1"
   },
   "peerDependencies": {
     "@bufbuild/protobuf": "^1.4.2",
@@ -114,7 +114,7 @@
     "size-limit": "^11.0.0",
     "url-loader": "^4.1.1",
     "vite-plugin-dts": "^3.6.3",
-    "@streamlayer/react-ui": "^0.66.0"
+    "@streamlayer/react-ui": "^0.67.1"
   },
   "scripts": {
     "size-limit": "size-limit"

package/lib/app-c9828ece.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),r=require("./index-89c19a6e.cjs"),s=require("react"),n=()=>null,i=()=>{const{sdk:t}=s.useContext(r.StreamLayerContext);return t},S=()=>{const{sdk:t,status:a}=s.useContext(r.StreamLayerContext);if(a===r.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return a===r.StreamLayerStatus.CONNECTED?e.jsx("div",{className:"StreamLayerSDK",children:"wait"}):t===null?e.jsx("div",{className:"StreamLayerSDK",children:"sdk not initialized"}):e.jsx("div",{className:"StreamLayerSDK",children:e.jsx(r.p,{children:e.jsx(n,{sdk:t})})})};exports.StreamLayerSDKReact=S;exports.useStreamLayer=i;

package/lib/dist/index-56687fbe.cjs

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