@streamlayer/react 0.30.0 → 0.30.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/lib/cjs/app.js +1 -0
  2. package/lib/cjs/auth.js +1 -1
  3. package/lib/cjs/gamification-feature.js +1 -0
  4. package/lib/cjs/index.js +1 -1
  5. package/lib/cjs/index2.js +4 -0
  6. package/lib/cjs/masters.js +1 -1
  7. package/lib/cjs/masters2.js +6 -0
  8. package/lib/cjs/points.js +1 -1
  9. package/lib/dist/cjs/gamification-feature.js +1 -0
  10. package/lib/dist/cjs/index.js +1 -0
  11. package/lib/dist/cjs/masters.js +297 -1
  12. package/lib/dist/{index-bcabe854.js → es/gamification-feature.js} +522 -523
  13. package/lib/dist/es/index.js +9 -0
  14. package/lib/dist/es/masters.js +26797 -7
  15. package/lib/dist/index.d.ts +6 -5
  16. package/lib/dist/style.css +1 -1
  17. package/lib/{app-c53bb384.js → es/app.js} +1 -1
  18. package/lib/es/auth.js +2 -2
  19. package/lib/{index-e26b3493.js → es/gamification-feature.js} +542 -543
  20. package/lib/es/index.js +2 -2
  21. package/lib/{index-89366251.js → es/index2.js} +12 -12
  22. package/lib/es/masters.js +3 -3
  23. package/lib/es/masters2.js +2433 -0
  24. package/lib/es/points.js +45 -36
  25. package/lib/style.css +1 -1
  26. package/package.json +10 -10
  27. package/lib/app-36051bbe.cjs +0 -1
  28. package/lib/dist/index-f504e8d3.cjs +0 -1
  29. package/lib/dist/masters-3c9c6ffe.js +0 -26765
  30. package/lib/dist/masters-fe5f1486.cjs +0 -297
  31. package/lib/index-af5c5738.cjs +0 -1
  32. package/lib/index-dd93a61a.cjs +0 -4
  33. package/lib/masters-bf25c11c.js +0 -2415
  34. package/lib/masters-f135002d.cjs +0 -6
  35. /package/lib/{common-f34b9d88.cjs → cjs/common.js} +0 -0
  36. /package/lib/{index-565f26fb.cjs → cjs/index3.js} +0 -0
  37. /package/lib/{common-2d2a3ba3.js → es/common.js} +0 -0
  38. /package/lib/{index-15f61ac8.js → es/index3.js} +0 -0
package/lib/es/points.js CHANGED
@@ -1,54 +1,63 @@
1
- import { jsxs as e, jsx as o } from "react/jsx-runtime";
2
- import { FeatureType as m } from "@streamlayer/sdk-web-types";
3
- import { c as p, s as c } from "../index-89366251.js";
4
- import { i as l } from "../common-2d2a3ba3.js";
5
- import { s as r, i as u } from "../index-15f61ac8.js";
6
- import { useMemo as d } from "react";
7
- import { useStore as a } from "@nanostores/react";
8
- import { u as P } from "../app-c53bb384.js";
1
+ import { jsxs as m, jsx as r } from "react/jsx-runtime";
2
+ import { FeatureType as c } from "@streamlayer/sdk-web-types";
3
+ import { d as l, s as u } from "./index2.js";
4
+ import { i as d } from "./common.js";
5
+ import { s as t, i as f } from "./index3.js";
6
+ import { useState as y, useEffect as S } from "react";
7
+ import { useStore as P } from "@nanostores/react";
8
+ import { u as h } from "./app.js";
9
9
  import "./useStreamLayerApp.js";
10
10
  import "@streamlayer/sdk-web";
11
- const S = /* @__PURE__ */ r("div")({
11
+ const v = /* @__PURE__ */ t("div")({
12
12
  name: "PointsContainer",
13
- class: "PointsContainer_psiob9b",
13
+ class: "psiob9b",
14
14
  propsAsIs: !1
15
- }), y = /* @__PURE__ */ r("div")({
15
+ }), A = /* @__PURE__ */ t("div")({
16
16
  name: "PointsIcon",
17
- class: "PointsIcon_p1gqe4lh",
17
+ class: "p1gqe4lh",
18
18
  propsAsIs: !1
19
- }), f = () => u, v = /* @__PURE__ */ r(f())({
19
+ }), I = () => f, g = /* @__PURE__ */ t(I())({
20
20
  name: "PointsSvg",
21
- class: "PointsSvg_p15syg2y",
21
+ class: "p15syg2y",
22
22
  propsAsIs: !0
23
- }), g = /* @__PURE__ */ r("div")({
23
+ }), b = /* @__PURE__ */ t("div")({
24
24
  name: "PointsBody",
25
- class: "PointsBody_p12n4f2h",
25
+ class: "p12n4f2h",
26
26
  propsAsIs: !1
27
- }), h = /* @__PURE__ */ r("div")({
27
+ }), x = /* @__PURE__ */ t("div")({
28
28
  name: "PointsTitle",
29
- class: "PointsTitle_poqmx89",
29
+ class: "poqmx89",
30
30
  propsAsIs: !1
31
- }), I = /* @__PURE__ */ r("div")({
31
+ }), L = /* @__PURE__ */ t("div")({
32
32
  name: "PointsValue",
33
- class: "PointsValue_prj9b3v",
33
+ class: "prj9b3v",
34
34
  propsAsIs: !1
35
- }), A = ({ points: s }) => /* @__PURE__ */ e(S, { className: p, children: [
36
- /* @__PURE__ */ o(y, { children: /* @__PURE__ */ o(v, { name: "icon-trophy" }) }),
37
- /* @__PURE__ */ e(g, { children: [
38
- /* @__PURE__ */ o(h, { children: "Total points" }),
39
- /* @__PURE__ */ o(I, { children: l(s) })
35
+ }), j = ({ points: s }) => /* @__PURE__ */ m(v, { className: l, children: [
36
+ /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(g, { name: "icon-trophy" }) }),
37
+ /* @__PURE__ */ m(b, { children: [
38
+ /* @__PURE__ */ r(x, { children: "Total points" }),
39
+ /* @__PURE__ */ r(L, { children: d(s) })
40
40
  ] })
41
- ] }), _ = ({ userSummary: s }) => {
42
- var n, t;
43
- const i = a(s.getStore());
44
- return ((t = (n = i.data) == null ? void 0 : n.summary) == null ? void 0 : t.points) === void 0 ? null : /* @__PURE__ */ o("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(A, { points: i.data.summary.points }) }) });
45
- }, x = ({ sdk: s }) => {
46
- const { organizationSettings: i, streamSettings: n } = a(s.sdkStore), t = d(() => s.getFeature(m.GAMES), [s, i, n]);
47
- return t ? /* @__PURE__ */ o(_, { userSummary: t.userSummary }) : null;
48
- }, G = () => {
49
- const s = P();
50
- return s ? /* @__PURE__ */ o(x, { sdk: s }) : null;
41
+ ] }), D = ({ userSummary: s }) => {
42
+ const [e, o] = y(0);
43
+ return S(() => {
44
+ const p = s.subscribe((i) => {
45
+ var n, a;
46
+ (a = (n = i.data) == null ? void 0 : n.summary) != null && a.points && o(i.data.summary.points);
47
+ });
48
+ return () => {
49
+ p();
50
+ };
51
+ }, [s]), /* @__PURE__ */ r("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(j, { points: e }) }) });
52
+ }, K = ({ sdk: s }) => {
53
+ if (P(s.sdkStore.status) !== "ready")
54
+ return null;
55
+ const o = s.getFeature(c.GAMES);
56
+ return o ? /* @__PURE__ */ r(D, { userSummary: o.userSummary.getStore() }) : null;
57
+ }, V = () => {
58
+ const s = h();
59
+ return s ? /* @__PURE__ */ r(K, { sdk: s }) : null;
51
60
  };
52
61
  export {
53
- G as StreamLayerSDKPoints
62
+ V as StreamLayerSDKPoints
54
63
  };
package/lib/style.css CHANGED
@@ -1 +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 .AppContainer_azqfrs3{box-sizing:border-box;color:var(--font-color);font-family:var(--font-family);height:100vh;margin:0;padding:20px;width:100vw}.StreamLayerSDK>.StreamLayerSDKTheme .AppContainer_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 .DeveloperContainer_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 .DeveloperItems_d1a3478s{gap:10px;margin-left:10px;margin-right:60px;margin-top:10px}.StreamLayerSDK>.StreamLayerSDKTheme .BurgerBtn_butjcq8,.StreamLayerSDK>.StreamLayerSDKTheme .DeveloperItems_d1a3478s{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .BurgerBtn_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 .BurgerBtn_butjcq8:hover{padding-bottom:8px;padding-top:8px}.StreamLayerSDK>.StreamLayerSDKTheme .BurgerBtn_butjcq8:active{transform:translateY(4px)}.StreamLayerSDK>.StreamLayerSDKTheme .BurgerBtn_butjcq8[data-opened=true] span:nth-child(odd){opacity:0}.StreamLayerSDK>.StreamLayerSDKTheme .BurgerBtn_butjcq8 span{background:#fff;border-radius:4px;display:block;height:4px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .InputField_iwjhb00{background:#1d7bff;border-radius:5px;display:flex;font-size:16px;padding:4px 6px}.StreamLayerSDK>.StreamLayerSDKTheme .InputField_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 .InputField_iwjhb00 input:focus{border-color:#1d7bff}.StreamLayerSDK>.StreamLayerSDKTheme .InputField_iwjhb00 label{margin-right:4px}.StreamLayerSDK>.StreamLayerSDKTheme .InputField_iwjhb00 button{background:transparent;border:none;color:#fff;cursor:pointer;margin:0;padding:0;text-transform:uppercase;width:150px}.StreamLayerSDK>.StreamLayerSDKTheme .InputField_iwjhb00 button:hover{transform:scale(1.1)}.StreamLayerSDK>.StreamLayerSDKTheme .InputField_iwjhb00 button:active{transform:scale(.9)}.StreamLayerSDK>.StreamLayerSDKTheme .Switch_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 .Switch_s14ex8bw label{cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .SwitchInput_s1fwty0k{background:#fff;border-radius:1em;height:1rem;margin-left:5px;position:relative;width:2rem}.StreamLayerSDK>.StreamLayerSDKTheme .SwitchInput_s1fwty0k input{cursor:pointer;opacity:0;position:relative;width:100%;z-index:1}.StreamLayerSDK>.StreamLayerSDKTheme .SwitchInput_s1fwty0k input:checked+span{background:green;transform:translate3d(100%,0,0)}.StreamLayerSDK>.StreamLayerSDKTheme .SwitchInput_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 .InputField_i1vlsnk4{background:#1d7bff;border-radius:5px;display:flex;font-size:16px;margin-bottom:2px;padding:4px 6px}.StreamLayerSDK>.StreamLayerSDKTheme .InputField_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 .InputField_i1vlsnk4 input:focus{border-color:#1d7bff}.StreamLayerSDK>.StreamLayerSDKTheme .InputField_i1vlsnk4 label{margin-right:4px}.StreamLayerSDK>.StreamLayerSDKTheme .InputField_i1vlsnk4 button{background:transparent;border:none;color:#fff;cursor:pointer;margin:0;padding:0;text-transform:uppercase;width:150px}.StreamLayerSDK>.StreamLayerSDKTheme .mastersVariables_m17a8r9z{--header-height:68px;--question-headers-height:117px;--animation-duration:.5s;--animation-function:ease;--container-padding:16px}.StreamLayerSDK>.StreamLayerSDKTheme .theme_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 .theme_ttkj0ah *{box-sizing:border-box}.StreamLayerSDK>.StreamLayerSDKTheme .Container_c1bgb86j{border-radius:8px;cursor:pointer;display:flex;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .Player_p6703cq{width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .Poster_p12ow7zo{height:100%;left:0;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .Control_cdpal9o{cursor:pointer;display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.StreamLayerSDK>.StreamLayerSDKTheme .IconContainer_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 .RemainingTime_r165427{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .Container_c1pgyo67{animation:containerShowIn-Container_c1pgyo67 ease-out;animation-duration:var(--animation-duration);max-height:2500px;opacity:1;overflow:hidden;transform:scale(1);width:100%}@keyframes containerShowIn-Container_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 .HidingAnimation_hx17qu6{animation:containerHide-HidingAnimation_hx17qu6 ease-out;animation-direction:reverse;animation-duration:var(--animation-duration);animation-fill-mode:forwards}@keyframes containerHide-HidingAnimation_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 .Container_c1kzqw87{display:flex;flex-direction:column;row-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .DateTime_d9r1hf9{color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .Quote_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 .Quote_qezygt5:before{background-color:var(--color-primary-green2);content:"";width:2px}.StreamLayerSDK>.StreamLayerSDKTheme .Details_d1y8f7ym{display:flex;flex-direction:column;row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .Body_b18gwonx{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .Image_i3g0xjd{border-radius:8px;max-width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .Container_cjq447q{-moz-column-gap:8px;column-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .Container_cjq447q,.StreamLayerSDK>.StreamLayerSDKTheme .ImageContainer_i14egogb{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .ImageContainer_i14egogb{justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .Image_i2g9g4l{border-radius:50%;height:46px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:46px}.StreamLayerSDK>.StreamLayerSDKTheme .Details_d1c454nm{color:var(--color-neutrals-gray9);display:flex;flex-direction:column;font-weight:var(--font-weight-default);row-gap:2px}.StreamLayerSDK>.StreamLayerSDKTheme .Name_n11nigc3{align-items:center;-moz-column-gap:4px;column-gap:4px;display:flex;font-family:var(--font-serif);font-size:12px}.StreamLayerSDK>.StreamLayerSDKTheme .UserName_urxa4k8{font-size:12px;line-height:20px}.StreamLayerSDK>.StreamLayerSDKTheme .Container_cgn5uen{row-gap:16px}.StreamLayerSDK>.StreamLayerSDKTheme .Container_cgn5uen,.StreamLayerSDK>.StreamLayerSDKTheme .Content_c1px8nt6{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .Content_c1px8nt6{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .Title_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 .Description_d1i2kpk2{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .DateWrap_dd3lh3p{color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .Navigation_n19lpak2{animation:show-nav-Navigation_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 .Navigation_n19lpak2>button:not(:last-child){margin-right:8px}@keyframes show-nav-Navigation_n19lpak2{90%{opacity:0}to{height:68px;opacity:1}}.StreamLayerSDK>.StreamLayerSDKTheme .Buttons_b6tbwuy{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--color-neutrals-white);justify-content:space-between}.StreamLayerSDK>.StreamLayerSDKTheme .Buttons_b6tbwuy,.StreamLayerSDK>.StreamLayerSDKTheme .SButton_sxxa0c{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .SButton_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 .SButton_sxxa0c:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .SButton_sxxa0c[data-selected=true]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .SButton_sxxa0c[data-selected=true]:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .SButton_sxxa0c[data-selected=true]:disabled:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .SButton_sxxa0c:disabled{cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .SButton_sxxa0c:disabled:hover{border-color:var(--color-neutrals-gray3);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .ButtonIcon_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 .ButtonIcon_b180jd7l[data-selected=true] g>path{fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .ButtonIcon_b11des7c[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .ButtonIcon_b11des7c[data-selected=true] g>path:nth-child(2){fill:#fff;stroke:#107d57}.StreamLayerSDK>.StreamLayerSDKTheme .ButtonIcon_b1whzxvd[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .ButtonIcon_b1whzxvd[data-selected=true] g>path:nth-child(2){fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .Panel_p1liu7r{background-color:var(--color-transparent-item);border-radius:8px;height:100%;padding:0 12px}.StreamLayerSDK>.StreamLayerSDKTheme .Form_fhf9n1f,.StreamLayerSDK>.StreamLayerSDKTheme .Panel_p1liu7r{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .Form_fhf9n1f{flex-direction:column;margin:auto;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .FormTitle_fmf7e3h{font-size:18px;margin-bottom:20px}.StreamLayerSDK>.StreamLayerSDKTheme .FormDescription_fg7be0w{align-items:center;display:flex;flex-direction:column;font-size:14px;margin-bottom:10px}.StreamLayerSDK>.StreamLayerSDKTheme .FormSubmit_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 .FormSubmit_fvxx8fg:disabled{cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .FormInputContainer_f1sfffsg{border-bottom:1px solid #fff;margin-bottom:40px}.StreamLayerSDK>.StreamLayerSDKTheme .FormInputContainer_f1sfffsg input{background:transparent;border:none;color:#fff;font-size:20px;outline:none}.StreamLayerSDK>.StreamLayerSDKTheme .Digits_d1majgb2>div{display:flex;gap:10px;margin-bottom:20px}.StreamLayerSDK>.StreamLayerSDKTheme .Digits_d1majgb2 input{font-size:40px;height:40px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .Container_c14ielyq{height:100%;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .Container_c14ielyq>div:not(:last-child){margin-bottom:16px}.StreamLayerSDK>.StreamLayerSDKTheme .Content_c1tlqx57{display:flex;flex-direction:column;height:100%;padding:16px 16px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .Title_t1hq58md{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;margin:16px 0}.StreamLayerSDK>.StreamLayerSDKTheme .Options_o1c8nxcx{display:flex;flex-direction:column;gap:8px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .SDKContainer_stu11h7{background:transparent;font-family:var(--font-regular);height:100%;min-width:324px;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .SDKScrollContainer_s1ucohr1{height:100%;overflow-y:auto;transition:transform;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-function);width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .SDKScrollContainer_s1ucohr1[data-nav=true]{height:calc(100% - var(--header-height));transform:translateY(var(--header-height))}.StreamLayerSDK>.StreamLayerSDKTheme .SDKScrollContainer_s1ucohr1[data-question-header=true]{height:calc(100% - var(--question-headers-height,0%));transform:translateY(var(--question-headers-height))}.StreamLayerSDK>.StreamLayerSDKTheme .SDKContentContainer_s1el4wvm{display:flex;flex-direction:column;gap:var(--container-padding);padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .SDKWhiteContainer_s1oe3036.SDKContentContainer_s1el4wvm{background-color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .Container_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 .Title_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 .Description_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 .Container_c16sbdnm{align-items:center;display:flex;font-size:14px;margin-bottom:16px;padding:8px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .Container_c16sbdnm[data-isPrediction=true]{align-items:flex-start}.StreamLayerSDK>.StreamLayerSDKTheme .IconPrediction_ibhorgl{height:24px;margin-left:12px;margin-right:14px;min-width:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .IconPrediction_ibhorgl g>path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .FeedbackIconWrap_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 .FeedbackIconWrap_f1g20ja7[data-feedbackType=correct]{background-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .FeedbackIconWrap_f1g20ja7[data-feedbackType=incorrect]{background-color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .FeedbackHeader_f455ozj{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .FeedbackTitle_f1913njx{margin-right:5px}.StreamLayerSDK>.StreamLayerSDKTheme .FeedbackTitle_f1913njx[data-feedbackType=correct]{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .FeedbackTitle_f1913njx[data-feedbackType=incorrect]{color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .FeedbackDescription_fzfk69z{color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .FeedbackText_fx87qaj{font-weight:400;margin-top:10px}.StreamLayerSDK>.StreamLayerSDKTheme .ButtonContainer_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 .ButtonContainer_b1b6dl8t:hover:not(:disabled){border-color:var(--color-neutrals-gray5);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .ButtonContainer_b1b6dl8t[data-selected=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .ButtonContainer_b1b6dl8t[data-answerState=correct]{border-color:var(--color-primary-green1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .ButtonContainer_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 .ButtonContainer_b1b6dl8t[data-answerState=incorrect]{border-color:var(--color-secondary-red1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .ButtonContainer_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 .ButtonContainer_b1b6dl8t[data-isNotChecked=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .ButtonPct_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 .ButtonPct_b4iik8i[data-answerState=correct]{background-color:var(--color-primary-green1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .ButtonPct_b4iik8i[data-answerState=incorrect]{background-color:var(--color-secondary-red1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .ButtonPct_b4iik8i[data-answerState=unset]{background-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .ButtonBody_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 .IconContainer_i1j65z51{width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .IconWrap_i19tpfua{background-repeat:no-repeat;background-size:contain;bottom:-1px;height:52px;left:0;position:absolute;width:52px}.StreamLayerSDK>.StreamLayerSDKTheme .Icon_i1tubmma{margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .IconDefault_i1grrgwj.Icon_i1tubmma{height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .IconCircle_ibemyq8.Icon_i1tubmma{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .Title_t1dceht{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .Indicators_i116q4vq{display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .Percentage_p17ajcu2{line-height:17px;margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .CheckIcon_cu9kmlb{height:16px;margin-left:8px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .WinBarContainer_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 .WinBarContainer_wie6cqo>div:first-child:last-child{margin-left:auto;margin-right:auto}.StreamLayerSDK>.StreamLayerSDKTheme .Content_cgizw4u{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .Title_t1l3ucjp{color:var(--color-neutrals-gray7);margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .WinIcon_wx7j799{margin-right:4px}.StreamLayerSDK>.StreamLayerSDKTheme .Points_p4lwuj0{align-items:flex-end;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .PointsCount_po9i64o{font-size:14px;line-height:14px;margin-right:6px}.StreamLayerSDK>.StreamLayerSDKTheme .PointsUnits_pe5g05h{font-size:10px}.StreamLayerSDK>.StreamLayerSDKTheme .Container_c1dcxmvf,.StreamLayerSDK>.StreamLayerSDKTheme .Container_c1euiow{background-color:var(--color-neutrals-white);display:flex;flex-direction:column;padding:var(--container-padding);row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .WebLinkBtn_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 .Container_c1yrpn9o{background-color:var(--color-primary-green1);border-radius:12px;font-weight:var(--font-weight-default);padding:12px}.StreamLayerSDK>.StreamLayerSDKTheme .TopInfo_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 .BottomInfo_by6w7e9{display:flex;flex-direction:column;row-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .User_u1g7arbm{-moz-column-gap:8px;column-gap:8px;display:flex;flex:1;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .Avatar_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 .UserInfo_u10d4koz{display:flex;flex-direction:column;overflow:hidden;row-gap:6px}.StreamLayerSDK>.StreamLayerSDKTheme .UserName_u1q6roj0{color:var(--color-white);font-size:16px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .UserRating_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 .TrophyIcon_t1el3mrn{height:15px;width:15px}.StreamLayerSDK>.StreamLayerSDKTheme .Rts_r2vgnxv{align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .RtsIndicator_roqn06j,.StreamLayerSDK>.StreamLayerSDKTheme .Rts_r2vgnxv{-moz-column-gap:4px;column-gap:4px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .RtsIndicator_roqn06j{align-items:baseline}.StreamLayerSDK>.StreamLayerSDKTheme .RtsLabel_r15adx7c{font-size:9px;opacity:.8}.StreamLayerSDK>.StreamLayerSDKTheme .Divider_dv59lta{background-color:var(--color-white);height:10px;opacity:.2;width:1px}.StreamLayerSDK>.StreamLayerSDKTheme .Ranks_r55lotb{-moz-column-gap:8px;column-gap:8px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .Statistics_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 .AvatarPlaceholder_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 .AvatarPlaceholder_a1mqo824,.StreamLayerSDK>.StreamLayerSDKTheme .UserAccountBtn_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 .UserAccountBtn_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 .Container_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 .Title_t1vih9p5{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .Indicator_i1fbnvpb{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .Container_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 .Indicator_i1jri200{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .Title_t8s05oq{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .STabs_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 .STabs_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 .STabs_sxnslc8[data-position=left]:before{transform:translate(0)}.StreamLayerSDK>.StreamLayerSDKTheme .STabs_sxnslc8[data-position=right]:before{transform:translate(100%)}.StreamLayerSDK>.StreamLayerSDKTheme .Button_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 .Button_b1umzux0:hover{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .Button_b1umzux0[data-selected=true]{color:var(--color-primary-green1);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .Title_tspsaas{position:relative;z-index:2}.StreamLayerSDK>.StreamLayerSDKTheme .QuestionItem_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 .QuestionItem_q1w97g3p:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .QuestionCaption_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 .QuestionBody_qd5h0uc{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:14px;font-weight:400}.StreamLayerSDK>.StreamLayerSDKTheme .QuestionActionIcon_q1fa0b9h{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .QuestionTypeIcon_qxlt78s{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .QuestionTypeIcon_qxlt78s path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .QuestionTypeLabel_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 .QuestionContent_q1uz5j1g{display:flex;flex:1;flex-direction:column;font-weight:700;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .QuestionSubject_qc3icwa{color:var(--color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .QuestionActionTitle_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 .QuestionStatusIcon_q1uc7n5z{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .QuestionTypeTitle_qcpp4y6{text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .ExpiredQuestion_e1rdw3wd{border-left:1px solid var(--color-grey-primary);margin-left:5px;padding-left:5px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .SButton_s1nve60q{border:1px solid;border-radius:71px;font-size:12px;font-weight:var(--font-weight-default);outline:none;padding:14px 16px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .SButton_s1nve60q[data-variant=primary]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .SButton_s1nve60q[data-variant=primary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .SButton_s1nve60q[data-variant=secondary]{background-color:transparent;border-color:var(--color-primary-green1);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .SButton_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 .SButton_s1nve60q:disabled{opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .SButton_s1nve60q:disabled:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .Container_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 .Container_cl56x6b:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .ActionButton_a11pzf92{cursor:pointer;font-size:14px;height:44px;line-height:20px;padding:0 16px}.StreamLayerSDK>.StreamLayerSDKTheme .Container_c1eptrjd{background:#fff;border-radius:8px;box-sizing:border-box;overflow:hidden;padding:16px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .CloseIconWrap_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 .CloseIcon_c9mrcz7 g>path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .CloseIcon_c9mrcz7:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .Header_hw3lzv4{align-items:center;display:flex;margin-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .TypeIcon_t1rrb3kf{height:13px;margin-right:4px;width:13px}.StreamLayerSDK>.StreamLayerSDKTheme .TypeIcon_t1rrb3kf path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .TypeName_t1ydnjov{color:var(--color-neutrals-gray7);font-size:12px;font-weight:550}.StreamLayerSDK>.StreamLayerSDKTheme .Question_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 .AnswerButton_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 .AnswerButton_a1e0nhcl:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .InsightContainer_i1pqqgpo{background-color:var(--color-neutrals-white);border-radius:8px;box-sizing:border-box;row-gap:16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .InsightContainer_i1pqqgpo,.StreamLayerSDK>.StreamLayerSDKTheme .InsightContent_igj7luu{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .InsightContent_igj7luu{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .Title_t1qne9g6{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .Description_dtpr98r,.StreamLayerSDK>.StreamLayerSDKTheme .Title_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 .Description_dtpr98r{color:var(--color-neutrals-gray9);font-size:12px;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .ActionBtn_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 .ActionBtn_a17iaqp8:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .Container_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 .Container_c10131zw[data-bg-color-white=true]{background-color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .AnimateContent_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 .AnimateContent_ar6k2eo[data-active-number="2"]{transform:translateY(-118px)}.StreamLayerSDK>.StreamLayerSDKTheme .AnimateContent_ar6k2eo[data-active-number="3"]{transform:translateY(-236px)}.StreamLayerSDK>.StreamLayerSDKTheme .AnimateContent_ar6k2eo[data-active-number="4"]{transform:translateY(-354px)}.StreamLayerSDK>.StreamLayerSDKTheme .AnimateContent_ar6k2eo[data-active-number="5"]{transform:translateY(-472px)}.StreamLayerSDK>.StreamLayerSDKTheme .Content_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 .Content_c1hwoq9l[data-color-green=true]{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .Title_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 .Title_t4ujo4g[data-incorrect=true]{color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .Subtitle_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 .Subtitle_s1pjil1h[data-incorrect=true]{color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .SubtitleFG_s1iorwr9.Subtitle_s1pjil1h{font-family:var(--font-serif)}.StreamLayerSDK>.StreamLayerSDKTheme .AnswerText_a51sv9d{font-weight:400px;margin-left:5px}.StreamLayerSDK>.StreamLayerSDKTheme .FeedbackIcon_f1lbk2ye{height:14px;margin-right:6px;width:14px}.StreamLayerSDK>.StreamLayerSDKTheme .CloseButton_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 .CloseIcon_c33p82r{height:20px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .CloseIcon_c33p82r path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .CloseIcon_c33p82r:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .Container_c1t4f0x4{background-color:var(--color-neutrals-white);border-radius:8px;box-sizing:border-box;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ActionBtn_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 .ActionBtn_a16w1nl6:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .Body_b14u54rf{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .Image_i1hxm6zo{border-radius:8px;max-width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .Details_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 .QuoteWrap_q1qyx94r{border-bottom:.7px solid var(--color-neutrals-gray3);margin-bottom:12px;padding-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .Quote_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 .BGWrap_b1dqe0sz{display:none;height:100%;left:0;position:absolute;top:-1px;width:100%;z-index:1}.StreamLayerSDK>.StreamLayerSDKTheme .BGWrap_b1dqe0sz[data-active=true]{display:block}.StreamLayerSDK>.StreamLayerSDKTheme .BGWrap_b1dqe0sz[data-active=true]>div:first-child{animation:showLines-BGWrap_b1dqe0sz 1s ease-out 50ms forwards,hiddenLines-BGWrap_b1dqe0sz 1.5s ease-in 4.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .BGWrap_b1dqe0sz[data-active=true]>div:nth-child(2){animation:showLines-BGWrap_b1dqe0sz .7s ease-out .5s forwards,hiddenLines-BGWrap_b1dqe0sz 1s ease-in 5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .BGWrap_b1dqe0sz[data-active=true]>div:nth-child(3){animation:showLines-BGWrap_b1dqe0sz .5s ease-out .7s forwards,hiddenLines-BGWrap_b1dqe0sz .7s ease-in 5.3s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .BGWrap_b1dqe0sz[data-active=true]>div:nth-child(4){animation:showLines-BGWrap_b1dqe0sz .4s ease-out 1s forwards,hiddenLines-BGWrap_b1dqe0sz .5s ease-in 5.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .BGWrap_b1dqe0sz[data-active=true][data-first-screen=true]>div:first-child{animation:showLines-BGWrap_b1dqe0sz 1s ease-out 1s forwards,hiddenLines-BGWrap_b1dqe0sz 1.5s ease-in 4.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .BGWrap_b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(2){animation:showLines-BGWrap_b1dqe0sz .7s ease-out 1.4s forwards,hiddenLines-BGWrap_b1dqe0sz 1s ease-in 5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .BGWrap_b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(3){animation:showLines-BGWrap_b1dqe0sz .5s ease-out 1.7s forwards,hiddenLines-BGWrap_b1dqe0sz .7s ease-in 5.3s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .BGWrap_b1dqe0sz[data-active=true][data-last-screen=true]>div:first-child{animation:showLines-BGWrap_b1dqe0sz 1s ease-out 50ms forwards}.StreamLayerSDK>.StreamLayerSDKTheme .BGWrap_b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(2){animation:showLines-BGWrap_b1dqe0sz .7s ease-out .5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .BGWrap_b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(3){animation:showLines-BGWrap_b1dqe0sz .5s ease-out .7s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .BGWrap_b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(4){animation:showLines-BGWrap_b1dqe0sz .4s ease-out 1s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .BGWrap_b1dqe0sz>div{background-color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .BGWrap_b1dqe0sz[data-correct=true]>div{background-color:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .BGWrap_b1dqe0sz[data-correct=false]>div{background-color:var(--color-neutrals-gray6)}@keyframes showLines-BGWrap_b1dqe0sz{0%{transform:translate(400px) rotate(137deg)}to{transform:translate(0) rotate(137deg)}}@keyframes hiddenLines-BGWrap_b1dqe0sz{0%{width:1000px}to{opacity:0;width:2000px}}.StreamLayerSDK>.StreamLayerSDKTheme .BGLineBase_b1v6w7ni{bottom:-580px;height:1000px;opacity:.05;position:absolute;transform:translate(400px) rotate(137deg);width:1000px}.StreamLayerSDK>.StreamLayerSDKTheme .BGOneLineOne_b2nqb1p.BGLineBase_b1v6w7ni{right:-818px}.StreamLayerSDK>.StreamLayerSDKTheme .BGOneLineTwo_b1xxgmbk.BGLineBase_b1v6w7ni{right:-902px}.StreamLayerSDK>.StreamLayerSDKTheme .BGOneLineThree_b63lwcb.BGLineBase_b1v6w7ni{right:-997px}.StreamLayerSDK>.StreamLayerSDKTheme .BGTwoLineOne_b2iah4.BGLineBase_b1v6w7ni{right:-891px}.StreamLayerSDK>.StreamLayerSDKTheme .BGTwoLineTwo_b1xezvf6.BGLineBase_b1v6w7ni{right:-942px}.StreamLayerSDK>.StreamLayerSDKTheme .BGTwoLineThree_b1jz1hg0.BGLineBase_b1v6w7ni{right:-996px}.StreamLayerSDK>.StreamLayerSDKTheme .BGThreeLineOne_b18ho1tk.BGLineBase_b1v6w7ni{right:-931px}.StreamLayerSDK>.StreamLayerSDKTheme .BGThreeLineTwo_b14uvjfm.BGLineBase_b1v6w7ni{opacity:.1;right:-981px}.StreamLayerSDK>.StreamLayerSDKTheme .BGThreeLineThree_b11c3ns7.BGLineBase_b1v6w7ni{opacity:.15;right:-1035px}.StreamLayerSDK>.StreamLayerSDKTheme .BGThreeLineFour_b1bqhhet.BGLineBase_b1v6w7ni{opacity:.2;right:-1088px}.StreamLayerSDK>.StreamLayerSDKTheme .BGFourLineOne_b1xyzi7o.BGLineBase_b1v6w7ni{opacity:.1;right:-931px}.StreamLayerSDK>.StreamLayerSDKTheme .BGFourLineTwo_byo0rup.BGLineBase_b1v6w7ni{opacity:.1;right:-981px}.StreamLayerSDK>.StreamLayerSDKTheme .BGFourLineThree_b1oyiqgv.BGLineBase_b1v6w7ni{opacity:.1;right:-1035px}.StreamLayerSDK>.StreamLayerSDKTheme .BGFourLineFour_bx3ddqw.BGLineBase_b1v6w7ni{opacity:.1;right:-1088px}.StreamLayerSDK>.StreamLayerSDKTheme .QuestionsContainer_qvghv3l{gap:8px;max-height:100%;overflow-y:auto}.StreamLayerSDK>.StreamLayerSDKTheme .Container_cll3md7,.StreamLayerSDK>.StreamLayerSDKTheme .QuestionsContainer_qvghv3l{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .Container_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 .Container_cll3md7:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .Container_cll3md7 .Title_t5et2jt{font-weight:400;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .Container_cll3md7 .Description_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 .ActionBtn_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 .ActionBtn_a10g1iik:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .PointsContainer_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 .PointsContainer_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){.PointsContainer_psiob9b{padding-right:10px}}.StreamLayerSDK>.StreamLayerSDKTheme .PointsIcon_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){.PointsIcon_p1gqe4lh{height:28px;width:28px}}.StreamLayerSDK>.StreamLayerSDKTheme .PointsSvg_p15syg2y{height:20px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .PointsSvg_p15syg2y path{fill:var(--color-neutrals-white)}@media (max-width:767px){.PointsSvg_p15syg2y{height:14px;width:14px}}.StreamLayerSDK>.StreamLayerSDKTheme .PointsBody_p12n4f2h{color:var(--color-neutrals-white);display:flex;flex-direction:column;font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .PointsTitle_poqmx89{font-size:9px;margin-bottom:1px;text-transform:uppercase}@media (max-width:767px){.PointsTitle_poqmx89{display:none}}.StreamLayerSDK>.StreamLayerSDKTheme .PointsValue_prj9b3v{font-size:18px;line-height:20px}@media (max-width:767px){.PointsValue_prj9b3v{font-size:14px;line-height:22px}}.StreamLayerSDK>.StreamLayerSDKTheme .Container_c18uddbs{background-color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .Container_c18uddbs,.StreamLayerSDK>.StreamLayerSDKTheme .Content_cvcfjf6{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .Content_cvcfjf6{flex-grow:1}.StreamLayerSDK>.StreamLayerSDKTheme .OnboardingHeader_o1ie27lw{justify-content:space-between;padding:12px 12px 12px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .CloseBtn_c15cjkwi,.StreamLayerSDK>.StreamLayerSDKTheme .OnboardingHeader_o1ie27lw{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .CloseBtn_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 .IconClose_i1mavjt2{height:10px;width:10px}.StreamLayerSDK>.StreamLayerSDKTheme .OnboardingFooter_o1x0dyzv{display:flex;padding:0 16px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .OnboardingActionBtn_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 .Container_c1htq1lb{flex-grow:1;padding-bottom:24px}.StreamLayerSDK>.StreamLayerSDKTheme .Container_c1htq1lb,.StreamLayerSDK>.StreamLayerSDKTheme .Content_cjyzpp7{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .Content_cjyzpp7{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;height:100%;justify-content:center;padding:0 16px 32px}.StreamLayerSDK>.StreamLayerSDKTheme .Graphic_g16mldgz{-webkit-box-flex:1;-ms-flex-positive:1;display:flex;flex-grow:1;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .Headline_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 .StepsContainer_smm7qmo{-webkit-box-pack:center;-ms-flex-pack:center;-moz-column-gap:8px;column-gap:8px;display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .StepIndicator_s17knuw2{background-color:var(--color-neutrals-gray4);border-radius:50%;height:6px;width:6px}.StreamLayerSDK>.StreamLayerSDKTheme .StepIndicator_s17knuw2[data-active=true]{background-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .Container_c1itm4k7{flex-direction:column;height:100%;padding:16px 16px 56px;row-gap:24px}.StreamLayerSDK>.StreamLayerSDKTheme .Container_c1itm4k7,.StreamLayerSDK>.StreamLayerSDKTheme .IconContainer_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 .IconContainer_i1w4fsni{background-color:var(--color-primary-green1);border-radius:50%;height:48px;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .InviteGameIcon_i19m85r1{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .Content_c1mbu204{max-width:270px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .Heading_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 .Subtext_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 .LinkContainer_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 .LinkInfo_l1jdw39q{display:flex;flex-direction:column;font-weight:var(--font-weight-default);overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .LinkTitle_l1cr5mk{color:var(--color-primary-green1);font-size:16px;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .LinkAddress_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 .LinkIcon_l1pqlvw3{flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .SocialLinksContainer_s1n7kzeh{-moz-column-gap:8px;column-gap:8px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .SocialLink_s2m9o9y{align-items:center;display:flex;flex-direction:column;min-width:68px;row-gap:8px;-webkit-text-decoration:none;text-decoration:none}.StreamLayerSDK>.StreamLayerSDKTheme .SocialLinkLabel_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 .Container_cm0bev{flex-grow:1;padding-bottom:16px}.StreamLayerSDK>.StreamLayerSDKTheme .Container_cm0bev,.StreamLayerSDK>.StreamLayerSDKTheme .Content_ce7x737{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .Content_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 .Title_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 .RulesList_r1k5klql{display:flex;flex-direction:column;row-gap:24px}.StreamLayerSDK>.StreamLayerSDKTheme .RulesItem_r1tf3ft2{-moz-column-gap:16px;column-gap:16px}.StreamLayerSDK>.StreamLayerSDKTheme .RuleIcon_rwpvg1k,.StreamLayerSDK>.StreamLayerSDKTheme .RulesItem_r1tf3ft2{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .RuleIcon_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 .RuleIcon_rwpvg1k [data-icon=icon-trophy]{height:18px;width:18px}.StreamLayerSDK>.StreamLayerSDKTheme .RuleIcon_rwpvg1k [data-icon=icon-trophy] path{fill:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .RuleIcon_rwpvg1k [data-icon=icon-btn-feature-groups] path:first-child{stroke:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .RuleIcon_rwpvg1k [data-icon=icon-btn-feature-groups] path:not(:first-child){fill:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .RuleText_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 .TermsButton_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 .Container_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 .Container_culdu4a:hover{border-color:var(--color-neutrals-gray5);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .Position_pwf8e69{min-width:28px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .Avatar_atf4yh4{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .AvatarPlaceholder_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 .AvatarPlaceholder_a1dg29ja,.StreamLayerSDK>.StreamLayerSDKTheme .Content_c10a68rc{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .Content_c10a68rc{-webkit-box-flex:1;-ms-flex-positive:1;-moz-column-gap:8px;column-gap:8px;flex-grow:1}.StreamLayerSDK>.StreamLayerSDKTheme .NameContainer_nc4kck5{align-items:center;-moz-column-gap:4px;column-gap:4px;display:grid;grid-template-columns:1fr auto}.StreamLayerSDK>.StreamLayerSDKTheme .Name_njsrqgr{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .CurrentUserBadge_c17uc4zr{flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .Container_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 .FriendsIcon_f10ncfg2{height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .Content_c1yc07bd{display:flex;flex:1;flex-direction:column;font-weight:var(--font-weight-default);padding:0 4px;row-gap:6px}.StreamLayerSDK>.StreamLayerSDKTheme .Title_tj6cq7w{color:var(--color-neutrals-white);font-size:11px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .Description_d1ag78xo{color:var(--color-white);font-size:14px;line-height:13px}.StreamLayerSDK>.StreamLayerSDKTheme .ArrowInviteIcon_awohrz6{height:18px;margin-right:8px;width:18px}.StreamLayerSDK>.StreamLayerSDKTheme .Container_cddmj9e{border-radius:13px;height:100%}.StreamLayerSDK>.StreamLayerSDKTheme .Container_cddmj9e,.StreamLayerSDK>.StreamLayerSDKTheme .ItemsContainer_i16t83sg{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .ItemsContainer_i16t83sg{max-height:100%;overflow-y:auto}.StreamLayerSDK>.StreamLayerSDKTheme .ItemsContainer_i16t83sg>div{margin-bottom:8px}.StreamLayerSDK>.StreamLayerSDKTheme .Container_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 .Content_c71yvf9{-webkit-box-pack:justify;-ms-flex-pack:justify;flex:1;justify-content:space-between;padding:9px}.StreamLayerSDK>.StreamLayerSDKTheme .Content_c71yvf9,.StreamLayerSDK>.StreamLayerSDKTheme .Graphic_gao3b2f{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .Graphic_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 .InsightIconDefault_i1k4eec3{height:35px;width:35px}.StreamLayerSDK>.StreamLayerSDKTheme .InsightIconCircle_i1uhyahn{border-radius:50%;height:35px;width:35px}.StreamLayerSDK>.StreamLayerSDKTheme .InsightIconAbsolute_i2ernmy{bottom:0;left:0;position:absolute;width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .Title_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 .NextIcon_n1uwonpi{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .SponsorLogoWrap_s8p5v5z{-webkit-box-pack:center;-ms-flex-pack:center;display:flex;height:53px;justify-content:center;padding:16px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .SponsorLogo_s755yti{max-width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .Container_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 .Container_c1vwopgc,.StreamLayerSDK>.StreamLayerSDKTheme .QuestionTypeWrap_qyktpt0{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .QuestionTypeIcon_q951jdx{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .QuestionTypeIcon_q951jdx path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .QuestionTypeTitle_qss5f0e{font-family:var(--font-regular);margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .CloseButton_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 .CloseIcon_cvsl7l3 path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .CloseIcon_cvsl7l3:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .OnboardingContainer_o9squag{animation-duration:var(--animation-duration);height:100%}.StreamLayerSDK>.StreamLayerSDKTheme .Container_ctckejh{animation-duration:calc(var(--animation-duration)*3);position:relative;top:var(--header-height)}.StreamLayerSDK>.StreamLayerSDKTheme .Container_ctckejh>div{padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .Container_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 .CloseIconWrap_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 .CloseIcon_c1funj3r g>path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .CloseIcon_c1funj3r:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .Title_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 .SponsorLogo_sb1n923{margin-right:6px;max-height:19px}.StreamLayerSDK>.StreamLayerSDKTheme .PresentsTitle_p1stllxd{padding-bottom:3px}.StreamLayerSDK>.StreamLayerSDKTheme .Subtitle_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 .Description_dfvmv3t{font-size:12px}.StreamLayerSDK>.StreamLayerSDKTheme .ActionButton_ay8e3j9,.StreamLayerSDK>.StreamLayerSDKTheme .Description_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 .ActionButton_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 .ActionButton_ay8e3j9:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .OpenedContainer_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 .UserContainer_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 .UserContainer_u14zaal4>div{width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .QuestionContainer_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%}
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 .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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@streamlayer/react",
3
- "version": "0.30.0",
3
+ "version": "0.30.1",
4
4
  "type": "module",
5
5
  "author": "StreamLayer, Inc (https://streamlayer.io)",
6
6
  "maintainers": [
@@ -18,8 +18,8 @@
18
18
  "types": "./lib/index.d.ts"
19
19
  },
20
20
  "./masters": {
21
- "module": "./lib/dist/es/masters.js",
22
- "require": "./lib/dist/cjs/masters.js",
21
+ "module": "./lib/dist/es/index.js",
22
+ "require": "./lib/dist/cjs/index.js",
23
23
  "types": "./lib/dist/index.d.ts"
24
24
  },
25
25
  "./auth": {
@@ -54,16 +54,16 @@
54
54
  }
55
55
  ],
56
56
  "dependencies": {
57
- "@streamlayer/feature-gamification": "^0.26.1",
58
- "@streamlayer/sdk-web": "^0.28.23",
57
+ "@streamlayer/feature-gamification": "^0.26.2",
58
+ "@streamlayer/sdk-web": "^0.28.24",
59
59
  "@streamlayer/sdk-web-api": "^0.0.1",
60
- "@streamlayer/sdk-web-core": "^0.17.8",
61
- "@streamlayer/sdk-web-features": "^0.10.26",
60
+ "@streamlayer/sdk-web-core": "^0.0.1",
61
+ "@streamlayer/sdk-web-features": "^0.10.27",
62
62
  "@streamlayer/sdk-web-interfaces": "^0.18.15",
63
63
  "@streamlayer/sdk-web-logger": "^0.0.4",
64
- "@streamlayer/sdk-web-notifications": "^0.13.0",
64
+ "@streamlayer/sdk-web-notifications": "^0.13.1",
65
65
  "@streamlayer/sdk-web-storage": "^0.0.4",
66
- "@streamlayer/sdk-web-types": "^0.20.1"
66
+ "@streamlayer/sdk-web-types": "^0.0.1"
67
67
  },
68
68
  "peerDependencies": {
69
69
  "@bufbuild/protobuf": "^1.4.2",
@@ -114,7 +114,7 @@
114
114
  "size-limit": "^11.0.0",
115
115
  "url-loader": "^4.1.1",
116
116
  "vite-plugin-dts": "^3.6.3",
117
- "@streamlayer/react-ui": "^0.67.0"
117
+ "@streamlayer/react-ui": "^0.67.1"
118
118
  },
119
119
  "scripts": {
120
120
  "size-limit": "size-limit"
@@ -1 +0,0 @@
1
- "use strict";const e=require("react/jsx-runtime"),r=require("./index-dd93a61a.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.s,{children:e.jsx(n,{sdk:t})})})};exports.StreamLayerSDKReact=S;exports.useStreamLayer=i;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("./masters-fe5f1486.cjs"),T=require("react"),Ne=n.styled_default("div")({name:"Container",class:"Container_c1vwopgc",propsAsIs:!1}),Ae=n.styled_default("div")({name:"QuestionTypeWrap",class:"QuestionTypeWrap_qyktpt0",propsAsIs:!1}),_e=()=>n.i1,Se=n.styled_default(_e())({name:"QuestionTypeIcon",class:"QuestionTypeIcon_q951jdx",propsAsIs:!0}),De=n.styled_default("span")({name:"QuestionTypeTitle",class:"QuestionTypeTitle_qss5f0e",propsAsIs:!1}),ze=n.styled_default("button")({name:"CloseButton",class:"CloseButton_c1ao1jtv",propsAsIs:!1}),Ce=()=>n.i1,ke=n.styled_default(Ce())({name:"CloseIcon",class:"CloseIcon_cvsl7l3",propsAsIs:!0}),ce=({type:e,close:t,label:i})=>{const r=e?n.o[e]:{label:i,iconName:void 0};return s.jsxs(Ne,{children:[s.jsxs(Ae,{children:[(r==null?void 0:r.iconName)&&s.jsx(Se,{name:r.iconName}),(r==null?void 0:r.label)&&s.jsx(De,{children:r.label})]}),s.jsx(ze,{onClick:t,children:s.jsx(ke,{name:"icon-cross"})})]})},Oe=n.styled_default("div")({name:"Container",class:"Container_c1zy8a",propsAsIs:!1}),we=n.styled_default("div")({name:"Title",class:"Title_t1vih9p5",propsAsIs:!1}),be=n.styled_default("div")({name:"Indicator",class:"Indicator_i1fbnvpb",propsAsIs:!1}),B=({indicator:e,title:t})=>s.jsxs(Oe,{children:[s.jsx(we,{children:t}),s.jsx(be,{children:e})]}),Ee=n.styled_default("div")({name:"Container",class:"Container_ctmhwyc",propsAsIs:!1}),$e=n.styled_default("div")({name:"Indicator",class:"Indicator_i1jri200",propsAsIs:!1}),Le=n.styled_default("div")({name:"Title",class:"Title_t8s05oq",propsAsIs:!1}),b=({indicator:e,title:t})=>s.jsxs(Ee,{children:[s.jsx($e,{children:e}),s.jsx(Le,{children:t})]}),Re=n.styled_default("div")({name:"Container",class:"Container_c1yrpn9o",propsAsIs:!1}),Qe=n.styled_default("div")({name:"TopInfo",class:"TopInfo_t17fwahh",propsAsIs:!1}),Ue=n.styled_default("div")({name:"BottomInfo",class:"BottomInfo_by6w7e9",propsAsIs:!1}),Pe=n.styled_default("div")({name:"User",class:"User_u1g7arbm",propsAsIs:!1}),qe=n.styled_default("img")({name:"Avatar",class:"Avatar_a1ldeata",propsAsIs:!1}),Ye=n.styled_default("div")({name:"UserInfo",class:"UserInfo_u10d4koz",propsAsIs:!1}),We=n.styled_default("div")({name:"UserName",class:"UserName_u1q6roj0",propsAsIs:!1}),Fe=n.styled_default("div")({name:"UserRating",class:"UserRating_ui0m425",propsAsIs:!1}),Be=n.styled_default("img")({name:"TrophyIcon",class:"TrophyIcon_t1el3mrn",propsAsIs:!1}),Ve=n.styled_default("div")({name:"Rts",class:"Rts_r2vgnxv",propsAsIs:!1}),He=n.styled_default("div")({name:"RtsIndicator",class:"RtsIndicator_roqn06j",propsAsIs:!1}),Ge=n.styled_default("div")({name:"RtsLabel",class:"RtsLabel_r15adx7c",propsAsIs:!1}),Ze=n.styled_default("div")({name:"Divider",class:"Divider_dv59lta",propsAsIs:!1}),Je=n.styled_default("div")({name:"Ranks",class:"Ranks_r55lotb",propsAsIs:!1}),Ke=n.styled_default("div")({name:"Statistics",class:"Statistics_s1knfgqt",propsAsIs:!1}),Xe=n.styled_default("div")({name:"AvatarPlaceholder",class:"AvatarPlaceholder_a1mqo824",propsAsIs:!1}),et=n.styled_default("button")({name:"UserAccountBtn",class:"UserAccountBtn_uxareh6",propsAsIs:!1}),tt="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=",de=({avatar:e,name:t,points:i,friendsRank:r,rank:o,streak:c,correct:l,incorrect:m,inTop:d,successRate:h})=>s.jsxs(Re,{children:[s.jsx(Qe,{children:s.jsxs(Pe,{children:[s.jsxs(et,{children:[e&&s.jsx(qe,{alt:"avatar",src:e}),!e&&s.jsx(Xe,{children:n.o$1(t||"")})]}),s.jsxs(Ye,{children:[s.jsx(We,{children:t}),s.jsxs(Fe,{children:[s.jsxs(Ve,{children:[s.jsx(Be,{alt:"rank-icon",src:tt}),s.jsxs(He,{children:[n.i(i),s.jsx(Ge,{children:"PTS"})]})]}),s.jsx(Ze,{}),s.jsxs("div",{children:["TOP ",d||0,"%"]})]})]})]})}),s.jsxs(Ue,{children:[s.jsxs(Je,{children:[s.jsx(B,{indicator:r||0,title:"Friends rank"}),s.jsx(B,{indicator:o||0,title:"Global rank"})]}),s.jsxs(Ke,{children:[s.jsx(b,{indicator:c||0,title:"Win streak"}),s.jsx(b,{indicator:l||0,title:"Correct"}),s.jsx(b,{indicator:m||0,title:"Incorrect"}),s.jsx(b,{indicator:`${h||0}%`,title:"Succ. rate"})]})]})]}),st=n.styled_default("div")({name:"Container",class:"Container_c38csyt",propsAsIs:!1}),nt=n.styled_default("div")({name:"Title",class:"Title_ty221rx",propsAsIs:!1}),it=n.styled_default("div")({name:"Description",class:"Description_dlaj9xp",propsAsIs:!1}),rt=({title:e,description:t})=>s.jsxs(st,{children:[s.jsx(n.i1,{name:"icon-check-circle"}),s.jsx(nt,{children:e}),s.jsx(it,{children:t})]}),ot=n.styled_default("div")({name:"Container",class:"Container_c16sbdnm",propsAsIs:!1}),at=()=>n.i1,lt=n.styled_default(at())({name:"IconPrediction",class:"IconPrediction_ibhorgl",propsAsIs:!0}),V=n.styled_default("div")({name:"FeedbackIconWrap",class:"FeedbackIconWrap_f1g20ja7",propsAsIs:!1}),H=n.styled_default("div")({name:"FeedbackHeader",class:"FeedbackHeader_f455ozj",propsAsIs:!1}),ct=n.styled_default("span")({name:"FeedbackTitle",class:"FeedbackTitle_f1913njx",propsAsIs:!1}),$=n.styled_default("span")({name:"FeedbackDescription",class:"FeedbackDescription_fzfk69z",propsAsIs:!1}),dt=n.styled_default("div")({name:"FeedbackText",class:"FeedbackText_fx87qaj",propsAsIs:!1}),ut=({feedbackMessages:e,questionVotedCorrectly:t,questionVoted:i,questionType:r,hasCorrectAnswer:o,questionStatus:c})=>{const l=i&&(r===n.QuestionType.TRIVIA||r===n.QuestionType.PREDICTION);if(!l&&c!==n.QuestionStatus.RESOLVED)return null;const m=r===n.QuestionType.PREDICTION&&!o,d=t?"correct":"incorrect",h=t?e.correctFeedback:e.incorrectFeedback;return s.jsxs(ot,{"data-isPrediction":m,children:[c===n.QuestionStatus.RESOLVED&&r===n.QuestionType.TRIVIA&&!i&&s.jsxs(s.Fragment,{children:[s.jsx(V,{children:s.jsx(n.i1,{name:"questionExpired"})}),s.jsxs("div",{children:[s.jsx(H,{children:s.jsx($,{children:"Question Expired"})}),s.jsx(dt,{children:"You can still answer to see if you're correct, but no points are awarded for expired questions."})]})]}),l&&m&&s.jsxs(s.Fragment,{children:[s.jsx(lt,{name:"icon-prediction"}),s.jsx($,{children:"Stay tuned to see if your prediction was correct."})]}),l&&o&&s.jsxs(s.Fragment,{children:[s.jsx(V,{"data-feedbackType":d,children:s.jsx(n.i1,{name:d})}),s.jsx("div",{children:s.jsxs(H,{children:[s.jsx(ct,{"data-feedbackType":d,children:h==null?void 0:h.title}),s.jsx($,{children:h==null?void 0:h.description})]})})]})]})},pt=n.styled_default("div")({name:"Container",class:"Container_c14ielyq",propsAsIs:!1}),mt=n.styled_default("div")({name:"Content",class:"Content_c1tlqx57",propsAsIs:!1}),ft=n.styled_default("div")({name:"Title",class:"Title_t1hq58md",propsAsIs:!1}),ht=n.styled_default("div")({name:"Options",class:"Options_o1c8nxcx",propsAsIs:!1}),It=n.styled_default("button")({name:"ButtonContainer",class:"ButtonContainer_b1b6dl8t",propsAsIs:!1}),yt=n.styled_default("div")({name:"ButtonPct",class:"ButtonPct_b4iik8i",propsAsIs:!1}),gt=n.styled_default("span")({name:"ButtonBody",class:"ButtonBody_b1gq1lnf",propsAsIs:!1}),xt=n.styled_default("div")({name:"IconContainer",class:"IconContainer_i1j65z51",propsAsIs:!1}),Mt=n.styled_default("div")({name:"IconWrap",class:"IconWrap_i19tpfua",propsAsIs:!1}),ue=n.styled_default("img")({name:"Icon",class:"Icon_i1tubmma",propsAsIs:!1}),jt=()=>ue,vt=n.styled_default(jt())({name:"IconDefault",class:"IconDefault_i1grrgwj",propsAsIs:!0}),Tt=()=>ue,Nt=n.styled_default(Tt())({name:"IconCircle",class:"IconCircle_ibemyq8",propsAsIs:!0}),At=n.styled_default("span")({name:"Title",class:"Title_t1dceht",propsAsIs:!1}),_t=n.styled_default("span")({name:"Indicators",class:"Indicators_i116q4vq",propsAsIs:!1}),St=n.styled_default("span")({name:"Percentage",class:"Percentage_p17ajcu2",propsAsIs:!1}),Dt=()=>n.i1,zt=n.styled_default(Dt())({name:"CheckIcon",class:"CheckIcon_cu9kmlb",propsAsIs:!0}),G={[n.QuestionImages.CENTERED]:e=>s.jsx(vt,{alt:"option-icon",src:e}),[n.QuestionImages.TRANSPARENT]:e=>s.jsx(xt,{children:s.jsx(Mt,{style:{backgroundImage:`url(${e})`}})}),[n.QuestionImages.ROUNDED]:e=>s.jsx(Nt,{alt:"option-icon",src:e}),[n.QuestionImages.NONE]:()=>null,[n.QuestionImages.UNSET]:()=>null},Ct=({questionType:e,hasCorrectAnswer:t,correct:i,youVoted:r,questionVoted:o})=>{if(e===n.QuestionType.POLL&&r)return"correct";if(e===n.QuestionType.PREDICTION){if(t&&o)return r?i?"correct":"incorrect":i?"correct":"unset";if(r)return"correct"}return e===n.QuestionType.TRIVIA&&o?r?i?"correct":"incorrect":i?"correct":"unset":"unset"},kt=({questionType:e,questionVoted:t,correct:i,hasCorrectAnswer:r,questionStatus:o})=>e===n.QuestionType.TRIVIA?t&&i:e===n.QuestionType.PREDICTION?t&&i&&r||o===n.QuestionStatus.RESOLVED&&i:!1,Ot=e=>{var t;const{id:i,icon:r,text:o,percentageDecimal:c,onVote:l,youSelected:m,questionVoted:d,imageMode:h=n.QuestionImages.ROUNDED,answerTimeExpired:j,questionStatus:g,isLoading:I,questionType:v,correct:N,hasCorrectAnswer:a}=e,u=Ct(e),p=kt({questionType:v,questionVoted:d,correct:N,hasCorrectAnswer:a,questionStatus:g}),f=d||g===n.QuestionStatus.RESOLVED&&v===n.QuestionType.PREDICTION;return s.jsxs(It,{value:i,"data-selected":m,"data-answerState":u,disabled:d||I||j,onClick:l,children:[f&&s.jsx(yt,{"data-answerState":u,style:{width:`${c}%`}}),s.jsxs(gt,{children:[r&&((t=G[h])==null?void 0:t.call(G,r)),s.jsx(At,{children:o}),f&&s.jsxs(_t,{children:[p&&s.jsx(zt,{name:"selected"}),s.jsxs(St,{children:[c,"%"]})]})]})]})};var Z=typeof window>"u"?T.useEffect:T.useLayoutEffect,wt=({isPlaying:e,duration:t,startAt:i=0,updateInterval:r=0,onComplete:o,onUpdate:c})=>{let[l,m]=T.useState(i),d=T.useRef(0),h=T.useRef(i),j=T.useRef(i*-1e3),g=T.useRef(null),I=T.useRef(null),v=T.useRef(null),N=p=>{let f=p/1e3;if(I.current===null){I.current=f,g.current=requestAnimationFrame(N);return}let y=f-I.current,x=d.current+y;I.current=f,d.current=x;let M=h.current+(r===0?x:(x/r|0)*r),A=h.current+x,_=typeof t=="number"&&A>=t;m(_?t:M),_||(g.current=requestAnimationFrame(N))},a=()=>{g.current&&cancelAnimationFrame(g.current),v.current&&clearTimeout(v.current),I.current=null},u=T.useCallback(p=>{a(),d.current=0;let f=typeof p=="number"?p:i;h.current=f,m(f),e&&(g.current=requestAnimationFrame(N))},[e,i]);return Z(()=>{if(c==null||c(l),t&&l>=t){j.current+=t*1e3;let{shouldRepeat:p=!1,delay:f=0,newStartAt:y}=(o==null?void 0:o(j.current/1e3))||{};p&&(v.current=setTimeout(()=>u(y),f*1e3))}},[l,t]),Z(()=>(e&&(g.current=requestAnimationFrame(N)),a),[e,t,r]),{elapsedTime:l,reset:u}},bt=(e,t,i)=>{let r=e/2,o=t/2,c=r-o,l=2*c,m=i==="clockwise"?"1,0":"0,1",d=2*Math.PI*c;return{path:`m ${r},${o} a ${c},${c} 0 ${m} 0,${l} a ${c},${c} 0 ${m} 0,-${l}`,pathLength:d}},J=(e,t)=>e===0||e===t?0:typeof t=="number"?e-t:0,Et=e=>({position:"relative",width:e,height:e}),$t={display:"flex",justifyContent:"center",alignItems:"center",position:"absolute",left:0,top:0,width:"100%",height:"100%"},pe=(e,t,i,r,o)=>{if(r===0)return t;let c=(o?r-e:e)/r;return t+i*c},K=e=>{var t,i;return(i=(t=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(r,o,c,l)=>`#${o}${o}${c}${c}${l}${l}`).substring(1).match(/.{2}/g))==null?void 0:t.map(r=>parseInt(r,16)))!=null?i:[]},Lt=(e,t)=>{var i;let{colors:r,colorsTime:o,isSmoothColorTransition:c=!0}=e;if(typeof r=="string")return r;let l=(i=o==null?void 0:o.findIndex((I,v)=>I>=t&&t>=o[v+1]))!=null?i:-1;if(!o||l===-1)return r[0];if(!c)return r[l];let m=o[l]-t,d=o[l]-o[l+1],h=K(r[l]),j=K(r[l+1]),g=!!e.isGrowing;return`rgb(${h.map((I,v)=>pe(m,I,j[v]-I,d,g)|0).join(",")})`},Rt=e=>{let{duration:t,initialRemainingTime:i,updateInterval:r,size:o=180,strokeWidth:c=12,trailStrokeWidth:l,isPlaying:m=!1,isGrowing:d=!1,rotation:h="clockwise",onComplete:j,onUpdate:g}=e,I=T.useRef(),v=Math.max(c,l??0),{path:N,pathLength:a}=bt(o,v,h),{elapsedTime:u}=wt({isPlaying:m,duration:t,startAt:J(t,i),updateInterval:r,onUpdate:typeof g=="function"?f=>{let y=Math.ceil(t-f);y!==I.current&&(I.current=y,g(y))}:void 0,onComplete:typeof j=="function"?f=>{var y;let{shouldRepeat:x,delay:M,newInitialRemainingTime:A}=(y=j(f))!=null?y:{};if(x)return{shouldRepeat:x,delay:M,newStartAt:J(t,A)}}:void 0}),p=t-u;return{elapsedTime:u,path:N,pathLength:a,remainingTime:Math.ceil(p),rotation:h,size:o,stroke:Lt(e,p),strokeDashoffset:pe(u,0,a,t,d),strokeWidth:c}},me=e=>{let{children:t,strokeLinecap:i,trailColor:r,trailStrokeWidth:o}=e,{path:c,pathLength:l,stroke:m,strokeDashoffset:d,remainingTime:h,elapsedTime:j,size:g,strokeWidth:I}=Rt(e);return T.createElement("div",{style:Et(g)},T.createElement("svg",{viewBox:`0 0 ${g} ${g}`,width:g,height:g,xmlns:"http://www.w3.org/2000/svg"},T.createElement("path",{d:c,fill:"none",stroke:r??"#d9d9d9",strokeWidth:o??I}),T.createElement("path",{d:c,fill:"none",stroke:m,strokeLinecap:i??"round",strokeWidth:I,strokeDasharray:l,strokeDashoffset:d})),typeof t=="function"&&T.createElement("div",{style:$t},t({remainingTime:h,elapsedTime:j,color:m})))};me.displayName="CountdownCircleTimer";const Qt=[n.E.PRIMARY_GREEN1,n.E.SECONDARY_RED1,n.E.SECONDARY_RED1],Ut=[10,10,0],Pt=n.styled_default("div")({name:"RemainingTime",class:"RemainingTime_r165427",propsAsIs:!1}),qt=n.E.SECONDARY_GREEN6,X=n.E.SECONDARY_RED3,Yt=n.E.NEUTRALS_GRAY3,Wt=({isPlaying:e=!0,duration:t=30,onTimerExpired:i})=>{const[r,o]=T.useState(t>10?qt:X),c=({remainingTime:d})=>s.jsx(Pt,{children:d}),l=T.useCallback(()=>{i==null||i(),o(Yt)},[i,o]),m=T.useCallback(d=>{d===10&&o(X)},[o]);return s.jsx(me,{isPlaying:e,duration:t,colors:Qt,colorsTime:Ut,size:32,strokeWidth:2,trailStrokeWidth:2,trailColor:r,onComplete:l,onUpdate:m,children:c})},Ft=n.styled_default("div")({name:"WinBarContainer",class:"WinBarContainer_wie6cqo",propsAsIs:!1}),Bt=n.styled_default("div")({name:"Content",class:"Content_cgizw4u",propsAsIs:!1}),Vt=n.styled_default("div")({name:"Title",class:"Title_t1l3ucjp",propsAsIs:!1}),Ht=()=>n.i1,Gt=n.styled_default(Ht())({name:"WinIcon",class:"WinIcon_wx7j799",propsAsIs:!0}),Zt=n.styled_default("div")({name:"Points",class:"Points_p4lwuj0",propsAsIs:!1}),Jt=n.styled_default("span")({name:"PointsCount",class:"PointsCount_po9i64o",propsAsIs:!1}),Kt=n.styled_default("span")({name:"PointsUnits",class:"PointsUnits_pe5g05h",propsAsIs:!1}),Xt=({title:e,points:t,isPlayingTimer:i,isTimer:r,onTimerExpired:o})=>s.jsxs(Ft,{children:[s.jsxs(Bt,{children:[e&&s.jsx(Vt,{children:e}),t!==void 0&&s.jsxs(s.Fragment,{children:[s.jsx(Gt,{name:"icon-trophy"}),s.jsxs(Zt,{children:[s.jsx(Jt,{children:t}),s.jsx(Kt,{children:"PTS"})]})]})]}),r&&s.jsx(Wt,{isPlaying:i,onTimerExpired:o})]}),es=({openedQuestion:e,vote:t,close:i})=>{var r;const o=e.subject,c=e.type,l=(r=e.options)==null?void 0:r.options,[m,d]=T.useState(!1),[h,j]=T.useState(!1),[g,I]=T.useState(""),v=e==null?void 0:e.id,N=T.useCallback(async x=>{if(v){const M=x.currentTarget.value;I(M),j(!0),await t(v,M),j(!1)}},[v,I,t]),a=T.useCallback(()=>{d(!0),setTimeout(i,3e3)},[i]),u=T.useMemo(()=>e==null?void 0:e.answers.find(x=>x.youVoted===!0),[e]),p=T.useMemo(()=>!!(e!=null&&e.answers.find(x=>x.correct===!0)),[e]),f=T.useMemo(()=>e?e.answers.map(x=>({...x,questionVoted:!!u,youSelected:g===x.id,isLoading:h,hasCorrectAnswer:p,questionType:e.type,answerTimeExpired:m,questionStatus:e.status,onVote:N})):[],[p,m,h,e,u,N,g]),y=l&&(l.case==="trivia"||l.case==="prediction")?l.value:void 0;return s.jsx(n.r,{"data-question-header":"true",children:s.jsx(pt,{children:s.jsxs(mt,{children:[y&&s.jsx(ut,{feedbackMessages:y,questionVoted:!!u,questionVotedCorrectly:u==null?void 0:u.correct,questionType:c,hasCorrectAnswer:p,questionStatus:e.status}),s.jsx(Xt,{title:m?"Time expired":"To win",points:m?void 0:100,onTimerExpired:a,isTimer:!0}),m?s.jsx(rt,{title:"More to come...",description:"Watch for additional enhanced stream interactive experience."}):s.jsxs(s.Fragment,{children:[s.jsx(ft,{children:o}),s.jsx(ht,{children:f.map(x=>s.jsx(Ot,{...x},x.id))})]})]})})})},ts=n.styled_default("div")({name:"Container",class:"Container_cgn5uen",propsAsIs:!1}),ss=n.styled_default("div")({name:"Content",class:"Content_c1px8nt6",propsAsIs:!1}),ns=n.styled_default("h3")({name:"Title",class:"Title_t5et2jt",propsAsIs:!1}),is=n.styled_default("div")({name:"Description",class:"Description_d1i2kpk2",propsAsIs:!1}),rs=n.styled_default("div")({name:"DateWrap",class:"DateWrap_dd3lh3p",propsAsIs:!1}),fe=({created:e,title:t,instantView:i})=>{const r=T.useMemo(()=>{if(e){const o=new Date(e);if(n.r$1(o))return{date:n.a(o),time:n.n(o)}}return null},[e]);return s.jsxs(ts,{children:[r&&s.jsxs(rs,{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(ss,{children:[s.jsx(ns,{children:(i==null?void 0:i.heading)||t}),s.jsx(is,{children:i==null?void 0:i.body})]})]})},os=n.styled_default("div")({name:"Container",class:"Container_c1euiow",propsAsIs:!1}),as=n.styled_default("a")({name:"WebLinkBtn",class:"WebLinkBtn_w19zie3h",propsAsIs:!1}),ls=({instantView:e,...t})=>s.jsxs(os,{children:[s.jsx(fe,{instantView:e,...t}),(e==null?void 0:e.webLink)&&s.jsxs(as,{href:e==null?void 0:e.webLink.url,target:"_blank",children:["Explore more of the Masters History",s.jsx(n.i1,{name:"icon-external-link"})]})]}),cs=n.styled_default("div")({name:"QuestionContainer",class:"QuestionContainer_qdri6g3",propsAsIs:!1}),ds=({openedQuestion:e})=>{var t;return((t=e==null?void 0:e.attributes)==null?void 0:t.attributes.case)==="insight"?s.jsx(ls,{created:e.attributes.created,...e.attributes.attributes.value}):null},us=({extendedQuestion:e,vote:t,close:i})=>{const{loading:r,data:o}=e;return!r&&o?s.jsx(es,{vote:t,close:i,openedQuestion:o}):null},ps=({gamification:e})=>{var t;const i=n.useStore(e.openedQuestion.$store),r=n.useStore(e.openedQuestion.$extendedStore);if(!i)return null;const o=i.type;return s.jsxs(cs,{children:[s.jsx(ce,{close:e.closeQuestion,type:((t=i.attributes)==null?void 0:t.type)||n.QuestionType.UNSET}),o==="question"&&s.jsx(us,{vote:e.submitAnswer,close:e.closeQuestion,extendedQuestion:r}),o!=="question"&&s.jsx(ds,{openedQuestion:i})]})},ms=n.styled_default("div")({name:"Container",class:"Container_c115qtkr",propsAsIs:!1}),fs=n.styled_default("div")({name:"STabs",class:"STabs_sxnslc8",propsAsIs:!1}),hs=n.styled_default("button")({name:"Button",class:"Button_b1umzux0",propsAsIs:!1}),Is=n.styled_default("span")({name:"Title",class:"Title_tspsaas",propsAsIs:!1});var k=(e=>(e.HOME="home",e.LEADERBOARD="leaderboard",e))(k||{});const ee=({title:e,active:t,onClick:i})=>s.jsx(hs,{onClick:i,"data-selected":t,children:s.jsx(Is,{children:e})}),ys=({activePage:e="home",toggleActivePage:t})=>s.jsx(ms,{children:s.jsxs(fs,{"data-position":e==="home"?"left":"right",children:[s.jsx(ee,{title:"Home",active:e==="home",onClick:()=>t("home")}),s.jsx(ee,{title:"Leader Board",active:e==="leaderboard",onClick:()=>t("leaderboard")})]})});function U(){return U=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e},U.apply(this,arguments)}function te(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function P(e,t){return P=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,o){return r.__proto__=o,r},P(e,t)}function gs(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,P(e,t)}var se=Number.isNaN||function(t){return typeof t=="number"&&t!==t};function xs(e,t){return!!(e===t||se(e)&&se(t))}function Ms(e,t){if(e.length!==t.length)return!1;for(var i=0;i<e.length;i++)if(!xs(e[i],t[i]))return!1;return!0}function L(e,t){t===void 0&&(t=Ms);var i,r=[],o,c=!1;function l(){for(var m=[],d=0;d<arguments.length;d++)m[d]=arguments[d];return c&&i===this&&t(m,r)||(o=e.apply(this,m),c=!0,i=this,r=m),o}return l}var js=typeof performance=="object"&&typeof performance.now=="function",ne=js?function(){return performance.now()}:function(){return Date.now()};function ie(e){cancelAnimationFrame(e.id)}function vs(e,t){var i=ne();function r(){ne()-i>=t?e.call(null):o.id=requestAnimationFrame(r)}var o={id:requestAnimationFrame(r)};return o}var R=-1;function re(e){if(e===void 0&&(e=!1),R===-1||e){var t=document.createElement("div"),i=t.style;i.width="50px",i.height="50px",i.overflow="scroll",document.body.appendChild(t),R=t.offsetWidth-t.clientWidth,document.body.removeChild(t)}return R}var z=null;function oe(e){if(e===void 0&&(e=!1),z===null||e){var t=document.createElement("div"),i=t.style;i.width="50px",i.height="50px",i.overflow="scroll",i.direction="rtl";var r=document.createElement("div"),o=r.style;return o.width="100px",o.height="100px",t.appendChild(r),document.body.appendChild(t),t.scrollLeft>0?z="positive-descending":(t.scrollLeft=1,t.scrollLeft===0?z="negative":z="positive-ascending"),document.body.removeChild(t),z}return z}var Ts=150,Ns=function(t,i){return t};function As(e){var t,i=e.getItemOffset,r=e.getEstimatedTotalSize,o=e.getItemSize,c=e.getOffsetForIndexAndAlignment,l=e.getStartIndexForOffset,m=e.getStopIndexForStartIndex,d=e.initInstanceProps,h=e.shouldResetStyleCacheOnItemSizeChange,j=e.validateProps;return t=function(g){gs(I,g);function I(N){var a;return a=g.call(this,N)||this,a._instanceProps=d(a.props,te(a)),a._outerRef=void 0,a._resetIsScrollingTimeoutId=null,a.state={instance:te(a),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof a.props.initialScrollOffset=="number"?a.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},a._callOnItemsRendered=void 0,a._callOnItemsRendered=L(function(u,p,f,y){return a.props.onItemsRendered({overscanStartIndex:u,overscanStopIndex:p,visibleStartIndex:f,visibleStopIndex:y})}),a._callOnScroll=void 0,a._callOnScroll=L(function(u,p,f){return a.props.onScroll({scrollDirection:u,scrollOffset:p,scrollUpdateWasRequested:f})}),a._getItemStyle=void 0,a._getItemStyle=function(u){var p=a.props,f=p.direction,y=p.itemSize,x=p.layout,M=a._getItemStyleCache(h&&y,h&&x,h&&f),A;if(M.hasOwnProperty(u))A=M[u];else{var _=i(a.props,u,a._instanceProps),S=o(a.props,u,a._instanceProps),D=f==="horizontal"||x==="horizontal",O=f==="rtl",w=D?_:0;M[u]=A={position:"absolute",left:O?void 0:w,right:O?w:void 0,top:D?0:_,height:D?"100%":S,width:D?S:"100%"}}return A},a._getItemStyleCache=void 0,a._getItemStyleCache=L(function(u,p,f){return{}}),a._onScrollHorizontal=function(u){var p=u.currentTarget,f=p.clientWidth,y=p.scrollLeft,x=p.scrollWidth;a.setState(function(M){if(M.scrollOffset===y)return null;var A=a.props.direction,_=y;if(A==="rtl")switch(oe()){case"negative":_=-y;break;case"positive-descending":_=x-f-y;break}return _=Math.max(0,Math.min(_,x-f)),{isScrolling:!0,scrollDirection:M.scrollOffset<y?"forward":"backward",scrollOffset:_,scrollUpdateWasRequested:!1}},a._resetIsScrollingDebounced)},a._onScrollVertical=function(u){var p=u.currentTarget,f=p.clientHeight,y=p.scrollHeight,x=p.scrollTop;a.setState(function(M){if(M.scrollOffset===x)return null;var A=Math.max(0,Math.min(x,y-f));return{isScrolling:!0,scrollDirection:M.scrollOffset<A?"forward":"backward",scrollOffset:A,scrollUpdateWasRequested:!1}},a._resetIsScrollingDebounced)},a._outerRefSetter=function(u){var p=a.props.outerRef;a._outerRef=u,typeof p=="function"?p(u):p!=null&&typeof p=="object"&&p.hasOwnProperty("current")&&(p.current=u)},a._resetIsScrollingDebounced=function(){a._resetIsScrollingTimeoutId!==null&&ie(a._resetIsScrollingTimeoutId),a._resetIsScrollingTimeoutId=vs(a._resetIsScrolling,Ts)},a._resetIsScrolling=function(){a._resetIsScrollingTimeoutId=null,a.setState({isScrolling:!1},function(){a._getItemStyleCache(-1,null)})},a}I.getDerivedStateFromProps=function(a,u){return _s(a,u),j(a),null};var v=I.prototype;return v.scrollTo=function(a){a=Math.max(0,a),this.setState(function(u){return u.scrollOffset===a?null:{scrollDirection:u.scrollOffset<a?"forward":"backward",scrollOffset:a,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},v.scrollToItem=function(a,u){u===void 0&&(u="auto");var p=this.props,f=p.itemCount,y=p.layout,x=this.state.scrollOffset;a=Math.max(0,Math.min(a,f-1));var M=0;if(this._outerRef){var A=this._outerRef;y==="vertical"?M=A.scrollWidth>A.clientWidth?re():0:M=A.scrollHeight>A.clientHeight?re():0}this.scrollTo(c(this.props,a,u,x,this._instanceProps,M))},v.componentDidMount=function(){var a=this.props,u=a.direction,p=a.initialScrollOffset,f=a.layout;if(typeof p=="number"&&this._outerRef!=null){var y=this._outerRef;u==="horizontal"||f==="horizontal"?y.scrollLeft=p:y.scrollTop=p}this._callPropsCallbacks()},v.componentDidUpdate=function(){var a=this.props,u=a.direction,p=a.layout,f=this.state,y=f.scrollOffset,x=f.scrollUpdateWasRequested;if(x&&this._outerRef!=null){var M=this._outerRef;if(u==="horizontal"||p==="horizontal")if(u==="rtl")switch(oe()){case"negative":M.scrollLeft=-y;break;case"positive-ascending":M.scrollLeft=y;break;default:var A=M.clientWidth,_=M.scrollWidth;M.scrollLeft=_-A-y;break}else M.scrollLeft=y;else M.scrollTop=y}this._callPropsCallbacks()},v.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&ie(this._resetIsScrollingTimeoutId)},v.render=function(){var a=this.props,u=a.children,p=a.className,f=a.direction,y=a.height,x=a.innerRef,M=a.innerElementType,A=a.innerTagName,_=a.itemCount,S=a.itemData,D=a.itemKey,O=D===void 0?Ns:D,w=a.layout,Ie=a.outerElementType,ye=a.outerTagName,ge=a.style,xe=a.useIsScrolling,Me=a.width,q=this.state.isScrolling,E=f==="horizontal"||w==="horizontal",je=E?this._onScrollHorizontal:this._onScrollVertical,Y=this._getRangeToRender(),ve=Y[0],Te=Y[1],W=[];if(_>0)for(var C=ve;C<=Te;C++)W.push(T.createElement(u,{data:S,key:O(C,S),index:C,isScrolling:xe?q:void 0,style:this._getItemStyle(C)}));var F=r(this.props,this._instanceProps);return T.createElement(Ie||ye||"div",{className:p,onScroll:je,ref:this._outerRefSetter,style:U({position:"relative",height:y,width:Me,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:f},ge)},T.createElement(M||A||"div",{children:W,ref:x,style:{height:E?"100%":F,pointerEvents:q?"none":void 0,width:E?F:"100%"}}))},v._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var a=this.props.itemCount;if(a>0){var u=this._getRangeToRender(),p=u[0],f=u[1],y=u[2],x=u[3];this._callOnItemsRendered(p,f,y,x)}}if(typeof this.props.onScroll=="function"){var M=this.state,A=M.scrollDirection,_=M.scrollOffset,S=M.scrollUpdateWasRequested;this._callOnScroll(A,_,S)}},v._getRangeToRender=function(){var a=this.props,u=a.itemCount,p=a.overscanCount,f=this.state,y=f.isScrolling,x=f.scrollDirection,M=f.scrollOffset;if(u===0)return[0,0,0,0];var A=l(this.props,M,this._instanceProps),_=m(this.props,A,M,this._instanceProps),S=!y||x==="backward"?Math.max(1,p):1,D=!y||x==="forward"?Math.max(1,p):1;return[Math.max(0,A-S),Math.max(0,Math.min(u-1,_+D)),A,_]},I}(T.PureComponent),t.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},t}var _s=function(t,i){t.children,t.direction,t.height,t.layout,t.innerTagName,t.outerTagName,t.width,i.instance},Ss=As({getItemOffset:function(t,i){var r=t.itemSize;return i*r},getItemSize:function(t,i){var r=t.itemSize;return r},getEstimatedTotalSize:function(t){var i=t.itemCount,r=t.itemSize;return r*i},getOffsetForIndexAndAlignment:function(t,i,r,o,c,l){var m=t.direction,d=t.height,h=t.itemCount,j=t.itemSize,g=t.layout,I=t.width,v=m==="horizontal"||g==="horizontal",N=v?I:d,a=Math.max(0,h*j-N),u=Math.min(a,i*j),p=Math.max(0,i*j-N+j+l);switch(r==="smart"&&(o>=p-N&&o<=u+N?r="auto":r="center"),r){case"start":return u;case"end":return p;case"center":{var f=Math.round(p+(u-p)/2);return f<Math.ceil(N/2)?0:f>a+Math.floor(N/2)?a:f}case"auto":default:return o>=p&&o<=u?o:o<p?p:u}},getStartIndexForOffset:function(t,i){var r=t.itemCount,o=t.itemSize;return Math.max(0,Math.min(r-1,Math.floor(i/o)))},getStopIndexForStartIndex:function(t,i,r){var o=t.direction,c=t.height,l=t.itemCount,m=t.itemSize,d=t.layout,h=t.width,j=o==="horizontal"||d==="horizontal",g=i*m,I=j?h:c,v=Math.ceil((I+r-g)/m);return Math.max(0,Math.min(l-1,i+v-1))},initInstanceProps:function(t){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(t){t.itemSize}});function Ds(e){var t=e.lastRenderedStartIndex,i=e.lastRenderedStopIndex,r=e.startIndex,o=e.stopIndex;return!(r>i||o<t)}function zs(e){for(var t=e.isItemLoaded,i=e.itemCount,r=e.minimumBatchSize,o=e.startIndex,c=e.stopIndex,l=[],m=null,d=null,h=o;h<=c;h++){var j=t(h);j?d!==null&&(l.push(m,d),m=d=null):(d=h,m===null&&(m=h))}if(d!==null){for(var g=Math.min(Math.max(d,m+r-1),i-1),I=d+1;I<=g&&!t(I);I++)d=I;l.push(m,d)}if(l.length)for(;l[1]-l[0]+1<r&&l[0]>0;){var v=l[0]-1;if(!t(v))l[0]=v;else break}return l}var Cs=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},ks=function(){function e(t,i){for(var r=0;r<i.length;r++){var o=i[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(t,i,r){return i&&e(t.prototype,i),r&&e(t,r),t}}(),Os=function(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)},ae=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:e},ws=function(e){Os(t,e);function t(){var i,r,o,c;Cs(this,t);for(var l=arguments.length,m=Array(l),d=0;d<l;d++)m[d]=arguments[d];return c=(r=(o=ae(this,(i=t.__proto__||Object.getPrototypeOf(t)).call.apply(i,[this].concat(m))),o),o._lastRenderedStartIndex=-1,o._lastRenderedStopIndex=-1,o._memoizedUnloadedRanges=[],o._onItemsRendered=function(h){var j=h.visibleStartIndex,g=h.visibleStopIndex;o._lastRenderedStartIndex=j,o._lastRenderedStopIndex=g,o._ensureRowsLoaded(j,g)},o._setRef=function(h){o._listRef=h},r),ae(o,c)}return ks(t,[{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,o){var c=this.props,l=c.isItemLoaded,m=c.itemCount,d=c.minimumBatchSize,h=d===void 0?10:d,j=c.threshold,g=j===void 0?15:j,I=zs({isItemLoaded:l,itemCount:m,minimumBatchSize:h,startIndex:Math.max(0,r-g),stopIndex:Math.min(m-1,o+g)});(this._memoizedUnloadedRanges.length!==I.length||this._memoizedUnloadedRanges.some(function(v,N){return I[N]!==v}))&&(this._memoizedUnloadedRanges=I,this._loadUnloadedRanges(I))}},{key:"_loadUnloadedRanges",value:function(r){for(var o=this,c=this.props.loadMoreItems||this.props.loadMoreRows,l=function(h){var j=r[h],g=r[h+1],I=c(j,g);I!=null&&I.then(function(){if(Ds({lastRenderedStartIndex:o._lastRenderedStartIndex,lastRenderedStopIndex:o._lastRenderedStopIndex,startIndex:j,stopIndex:g})){if(o._listRef==null)return;typeof o._listRef.resetAfterIndex=="function"?o._listRef.resetAfterIndex(j,!0):(typeof o._listRef._getItemStyleCache=="function"&&o._listRef._getItemStyleCache(-1),o._listRef.forceUpdate())}})},m=0;m<r.length;m+=2)l(m)}}]),t}(T.PureComponent);const bs=n.styled_default("div")({name:"Container",class:"Container_culdu4a",propsAsIs:!1}),Es=n.styled_default("div")({name:"Position",class:"Position_pwf8e69",propsAsIs:!1}),$s=n.styled_default("img")({name:"Avatar",class:"Avatar_atf4yh4",propsAsIs:!1}),Ls=n.styled_default("div")({name:"AvatarPlaceholder",class:"AvatarPlaceholder_a1dg29ja",propsAsIs:!1}),Rs=n.styled_default("div")({name:"Content",class:"Content_c10a68rc",propsAsIs:!1}),Qs=n.styled_default("div")({name:"NameContainer",class:"NameContainer_nc4kck5",propsAsIs:!1}),Us=n.styled_default("span")({name:"Name",class:"Name_njsrqgr",propsAsIs:!1}),Ps=()=>n.i1,qs=n.styled_default(Ps())({name:"CurrentUserBadge",class:"CurrentUserBadge_c17uc4zr",propsAsIs:!0}),Ys=({rank:e,avatar:t,name:i,points:r,isCurrentUser:o,openItemDetail:c,style:l})=>s.jsxs(bs,{onClick:c,style:l,children:[s.jsx(Es,{children:e||0}),s.jsxs(Rs,{children:[t?s.jsx($s,{alt:"leaderboard-item-avatar",src:t}):s.jsx(Ls,{children:n.o$1(i||"")}),s.jsxs(Qs,{children:[s.jsx(Us,{children:i||""}),o&&s.jsx(qs,{name:"icon-star"})]})]}),s.jsx("div",{children:n.i(r)})]}),Ws=({items:e,currentUserId:t,openItemDetail:i,fetchMore:r})=>s.jsx(n.AutoSizer,{children:({width:o,height:c})=>s.jsx(ws,{isItemLoaded:l=>l<e.length,itemCount:e.length+1,loadMoreItems:r,children:({onItemsRendered:l,ref:m})=>s.jsx(Ss,{itemSize:56,onItemsRendered:l,ref:m,itemCount:e.length,width:o,height:c,children:({index:d,style:h})=>s.jsx(Ys,{style:{...h,maxHeight:48},...e[d],openItemDetail:()=>i(e[d].userId),isCurrentUser:!!t&&t===e[d].userId},e[d].userId)})})}),Fs=({deepLink:e})=>{const{data:t}=n.useStore(e.$store);return s.jsx(n.O,{inviteLink:t==null?void 0:t.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."})},Bs=({gamification:e})=>{const{data:t}=n.useStore(e.leaderboardList.$store);return t!=null&&t.length?s.jsx(Ws,{fetchMore:e.leaderboardList.fetchMore,items:t,openItemDetail:e.openUser,currentUserId:e.currentUserId.get()}):s.jsx(Fs,{deepLink:e.deepLink})},Vs=n.styled_default("div")({name:"QuestionItem",class:"QuestionItem_q1w97g3p",propsAsIs:!1}),Hs=n.styled_default("div")({name:"QuestionCaption",class:"QuestionCaption_q2sl39u",propsAsIs:!1}),Gs=n.styled_default("div")({name:"QuestionBody",class:"QuestionBody_qd5h0uc",propsAsIs:!1}),Zs=n.styled_default("div")({name:"QuestionAction",class:"QuestionAction_q105uluy",propsAsIs:!1}),Js=()=>n.i1,Q=n.styled_default(Js())({name:"QuestionActionIcon",class:"QuestionActionIcon_q1fa0b9h",propsAsIs:!0}),Ks=()=>n.i1,Xs=n.styled_default(Ks())({name:"QuestionTypeIcon",class:"QuestionTypeIcon_qxlt78s",propsAsIs:!0}),en=n.styled_default("div")({name:"QuestionTypeLabel",class:"QuestionTypeLabel_qmg0vkx",propsAsIs:!1}),tn=n.styled_default("div")({name:"QuestionContent",class:"QuestionContent_q1uz5j1g",propsAsIs:!1}),sn={[n.PickHistoryStatus.LOST]:s.jsx(Q,{name:"icon-cross"}),[n.PickHistoryStatus.WON]:s.jsx(Q,{name:"icon-check"}),[n.PickHistoryStatus.UNSET]:void 0,[n.PickHistoryStatus.DNP]:s.jsx(Q,{name:"icon-arrow"})},nn=({questionId:e,questionType:t,questionStatus:i,subject:r,openForVoting:o,openQuestion:c,status:l})=>{const m=n.o[t],d=sn[l];return m?s.jsxs(Vs,{onClick:()=>c==null?void 0:c(e),children:[s.jsxs(tn,{children:[s.jsxs(Hs,{children:[s.jsx(Xs,{name:m.iconName}),s.jsxs(en,{children:[m.label,t===n.QuestionType.TRIVIA&&i===n.QuestionStatus.RESOLVED&&" • Expired"]})]}),s.jsx(Gs,{children:r||""})]}),s.jsx(Zs,{children:d||(o?s.jsx(n.c,{children:"Play"}):null)})]}):null},rn=n.styled_default("div")({name:"Container",class:"Container_cll3md7",propsAsIs:!1}),on=n.styled_default("button")({name:"ActionBtn",class:"ActionBtn_a10g1iik",propsAsIs:!1}),an=({openInsight:e,questionId:t,...i})=>s.jsxs(rn,{children:[s.jsx(fe,{questionId:t,...i}),e&&s.jsx(on,{onClick:()=>e(t),children:"View Insight"})]}),ln=n.styled_default("div")({name:"QuestionsContainer",class:"QuestionsContainer_qvghv3l",propsAsIs:!1}),cn=({questions:e,openQuestion:t})=>s.jsx(ln,{children:e==null?void 0:e.map(i=>{var r,o;if(i.type==="question"&&((r=i.attributes)==null?void 0:r.attributes.case)==="question"){const c=i.attributes.attributes.value;return s.jsx(nn,{openQuestion:t,...c},c.questionId)}if(i.type==="insight"&&((o=i.attributes)==null?void 0:o.attributes.case)==="insight"){const c=i.attributes.attributes.value;return s.jsx(an,{openInsight:t,...c},c.questionId)}return null})}),dn=({store:e,openQuestion:t})=>{const i=n.useStore(e);return i!=null&&i.data?s.jsx(cn,{openQuestion:t,questions:i.data}):s.jsx("div",{children:"wait questions..."})},un=({userSummary:e})=>{var t,i;const r=n.useStore(e.getStore());return(t=r.data)!=null&&t.summary?s.jsx(de,{...r.data.summary,successRate:(i=r.data.percentage)==null?void 0:i.correct}):s.jsx("div",{children:"wait user..."})},pn=({gamification:e})=>{const[t,i]=T.useState(k.HOME);return s.jsxs("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[s.jsxs(n.a$1,{children:[s.jsx(ys,{activePage:t,toggleActivePage:i}),t===k.HOME&&s.jsx(un,{userSummary:e.userSummary})]}),t===k.HOME&&s.jsx(n.s,{children:s.jsx(dn,{openQuestion:e.openQuestion,store:e.feedList.getStore()})}),t===k.LEADERBOARD&&s.jsx(n.a$1,{style:{flex:"1 1 auto",paddingTop:0,paddingBottom:0},children:s.jsx(Bs,{gamification:e})})]})},mn=()=>n.x,le=n.styled_default(mn())({name:"OpenedContainer",class:"OpenedContainer_oar61gl",propsAsIs:!0}),fn=n.styled_default("div")({name:"UserContainer",class:"UserContainer_u14zaal4",propsAsIs:!1}),hn=({correct:e,incorrect:t})=>{const i=e+t;return i===0?0:Math.round(e/i*100)},he=({gamification:e,className:t})=>{const i=n.useStore(e.openedQuestion.$store),r=n.useStore(e.openedUser);return s.jsxs(s.Fragment,{children:[i&&s.jsx(le,{className:t,children:s.jsx(ps,{gamification:e})}),r&&s.jsx(le,{className:t,children:s.jsxs(fn,{children:[s.jsx(ce,{label:"Friend's Rank",close:e.closeUser}),s.jsx(n.a$1,{children:s.jsx(de,{...r,successRate:hn(r)})})]})}),s.jsx(n.r,{className:t,"data-nav":"true",children:s.jsx(pn,{gamification:e})})]})};exports.GamificationOverlay=he;exports.default=he;