@streamlayer/react 0.29.9 → 0.29.11
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.
- package/lib/cjs/masters.js +1 -1
- package/lib/cjs/points.js +1 -1
- package/lib/dist/cjs/masters.js +1 -1
- package/lib/dist/es/masters.js +1 -1
- package/lib/dist/index-56687fbe.cjs +1 -0
- package/lib/dist/index-b7b397b9.js +1740 -0
- package/lib/dist/index.d.ts +2 -0
- package/lib/dist/{masters-63e8a172.js → masters-791400ce.js} +1044 -1028
- package/lib/dist/{masters-759c16c9.cjs → masters-8c3bc143.cjs} +6 -6
- package/lib/dist/style.css +8 -5
- package/lib/es/masters.js +2 -2
- package/lib/es/points.js +9 -9
- package/lib/index-60fabb42.cjs +6 -0
- package/lib/{index-616b0bcd.js → index-81810ce0.js} +100 -86
- package/lib/index-9a1075fa.cjs +1 -0
- package/lib/{index-8774a3f9.js → index-d3a5d095.js} +748 -711
- package/lib/{masters-8f8cf5ae.js → masters-a0c5967c.js} +45 -45
- package/lib/{masters-0649c872.cjs → masters-b0b09591.cjs} +1 -1
- package/lib/style.css +1 -1
- package/package.json +6 -6
- package/lib/dist/index-44ddc69c.js +0 -1703
- package/lib/dist/index-cf0d1d15.cjs +0 -1
- package/lib/index-3ce72dff.cjs +0 -6
- package/lib/index-b0206045.cjs +0 -1
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsx as s, jsxs as r, Fragment as _ } from "react/jsx-runtime";
|
|
2
2
|
import { f as O, S as H, a as J, b as X, p as Z } from "./index-0d23b24e.js";
|
|
3
|
-
import { lazy as ss, useMemo as Q, Suspense as es, useRef as as, useState as
|
|
3
|
+
import { lazy as ss, useMemo as Q, Suspense as es, useRef as as, useState as g, useEffect as C, useCallback as ns, useContext as ls } from "react";
|
|
4
4
|
import { FeatureType as V, QuestionType as u } from "@streamlayer/sdk-web-types";
|
|
5
5
|
import { useStore as I } from "@nanostores/react";
|
|
6
6
|
import { FeatureStatus as k } from "@streamlayer/sdk-web-interfaces";
|
|
7
|
-
import { s as a,
|
|
8
|
-
import { NotificationType as
|
|
7
|
+
import { s as a, i as m, c as ts } from "./index-81810ce0.js";
|
|
8
|
+
import { NotificationType as E } from "@streamlayer/sdk-web-notifications";
|
|
9
9
|
const rs = ({ feature: e, sdk: n, children: l, className: t }) => {
|
|
10
10
|
const i = I(e.status), { slStreamId: c } = I(n.sdkStore);
|
|
11
11
|
return c != null && c.loading ? /* @__PURE__ */ s("div", { className: t, children: "event is loading..." }) : c != null && c.data ? i !== k.Ready ? /* @__PURE__ */ s("div", { className: t, children: "wait feature..." }) : l : /* @__PURE__ */ s("div", { className: t, children: "event is forbidden..." });
|
|
12
|
-
}, cs = ss(() => import("./index-
|
|
12
|
+
}, cs = ss(() => import("./index-d3a5d095.js")), is = ({
|
|
13
13
|
sdk: e,
|
|
14
14
|
feature: n,
|
|
15
15
|
className: l
|
|
@@ -87,18 +87,18 @@ const As = () => m, $s = /* @__PURE__ */ a(As())({
|
|
|
87
87
|
})
|
|
88
88
|
});
|
|
89
89
|
};
|
|
90
|
-
const
|
|
90
|
+
const bs = /* @__PURE__ */ a("div")({
|
|
91
91
|
name: "n",
|
|
92
92
|
class: "n1rlvhvz",
|
|
93
93
|
propsAsIs: !1
|
|
94
|
-
}),
|
|
94
|
+
}), gs = ({
|
|
95
95
|
children: e,
|
|
96
96
|
className: n
|
|
97
|
-
}) => /* @__PURE__ */ s(
|
|
97
|
+
}) => /* @__PURE__ */ s(bs, {
|
|
98
98
|
className: n,
|
|
99
99
|
children: e
|
|
100
100
|
});
|
|
101
|
-
const ks = () =>
|
|
101
|
+
const ks = () => gs, xs = /* @__PURE__ */ a(ks())({
|
|
102
102
|
name: "n",
|
|
103
103
|
class: "n9bnom",
|
|
104
104
|
propsAsIs: !0
|
|
@@ -138,16 +138,16 @@ const ws = /* @__PURE__ */ a("div")({
|
|
|
138
138
|
name: "e",
|
|
139
139
|
class: "enb7moc",
|
|
140
140
|
propsAsIs: !1
|
|
141
|
-
}),
|
|
141
|
+
}), Es = /* @__PURE__ */ a("img")({
|
|
142
142
|
name: "r",
|
|
143
143
|
class: "r1ws5lyh",
|
|
144
144
|
propsAsIs: !1
|
|
145
|
-
}),
|
|
145
|
+
}), Ts = /* @__PURE__ */ a("div")({
|
|
146
146
|
name: "s",
|
|
147
147
|
class: "soibf55",
|
|
148
148
|
propsAsIs: !1
|
|
149
|
-
}),
|
|
150
|
-
const l = as(null), [t, i] =
|
|
149
|
+
}), Cs = ({ poster: e, source: n }) => {
|
|
150
|
+
const l = as(null), [t, i] = g(!1), [c, o] = g(!0);
|
|
151
151
|
return /* @__PURE__ */ r(ws, { onClick: () => {
|
|
152
152
|
const d = l == null ? void 0 : l.current;
|
|
153
153
|
d && i((f) => f ? (d.pause(), !1) : (d.play(), o(!1), !0));
|
|
@@ -164,8 +164,8 @@ const ws = /* @__PURE__ */ a("div")({
|
|
|
164
164
|
style: { visibility: c ? "hidden" : "visible" }
|
|
165
165
|
}
|
|
166
166
|
),
|
|
167
|
-
/* @__PURE__ */ s(
|
|
168
|
-
/* @__PURE__ */ s(
|
|
167
|
+
/* @__PURE__ */ s(Es, { src: e, style: { visibility: c ? "visible" : "hidden" } }),
|
|
168
|
+
/* @__PURE__ */ s(Ts, { children: !t && /* @__PURE__ */ s(m, { name: "icon-play" }) })
|
|
169
169
|
] });
|
|
170
170
|
};
|
|
171
171
|
const js = /* @__PURE__ */ a("div")({
|
|
@@ -194,7 +194,7 @@ const js = /* @__PURE__ */ a("div")({
|
|
|
194
194
|
body: l,
|
|
195
195
|
action: t
|
|
196
196
|
}) => /* @__PURE__ */ r(js, { children: [
|
|
197
|
-
(e == null ? void 0 : e.url) && /* @__PURE__ */ s(
|
|
197
|
+
(e == null ? void 0 : e.url) && /* @__PURE__ */ s(Cs, { source: e.url, poster: e.thumbnailUrl }),
|
|
198
198
|
/* @__PURE__ */ r(Os, { children: [
|
|
199
199
|
/* @__PURE__ */ s(Ls, { children: n }),
|
|
200
200
|
/* @__PURE__ */ s(Rs, { children: l }),
|
|
@@ -313,7 +313,7 @@ const re = () => x, ce = () => m, ie = () => m, oe = /* @__PURE__ */ a("div")({
|
|
|
313
313
|
name: "l",
|
|
314
314
|
class: "lpu10kq",
|
|
315
315
|
propsAsIs: !1
|
|
316
|
-
}),
|
|
316
|
+
}), b = /* @__PURE__ */ a("div")({
|
|
317
317
|
name: "p",
|
|
318
318
|
class: "pv9ujcb",
|
|
319
319
|
propsAsIs: !1
|
|
@@ -329,7 +329,7 @@ const re = () => x, ce = () => m, ie = () => m, oe = /* @__PURE__ */ a("div")({
|
|
|
329
329
|
name: "f",
|
|
330
330
|
class: "f1bvvudl",
|
|
331
331
|
propsAsIs: !1
|
|
332
|
-
}),
|
|
332
|
+
}), T = /* @__PURE__ */ a(ce())({
|
|
333
333
|
name: "g",
|
|
334
334
|
class: "g56gji0",
|
|
335
335
|
propsAsIs: !0
|
|
@@ -347,8 +347,8 @@ const re = () => x, ce = () => m, ie = () => m, oe = /* @__PURE__ */ a("div")({
|
|
|
347
347
|
correct: l,
|
|
348
348
|
correctAnswerTitle: t
|
|
349
349
|
}) => {
|
|
350
|
-
const [i, c] =
|
|
351
|
-
return
|
|
350
|
+
const [i, c] = g(1);
|
|
351
|
+
return C(() => {
|
|
352
352
|
const o = setInterval(() => {
|
|
353
353
|
c((d) => l && d > 4 || !l && d > 3 ? d : ++d);
|
|
354
354
|
}, 6e3);
|
|
@@ -357,15 +357,15 @@ const re = () => x, ce = () => m, ie = () => m, oe = /* @__PURE__ */ a("div")({
|
|
|
357
357
|
/* @__PURE__ */ s(te, { step: i, correct: l }),
|
|
358
358
|
/* @__PURE__ */ r(de, { "data-active-number": i, children: [
|
|
359
359
|
/* @__PURE__ */ r(y, { children: [
|
|
360
|
-
/* @__PURE__ */ s(
|
|
360
|
+
/* @__PURE__ */ s(b, { children: "Master" }),
|
|
361
361
|
/* @__PURE__ */ s(G, { children: "FEATURED GROUPS +" })
|
|
362
362
|
] }),
|
|
363
363
|
/* @__PURE__ */ r(y, { children: [
|
|
364
|
-
/* @__PURE__ */ s(
|
|
364
|
+
/* @__PURE__ */ s(b, { children: "Prediction results are in!" }),
|
|
365
365
|
/* @__PURE__ */ s(G, { children: "FEATURED GROUPS +" })
|
|
366
366
|
] }),
|
|
367
367
|
/* @__PURE__ */ r(y, { children: [
|
|
368
|
-
/* @__PURE__ */ s(
|
|
368
|
+
/* @__PURE__ */ s(b, { children: "Who holds the most birdies in golf?" }),
|
|
369
369
|
/* @__PURE__ */ r(x, { children: [
|
|
370
370
|
"Your Pick: ",
|
|
371
371
|
/* @__PURE__ */ s(w, { children: n == null ? void 0 : n.title })
|
|
@@ -373,35 +373,35 @@ const re = () => x, ce = () => m, ie = () => m, oe = /* @__PURE__ */ a("div")({
|
|
|
373
373
|
] }),
|
|
374
374
|
l ? /* @__PURE__ */ r(_, { children: [
|
|
375
375
|
/* @__PURE__ */ r(y, { "data-color-green": "true", children: [
|
|
376
|
-
/* @__PURE__ */ s(
|
|
376
|
+
/* @__PURE__ */ s(b, { children: "Congratulations! You answered correctly." }),
|
|
377
377
|
/* @__PURE__ */ r(x, { children: [
|
|
378
|
-
/* @__PURE__ */ s(
|
|
378
|
+
/* @__PURE__ */ s(T, { name: "selected" }),
|
|
379
379
|
"Your Pick: ",
|
|
380
380
|
/* @__PURE__ */ s(w, { children: n == null ? void 0 : n.title })
|
|
381
381
|
] })
|
|
382
382
|
] }),
|
|
383
383
|
/* @__PURE__ */ r(y, { "data-color-green": "true", children: [
|
|
384
384
|
/* @__PURE__ */ s(U, { onClick: e, children: /* @__PURE__ */ s(M, { name: "icon-cross" }) }),
|
|
385
|
-
/* @__PURE__ */ r(
|
|
385
|
+
/* @__PURE__ */ r(b, { children: [
|
|
386
386
|
"+",
|
|
387
387
|
n == null ? void 0 : n.points,
|
|
388
388
|
" points"
|
|
389
389
|
] }),
|
|
390
390
|
/* @__PURE__ */ r(x, { children: [
|
|
391
|
-
/* @__PURE__ */ s(
|
|
391
|
+
/* @__PURE__ */ s(T, { name: "selected" }),
|
|
392
392
|
"Your Pick: ",
|
|
393
393
|
/* @__PURE__ */ s(w, { children: n == null ? void 0 : n.title })
|
|
394
394
|
] })
|
|
395
395
|
] })
|
|
396
396
|
] }) : /* @__PURE__ */ r(y, { children: [
|
|
397
397
|
/* @__PURE__ */ s(U, { onClick: e, children: /* @__PURE__ */ s(M, { name: "icon-cross" }) }),
|
|
398
|
-
/* @__PURE__ */ r(
|
|
398
|
+
/* @__PURE__ */ r(b, { "data-incorrect": "true", children: [
|
|
399
399
|
"Better luck next time! Correct: ",
|
|
400
400
|
t,
|
|
401
401
|
"."
|
|
402
402
|
] }),
|
|
403
403
|
/* @__PURE__ */ r(x, { "data-incorrect": "true", children: [
|
|
404
|
-
/* @__PURE__ */ s(
|
|
404
|
+
/* @__PURE__ */ s(T, { name: "circleClose" }),
|
|
405
405
|
"Your Pick: ",
|
|
406
406
|
/* @__PURE__ */ s(w, { children: n == null ? void 0 : n.title })
|
|
407
407
|
] })
|
|
@@ -437,12 +437,12 @@ const ue = () => m, me = () => m, he = /* @__PURE__ */ a("div")({
|
|
|
437
437
|
name: "d",
|
|
438
438
|
class: "ds6gfsv",
|
|
439
439
|
propsAsIs: !1
|
|
440
|
-
}),
|
|
440
|
+
}), be = /* @__PURE__ */ a("button")({
|
|
441
441
|
name: "x",
|
|
442
442
|
class: "xkzz16s",
|
|
443
443
|
propsAsIs: !1
|
|
444
444
|
});
|
|
445
|
-
const
|
|
445
|
+
const ge = /* @__PURE__ */ a("div")({
|
|
446
446
|
name: "i",
|
|
447
447
|
class: "i1j5f618",
|
|
448
448
|
propsAsIs: !1
|
|
@@ -466,7 +466,7 @@ const be = /* @__PURE__ */ a("div")({
|
|
|
466
466
|
name: "l",
|
|
467
467
|
class: "l1ymr3ce",
|
|
468
468
|
propsAsIs: !1
|
|
469
|
-
}), Ne = ({ image: e, name: n, userName: l, verified: t }) => /* @__PURE__ */ r(
|
|
469
|
+
}), Ne = ({ image: e, name: n, userName: l, verified: t }) => /* @__PURE__ */ r(ge, { children: [
|
|
470
470
|
/* @__PURE__ */ s(ke, { children: /* @__PURE__ */ s(xe, { src: e }) }),
|
|
471
471
|
/* @__PURE__ */ r(_e, { children: [
|
|
472
472
|
/* @__PURE__ */ r(Se, { children: [
|
|
@@ -477,15 +477,15 @@ const be = /* @__PURE__ */ a("div")({
|
|
|
477
477
|
/* @__PURE__ */ s(we, { children: l })
|
|
478
478
|
] })
|
|
479
479
|
] });
|
|
480
|
-
const
|
|
480
|
+
const Ee = /* @__PURE__ */ a("div")({
|
|
481
481
|
name: "t",
|
|
482
482
|
class: "tfx5umz",
|
|
483
483
|
propsAsIs: !1
|
|
484
|
-
}),
|
|
484
|
+
}), Te = /* @__PURE__ */ a("button")({
|
|
485
485
|
name: "e",
|
|
486
486
|
class: "e1a1fcxr",
|
|
487
487
|
propsAsIs: !1
|
|
488
|
-
}),
|
|
488
|
+
}), Ce = /* @__PURE__ */ a("div")({
|
|
489
489
|
name: "i",
|
|
490
490
|
class: "i1iknwgy",
|
|
491
491
|
propsAsIs: !1
|
|
@@ -511,14 +511,14 @@ const Ce = /* @__PURE__ */ a("div")({
|
|
|
511
511
|
image: l,
|
|
512
512
|
title: t,
|
|
513
513
|
action: i
|
|
514
|
-
}) => /* @__PURE__ */ r(
|
|
514
|
+
}) => /* @__PURE__ */ r(Ee, { children: [
|
|
515
515
|
/* @__PURE__ */ s(Le, { children: /* @__PURE__ */ s(Re, { children: t }) }),
|
|
516
516
|
/* @__PURE__ */ r(Oe, { children: [
|
|
517
517
|
/* @__PURE__ */ s(Ne, { ...e }),
|
|
518
|
-
/* @__PURE__ */ s(
|
|
518
|
+
/* @__PURE__ */ s(Ce, { children: n }),
|
|
519
519
|
l && /* @__PURE__ */ s(je, { src: l })
|
|
520
520
|
] }),
|
|
521
|
-
i && /* @__PURE__ */ s(
|
|
521
|
+
i && /* @__PURE__ */ s(Te, { onClick: i, children: "View Tweet" })
|
|
522
522
|
] }), W = ({
|
|
523
523
|
close: e,
|
|
524
524
|
action: n,
|
|
@@ -538,7 +538,7 @@ const Ce = /* @__PURE__ */ a("div")({
|
|
|
538
538
|
/* @__PURE__ */ s(ze, { ...c, action: n }),
|
|
539
539
|
l !== u.FACTOID && l !== u.TWEET && /* @__PURE__ */ r(_, { children: [
|
|
540
540
|
/* @__PURE__ */ s(ye, { children: t == null ? void 0 : t.title }),
|
|
541
|
-
/* @__PURE__ */ s(
|
|
541
|
+
/* @__PURE__ */ s(be, { onClick: n, children: "Answer" })
|
|
542
542
|
] })
|
|
543
543
|
] }) : null;
|
|
544
544
|
};
|
|
@@ -565,11 +565,11 @@ const De = () => qe, Y = /* @__PURE__ */ a(De())({
|
|
|
565
565
|
if (!(l != null && l.size))
|
|
566
566
|
return null;
|
|
567
567
|
for (const i of l.values())
|
|
568
|
-
if (i.type ===
|
|
568
|
+
if (i.type === E.ONBOARDING)
|
|
569
569
|
return i;
|
|
570
570
|
return l.values().next().value;
|
|
571
571
|
}, [l]);
|
|
572
|
-
return (t == null ? void 0 : t.type) ===
|
|
572
|
+
return (t == null ? void 0 : t.type) === E.QUESTION ? /* @__PURE__ */ s(Y, { hiding: t.hiding, children: /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(W, { ...t }) }) }) : (t == null ? void 0 : t.type) === E.QUESTION_RESOLVED ? /* @__PURE__ */ s(Y, { hiding: t.hiding, children: /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(W, { ...t }) }) }) : null;
|
|
573
573
|
};
|
|
574
574
|
const Ue = () => We, Me = /* @__PURE__ */ a("div")({
|
|
575
575
|
name: "i",
|
|
@@ -588,13 +588,13 @@ const Ue = () => We, Me = /* @__PURE__ */ a("div")({
|
|
|
588
588
|
class: "e16yw7z1",
|
|
589
589
|
propsAsIs: !0
|
|
590
590
|
}), Ye = (e) => {
|
|
591
|
-
const [n, l] =
|
|
591
|
+
const [n, l] = g(!1), t = I(e.status), { data: i } = I(e.getUserStore()), c = t === "ready", [o, d] = g(v), f = ns(
|
|
592
592
|
(h, A) => {
|
|
593
593
|
d(A), A === v ? (h && e.createEventSession(h), e.openFeature(V.GAMES)) : e.closeFeature();
|
|
594
594
|
},
|
|
595
595
|
[e]
|
|
596
596
|
);
|
|
597
|
-
return
|
|
597
|
+
return C(() => {
|
|
598
598
|
!c && o === v && (d(S), e.closeFeature());
|
|
599
599
|
}, [c, o, e]), {
|
|
600
600
|
sdkEnabled: n,
|
|
@@ -619,8 +619,8 @@ const Ue = () => We, Me = /* @__PURE__ */ a("div")({
|
|
|
619
619
|
isLogged: !!i
|
|
620
620
|
};
|
|
621
621
|
}, Be = (e) => {
|
|
622
|
-
const n = I(e.getActiveFeature()), l = I(e.streamStore()), [t, i] =
|
|
623
|
-
return
|
|
622
|
+
const n = I(e.getActiveFeature()), l = I(e.streamStore()), [t, i] = g(null);
|
|
623
|
+
return C(() => {
|
|
624
624
|
const c = e.getFeatures();
|
|
625
625
|
if (n)
|
|
626
626
|
for (const [o, d] of c)
|
|
@@ -689,5 +689,5 @@ export {
|
|
|
689
689
|
We as n,
|
|
690
690
|
Ss as o,
|
|
691
691
|
B as r,
|
|
692
|
-
|
|
692
|
+
Cs as w
|
|
693
693
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const s=require("react/jsx-runtime"),I=require("./index-89c19a6e.cjs"),o=require("react"),u=require("@streamlayer/sdk-web-types"),y=require("@nanostores/react"),A=require("@streamlayer/sdk-web-interfaces"),e=require("./index-b0206045.cjs"),S=require("@streamlayer/sdk-web-notifications"),V=({feature:t,sdk:a,children:l,className:n})=>{const d=y.useStore(t.status),{slStreamId:r}=y.useStore(a.sdkStore);return r!=null&&r.loading?s.jsx("div",{className:n,children:"event is loading..."}):r!=null&&r.data?d!==A.FeatureStatus.Ready?s.jsx("div",{className:n,children:"wait feature..."}):l:s.jsx("div",{className:n,children:"event is forbidden..."})},K=o.lazy(()=>Promise.resolve().then(()=>require("./index-3ce72dff.cjs"))),H=({sdk:t,feature:a,className:l})=>{const n=o.useMemo(()=>a&&a.featureConfig.get().type===u.FeatureType.GAMES?s.jsx(V,{className:l,sdk:t,feature:a,children:s.jsx(K,{className:l,gamification:a,sdk:t})}):null,[t,a,l]);return s.jsx(o.Suspense,{fallback:s.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"page loading..."}),children:n})};const J=e.styled_default("button")({name:"e",class:"enu64b2",propsAsIs:!1}),X=e.styled_default("span")({name:"t",class:"tw2meku",propsAsIs:!1}),Z=e.styled_default("span")({name:"a",class:"aka8vam",propsAsIs:!1}),N=({disabled:t,active:a,onClick:l,label:n,icon:d})=>s.jsx(J,{onClick:l,disabled:t,"data-selected":a,children:s.jsxs(s.Fragment,{children:[d&&s.jsx(X,{children:d}),s.jsx(Z,{children:n})]})});const ss=()=>e.C1,es=e.styled_default(ss())({name:"a",class:"a10lggiw",propsAsIs:!0}),g="channels",ts=t=>{var a;return s.jsx(N,{...t,id:"channels",label:"Channels",icon:s.jsx(es,{name:"icon-btn-channels","data-selected":(a=t.active)==null?void 0:a.toString()})})};const as=()=>e.C1,ls=e.styled_default(as())({name:"d",class:"d1x5s8ie",propsAsIs:!0}),f="featuredGroups",ns=t=>{var a;return s.jsx(N,{...t,label:"FG+",id:"featuredGroups",icon:s.jsx(ls,{name:"icon-btn-feature-groups","data-selected":(a=t.active)==null?void 0:a.toString()})})};const rs=()=>e.C1,ds=e.styled_default(rs())({name:"n",class:"ntav86o",propsAsIs:!0}),k="leaderboard",cs=t=>{var a;return s.jsx(N,{...t,label:"Leader Board",id:"leaderboard",icon:s.jsx(ds,{name:"icon-btn-leaderboard","data-selected":(a=t.active)==null?void 0:a.toString()})})};const is=e.styled_default("div")({name:"n",class:"n1rlvhvz",propsAsIs:!1}),os=({children:t,className:a})=>s.jsx(is,{className:a,children:t});const us=()=>os,ps=e.styled_default(us())({name:"n",class:"n9bnom",propsAsIs:!0}),xs=({activeOverlay:t,setActiveOverlay:a,sdkReady:l,className:n})=>s.jsxs(ps,{className:n,children:[s.jsx(ts,{active:t===g,onClick:()=>a(g)}),s.jsx(ns,{active:t===f,disabled:!l,onClick:()=>{a(f)}}),s.jsx(cs,{active:t===k,onClick:()=>a(k)})]}),M={[u.QuestionType.TWEET]:{label:"Insight",iconName:"icon-insight"},[u.QuestionType.PROMOTION]:{label:"Insight",iconName:"icon-insight"},[u.QuestionType.UNSET]:void 0,[u.QuestionType.FACTOID]:{label:"Insight",iconName:"icon-insight"},[u.QuestionType.POLL]:{label:"Poll",iconName:"icon-poll"},[u.QuestionType.TRIVIA]:{label:"Trivia",iconName:"icon-trivia"},[u.QuestionType.PREDICTION]:{label:"Prediction",iconName:"icon-prediction"}};const fs=e.styled_default("div")({name:"i",class:"i1bwjtdb",propsAsIs:!1}),js=e.styled_default("video")({name:"e",class:"enb7moc",propsAsIs:!1}),ys=e.styled_default("img")({name:"r",class:"r1ws5lyh",propsAsIs:!1}),ms=e.styled_default("div")({name:"s",class:"soibf55",propsAsIs:!1}),U=({poster:t,source:a})=>{const l=o.useRef(null),[n,d]=o.useState(!1),[r,c]=o.useState(!0);return s.jsxs(fs,{onClick:()=>{const i=l==null?void 0:l.current;i&&d(j=>j?(i.pause(),!1):(i.play(),c(!1),!0))},children:[s.jsx(js,{ref:l,src:a,onEnded:()=>{var i;(i=l==null?void 0:l.current)==null||i.load(),d(!1),c(!0)},style:{visibility:r?"hidden":"visible"}}),s.jsx(ys,{src:t,style:{visibility:r?"visible":"hidden"}}),s.jsx(ms,{children:!n&&s.jsx(e.C1,{name:"icon-play"})})]})};const hs=e.styled_default("div")({name:"r",class:"rcr31jh",propsAsIs:!1}),vs=e.styled_default("div")({name:"i",class:"ihj4z8w",propsAsIs:!1}),_s=e.styled_default("h3")({name:"t",class:"t1oks4sz",propsAsIs:!1}),Is=e.styled_default("div")({name:"n",class:"n18s3mno",propsAsIs:!1}),As=e.styled_default("button")({name:"l",class:"lc8mqwv",propsAsIs:!1}),$s=({video:t,heading:a,body:l,action:n})=>s.jsxs(hs,{children:[(t==null?void 0:t.url)&&s.jsx(U,{source:t.url,poster:t.thumbnailUrl}),s.jsxs(vs,{children:[s.jsx(_s,{children:a}),s.jsx(Is,{children:l}),n&&s.jsx(As,{onClick:n,children:"View Insight"})]})]});const gs=()=>p,bs=()=>p,ks=()=>p,Ss=()=>p,Ts=()=>p,ws=()=>p,Ns=()=>p,Cs=()=>p,Es=()=>p,Fs=()=>p,qs=()=>p,Os=()=>p,Ls=()=>p,Rs=()=>p,h=e.styled_default("div")({name:"o",class:"oeeit6",propsAsIs:!1}),p=e.styled_default("div")({name:"e",class:"e1v245rb",propsAsIs:!1}),zs=e.styled_default(gs())({name:"n",class:"neiocf7",propsAsIs:!0}),Ps=e.styled_default(bs())({name:"t",class:"t1vmkqme",propsAsIs:!0}),Qs=e.styled_default(ks())({name:"r",class:"r1ln3ryw",propsAsIs:!0}),C=e.styled_default(Ss())({name:"a",class:"a1s6rgzs",propsAsIs:!0}),E=e.styled_default(Ts())({name:"h",class:"h13kvn19",propsAsIs:!0}),F=e.styled_default(ws())({name:"d",class:"dcrmlko",propsAsIs:!0}),q=e.styled_default(Ns())({name:"m",class:"m16755u3",propsAsIs:!0}),O=e.styled_default(Cs())({name:"c",class:"cdwashk",propsAsIs:!0}),L=e.styled_default(Es())({name:"w",class:"w1lh1meo",propsAsIs:!0}),R=e.styled_default(Fs())({name:"p",class:"p1y0qeoo",propsAsIs:!0}),Ds=e.styled_default(qs())({name:"L",class:"l1wanjqa",propsAsIs:!0}),Gs=e.styled_default(Os())({name:"l",class:"l1aaziu",propsAsIs:!0}),Ms=e.styled_default(Ls())({name:"f",class:"fwkppnn",propsAsIs:!0}),Us=e.styled_default(Rs())({name:"u",class:"uw10l4r",propsAsIs:!0}),Ws=({step:t,correct:a})=>s.jsxs(s.Fragment,{children:[s.jsxs(h,{"data-active":t===1,"data-first-screen":"true",children:[s.jsx(zs,{}),s.jsx(Ps,{}),s.jsx(Qs,{})]}),s.jsxs(h,{"data-active":t===2,children:[s.jsx(C,{}),s.jsx(E,{}),s.jsx(F,{})]}),s.jsxs(h,{"data-active":t===3,children:[s.jsx(C,{}),s.jsx(E,{}),s.jsx(F,{})]}),a?s.jsxs(s.Fragment,{children:[s.jsxs(h,{"data-active":t===4,"data-correct":"false",children:[s.jsx(q,{}),s.jsx(O,{}),s.jsx(L,{}),s.jsx(R,{})]}),s.jsxs(h,{"data-active":t===5,"data-correct":"false","data-last-screen":"true",children:[s.jsx(q,{}),s.jsx(O,{}),s.jsx(L,{}),s.jsx(R,{})]})]}):s.jsxs(h,{"data-active":t===4,"data-correct":"false","data-last-screen":"true",children:[s.jsx(Ds,{}),s.jsx(Gs,{}),s.jsx(Ms,{}),s.jsx(Us,{})]})]});const Ys=()=>$,Bs=()=>e.C1,Vs=()=>e.C1,Ks=e.styled_default("div")({name:"c",class:"c1iwvsrd",propsAsIs:!1}),Hs=e.styled_default("div")({name:"s",class:"s16ztc4y",propsAsIs:!1}),v=e.styled_default("div")({name:"l",class:"lpu10kq",propsAsIs:!1}),_=e.styled_default("div")({name:"p",class:"pv9ujcb",propsAsIs:!1}),$=e.styled_default("div")({name:"o",class:"ow7lyj4",propsAsIs:!1}),z=e.styled_default(Ys())({name:"d",class:"d1xtwn2m",propsAsIs:!0}),b=e.styled_default("div")({name:"f",class:"f1bvvudl",propsAsIs:!1}),T=e.styled_default(Bs())({name:"g",class:"g56gji0",propsAsIs:!0}),P=e.styled_default("button")({name:"x",class:"x8gvwg8",propsAsIs:!1}),Q=e.styled_default(Vs())({name:"u",class:"uckrlxs",propsAsIs:!0}),Js=({close:t,votedAnswer:a,correct:l,correctAnswerTitle:n})=>{const[d,r]=o.useState(1);return o.useEffect(()=>{const c=setInterval(()=>{r(i=>l&&i>4||!l&&i>3?i:++i)},6e3);return()=>clearInterval(c)},[l]),s.jsxs(Ks,{"data-bg-color-white":d>3,children:[s.jsx(Ws,{step:d,correct:l}),s.jsxs(Hs,{"data-active-number":d,children:[s.jsxs(v,{children:[s.jsx(_,{children:"Master"}),s.jsx(z,{children:"FEATURED GROUPS +"})]}),s.jsxs(v,{children:[s.jsx(_,{children:"Prediction results are in!"}),s.jsx(z,{children:"FEATURED GROUPS +"})]}),s.jsxs(v,{children:[s.jsx(_,{children:"Who holds the most birdies in golf?"}),s.jsxs($,{children:["Your Pick: ",s.jsx(b,{children:a==null?void 0:a.title})]})]}),l?s.jsxs(s.Fragment,{children:[s.jsxs(v,{"data-color-green":"true",children:[s.jsx(_,{children:"Congratulations! You answered correctly."}),s.jsxs($,{children:[s.jsx(T,{name:"selected"}),"Your Pick: ",s.jsx(b,{children:a==null?void 0:a.title})]})]}),s.jsxs(v,{"data-color-green":"true",children:[s.jsx(P,{onClick:t,children:s.jsx(Q,{name:"icon-cross"})}),s.jsxs(_,{children:["+",a==null?void 0:a.points," points"]}),s.jsxs($,{children:[s.jsx(T,{name:"selected"}),"Your Pick: ",s.jsx(b,{children:a==null?void 0:a.title})]})]})]}):s.jsxs(v,{children:[s.jsx(P,{onClick:t,children:s.jsx(Q,{name:"icon-cross"})}),s.jsxs(_,{"data-incorrect":"true",children:["Better luck next time! Correct: ",n,"."]}),s.jsxs($,{"data-incorrect":"true",children:[s.jsx(T,{name:"circleClose"}),"Your Pick: ",s.jsx(b,{children:a==null?void 0:a.title})]})]})]})]})};const Xs=()=>e.C1,Zs=()=>e.C1,se=e.styled_default("div")({name:"p",class:"p16oo5uk",propsAsIs:!1}),ee=e.styled_default("div")({name:"a",class:"a18c5k3h",propsAsIs:!1}),te=e.styled_default(Xs())({name:"c",class:"czv5t8k",propsAsIs:!0}),ae=e.styled_default("div")({name:"s",class:"s1wp1emp",propsAsIs:!1}),le=e.styled_default(Zs())({name:"l",class:"l1nz0q6x",propsAsIs:!0}),ne=e.styled_default("span")({name:"g",class:"g1jhb9lu",propsAsIs:!1}),re=e.styled_default("div")({name:"d",class:"ds6gfsv",propsAsIs:!1}),de=e.styled_default("button")({name:"x",class:"xkzz16s",propsAsIs:!1});const ce=e.styled_default("div")({name:"i",class:"i1j5f618",propsAsIs:!1}),ie=e.styled_default("div")({name:"n",class:"n1fqaem9",propsAsIs:!1}),oe=e.styled_default("img")({name:"o",class:"o1jovu9m",propsAsIs:!1}),ue=e.styled_default("div")({name:"a",class:"a12ibiz8",propsAsIs:!1}),pe=e.styled_default("div")({name:"r",class:"r1r4eua",propsAsIs:!1}),xe=e.styled_default("div")({name:"l",class:"l1ymr3ce",propsAsIs:!1}),fe=({image:t,name:a,userName:l,verified:n})=>s.jsxs(ce,{children:[s.jsx(ie,{children:s.jsx(oe,{src:t})}),s.jsxs(ue,{children:[s.jsxs(pe,{children:[a," ",n&&s.jsx(e.C1,{name:"icon-twitter-verified"})]}),s.jsx(xe,{children:l})]})]});const je=e.styled_default("div")({name:"t",class:"tfx5umz",propsAsIs:!1}),ye=e.styled_default("button")({name:"e",class:"e1a1fcxr",propsAsIs:!1}),me=e.styled_default("div")({name:"i",class:"i1iknwgy",propsAsIs:!1}),he=e.styled_default("img")({name:"n",class:"n1uc9lmn",propsAsIs:!1}),ve=e.styled_default("div")({name:"a",class:"ae4b7qd",propsAsIs:!1}),_e=e.styled_default("div")({name:"l",class:"l1udpjlr",propsAsIs:!1}),Ie=e.styled_default("blockquote")({name:"d",class:"d7ui2j0",propsAsIs:!1}),Ae=({account:t,body:a,image:l,title:n,action:d})=>s.jsxs(je,{children:[s.jsx(_e,{children:s.jsx(Ie,{children:n})}),s.jsxs(ve,{children:[s.jsx(fe,{...t}),s.jsx(me,{children:a}),l&&s.jsx(he,{src:l})]}),d&&s.jsx(ye,{onClick:d,children:"View Tweet"})]}),D=({close:t,action:a,data:{questionType:l,question:n,insight:d,tweet:r}})=>{const c=M[l];return c?n!=null&&n.predictionResult?s.jsx(Js,{close:t,...n}):s.jsxs(se,{children:[s.jsx(ee,{onClick:t,children:s.jsx(te,{name:"icon-cross"})}),l!==u.QuestionType.TWEET&&s.jsxs(ae,{children:[s.jsx(le,{name:c.iconName}),s.jsx(ne,{children:c.label})]}),l===u.QuestionType.FACTOID&&s.jsx($s,{...d,action:a}),l===u.QuestionType.TWEET&&s.jsx(Ae,{...r,action:a}),l!==u.QuestionType.FACTOID&&l!==u.QuestionType.TWEET&&s.jsxs(s.Fragment,{children:[s.jsx(re,{children:n==null?void 0:n.title}),s.jsx(de,{onClick:a,children:"Answer"})]})]}):null};const $e=e.styled_default("div")({name:"s",class:"s1aopxp8",propsAsIs:!1}),ge="c1t0h6s",W=({children:t,style:a,className:l,hiding:n})=>s.jsx($e,{style:a,className:e.cx_default(l,n&&ge),children:t});const be=()=>W,G=e.styled_default(be())({name:"d",class:"d1qqtt3e",propsAsIs:!0}),ke=({sdk:t})=>{const a=t.getNotificationsStore(),l=y.useStore(a),n=o.useMemo(()=>{if(!(l!=null&&l.size))return null;for(const d of l.values())if(d.type===S.NotificationType.ONBOARDING)return d;return l.values().next().value},[l]);return(n==null?void 0:n.type)===S.NotificationType.QUESTION?s.jsx(G,{hiding:n.hiding,children:s.jsx("div",{children:s.jsx(D,{...n})})}):(n==null?void 0:n.type)===S.NotificationType.QUESTION_RESOLVED?s.jsx(G,{hiding:n.hiding,children:s.jsx("div",{children:s.jsx(D,{...n})})}):null};const Se=()=>Y,Te=e.styled_default("div")({name:"i",class:"idhrx8x",propsAsIs:!1}),w=e.styled_default("div")({name:"r",class:"r1k6v4ep",propsAsIs:!1}),Y=e.styled_default("div")({name:"n",class:"n1v8kucd",propsAsIs:!1}),we=e.styled_default(Se())({name:"e",class:"e16yw7z1",propsAsIs:!0}),Ne=t=>{const[a,l]=o.useState(!1),n=y.useStore(t.status),{data:d}=y.useStore(t.getUserStore()),r=n==="ready",[c,i]=o.useState(f),j=o.useCallback((x,m)=>{i(m),m===f?(x&&t.createEventSession(x),t.openFeature(u.FeatureType.GAMES)):t.closeFeature()},[t]);return o.useEffect(()=>{!r&&c===f&&(i(g),t.closeFeature())},[r,c,t]),{sdkEnabled:a,sdkReady:r,activeOverlay:c,activateAndLoadOverlay:j,enableSdk:x=>{t.initializeApp().then(({enabled:m,err:B})=>{if(l(!0),B){j(x,g);return}if(m){j(x,f);return}})},disableSdk:()=>{l(!1),t.disableApp()},isLogged:!!d}},Ce=t=>{const a=y.useStore(t.getActiveFeature()),l=y.useStore(t.streamStore()),[n,d]=o.useState(null);return o.useEffect(()=>{const r=t.getFeatures();if(a)for(const[c,i]of r)c===a?i.status.get()===A.FeatureStatus.Suspended&&(i.enable(),d(i)):i.status.get()===A.FeatureStatus.Ready&&i.disable();else{for(const[,c]of r)c.status.get()===A.FeatureStatus.Ready&&c.disable();d(null)}return()=>{for(const[,c]of r)c.status.get()===A.FeatureStatus.Ready&&c.disable()}},[a,t,l]),[a,n]},Ee=({sdk:t,className:a})=>{const[,l]=Ce(t);return s.jsx(H,{className:a,feature:l,sdk:t})},Fe=({sdk:t,overlays:a,children:l})=>{const{sdkEnabled:n,sdkReady:d,activeOverlay:r,activateAndLoadOverlay:c,enableSdk:i,disableSdk:j,isLogged:x}=Ne(t);return s.jsxs(Te,{children:[n&&s.jsx(xs,{sdkReady:d,activeOverlay:r,className:I.f,setActiveOverlay:m=>c("",m)}),n&&s.jsx(ke,{sdk:t}),s.jsx(w,{"data-nav":n.toString(),style:{display:!n||r===g?"block":"none"},children:l&&l({enableSdk:i,disableSdk:j})}),s.jsx(w,{"data-nav":n.toString(),style:{display:r===k?"block":"none"},children:a&&r===k&&a[r]}),x&&n&&r===f&&s.jsx(Ee,{className:I.f,sdk:t}),!x&&n&&r===f&&s.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"You are not logged in."})]})},qe=({sdkKey:t,plugins:a,children:l,production:n=!0})=>s.jsx(I.StreamLayerProvider,{sdkKey:t,plugins:a,production:n,autoEnable:!1,children:l}),Oe=({children:t,overlays:a})=>{const{sdk:l,status:n}=o.useContext(I.StreamLayerContext);if(n===I.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return l?s.jsx("div",{className:"StreamLayerSDK",children:s.jsx(I.p,{style:{height:"100%"},children:s.jsx(Fe,{sdk:l,overlays:a,children:t})})}):t({})};exports.MastersStreamLayerProvider=qe;exports.MastersStreamLayerSDKReact=Oe;exports.e=we;exports.f=W;exports.n=Y;exports.o=M;exports.r=w;exports.w=U;
|
|
1
|
+
"use strict";const s=require("react/jsx-runtime"),I=require("./index-89c19a6e.cjs"),o=require("react"),u=require("@streamlayer/sdk-web-types"),y=require("@nanostores/react"),A=require("@streamlayer/sdk-web-interfaces"),e=require("./index-9a1075fa.cjs"),S=require("@streamlayer/sdk-web-notifications"),V=({feature:t,sdk:a,children:l,className:n})=>{const d=y.useStore(t.status),{slStreamId:r}=y.useStore(a.sdkStore);return r!=null&&r.loading?s.jsx("div",{className:n,children:"event is loading..."}):r!=null&&r.data?d!==A.FeatureStatus.Ready?s.jsx("div",{className:n,children:"wait feature..."}):l:s.jsx("div",{className:n,children:"event is forbidden..."})},K=o.lazy(()=>Promise.resolve().then(()=>require("./index-60fabb42.cjs"))),H=({sdk:t,feature:a,className:l})=>{const n=o.useMemo(()=>a&&a.featureConfig.get().type===u.FeatureType.GAMES?s.jsx(V,{className:l,sdk:t,feature:a,children:s.jsx(K,{className:l,gamification:a,sdk:t})}):null,[t,a,l]);return s.jsx(o.Suspense,{fallback:s.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"page loading..."}),children:n})};const J=e.styled_default("button")({name:"e",class:"enu64b2",propsAsIs:!1}),X=e.styled_default("span")({name:"t",class:"tw2meku",propsAsIs:!1}),Z=e.styled_default("span")({name:"a",class:"aka8vam",propsAsIs:!1}),N=({disabled:t,active:a,onClick:l,label:n,icon:d})=>s.jsx(J,{onClick:l,disabled:t,"data-selected":a,children:s.jsxs(s.Fragment,{children:[d&&s.jsx(X,{children:d}),s.jsx(Z,{children:n})]})});const ss=()=>e.i1,es=e.styled_default(ss())({name:"a",class:"a10lggiw",propsAsIs:!0}),g="channels",ts=t=>{var a;return s.jsx(N,{...t,id:"channels",label:"Channels",icon:s.jsx(es,{name:"icon-btn-channels","data-selected":(a=t.active)==null?void 0:a.toString()})})};const as=()=>e.i1,ls=e.styled_default(as())({name:"d",class:"d1x5s8ie",propsAsIs:!0}),f="featuredGroups",ns=t=>{var a;return s.jsx(N,{...t,label:"FG+",id:"featuredGroups",icon:s.jsx(ls,{name:"icon-btn-feature-groups","data-selected":(a=t.active)==null?void 0:a.toString()})})};const rs=()=>e.i1,ds=e.styled_default(rs())({name:"n",class:"ntav86o",propsAsIs:!0}),k="leaderboard",cs=t=>{var a;return s.jsx(N,{...t,label:"Leader Board",id:"leaderboard",icon:s.jsx(ds,{name:"icon-btn-leaderboard","data-selected":(a=t.active)==null?void 0:a.toString()})})};const is=e.styled_default("div")({name:"n",class:"n1rlvhvz",propsAsIs:!1}),os=({children:t,className:a})=>s.jsx(is,{className:a,children:t});const us=()=>os,ps=e.styled_default(us())({name:"n",class:"n9bnom",propsAsIs:!0}),xs=({activeOverlay:t,setActiveOverlay:a,sdkReady:l,className:n})=>s.jsxs(ps,{className:n,children:[s.jsx(ts,{active:t===g,onClick:()=>a(g)}),s.jsx(ns,{active:t===f,disabled:!l,onClick:()=>{a(f)}}),s.jsx(cs,{active:t===k,onClick:()=>a(k)})]}),M={[u.QuestionType.TWEET]:{label:"Insight",iconName:"icon-insight"},[u.QuestionType.PROMOTION]:{label:"Insight",iconName:"icon-insight"},[u.QuestionType.UNSET]:void 0,[u.QuestionType.FACTOID]:{label:"Insight",iconName:"icon-insight"},[u.QuestionType.POLL]:{label:"Poll",iconName:"icon-poll"},[u.QuestionType.TRIVIA]:{label:"Trivia",iconName:"icon-trivia"},[u.QuestionType.PREDICTION]:{label:"Prediction",iconName:"icon-prediction"}};const fs=e.styled_default("div")({name:"i",class:"i1bwjtdb",propsAsIs:!1}),js=e.styled_default("video")({name:"e",class:"enb7moc",propsAsIs:!1}),ys=e.styled_default("img")({name:"r",class:"r1ws5lyh",propsAsIs:!1}),ms=e.styled_default("div")({name:"s",class:"soibf55",propsAsIs:!1}),U=({poster:t,source:a})=>{const l=o.useRef(null),[n,d]=o.useState(!1),[r,c]=o.useState(!0);return s.jsxs(fs,{onClick:()=>{const i=l==null?void 0:l.current;i&&d(j=>j?(i.pause(),!1):(i.play(),c(!1),!0))},children:[s.jsx(js,{ref:l,src:a,onEnded:()=>{var i;(i=l==null?void 0:l.current)==null||i.load(),d(!1),c(!0)},style:{visibility:r?"hidden":"visible"}}),s.jsx(ys,{src:t,style:{visibility:r?"visible":"hidden"}}),s.jsx(ms,{children:!n&&s.jsx(e.i1,{name:"icon-play"})})]})};const hs=e.styled_default("div")({name:"r",class:"rcr31jh",propsAsIs:!1}),vs=e.styled_default("div")({name:"i",class:"ihj4z8w",propsAsIs:!1}),_s=e.styled_default("h3")({name:"t",class:"t1oks4sz",propsAsIs:!1}),Is=e.styled_default("div")({name:"n",class:"n18s3mno",propsAsIs:!1}),As=e.styled_default("button")({name:"l",class:"lc8mqwv",propsAsIs:!1}),$s=({video:t,heading:a,body:l,action:n})=>s.jsxs(hs,{children:[(t==null?void 0:t.url)&&s.jsx(U,{source:t.url,poster:t.thumbnailUrl}),s.jsxs(vs,{children:[s.jsx(_s,{children:a}),s.jsx(Is,{children:l}),n&&s.jsx(As,{onClick:n,children:"View Insight"})]})]});const gs=()=>p,bs=()=>p,ks=()=>p,Ss=()=>p,Ts=()=>p,ws=()=>p,Ns=()=>p,Es=()=>p,Cs=()=>p,Fs=()=>p,qs=()=>p,Os=()=>p,Ls=()=>p,Rs=()=>p,h=e.styled_default("div")({name:"o",class:"oeeit6",propsAsIs:!1}),p=e.styled_default("div")({name:"e",class:"e1v245rb",propsAsIs:!1}),zs=e.styled_default(gs())({name:"n",class:"neiocf7",propsAsIs:!0}),Ps=e.styled_default(bs())({name:"t",class:"t1vmkqme",propsAsIs:!0}),Qs=e.styled_default(ks())({name:"r",class:"r1ln3ryw",propsAsIs:!0}),E=e.styled_default(Ss())({name:"a",class:"a1s6rgzs",propsAsIs:!0}),C=e.styled_default(Ts())({name:"h",class:"h13kvn19",propsAsIs:!0}),F=e.styled_default(ws())({name:"d",class:"dcrmlko",propsAsIs:!0}),q=e.styled_default(Ns())({name:"m",class:"m16755u3",propsAsIs:!0}),O=e.styled_default(Es())({name:"c",class:"cdwashk",propsAsIs:!0}),L=e.styled_default(Cs())({name:"w",class:"w1lh1meo",propsAsIs:!0}),R=e.styled_default(Fs())({name:"p",class:"p1y0qeoo",propsAsIs:!0}),Ds=e.styled_default(qs())({name:"L",class:"l1wanjqa",propsAsIs:!0}),Gs=e.styled_default(Os())({name:"l",class:"l1aaziu",propsAsIs:!0}),Ms=e.styled_default(Ls())({name:"f",class:"fwkppnn",propsAsIs:!0}),Us=e.styled_default(Rs())({name:"u",class:"uw10l4r",propsAsIs:!0}),Ws=({step:t,correct:a})=>s.jsxs(s.Fragment,{children:[s.jsxs(h,{"data-active":t===1,"data-first-screen":"true",children:[s.jsx(zs,{}),s.jsx(Ps,{}),s.jsx(Qs,{})]}),s.jsxs(h,{"data-active":t===2,children:[s.jsx(E,{}),s.jsx(C,{}),s.jsx(F,{})]}),s.jsxs(h,{"data-active":t===3,children:[s.jsx(E,{}),s.jsx(C,{}),s.jsx(F,{})]}),a?s.jsxs(s.Fragment,{children:[s.jsxs(h,{"data-active":t===4,"data-correct":"false",children:[s.jsx(q,{}),s.jsx(O,{}),s.jsx(L,{}),s.jsx(R,{})]}),s.jsxs(h,{"data-active":t===5,"data-correct":"false","data-last-screen":"true",children:[s.jsx(q,{}),s.jsx(O,{}),s.jsx(L,{}),s.jsx(R,{})]})]}):s.jsxs(h,{"data-active":t===4,"data-correct":"false","data-last-screen":"true",children:[s.jsx(Ds,{}),s.jsx(Gs,{}),s.jsx(Ms,{}),s.jsx(Us,{})]})]});const Ys=()=>$,Bs=()=>e.i1,Vs=()=>e.i1,Ks=e.styled_default("div")({name:"c",class:"c1iwvsrd",propsAsIs:!1}),Hs=e.styled_default("div")({name:"s",class:"s16ztc4y",propsAsIs:!1}),v=e.styled_default("div")({name:"l",class:"lpu10kq",propsAsIs:!1}),_=e.styled_default("div")({name:"p",class:"pv9ujcb",propsAsIs:!1}),$=e.styled_default("div")({name:"o",class:"ow7lyj4",propsAsIs:!1}),z=e.styled_default(Ys())({name:"d",class:"d1xtwn2m",propsAsIs:!0}),b=e.styled_default("div")({name:"f",class:"f1bvvudl",propsAsIs:!1}),T=e.styled_default(Bs())({name:"g",class:"g56gji0",propsAsIs:!0}),P=e.styled_default("button")({name:"x",class:"x8gvwg8",propsAsIs:!1}),Q=e.styled_default(Vs())({name:"u",class:"uckrlxs",propsAsIs:!0}),Js=({close:t,votedAnswer:a,correct:l,correctAnswerTitle:n})=>{const[d,r]=o.useState(1);return o.useEffect(()=>{const c=setInterval(()=>{r(i=>l&&i>4||!l&&i>3?i:++i)},6e3);return()=>clearInterval(c)},[l]),s.jsxs(Ks,{"data-bg-color-white":d>3,children:[s.jsx(Ws,{step:d,correct:l}),s.jsxs(Hs,{"data-active-number":d,children:[s.jsxs(v,{children:[s.jsx(_,{children:"Master"}),s.jsx(z,{children:"FEATURED GROUPS +"})]}),s.jsxs(v,{children:[s.jsx(_,{children:"Prediction results are in!"}),s.jsx(z,{children:"FEATURED GROUPS +"})]}),s.jsxs(v,{children:[s.jsx(_,{children:"Who holds the most birdies in golf?"}),s.jsxs($,{children:["Your Pick: ",s.jsx(b,{children:a==null?void 0:a.title})]})]}),l?s.jsxs(s.Fragment,{children:[s.jsxs(v,{"data-color-green":"true",children:[s.jsx(_,{children:"Congratulations! You answered correctly."}),s.jsxs($,{children:[s.jsx(T,{name:"selected"}),"Your Pick: ",s.jsx(b,{children:a==null?void 0:a.title})]})]}),s.jsxs(v,{"data-color-green":"true",children:[s.jsx(P,{onClick:t,children:s.jsx(Q,{name:"icon-cross"})}),s.jsxs(_,{children:["+",a==null?void 0:a.points," points"]}),s.jsxs($,{children:[s.jsx(T,{name:"selected"}),"Your Pick: ",s.jsx(b,{children:a==null?void 0:a.title})]})]})]}):s.jsxs(v,{children:[s.jsx(P,{onClick:t,children:s.jsx(Q,{name:"icon-cross"})}),s.jsxs(_,{"data-incorrect":"true",children:["Better luck next time! Correct: ",n,"."]}),s.jsxs($,{"data-incorrect":"true",children:[s.jsx(T,{name:"circleClose"}),"Your Pick: ",s.jsx(b,{children:a==null?void 0:a.title})]})]})]})]})};const Xs=()=>e.i1,Zs=()=>e.i1,se=e.styled_default("div")({name:"p",class:"p16oo5uk",propsAsIs:!1}),ee=e.styled_default("div")({name:"a",class:"a18c5k3h",propsAsIs:!1}),te=e.styled_default(Xs())({name:"c",class:"czv5t8k",propsAsIs:!0}),ae=e.styled_default("div")({name:"s",class:"s1wp1emp",propsAsIs:!1}),le=e.styled_default(Zs())({name:"l",class:"l1nz0q6x",propsAsIs:!0}),ne=e.styled_default("span")({name:"g",class:"g1jhb9lu",propsAsIs:!1}),re=e.styled_default("div")({name:"d",class:"ds6gfsv",propsAsIs:!1}),de=e.styled_default("button")({name:"x",class:"xkzz16s",propsAsIs:!1});const ce=e.styled_default("div")({name:"i",class:"i1j5f618",propsAsIs:!1}),ie=e.styled_default("div")({name:"n",class:"n1fqaem9",propsAsIs:!1}),oe=e.styled_default("img")({name:"o",class:"o1jovu9m",propsAsIs:!1}),ue=e.styled_default("div")({name:"a",class:"a12ibiz8",propsAsIs:!1}),pe=e.styled_default("div")({name:"r",class:"r1r4eua",propsAsIs:!1}),xe=e.styled_default("div")({name:"l",class:"l1ymr3ce",propsAsIs:!1}),fe=({image:t,name:a,userName:l,verified:n})=>s.jsxs(ce,{children:[s.jsx(ie,{children:s.jsx(oe,{src:t})}),s.jsxs(ue,{children:[s.jsxs(pe,{children:[a," ",n&&s.jsx(e.i1,{name:"icon-twitter-verified"})]}),s.jsx(xe,{children:l})]})]});const je=e.styled_default("div")({name:"t",class:"tfx5umz",propsAsIs:!1}),ye=e.styled_default("button")({name:"e",class:"e1a1fcxr",propsAsIs:!1}),me=e.styled_default("div")({name:"i",class:"i1iknwgy",propsAsIs:!1}),he=e.styled_default("img")({name:"n",class:"n1uc9lmn",propsAsIs:!1}),ve=e.styled_default("div")({name:"a",class:"ae4b7qd",propsAsIs:!1}),_e=e.styled_default("div")({name:"l",class:"l1udpjlr",propsAsIs:!1}),Ie=e.styled_default("blockquote")({name:"d",class:"d7ui2j0",propsAsIs:!1}),Ae=({account:t,body:a,image:l,title:n,action:d})=>s.jsxs(je,{children:[s.jsx(_e,{children:s.jsx(Ie,{children:n})}),s.jsxs(ve,{children:[s.jsx(fe,{...t}),s.jsx(me,{children:a}),l&&s.jsx(he,{src:l})]}),d&&s.jsx(ye,{onClick:d,children:"View Tweet"})]}),D=({close:t,action:a,data:{questionType:l,question:n,insight:d,tweet:r}})=>{const c=M[l];return c?n!=null&&n.predictionResult?s.jsx(Js,{close:t,...n}):s.jsxs(se,{children:[s.jsx(ee,{onClick:t,children:s.jsx(te,{name:"icon-cross"})}),l!==u.QuestionType.TWEET&&s.jsxs(ae,{children:[s.jsx(le,{name:c.iconName}),s.jsx(ne,{children:c.label})]}),l===u.QuestionType.FACTOID&&s.jsx($s,{...d,action:a}),l===u.QuestionType.TWEET&&s.jsx(Ae,{...r,action:a}),l!==u.QuestionType.FACTOID&&l!==u.QuestionType.TWEET&&s.jsxs(s.Fragment,{children:[s.jsx(re,{children:n==null?void 0:n.title}),s.jsx(de,{onClick:a,children:"Answer"})]})]}):null};const $e=e.styled_default("div")({name:"s",class:"s1aopxp8",propsAsIs:!1}),ge="c1t0h6s",W=({children:t,style:a,className:l,hiding:n})=>s.jsx($e,{style:a,className:e.cx_default(l,n&&ge),children:t});const be=()=>W,G=e.styled_default(be())({name:"d",class:"d1qqtt3e",propsAsIs:!0}),ke=({sdk:t})=>{const a=t.getNotificationsStore(),l=y.useStore(a),n=o.useMemo(()=>{if(!(l!=null&&l.size))return null;for(const d of l.values())if(d.type===S.NotificationType.ONBOARDING)return d;return l.values().next().value},[l]);return(n==null?void 0:n.type)===S.NotificationType.QUESTION?s.jsx(G,{hiding:n.hiding,children:s.jsx("div",{children:s.jsx(D,{...n})})}):(n==null?void 0:n.type)===S.NotificationType.QUESTION_RESOLVED?s.jsx(G,{hiding:n.hiding,children:s.jsx("div",{children:s.jsx(D,{...n})})}):null};const Se=()=>Y,Te=e.styled_default("div")({name:"i",class:"idhrx8x",propsAsIs:!1}),w=e.styled_default("div")({name:"r",class:"r1k6v4ep",propsAsIs:!1}),Y=e.styled_default("div")({name:"n",class:"n1v8kucd",propsAsIs:!1}),we=e.styled_default(Se())({name:"e",class:"e16yw7z1",propsAsIs:!0}),Ne=t=>{const[a,l]=o.useState(!1),n=y.useStore(t.status),{data:d}=y.useStore(t.getUserStore()),r=n==="ready",[c,i]=o.useState(f),j=o.useCallback((x,m)=>{i(m),m===f?(x&&t.createEventSession(x),t.openFeature(u.FeatureType.GAMES)):t.closeFeature()},[t]);return o.useEffect(()=>{!r&&c===f&&(i(g),t.closeFeature())},[r,c,t]),{sdkEnabled:a,sdkReady:r,activeOverlay:c,activateAndLoadOverlay:j,enableSdk:x=>{t.initializeApp().then(({enabled:m,err:B})=>{if(l(!0),B){j(x,g);return}if(m){j(x,f);return}})},disableSdk:()=>{l(!1),t.disableApp()},isLogged:!!d}},Ee=t=>{const a=y.useStore(t.getActiveFeature()),l=y.useStore(t.streamStore()),[n,d]=o.useState(null);return o.useEffect(()=>{const r=t.getFeatures();if(a)for(const[c,i]of r)c===a?i.status.get()===A.FeatureStatus.Suspended&&(i.enable(),d(i)):i.status.get()===A.FeatureStatus.Ready&&i.disable();else{for(const[,c]of r)c.status.get()===A.FeatureStatus.Ready&&c.disable();d(null)}return()=>{for(const[,c]of r)c.status.get()===A.FeatureStatus.Ready&&c.disable()}},[a,t,l]),[a,n]},Ce=({sdk:t,className:a})=>{const[,l]=Ee(t);return s.jsx(H,{className:a,feature:l,sdk:t})},Fe=({sdk:t,overlays:a,children:l})=>{const{sdkEnabled:n,sdkReady:d,activeOverlay:r,activateAndLoadOverlay:c,enableSdk:i,disableSdk:j,isLogged:x}=Ne(t);return s.jsxs(Te,{children:[n&&s.jsx(xs,{sdkReady:d,activeOverlay:r,className:I.f,setActiveOverlay:m=>c("",m)}),n&&s.jsx(ke,{sdk:t}),s.jsx(w,{"data-nav":n.toString(),style:{display:!n||r===g?"block":"none"},children:l&&l({enableSdk:i,disableSdk:j})}),s.jsx(w,{"data-nav":n.toString(),style:{display:r===k?"block":"none"},children:a&&r===k&&a[r]}),x&&n&&r===f&&s.jsx(Ce,{className:I.f,sdk:t}),!x&&n&&r===f&&s.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"You are not logged in."})]})},qe=({sdkKey:t,plugins:a,children:l,production:n=!0})=>s.jsx(I.StreamLayerProvider,{sdkKey:t,plugins:a,production:n,autoEnable:!1,children:l}),Oe=({children:t,overlays:a})=>{const{sdk:l,status:n}=o.useContext(I.StreamLayerContext);if(n===I.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return l?s.jsx("div",{className:"StreamLayerSDK",children:s.jsx(I.p,{style:{height:"100%"},children:s.jsx(Fe,{sdk:l,overlays:a,children:t})})}):t({})};exports.MastersStreamLayerProvider=qe;exports.MastersStreamLayerSDKReact=Oe;exports.e=we;exports.f=W;exports.n=Y;exports.o=M;exports.r=w;exports.w=U;
|
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 .l4qld3l{align-items:center;border-radius:40px;-moz-column-gap:8px;column-gap:8px;display:inline-flex;padding:4px 17px 4px 4px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .l4qld3l:before{border:1px solid var(--color-neutrals-white);border-radius:40px;bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0;z-index:-1}@media (max-width:767px){.l4qld3l{padding-right:10px}}.StreamLayerSDK>.StreamLayerSDKTheme .ainhtok{-ms-flex-negative:0;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--color-primary-green2);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}@media (max-width:767px){.ainhtok{height:28px;width:28px}}.StreamLayerSDK>.StreamLayerSDKTheme .xk8yd5t{height:20px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .xk8yd5t path{fill:var(--color-neutrals-white)}@media (max-width:767px){.xk8yd5t{height:14px;width:14px}}.StreamLayerSDK>.StreamLayerSDKTheme .h6rf9gb{color:var(--color-neutrals-white);display:flex;flex-direction:column;font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .c18f5pxx{font-size:9px;margin-bottom:1px;text-transform:uppercase}@media (max-width:767px){.c18f5pxx{display:none}}.StreamLayerSDK>.StreamLayerSDKTheme .m1jwsyj1{font-size:18px;line-height:20px}@media (max-width:767px){.m1jwsyj1{font-size:14px;line-height:22px}}.StreamLayerSDK>.StreamLayerSDKTheme .pedqibx{--color-bg-transparent:rgba(0,0,0,.8);--color-bg-transparent-vote-container:rgba(10,14,19,.8);--color-bg-transparent-item:rgba(0,0,0,.7);--color-bg-transparent-item-vote:hsla(0,0%,100%,.1);--color-bg-transparent-item-success:rgba(0,139,251,.2);--color-bg-transparent-item-error:rgba(205,37,37,.2);--color-bg-transparent-vote-progress:hsla(0,0%,100%,.2);--color-bg-transparent-vote-progress-success:rgba(60,139,251,.5);--color-bg-transparent-vote-progress-error:rgba(205,37,37,.5);--color-bg-transparent-onboarding-inapp:rgba(138,159,182,.2);--color-leaderboard-unit:hsla(0,0%,100%,.5);--color-blue-primary:#1589ee;--color-red-primary:#cd2525;--color-red-secondary:#eb5757;--color-blue-question-action-btn:#1589ee;--color-white:#fff;--color-grey-1:#909395;--color-grey-2:#22262b;--color-grey-3:#2d3135;--color-grey-4:#53565a;--color-grey-primary-onboarding-inapp:#b5b7b8;--color-black-1:#161a1f;--color-green-1:#f7b801;--color-red-1:#a30000;--color-red-2:#ff4170;--color-grey-primary:#909395;--color-divider-color-secondary:#53565a;--color-green-primary-btn:#009b77;--color-primary-green1:#107d57;--color-primary-green2:#006747;--color-primary-green3:#1c4932;--color-primary-green4:#193526;--color-secondary-red1:#df2f3b;--color-secondary-red2:#ba0c2f;--color-secondary-red3:#f9d6d8;--color-secondary-yellow:#fce300;--color-secondary-green5:#c0dc8f;--color-secondary-green6:#cee5de;--color-neutrals-white:#fff;--color-neutrals-gray1:#f7f7f7;--color-neutrals-gray2:#f2f2f1;--color-neutrals-gray3:#e8e8e8;--color-neutrals-gray4:#d9d9d6;--color-neutrals-gray5:#b1b3b3;--color-neutrals-gray6:#888b8d;--color-neutrals-gray7:#6b6f73;--color-neutrals-gray8:#53565a;--color-neutrals-gray9:#25282a;--color-neutrals-black:#000;--font-family:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-regular:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-color:#fff;--font-serif:"Tiempos","Tiempos Text",Times New Roman,serif;--font-weight-default:500;--header-height:68px;--animation-duration:0.5s;--animation-function:ease;--container-padding:16px;--border-radius:8px}.StreamLayerSDK>.StreamLayerSDKTheme .pedqibx *{box-sizing:border-box}.StreamLayerSDK>.StreamLayerSDKTheme .x14894ro{background:#222425;height:100%;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2,.StreamLayerSDK>.StreamLayerSDKTheme .x14894ro{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2{background-color:var(--color-white);border:1px solid var(--color-neutrals-gray3);border-radius:100px;color:var(--color-primary-green1);cursor:pointer;font-size:12px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.5px;-moz-letter-spacing:-.5px;-ms-letter-spacing:-.5px;letter-spacing:-.5px;max-height:36px;min-height:36px;padding:0 8px}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]:disabled:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:disabled{cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:disabled:hover{border-color:var(--color-neutrals-gray3);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .tw2meku{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:22px;justify-content:center;margin-right:5px;width:22px}.StreamLayerSDK>.StreamLayerSDKTheme .a10lggiw[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .a10lggiw[data-selected=true] g>path:nth-child(2){fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .d1x5s8ie[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .d1x5s8ie[data-selected=true] g>path:nth-child(2){fill:#fff;stroke:#107d57}.StreamLayerSDK>.StreamLayerSDKTheme .ntav86o[data-selected=true] g>path{fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .n1rlvhvz{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-neutrals-white);display:flex;justify-content:space-between}.StreamLayerSDK>.StreamLayerSDKTheme .n9bnom{animation:show-nav-n9bnom .5s ease;animation-fill-mode:forwards;border-bottom:1px solid var(--color-neutrals-gray3);box-sizing:border-box;left:0;opacity:0;overflow:hidden;padding:var(--container-padding);position:absolute;right:0;top:0}.StreamLayerSDK>.StreamLayerSDKTheme .n9bnom>button:not(:last-child){margin-right:8px}@keyframes show-nav-n9bnom{90%{opacity:0}to{height:68px;opacity:1}}.StreamLayerSDK>.StreamLayerSDKTheme .i1bwjtdb{border-radius:8px;cursor:pointer;display:flex;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .enb7moc{width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .r1ws5lyh{height:100%;left:0;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .soibf55{cursor:pointer;display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.StreamLayerSDK>.StreamLayerSDKTheme .rcr31jh{background-color:var(--color-neutrals-white);border-radius:8px;box-sizing:border-box;row-gap:16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ihj4z8w,.StreamLayerSDK>.StreamLayerSDKTheme .rcr31jh{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .ihj4z8w{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .t1oks4sz{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .n18s3mno,.StreamLayerSDK>.StreamLayerSDKTheme .t1oks4sz{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-weight:var(--font-weight-default);max-height:50px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .n18s3mno{color:var(--color-neutrals-gray9);font-size:12px;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .lc8mqwv{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);display:flex;font-size:14px;font-weight:550;height:44px;justify-content:center;outline:none;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .lc8mqwv:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6{display:none;height:100%;left:0;position:absolute;top:-1px;width:100%;z-index:1}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true]{display:block}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true]>div:first-child{animation:showLines-oeeit6 1s ease-out 50ms forwards,hiddenLines-oeeit6 1.5s ease-in 4.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true]>div:nth-child(2){animation:showLines-oeeit6 .7s ease-out .5s forwards,hiddenLines-oeeit6 1s ease-in 5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true]>div:nth-child(3){animation:showLines-oeeit6 .5s ease-out .7s forwards,hiddenLines-oeeit6 .7s ease-in 5.3s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true]>div:nth-child(4){animation:showLines-oeeit6 .4s ease-out 1s forwards,hiddenLines-oeeit6 .5s ease-in 5.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true][data-first-screen=true]>div:first-child{animation:showLines-oeeit6 1s ease-out 1s forwards,hiddenLines-oeeit6 1.5s ease-in 4.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true][data-first-screen=true]>div:nth-child(2){animation:showLines-oeeit6 .7s ease-out 1.4s forwards,hiddenLines-oeeit6 1s ease-in 5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true][data-first-screen=true]>div:nth-child(3){animation:showLines-oeeit6 .5s ease-out 1.7s forwards,hiddenLines-oeeit6 .7s ease-in 5.3s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true][data-last-screen=true]>div:first-child{animation:showLines-oeeit6 1s ease-out 50ms forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true][data-last-screen=true]>div:nth-child(2){animation:showLines-oeeit6 .7s ease-out .5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true][data-last-screen=true]>div:nth-child(3){animation:showLines-oeeit6 .5s ease-out .7s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true][data-last-screen=true]>div:nth-child(4){animation:showLines-oeeit6 .4s ease-out 1s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6>div{background-color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-correct=true]>div{background-color:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-correct=false]>div{background-color:var(--color-neutrals-gray6)}@keyframes showLines-oeeit6{0%{transform:translateX(400px) rotate(137deg)}to{transform:translateX(0) rotate(137deg)}}@keyframes hiddenLines-oeeit6{0%{width:1000px}to{opacity:0;width:2000px}}.StreamLayerSDK>.StreamLayerSDKTheme .e1v245rb{bottom:-580px;height:1000px;opacity:.05;position:absolute;transform:translateX(400px) rotate(137deg);width:1000px}.StreamLayerSDK>.StreamLayerSDKTheme .neiocf7.e1v245rb{right:-818px}.StreamLayerSDK>.StreamLayerSDKTheme .t1vmkqme.e1v245rb{right:-902px}.StreamLayerSDK>.StreamLayerSDKTheme .r1ln3ryw.e1v245rb{right:-997px}.StreamLayerSDK>.StreamLayerSDKTheme .a1s6rgzs.e1v245rb{right:-891px}.StreamLayerSDK>.StreamLayerSDKTheme .h13kvn19.e1v245rb{right:-942px}.StreamLayerSDK>.StreamLayerSDKTheme .dcrmlko.e1v245rb{right:-996px}.StreamLayerSDK>.StreamLayerSDKTheme .m16755u3.e1v245rb{right:-931px}.StreamLayerSDK>.StreamLayerSDKTheme .cdwashk.e1v245rb{opacity:.1;right:-981px}.StreamLayerSDK>.StreamLayerSDKTheme .w1lh1meo.e1v245rb{opacity:.15;right:-1035px}.StreamLayerSDK>.StreamLayerSDKTheme .p1y0qeoo.e1v245rb{opacity:.2;right:-1088px}.StreamLayerSDK>.StreamLayerSDKTheme .l1wanjqa.e1v245rb{opacity:.1;right:-931px}.StreamLayerSDK>.StreamLayerSDKTheme .l1aaziu.e1v245rb{opacity:.1;right:-981px}.StreamLayerSDK>.StreamLayerSDKTheme .fwkppnn.e1v245rb{opacity:.1;right:-1035px}.StreamLayerSDK>.StreamLayerSDKTheme .uw10l4r.e1v245rb{opacity:.1;right:-1088px}.StreamLayerSDK>.StreamLayerSDKTheme .c1iwvsrd{background-color:var(--color-primary-green2);border-radius:8px;box-sizing:border-box;height:118px;overflow:hidden;position:relative;transition:background-color .7s ease-in;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c1iwvsrd[data-bg-color-white=true]{background-color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .s16ztc4y{background-color:transparent;position:absolute;right:0;top:0;transform:translateY(0);transition:transform 1s ease-in;width:100%;z-index:2}.StreamLayerSDK>.StreamLayerSDKTheme .s16ztc4y[data-active-number="2"]{transform:translateY(-118px)}.StreamLayerSDK>.StreamLayerSDKTheme .s16ztc4y[data-active-number="3"]{transform:translateY(-236px)}.StreamLayerSDK>.StreamLayerSDKTheme .s16ztc4y[data-active-number="4"]{transform:translateY(-354px)}.StreamLayerSDK>.StreamLayerSDKTheme .s16ztc4y[data-active-number="5"]{transform:translateY(-472px)}.StreamLayerSDK>.StreamLayerSDKTheme .lpu10kq{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border-radius:8px;color:var(--color-white);display:flex;flex-direction:column;font-family:var(--font-serif);height:118px;justify-content:center;padding:22px 16px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .lpu10kq[data-color-green=true]{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .pv9ujcb{-webkit-box-pack:center;-ms-flex-pack:center;display:flex;font-size:20px;font-weight:var(--font-weight-default);justify-content:center;margin-bottom:10px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .pv9ujcb[data-incorrect=true]{color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .ow7lyj4{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;font-family:var(--font-regular);font-size:12px;font-weight:500;justify-content:center;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .ow7lyj4[data-incorrect=true]{color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .d1xtwn2m.ow7lyj4{font-family:var(--font-serif)}.StreamLayerSDK>.StreamLayerSDKTheme .f1bvvudl{font-weight:400px;margin-left:5px}.StreamLayerSDK>.StreamLayerSDKTheme .g56gji0{height:14px;margin-right:6px;width:14px}.StreamLayerSDK>.StreamLayerSDKTheme .x8gvwg8{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;outline:none;position:absolute;right:8px;top:8px;width:30px}.StreamLayerSDK>.StreamLayerSDKTheme .uckrlxs{height:20px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .uckrlxs path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .uckrlxs:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .p16oo5uk{background:#fff;border-radius:8px;box-sizing:border-box;overflow:hidden;padding:16px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .a18c5k3h{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:11px;top:11px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .czv5t8k g>path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .czv5t8k:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .s1wp1emp{align-items:center;display:flex;margin-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .l1nz0q6x{height:13px;margin-right:4px;width:13px}.StreamLayerSDK>.StreamLayerSDKTheme .l1nz0q6x path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .g1jhb9lu{color:var(--color-neutrals-gray7);font-size:12px;font-weight:550}.StreamLayerSDK>.StreamLayerSDKTheme .ds6gfsv{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;margin-bottom:12px;padding-right:10px}.StreamLayerSDK>.StreamLayerSDKTheme .xkzz16s{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);cursor:pointer;display:flex;font-size:14px;font-weight:550;height:44px;justify-content:center;outline:none;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .xkzz16s:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .i1j5f618{-moz-column-gap:8px;column-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .i1j5f618,.StreamLayerSDK>.StreamLayerSDKTheme .n1fqaem9{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .n1fqaem9{justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .o1jovu9m{border-radius:50%;height:46px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:46px}.StreamLayerSDK>.StreamLayerSDKTheme .a12ibiz8{color:var(--color-neutrals-gray9);display:flex;flex-direction:column;font-weight:var(--font-weight-default);row-gap:2px}.StreamLayerSDK>.StreamLayerSDKTheme .r1r4eua{align-items:center;-moz-column-gap:4px;column-gap:4px;display:flex;font-family:var(--font-serif);font-size:12px}.StreamLayerSDK>.StreamLayerSDKTheme .l1ymr3ce{font-size:12px;line-height:20px}.StreamLayerSDK>.StreamLayerSDKTheme .tfx5umz{background-color:var(--color-neutrals-white);border-radius:8px;box-sizing:border-box;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e1a1fcxr{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);display:flex;font-size:14px;font-weight:550;height:44px;justify-content:center;outline:none;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e1a1fcxr:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .i1iknwgy{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .n1uc9lmn{border-radius:8px;max-width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ae4b7qd{color:var(--color-neutrals-gray9);display:flex;flex-direction:column;font-weight:var(--font-weight-default);margin-bottom:16px;row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .l1udpjlr{border-bottom:.7px solid var(--color-neutrals-gray3);margin-bottom:12px;padding-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .d7ui2j0{-webkit-box-orient:vertical;-webkit-line-clamp:2;border-left:2px solid var(--color-primary-green2);color:var(--color-primary-green2);display:-webkit-box;font-family:var(--font-serif);font-size:12px;font-weight:var(--font-weight-default);max-height:32px;overflow:hidden;padding:0 24px 0 12px;text-overflow:ellipsis;word-break:break-word}.StreamLayerSDK>.StreamLayerSDKTheme .s1aopxp8{animation:containerShowIn-s1aopxp8 ease-out;animation-duration:var(--animation-duration);max-height:2500px;opacity:1;overflow:hidden;transform:scale(1);width:100%}@keyframes containerShowIn-s1aopxp8{0%{max-height:0;opacity:0;transform:scale(0)}80%{max-height:2500px;opacity:0;transform:scale(.9)}85%{max-height:2500px;transform:scale(.9)}to{max-height:2500px;opacity:1;transform:scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .c1t0h6s{animation:containerHide-c1t0h6s ease-out;animation-direction:reverse;animation-duration:var(--animation-duration);animation-fill-mode:forwards}@keyframes containerHide-c1t0h6s{0%{max-height:0;opacity:0;transform:scale(0)}80%{max-height:2500px;opacity:0;transform:scale(.9)}85%{max-height:2500px;transform:scale(.9)}to{max-height:2500px;opacity:1;transform:scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .d1qqtt3e{animation-duration:calc(var(--animation-duration)*3);position:relative;top:var(--header-height)}.StreamLayerSDK>.StreamLayerSDKTheme .d1qqtt3e>div{padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .idhrx8x{background:transparent;font-family:var(--font-regular);height:100%;min-width:324px;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep{height:100%;overflow-y:auto;transition:transform;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-function);width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep[data-nav=true]{height:calc(100% - var(--header-height));transform:translateY(var(--header-height))}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep[data-question-header=true]{height:calc(100% - var(--question-headers-height));transform:translateY(var(--question-headers-height))}.StreamLayerSDK>.StreamLayerSDKTheme .n1v8kucd{display:flex;flex-direction:column;gap:var(--container-padding);padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .e16yw7z1.n1v8kucd{background-color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .acysrl1{-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--color-neutrals-white);border-bottom:1px solid var(--color-neutrals-gray3);box-sizing:border-box;color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);justify-content:space-between;padding:12px 12px 12px 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .acysrl1,.StreamLayerSDK>.StreamLayerSDKTheme .lo57cjm{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .p14kwh4y{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .p14kwh4y path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .sxun7sq{font-family:var(--font-regular);margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .c1i8ida8{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;outline:none;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .g1m0xfmw path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .g1m0xfmw:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .taj61ja{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-primary-green2);border-radius:4px;color:var(--color-neutrals-white);display:flex;flex:1;justify-content:space-between;overflow:hidden;padding:9px 8px}.StreamLayerSDK>.StreamLayerSDKTheme .r19fxewd{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .i1whkbqh{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .i4lbhzs{align-items:center;color:var(--color-neutrals-white);display:flex;flex-direction:column;padding-top:2px;row-gap:4px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .ordquhq{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .nwzed99{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .o15y0waw{background-color:var(--color-primary-green1);border-radius:12px;font-weight:var(--font-weight-default);padding:12px}.StreamLayerSDK>.StreamLayerSDKTheme .ihjewwf{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex;justify-content:space-between;margin-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n10e9lv8{display:flex;flex-direction:column;row-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .r13bxv{-moz-column-gap:8px;column-gap:8px;display:flex;flex:1;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .a1fi59c9{-ms-flex-negative:0;border-radius:50%;flex-shrink:0;height:48px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .s1kkihge{display:flex;flex-direction:column;overflow:hidden;row-gap:6px}.StreamLayerSDK>.StreamLayerSDKTheme .cy4f4t{color:var(--color-white);font-size:16px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .p18cnlx1{align-items:center;color:var(--color-neutrals-white);-moz-column-gap:8px;column-gap:8px;display:flex;font-size:14px;height:14px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .lboqgs5{height:15px;width:15px}.StreamLayerSDK>.StreamLayerSDKTheme .d1oaal4{align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .d1oaal4,.StreamLayerSDK>.StreamLayerSDKTheme .x1yzgo0u{-moz-column-gap:4px;column-gap:4px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .x1yzgo0u{align-items:baseline}.StreamLayerSDK>.StreamLayerSDKTheme .f1l9i8s8{font-size:9px;opacity:.8}.StreamLayerSDK>.StreamLayerSDKTheme .g4cgl4u{background-color:var(--color-white);height:10px;opacity:.2;width:1px}.StreamLayerSDK>.StreamLayerSDKTheme .h1qn1tmd{-moz-column-gap:8px;column-gap:8px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .u1gsbhq4{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--color-primary-green2);border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .mvj8oco{-ms-flex-negative:0;background:#2d6ffd;border-radius:50%;color:#fff;flex-shrink:0;font-size:18px;height:48px;text-align:center;text-transform:uppercase;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .mvj8oco,.StreamLayerSDK>.StreamLayerSDKTheme .viqiaf2{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .viqiaf2{background-color:transparent;border:none;border-radius:50%;cursor:pointer;height:100%;max-height:48px;max-width:48px;outline:none;padding:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ciyeb68{align-items:center;display:flex;font-size:14px;margin-bottom:16px;padding:8px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ciyeb68[data-isPrediction=true]{align-items:flex-start}.StreamLayerSDK>.StreamLayerSDKTheme .nfic4xc{height:24px;margin-left:12px;margin-right:14px;min-width:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .nfic4xc g>path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;margin-right:16px;min-width:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66[data-feedbackType=correct]{background-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66[data-feedbackType=incorrect]{background-color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .p132yxcv{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw{margin-right:5px}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw[data-feedbackType=correct]{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw[data-feedbackType=incorrect]{color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .gzdx7pk{color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .smnc4zm{font-weight:400;margin-top:10px}.StreamLayerSDK>.StreamLayerSDKTheme .olc1eph{height:100%;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .olc1eph>div:not(:last-child){margin-bottom:16px}.StreamLayerSDK>.StreamLayerSDKTheme .n1yoh29a{padding:16px 16px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .pjkr5mb{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;margin:16px 0}.StreamLayerSDK>.StreamLayerSDKTheme .r82wnnx{display:flex;flex-direction:column;gap:8px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k{background-color:var(--color-neutrals-gray2);border:1px solid transparent;border-radius:4px;box-sizing:border-box;height:44px;max-height:44px;min-height:44px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k:hover:not(:disabled){border-color:var(--color-neutrals-gray5);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-selected=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=correct]{border-color:var(--color-primary-green1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=correct]:before{background-color:var(--color-primary-green1);content:"";display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=incorrect]{border-color:var(--color-secondary-red1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=incorrect]:before{background-color:var(--color-secondary-red1);content:"";display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-isNotChecked=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3{background-color:var(--color-neutrals-gray3);border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width 1s ease-in;z-index:0}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=correct]{background-color:var(--color-primary-green1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=incorrect]{background-color:var(--color-secondary-red1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=unset]{background-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .dmltvg2{align-items:center;background-color:transparent;border:none;border-radius:2px;color:var(--color-neutrals-gray9);display:flex;font-family:var(--font-regular);font-size:12px;font-weight:var(--font-weight-default);height:100%;outline:none;padding:5px 15px 5px 9px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .stfjpqz{width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .p198m24r{background-repeat:no-repeat;background-size:contain;bottom:-1px;height:52px;left:0;position:absolute;width:52px}.StreamLayerSDK>.StreamLayerSDKTheme .rbq5eu7{margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .g1iv6oeb.rbq5eu7{height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .h1qtxlqc.rbq5eu7{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .udm736q{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .b1da34tx{display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .x1dqwq83{line-height:17px;margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .v10s9my2{height:16px;margin-left:8px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .a1f928zy{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .a1r7f3z4{-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:1px solid var(--color-neutrals-gray3);border-radius:100px;color:var(--color-neutrals-gray9);display:flex;font-family:var(--font-regular);font-size:14px;font-weight:var(--font-weight-default);justify-content:space-between;-webkit-letter-spacing:-.15px;-moz-letter-spacing:-.15px;-ms-letter-spacing:-.15px;letter-spacing:-.15px;min-height:40px;padding:3px 3px 3px 11px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .a1r7f3z4>div:first-child:last-child{margin-left:auto;margin-right:auto}.StreamLayerSDK>.StreamLayerSDKTheme .sblndl{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .l7ka1tv{color:var(--color-neutrals-gray7);margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .p1edlxt3{margin-right:4px}.StreamLayerSDK>.StreamLayerSDKTheme .ghm08u2{align-items:flex-end;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .c12nsh46{font-size:14px;line-height:14px;margin-right:6px}.StreamLayerSDK>.StreamLayerSDKTheme .dlr9eoc{font-size:10px}.StreamLayerSDK>.StreamLayerSDKTheme .e1eio0mt{row-gap:16px}.StreamLayerSDK>.StreamLayerSDKTheme .e1eio0mt,.StreamLayerSDK>.StreamLayerSDKTheme .iigl87b{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .iigl87b{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n1o2cwub{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:16px;font-weight:var(--font-weight-default);line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .r3uxe45{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .lrqius{color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .o18unvw4{background-color:var(--color-neutrals-white);display:flex;flex-direction:column;padding:var(--container-padding);row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .ns0uvk8{-webkit-box-pack:center;-ms-flex-pack:center;border:1px solid var(--color-primary-green1);border-radius:40px;color:var(--color-primary-green1);-moz-column-gap:10px;column-gap:10px;font-size:14px;font-weight:var(--font-weight-default);justify-content:center;line-height:20px;padding:11px 16px;-webkit-text-decoration:none;text-decoration:none}.StreamLayerSDK>.StreamLayerSDKTheme .dk8r1eq,.StreamLayerSDK>.StreamLayerSDKTheme .ns0uvk8{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .dk8r1eq{-webkit-box-pack:start;-ms-flex-pack:start;background:var(--color-transparent-item);flex-direction:column;height:100%;justify-content:flex-start;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o{background-color:var(--color-neutrals-gray2);border-radius:8px;box-sizing:border-box;display:flex;overflow:hidden;padding:4px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o:before{background-color:var(--color-white);border-radius:6px;content:"";height:28px;left:4px;position:absolute;transition:transform var(--animation-duration) var(--animation-function);width:calc(50% - 4px)}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o[data-position=left]:before{transform:translateX(0)}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o[data-position=right]:before{transform:translateX(100%)}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;box-sizing:border-box;color:var(--color-neutrals-gray7);cursor:pointer;display:flex;font-size:12px;font-weight:550;height:28px;justify-content:center;outline:none;padding:4px 10px;width:50%}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl:hover{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl[data-selected=true]{color:var(--color-primary-green1);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .i1vk8ojx{position:relative;z-index:2}.StreamLayerSDK>.StreamLayerSDKTheme .a1w9zony{align-items:center;background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-gray3);border-radius:8px;color:var(--color-neutrals-gray9);-moz-column-gap:4px;column-gap:4px;cursor:pointer;display:flex;font-size:12px;font-weight:var(--font-weight-default);line-height:16px;padding:8px 16px 8px 8px}.StreamLayerSDK>.StreamLayerSDKTheme .a1w9zony:hover{border-color:var(--color-neutrals-gray5);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .l16qcfv8{min-width:28px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .p1gmcc5f{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .s1doddh0{-ms-flex-negative:0;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--color-grey-primary-onboarding-inapp);border-radius:50%;color:var(--color-neutrals-gray9);flex-shrink:0;font-size:12px;height:32px;justify-content:center;text-align:center;text-transform:uppercase;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .c1js9xhe,.StreamLayerSDK>.StreamLayerSDKTheme .s1doddh0{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .c1js9xhe{-webkit-box-flex:1;-ms-flex-positive:1;-moz-column-gap:8px;column-gap:8px;flex-grow:1}.StreamLayerSDK>.StreamLayerSDKTheme .d1tmnqsh{align-items:center;-moz-column-gap:4px;column-gap:4px;display:grid;grid-template-columns:1fr auto}.StreamLayerSDK>.StreamLayerSDKTheme .gi9h87j{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .x13mk3z6{flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .ay8exst{flex-direction:column;height:100%;padding:16px 16px 56px;row-gap:24px}.StreamLayerSDK>.StreamLayerSDKTheme .ay8exst,.StreamLayerSDK>.StreamLayerSDKTheme .l31riw0{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .l31riw0{background-color:var(--color-primary-green1);border-radius:50%;height:48px;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .pcmm4w7{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .cct922a{max-width:270px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .s12b7u74{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;margin-bottom:8px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .x1896nrl{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;line-height:20px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .d1vnagog{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:1px solid var(--color-neutrals-gray3);border-radius:8px;-moz-column-gap:16px;column-gap:16px;cursor:pointer;display:flex;justify-content:space-between;max-width:292px;padding:12px 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .gznzzc2{display:flex;flex-direction:column;font-weight:var(--font-weight-default);overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .fnmvyxu{color:var(--color-primary-green1);font-size:16px;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .h1iubd2g{color:var(--color-neutrals-gray9);font-size:14px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .mmvjfuo{flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .v1oi1553{-moz-column-gap:8px;column-gap:8px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .w1vwcogq{align-items:center;display:flex;flex-direction:column;min-width:68px;row-gap:8px;-webkit-text-decoration:none;text-decoration:none}.StreamLayerSDK>.StreamLayerSDKTheme .utbqo0e{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2{border:1px solid;border-radius:71px;font-size:12px;font-weight:var(--font-weight-default);outline:none;padding:14px 16px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=primary]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=primary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=secondary]{background-color:transparent;border-color:var(--color-primary-green1);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=secondary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2:disabled{opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2:disabled:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .s1lblda3{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:var(--border-radius);display:flex;gap:12px;justify-content:space-between;padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .s1lblda3:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .ascvb2g{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;display:flex;font-size:12px;font-weight:500;justify-content:flex-start;margin-bottom:8px}.StreamLayerSDK>.StreamLayerSDKTheme .p17rl8zy{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:14px;font-weight:400}.StreamLayerSDK>.StreamLayerSDKTheme .c6fk2ph{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .d1rdm136{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .d1rdm136 path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .fwqnnel{color:var(--color-neutrals-gray7);font-size:12px;font-weight:500;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .ucyxnlg{display:flex;flex:1;flex-direction:column;font-weight:700;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .xs2nk4s{color:var(--color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .gtym8sr{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:8px;height:20px;padding:6px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .vkjgzv5{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .h7uvs2c{text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .m53voq{border-left:1px solid var(--color-grey-primary);margin-left:5px;padding-left:5px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .n1jcgove{background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:8px;display:flex;flex-direction:column;padding:var(--container-padding);row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n1jcgove:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .n1jcgove .n1o2cwub{font-weight:400;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .n1jcgove .r3uxe45{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .l1bwp7hh{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);display:flex;font-size:14px;font-weight:550;height:44px;justify-content:center;outline:none;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .l1bwp7hh:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .t19vr3p1{display:flex;flex-direction:column;gap:8px;max-height:100%;overflow-y:auto}.StreamLayerSDK>.StreamLayerSDKTheme .n1ph66cs{background:var(--color-neutrals-white);inset:0;position:absolute;top:var(--header-height);z-index:3}.StreamLayerSDK>.StreamLayerSDKTheme .xorme7i{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;background:var(--color-transparent-item);display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .xorme7i>div{width:100%}
|
|
1
|
+
.StreamLayerSDK .StreamLayerCSSReset a,.StreamLayerSDK .StreamLayerCSSReset abbr,.StreamLayerSDK .StreamLayerCSSReset acronym,.StreamLayerSDK .StreamLayerCSSReset address,.StreamLayerSDK .StreamLayerCSSReset applet,.StreamLayerSDK .StreamLayerCSSReset article,.StreamLayerSDK .StreamLayerCSSReset aside,.StreamLayerSDK .StreamLayerCSSReset audio,.StreamLayerSDK .StreamLayerCSSReset b,.StreamLayerSDK .StreamLayerCSSReset big,.StreamLayerSDK .StreamLayerCSSReset blockquote,.StreamLayerSDK .StreamLayerCSSReset body,.StreamLayerSDK .StreamLayerCSSReset button,.StreamLayerSDK .StreamLayerCSSReset canvas,.StreamLayerSDK .StreamLayerCSSReset caption,.StreamLayerSDK .StreamLayerCSSReset center,.StreamLayerSDK .StreamLayerCSSReset cite,.StreamLayerSDK .StreamLayerCSSReset code,.StreamLayerSDK .StreamLayerCSSReset dd,.StreamLayerSDK .StreamLayerCSSReset del,.StreamLayerSDK .StreamLayerCSSReset details,.StreamLayerSDK .StreamLayerCSSReset dfn,.StreamLayerSDK .StreamLayerCSSReset div,.StreamLayerSDK .StreamLayerCSSReset dl,.StreamLayerSDK .StreamLayerCSSReset dt,.StreamLayerSDK .StreamLayerCSSReset em,.StreamLayerSDK .StreamLayerCSSReset embed,.StreamLayerSDK .StreamLayerCSSReset fieldset,.StreamLayerSDK .StreamLayerCSSReset figcaption,.StreamLayerSDK .StreamLayerCSSReset figure,.StreamLayerSDK .StreamLayerCSSReset footer,.StreamLayerSDK .StreamLayerCSSReset form,.StreamLayerSDK .StreamLayerCSSReset h1,.StreamLayerSDK .StreamLayerCSSReset h2,.StreamLayerSDK .StreamLayerCSSReset h3,.StreamLayerSDK .StreamLayerCSSReset h4,.StreamLayerSDK .StreamLayerCSSReset h5,.StreamLayerSDK .StreamLayerCSSReset h6,.StreamLayerSDK .StreamLayerCSSReset header,.StreamLayerSDK .StreamLayerCSSReset hgroup,.StreamLayerSDK .StreamLayerCSSReset html,.StreamLayerSDK .StreamLayerCSSReset i,.StreamLayerSDK .StreamLayerCSSReset iframe,.StreamLayerSDK .StreamLayerCSSReset img,.StreamLayerSDK .StreamLayerCSSReset ins,.StreamLayerSDK .StreamLayerCSSReset kbd,.StreamLayerSDK .StreamLayerCSSReset label,.StreamLayerSDK .StreamLayerCSSReset legend,.StreamLayerSDK .StreamLayerCSSReset li,.StreamLayerSDK .StreamLayerCSSReset mark,.StreamLayerSDK .StreamLayerCSSReset menu,.StreamLayerSDK .StreamLayerCSSReset nav,.StreamLayerSDK .StreamLayerCSSReset object,.StreamLayerSDK .StreamLayerCSSReset ol,.StreamLayerSDK .StreamLayerCSSReset output,.StreamLayerSDK .StreamLayerCSSReset p,.StreamLayerSDK .StreamLayerCSSReset pre,.StreamLayerSDK .StreamLayerCSSReset q,.StreamLayerSDK .StreamLayerCSSReset ruby,.StreamLayerSDK .StreamLayerCSSReset s,.StreamLayerSDK .StreamLayerCSSReset samp,.StreamLayerSDK .StreamLayerCSSReset section,.StreamLayerSDK .StreamLayerCSSReset small,.StreamLayerSDK .StreamLayerCSSReset span,.StreamLayerSDK .StreamLayerCSSReset strike,.StreamLayerSDK .StreamLayerCSSReset strong,.StreamLayerSDK .StreamLayerCSSReset sub,.StreamLayerSDK .StreamLayerCSSReset summary,.StreamLayerSDK .StreamLayerCSSReset sup,.StreamLayerSDK .StreamLayerCSSReset table,.StreamLayerSDK .StreamLayerCSSReset tbody,.StreamLayerSDK .StreamLayerCSSReset td,.StreamLayerSDK .StreamLayerCSSReset tfoot,.StreamLayerSDK .StreamLayerCSSReset th,.StreamLayerSDK .StreamLayerCSSReset thead,.StreamLayerSDK .StreamLayerCSSReset time,.StreamLayerSDK .StreamLayerCSSReset tr,.StreamLayerSDK .StreamLayerCSSReset tt,.StreamLayerSDK .StreamLayerCSSReset u,.StreamLayerSDK .StreamLayerCSSReset ul,.StreamLayerSDK .StreamLayerCSSReset var,.StreamLayerSDK .StreamLayerCSSReset video{outline:none}.StreamLayerSDK,.StreamLayerSDK>.StreamLayerSDKTheme{height:100%}.StreamLayerSDKTheme *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.StreamLayerSDK>.StreamLayerSDKTheme .l4qld3l{align-items:center;border-radius:40px;-moz-column-gap:8px;column-gap:8px;display:inline-flex;padding:4px 17px 4px 4px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .l4qld3l:before{border:1px solid var(--color-neutrals-white);border-radius:40px;bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0;z-index:-1}@media (max-width:767px){.l4qld3l{padding-right:10px}}.StreamLayerSDK>.StreamLayerSDKTheme .ainhtok{-ms-flex-negative:0;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--color-primary-green2);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}@media (max-width:767px){.ainhtok{height:28px;width:28px}}.StreamLayerSDK>.StreamLayerSDKTheme .xk8yd5t{height:20px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .xk8yd5t path{fill:var(--color-neutrals-white)}@media (max-width:767px){.xk8yd5t{height:14px;width:14px}}.StreamLayerSDK>.StreamLayerSDKTheme .h6rf9gb{color:var(--color-neutrals-white);display:flex;flex-direction:column;font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .c18f5pxx{font-size:9px;margin-bottom:1px;text-transform:uppercase}@media (max-width:767px){.c18f5pxx{display:none}}.StreamLayerSDK>.StreamLayerSDKTheme .m1jwsyj1{font-size:18px;line-height:20px}@media (max-width:767px){.m1jwsyj1{font-size:14px;line-height:22px}}.StreamLayerSDK>.StreamLayerSDKTheme .pedqibx{--color-bg-transparent:rgba(0,0,0,.8);--color-bg-transparent-vote-container:rgba(10,14,19,.8);--color-bg-transparent-item:rgba(0,0,0,.7);--color-bg-transparent-item-vote:hsla(0,0%,100%,.1);--color-bg-transparent-item-success:rgba(0,139,251,.2);--color-bg-transparent-item-error:rgba(205,37,37,.2);--color-bg-transparent-vote-progress:hsla(0,0%,100%,.2);--color-bg-transparent-vote-progress-success:rgba(60,139,251,.5);--color-bg-transparent-vote-progress-error:rgba(205,37,37,.5);--color-bg-transparent-onboarding-inapp:rgba(138,159,182,.2);--color-leaderboard-unit:hsla(0,0%,100%,.5);--color-blue-primary:#1589ee;--color-red-primary:#cd2525;--color-red-secondary:#eb5757;--color-blue-question-action-btn:#1589ee;--color-white:#fff;--color-grey-1:#909395;--color-grey-2:#22262b;--color-grey-3:#2d3135;--color-grey-4:#53565a;--color-grey-primary-onboarding-inapp:#b5b7b8;--color-black-1:#161a1f;--color-green-1:#f7b801;--color-red-1:#a30000;--color-red-2:#ff4170;--color-grey-primary:#909395;--color-divider-color-secondary:#53565a;--color-green-primary-btn:#009b77;--color-primary-green1:#107d57;--color-primary-green2:#006747;--color-primary-green3:#1c4932;--color-primary-green4:#193526;--color-secondary-red1:#df2f3b;--color-secondary-red2:#ba0c2f;--color-secondary-red3:#f9d6d8;--color-secondary-yellow:#fce300;--color-secondary-green5:#c0dc8f;--color-secondary-green6:#cee5de;--color-neutrals-white:#fff;--color-neutrals-gray1:#f7f7f7;--color-neutrals-gray2:#f2f2f1;--color-neutrals-gray3:#e8e8e8;--color-neutrals-gray4:#d9d9d6;--color-neutrals-gray5:#b1b3b3;--color-neutrals-gray6:#888b8d;--color-neutrals-gray7:#6b6f73;--color-neutrals-gray8:#53565a;--color-neutrals-gray9:#25282a;--color-neutrals-black:#000;--font-family:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-regular:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-color:#fff;--font-serif:"Tiempos","Tiempos Text",Times New Roman,serif;--font-weight-default:500;--header-height:68px;--animation-duration:0.5s;--animation-function:ease;--container-padding:16px;--border-radius:8px}.StreamLayerSDK>.StreamLayerSDKTheme .pedqibx *{box-sizing:border-box}.StreamLayerSDK>.StreamLayerSDKTheme ._14894ro{background:#222425;height:100%;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme ._14894ro,.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2{background-color:var(--color-white);border:1px solid var(--color-neutrals-gray3);border-radius:100px;color:var(--color-primary-green1);cursor:pointer;font-size:12px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.5px;-moz-letter-spacing:-.5px;-ms-letter-spacing:-.5px;letter-spacing:-.5px;max-height:36px;min-height:36px;padding:0 8px}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]:disabled:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:disabled{cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:disabled:hover{border-color:var(--color-neutrals-gray3);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .tw2meku{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:22px;justify-content:center;margin-right:5px;width:22px}.StreamLayerSDK>.StreamLayerSDKTheme .a10lggiw[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .a10lggiw[data-selected=true] g>path:nth-child(2){fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .d1x5s8ie[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .d1x5s8ie[data-selected=true] g>path:nth-child(2){fill:#fff;stroke:#107d57}.StreamLayerSDK>.StreamLayerSDKTheme .ntav86o[data-selected=true] g>path{fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .n1rlvhvz{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-neutrals-white);display:flex;justify-content:space-between}.StreamLayerSDK>.StreamLayerSDKTheme .n9bnom{animation:show-nav-n9bnom .5s ease;animation-fill-mode:forwards;border-bottom:1px solid var(--color-neutrals-gray3);box-sizing:border-box;left:0;opacity:0;overflow:hidden;padding:var(--container-padding);position:absolute;right:0;top:0}.StreamLayerSDK>.StreamLayerSDKTheme .n9bnom>button:not(:last-child){margin-right:8px}@keyframes show-nav-n9bnom{90%{opacity:0}to{height:68px;opacity:1}}.StreamLayerSDK>.StreamLayerSDKTheme .i1bwjtdb{border-radius:8px;cursor:pointer;display:flex;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .enb7moc{width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .r1ws5lyh{height:100%;left:0;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .soibf55{cursor:pointer;display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.StreamLayerSDK>.StreamLayerSDKTheme .rcr31jh{background-color:var(--color-neutrals-white);border-radius:8px;box-sizing:border-box;row-gap:16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ihj4z8w,.StreamLayerSDK>.StreamLayerSDKTheme .rcr31jh{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .ihj4z8w{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .t1oks4sz{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .n18s3mno,.StreamLayerSDK>.StreamLayerSDKTheme .t1oks4sz{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-weight:var(--font-weight-default);max-height:50px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .n18s3mno{color:var(--color-neutrals-gray9);font-size:12px;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .lc8mqwv{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);display:flex;font-size:14px;font-weight:550;height:44px;justify-content:center;outline:none;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .lc8mqwv:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6{display:none;height:100%;left:0;position:absolute;top:-1px;width:100%;z-index:1}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true]{display:block}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true]>div:first-child{animation:showLines-oeeit6 1s ease-out 50ms forwards,hiddenLines-oeeit6 1.5s ease-in 4.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true]>div:nth-child(2){animation:showLines-oeeit6 .7s ease-out .5s forwards,hiddenLines-oeeit6 1s ease-in 5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true]>div:nth-child(3){animation:showLines-oeeit6 .5s ease-out .7s forwards,hiddenLines-oeeit6 .7s ease-in 5.3s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true]>div:nth-child(4){animation:showLines-oeeit6 .4s ease-out 1s forwards,hiddenLines-oeeit6 .5s ease-in 5.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true][data-first-screen=true]>div:first-child{animation:showLines-oeeit6 1s ease-out 1s forwards,hiddenLines-oeeit6 1.5s ease-in 4.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true][data-first-screen=true]>div:nth-child(2){animation:showLines-oeeit6 .7s ease-out 1.4s forwards,hiddenLines-oeeit6 1s ease-in 5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true][data-first-screen=true]>div:nth-child(3){animation:showLines-oeeit6 .5s ease-out 1.7s forwards,hiddenLines-oeeit6 .7s ease-in 5.3s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true][data-last-screen=true]>div:first-child{animation:showLines-oeeit6 1s ease-out 50ms forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true][data-last-screen=true]>div:nth-child(2){animation:showLines-oeeit6 .7s ease-out .5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true][data-last-screen=true]>div:nth-child(3){animation:showLines-oeeit6 .5s ease-out .7s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-active=true][data-last-screen=true]>div:nth-child(4){animation:showLines-oeeit6 .4s ease-out 1s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6>div{background-color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-correct=true]>div{background-color:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .oeeit6[data-correct=false]>div{background-color:var(--color-neutrals-gray6)}@keyframes showLines-oeeit6{0%{transform:translateX(400px) rotate(137deg)}to{transform:translateX(0) rotate(137deg)}}@keyframes hiddenLines-oeeit6{0%{width:1000px}to{opacity:0;width:2000px}}.StreamLayerSDK>.StreamLayerSDKTheme .e1v245rb{bottom:-580px;height:1000px;opacity:.05;position:absolute;transform:translateX(400px) rotate(137deg);width:1000px}.StreamLayerSDK>.StreamLayerSDKTheme .neiocf7.e1v245rb{right:-818px}.StreamLayerSDK>.StreamLayerSDKTheme .t1vmkqme.e1v245rb{right:-902px}.StreamLayerSDK>.StreamLayerSDKTheme .r1ln3ryw.e1v245rb{right:-997px}.StreamLayerSDK>.StreamLayerSDKTheme .a1s6rgzs.e1v245rb{right:-891px}.StreamLayerSDK>.StreamLayerSDKTheme .h13kvn19.e1v245rb{right:-942px}.StreamLayerSDK>.StreamLayerSDKTheme .dcrmlko.e1v245rb{right:-996px}.StreamLayerSDK>.StreamLayerSDKTheme .m16755u3.e1v245rb{right:-931px}.StreamLayerSDK>.StreamLayerSDKTheme .cdwashk.e1v245rb{opacity:.1;right:-981px}.StreamLayerSDK>.StreamLayerSDKTheme .w1lh1meo.e1v245rb{opacity:.15;right:-1035px}.StreamLayerSDK>.StreamLayerSDKTheme .p1y0qeoo.e1v245rb{opacity:.2;right:-1088px}.StreamLayerSDK>.StreamLayerSDKTheme .l1wanjqa.e1v245rb{opacity:.1;right:-931px}.StreamLayerSDK>.StreamLayerSDKTheme .l1aaziu.e1v245rb{opacity:.1;right:-981px}.StreamLayerSDK>.StreamLayerSDKTheme .fwkppnn.e1v245rb{opacity:.1;right:-1035px}.StreamLayerSDK>.StreamLayerSDKTheme .uw10l4r.e1v245rb{opacity:.1;right:-1088px}.StreamLayerSDK>.StreamLayerSDKTheme .c1iwvsrd{background-color:var(--color-primary-green2);border-radius:8px;box-sizing:border-box;height:118px;overflow:hidden;position:relative;transition:background-color .7s ease-in;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c1iwvsrd[data-bg-color-white=true]{background-color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .s16ztc4y{background-color:transparent;position:absolute;right:0;top:0;transform:translateY(0);transition:transform 1s ease-in;width:100%;z-index:2}.StreamLayerSDK>.StreamLayerSDKTheme .s16ztc4y[data-active-number="2"]{transform:translateY(-118px)}.StreamLayerSDK>.StreamLayerSDKTheme .s16ztc4y[data-active-number="3"]{transform:translateY(-236px)}.StreamLayerSDK>.StreamLayerSDKTheme .s16ztc4y[data-active-number="4"]{transform:translateY(-354px)}.StreamLayerSDK>.StreamLayerSDKTheme .s16ztc4y[data-active-number="5"]{transform:translateY(-472px)}.StreamLayerSDK>.StreamLayerSDKTheme .lpu10kq{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border-radius:8px;color:var(--color-white);display:flex;flex-direction:column;font-family:var(--font-serif);height:118px;justify-content:center;padding:22px 16px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .lpu10kq[data-color-green=true]{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .pv9ujcb{-webkit-box-pack:center;-ms-flex-pack:center;display:flex;font-size:20px;font-weight:var(--font-weight-default);justify-content:center;margin-bottom:10px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .pv9ujcb[data-incorrect=true]{color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .ow7lyj4{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;font-family:var(--font-regular);font-size:12px;font-weight:500;justify-content:center;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .ow7lyj4[data-incorrect=true]{color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .d1xtwn2m.ow7lyj4{font-family:var(--font-serif)}.StreamLayerSDK>.StreamLayerSDKTheme .f1bvvudl{font-weight:400px;margin-left:5px}.StreamLayerSDK>.StreamLayerSDKTheme .g56gji0{height:14px;margin-right:6px;width:14px}.StreamLayerSDK>.StreamLayerSDKTheme .x8gvwg8{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;outline:none;position:absolute;right:8px;top:8px;width:30px}.StreamLayerSDK>.StreamLayerSDKTheme .uckrlxs{height:20px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .uckrlxs path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .uckrlxs:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .p16oo5uk{background:#fff;border-radius:8px;box-sizing:border-box;overflow:hidden;padding:16px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .a18c5k3h{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:11px;top:11px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .czv5t8k g>path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .czv5t8k:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .s1wp1emp{align-items:center;display:flex;margin-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .l1nz0q6x{height:13px;margin-right:4px;width:13px}.StreamLayerSDK>.StreamLayerSDKTheme .l1nz0q6x path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .g1jhb9lu{color:var(--color-neutrals-gray7);font-size:12px;font-weight:550}.StreamLayerSDK>.StreamLayerSDKTheme .ds6gfsv{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;margin-bottom:12px;padding-right:10px}.StreamLayerSDK>.StreamLayerSDKTheme .xkzz16s{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);cursor:pointer;display:flex;font-size:14px;font-weight:550;height:44px;justify-content:center;outline:none;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .xkzz16s:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .i1j5f618{-moz-column-gap:8px;column-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .i1j5f618,.StreamLayerSDK>.StreamLayerSDKTheme .n1fqaem9{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .n1fqaem9{justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .o1jovu9m{border-radius:50%;height:46px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:46px}.StreamLayerSDK>.StreamLayerSDKTheme .a12ibiz8{color:var(--color-neutrals-gray9);display:flex;flex-direction:column;font-weight:var(--font-weight-default);row-gap:2px}.StreamLayerSDK>.StreamLayerSDKTheme .r1r4eua{align-items:center;-moz-column-gap:4px;column-gap:4px;display:flex;font-family:var(--font-serif);font-size:12px}.StreamLayerSDK>.StreamLayerSDKTheme .l1ymr3ce{font-size:12px;line-height:20px}.StreamLayerSDK>.StreamLayerSDKTheme .tfx5umz{background-color:var(--color-neutrals-white);border-radius:8px;box-sizing:border-box;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e1a1fcxr{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);display:flex;font-size:14px;font-weight:550;height:44px;justify-content:center;outline:none;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e1a1fcxr:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .i1iknwgy{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .n1uc9lmn{border-radius:8px;max-width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ae4b7qd{color:var(--color-neutrals-gray9);display:flex;flex-direction:column;font-weight:var(--font-weight-default);margin-bottom:16px;row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .l1udpjlr{border-bottom:.7px solid var(--color-neutrals-gray3);margin-bottom:12px;padding-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .d7ui2j0{-webkit-box-orient:vertical;-webkit-line-clamp:2;border-left:2px solid var(--color-primary-green2);color:var(--color-primary-green2);display:-webkit-box;font-family:var(--font-serif);font-size:12px;font-weight:var(--font-weight-default);max-height:32px;overflow:hidden;padding:0 24px 0 12px;text-overflow:ellipsis;word-break:break-word}.StreamLayerSDK>.StreamLayerSDKTheme .s1aopxp8{animation:containerShowIn-s1aopxp8 ease-out;animation-duration:var(--animation-duration);max-height:2500px;opacity:1;overflow:hidden;transform:scale(1);width:100%}@keyframes containerShowIn-s1aopxp8{0%{max-height:0;opacity:0;transform:scale(0)}80%{max-height:2500px;opacity:0;transform:scale(.9)}85%{max-height:2500px;transform:scale(.9)}to{max-height:2500px;opacity:1;transform:scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .c1t0h6s{animation:containerHide-c1t0h6s ease-out;animation-direction:reverse;animation-duration:var(--animation-duration);animation-fill-mode:forwards}@keyframes containerHide-c1t0h6s{0%{max-height:0;opacity:0;transform:scale(0)}80%{max-height:2500px;opacity:0;transform:scale(.9)}85%{max-height:2500px;transform:scale(.9)}to{max-height:2500px;opacity:1;transform:scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .d1qqtt3e{animation-duration:calc(var(--animation-duration)*3);position:relative;top:var(--header-height)}.StreamLayerSDK>.StreamLayerSDKTheme .d1qqtt3e>div{padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .idhrx8x{background:transparent;font-family:var(--font-regular);height:100%;min-width:324px;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep{height:100%;overflow-y:auto;transition:transform;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-function);width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep[data-nav=true]{height:calc(100% - var(--header-height));transform:translateY(var(--header-height))}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep[data-question-header=true]{height:calc(100% - var(--question-headers-height,0%));transform:translateY(var(--question-headers-height))}.StreamLayerSDK>.StreamLayerSDKTheme .n1v8kucd{display:flex;flex-direction:column;gap:var(--container-padding);padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .e16yw7z1.n1v8kucd{background-color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .acysrl1{-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--color-neutrals-white);border-bottom:1px solid var(--color-neutrals-gray3);box-sizing:border-box;color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);justify-content:space-between;padding:12px 12px 12px 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .acysrl1,.StreamLayerSDK>.StreamLayerSDKTheme .lo57cjm{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .p14kwh4y{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .p14kwh4y path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .sxun7sq{font-family:var(--font-regular);margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .c1i8ida8{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;outline:none;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .g1m0xfmw path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .g1m0xfmw:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .taj61ja{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-primary-green2);border-radius:4px;color:var(--color-neutrals-white);display:flex;flex:1;justify-content:space-between;overflow:hidden;padding:9px 8px}.StreamLayerSDK>.StreamLayerSDKTheme .r19fxewd{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .i1whkbqh{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .i4lbhzs{align-items:center;color:var(--color-neutrals-white);display:flex;flex-direction:column;padding-top:2px;row-gap:4px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .ordquhq{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .nwzed99{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .o15y0waw{background-color:var(--color-primary-green1);border-radius:12px;font-weight:var(--font-weight-default);padding:12px}.StreamLayerSDK>.StreamLayerSDKTheme .ihjewwf{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex;justify-content:space-between;margin-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n10e9lv8{display:flex;flex-direction:column;row-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .r13bxv{-moz-column-gap:8px;column-gap:8px;display:flex;flex:1;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .a1fi59c9{-ms-flex-negative:0;border-radius:50%;flex-shrink:0;height:48px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .s1kkihge{display:flex;flex-direction:column;overflow:hidden;row-gap:6px}.StreamLayerSDK>.StreamLayerSDKTheme .cy4f4t{color:var(--color-white);font-size:16px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .p18cnlx1{align-items:center;color:var(--color-neutrals-white);-moz-column-gap:8px;column-gap:8px;display:flex;font-size:14px;height:14px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .lboqgs5{height:15px;width:15px}.StreamLayerSDK>.StreamLayerSDKTheme .d1oaal4{align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .d1oaal4,.StreamLayerSDK>.StreamLayerSDKTheme .x1yzgo0u{-moz-column-gap:4px;column-gap:4px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .x1yzgo0u{align-items:baseline}.StreamLayerSDK>.StreamLayerSDKTheme .f1l9i8s8{font-size:9px;opacity:.8}.StreamLayerSDK>.StreamLayerSDKTheme .g4cgl4u{background-color:var(--color-white);height:10px;opacity:.2;width:1px}.StreamLayerSDK>.StreamLayerSDKTheme .h1qn1tmd{-moz-column-gap:8px;column-gap:8px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .u1gsbhq4{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--color-primary-green2);border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .mvj8oco{-ms-flex-negative:0;background:#2d6ffd;border-radius:50%;color:#fff;flex-shrink:0;font-size:18px;height:48px;text-align:center;text-transform:uppercase;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .mvj8oco,.StreamLayerSDK>.StreamLayerSDKTheme .viqiaf2{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .viqiaf2{background-color:transparent;border:none;border-radius:50%;cursor:pointer;height:100%;max-height:48px;max-width:48px;outline:none;padding:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i1mbhc7z{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding-bottom:32px;row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n1f9yefw{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:20px;font-weight:400;line-height:26px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .o1n7beii{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;line-height:20px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .ciyeb68{align-items:center;display:flex;font-size:14px;margin-bottom:16px;padding:8px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ciyeb68[data-isPrediction=true]{align-items:flex-start}.StreamLayerSDK>.StreamLayerSDKTheme .nfic4xc{height:24px;margin-left:12px;margin-right:14px;min-width:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .nfic4xc g>path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;margin-right:16px;min-width:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66[data-feedbackType=correct]{background-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66[data-feedbackType=incorrect]{background-color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .p132yxcv{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw{margin-right:5px}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw[data-feedbackType=correct]{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw[data-feedbackType=incorrect]{color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .gzdx7pk{color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .smnc4zm{font-weight:400;margin-top:10px}.StreamLayerSDK>.StreamLayerSDKTheme .olc1eph{height:100%;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .olc1eph>div:not(:last-child){margin-bottom:16px}.StreamLayerSDK>.StreamLayerSDKTheme .n1yoh29a{display:flex;flex-direction:column;height:100%;padding:16px 16px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ejkr5mb{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;margin:16px 0}.StreamLayerSDK>.StreamLayerSDKTheme .p82wnnx{display:flex;flex-direction:column;gap:8px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k{background-color:var(--color-neutrals-gray2);border:1px solid transparent;border-radius:4px;box-sizing:border-box;height:44px;max-height:44px;min-height:44px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k:hover:not(:disabled){border-color:var(--color-neutrals-gray5);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-selected=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=correct]{border-color:var(--color-primary-green1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=correct]:before{background-color:var(--color-primary-green1);content:"";display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=incorrect]{border-color:var(--color-secondary-red1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=incorrect]:before{background-color:var(--color-secondary-red1);content:"";display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-isNotChecked=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3{background-color:var(--color-neutrals-gray3);border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width 1s ease-in;z-index:0}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=correct]{background-color:var(--color-primary-green1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=incorrect]{background-color:var(--color-secondary-red1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=unset]{background-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .dmltvg2{align-items:center;background-color:transparent;border:none;border-radius:2px;color:var(--color-neutrals-gray9);display:flex;font-family:var(--font-regular);font-size:12px;font-weight:var(--font-weight-default);height:100%;outline:none;padding:5px 15px 5px 9px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .stfjpqz{width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .p198m24r{background-repeat:no-repeat;background-size:contain;bottom:-1px;height:52px;left:0;position:absolute;width:52px}.StreamLayerSDK>.StreamLayerSDKTheme .rbq5eu7{margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .g1iv6oeb.rbq5eu7{height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .h1qtxlqc.rbq5eu7{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .udm736q{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .b1da34tx{display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .x1dqwq83{line-height:17px;margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .v10s9my2{height:16px;margin-left:8px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .a1f928zy{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .a1r7f3z4{-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:1px solid var(--color-neutrals-gray3);border-radius:100px;color:var(--color-neutrals-gray9);display:flex;font-family:var(--font-regular);font-size:14px;font-weight:var(--font-weight-default);justify-content:space-between;-webkit-letter-spacing:-.15px;-moz-letter-spacing:-.15px;-ms-letter-spacing:-.15px;letter-spacing:-.15px;min-height:40px;padding:3px 3px 3px 11px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .a1r7f3z4>div:first-child:last-child{margin-left:auto;margin-right:auto}.StreamLayerSDK>.StreamLayerSDKTheme .sblndl{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .l7ka1tv{color:var(--color-neutrals-gray7);margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .p1edlxt3{margin-right:4px}.StreamLayerSDK>.StreamLayerSDKTheme .ghm08u2{align-items:flex-end;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .c12nsh46{font-size:14px;line-height:14px;margin-right:6px}.StreamLayerSDK>.StreamLayerSDKTheme .dlr9eoc{font-size:10px}.StreamLayerSDK>.StreamLayerSDKTheme .e1eio0mt{row-gap:16px}.StreamLayerSDK>.StreamLayerSDKTheme .e1eio0mt,.StreamLayerSDK>.StreamLayerSDKTheme .iigl87b{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .iigl87b{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n1o2cwub{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:16px;font-weight:var(--font-weight-default);line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .r3uxe45{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .lrqius{color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .o18unvw4{background-color:var(--color-neutrals-white);display:flex;flex-direction:column;padding:var(--container-padding);row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .ns0uvk8{-webkit-box-pack:center;-ms-flex-pack:center;border:1px solid var(--color-primary-green1);border-radius:40px;color:var(--color-primary-green1);-moz-column-gap:10px;column-gap:10px;font-size:14px;font-weight:var(--font-weight-default);justify-content:center;line-height:20px;padding:11px 16px;-webkit-text-decoration:none;text-decoration:none}.StreamLayerSDK>.StreamLayerSDKTheme .dk8r1eq,.StreamLayerSDK>.StreamLayerSDKTheme .ns0uvk8{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .dk8r1eq{-webkit-box-pack:start;-ms-flex-pack:start;background:var(--color-transparent-item);flex-direction:column;height:100%;justify-content:flex-start;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o{background-color:var(--color-neutrals-gray2);border-radius:8px;box-sizing:border-box;display:flex;overflow:hidden;padding:4px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o:before{background-color:var(--color-white);border-radius:6px;content:"";height:28px;left:4px;position:absolute;transition:transform var(--animation-duration) var(--animation-function);width:calc(50% - 4px)}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o[data-position=left]:before{transform:translateX(0)}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o[data-position=right]:before{transform:translateX(100%)}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;box-sizing:border-box;color:var(--color-neutrals-gray7);cursor:pointer;display:flex;font-size:12px;font-weight:550;height:28px;justify-content:center;outline:none;padding:4px 10px;width:50%}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl:hover{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl[data-selected=true]{color:var(--color-primary-green1);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .i1vk8ojx{position:relative;z-index:2}.StreamLayerSDK>.StreamLayerSDKTheme .a1w9zony{align-items:center;background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-gray3);border-radius:8px;color:var(--color-neutrals-gray9);-moz-column-gap:4px;column-gap:4px;cursor:pointer;display:flex;font-size:12px;font-weight:var(--font-weight-default);line-height:16px;padding:8px 16px 8px 8px}.StreamLayerSDK>.StreamLayerSDKTheme .a1w9zony:hover{border-color:var(--color-neutrals-gray5);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .l16qcfv8{min-width:28px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .p1gmcc5f{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .s1doddh0{-ms-flex-negative:0;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--color-grey-primary-onboarding-inapp);border-radius:50%;color:var(--color-neutrals-gray9);flex-shrink:0;font-size:12px;height:32px;justify-content:center;text-align:center;text-transform:uppercase;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .c1js9xhe,.StreamLayerSDK>.StreamLayerSDKTheme .s1doddh0{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .c1js9xhe{-webkit-box-flex:1;-ms-flex-positive:1;-moz-column-gap:8px;column-gap:8px;flex-grow:1}.StreamLayerSDK>.StreamLayerSDKTheme .d1tmnqsh{align-items:center;-moz-column-gap:4px;column-gap:4px;display:grid;grid-template-columns:1fr auto}.StreamLayerSDK>.StreamLayerSDKTheme .gi9h87j{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .x13mk3z6{flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .ay8exst{flex-direction:column;height:100%;padding:16px 16px 56px;row-gap:24px}.StreamLayerSDK>.StreamLayerSDKTheme .ay8exst,.StreamLayerSDK>.StreamLayerSDKTheme .l31riw0{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .l31riw0{background-color:var(--color-primary-green1);border-radius:50%;height:48px;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .pcmm4w7{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .cct922a{max-width:270px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .s12b7u74{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;margin-bottom:8px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .x1896nrl{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;line-height:20px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .d1vnagog{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:1px solid var(--color-neutrals-gray3);border-radius:8px;-moz-column-gap:16px;column-gap:16px;cursor:pointer;display:flex;justify-content:space-between;max-width:292px;padding:12px 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .gznzzc2{display:flex;flex-direction:column;font-weight:var(--font-weight-default);overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .fnmvyxu{color:var(--color-primary-green1);font-size:16px;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .h1iubd2g{color:var(--color-neutrals-gray9);font-size:14px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .mmvjfuo{flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .v1oi1553{-moz-column-gap:8px;column-gap:8px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .w1vwcogq{align-items:center;display:flex;flex-direction:column;min-width:68px;row-gap:8px;-webkit-text-decoration:none;text-decoration:none}.StreamLayerSDK>.StreamLayerSDKTheme .utbqo0e{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2{border:1px solid;border-radius:71px;font-size:12px;font-weight:var(--font-weight-default);outline:none;padding:14px 16px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=primary]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=primary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=secondary]{background-color:transparent;border-color:var(--color-primary-green1);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=secondary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2:disabled{opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2:disabled:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .s1lblda3{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:var(--border-radius);display:flex;gap:12px;justify-content:space-between;padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .s1lblda3:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .ascvb2g{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;display:flex;font-size:12px;font-weight:500;justify-content:flex-start;margin-bottom:8px}.StreamLayerSDK>.StreamLayerSDKTheme .p17rl8zy{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:14px;font-weight:400}.StreamLayerSDK>.StreamLayerSDKTheme .c6fk2ph{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .d1rdm136{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .d1rdm136 path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .fwqnnel{color:var(--color-neutrals-gray7);font-size:12px;font-weight:500;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .ucyxnlg{display:flex;flex:1;flex-direction:column;font-weight:700;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .xs2nk4s{color:var(--color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .gtym8sr{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:8px;height:20px;padding:6px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .vkjgzv5{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .h7uvs2c{text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .m53voq{border-left:1px solid var(--color-grey-primary);margin-left:5px;padding-left:5px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .n1jcgove{background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:8px;display:flex;flex-direction:column;padding:var(--container-padding);row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n1jcgove:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .n1jcgove .n1o2cwub{font-weight:400;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .n1jcgove .r3uxe45{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .l1bwp7hh{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);display:flex;font-size:14px;font-weight:550;height:44px;justify-content:center;outline:none;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .l1bwp7hh:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .t19vr3p1{display:flex;flex-direction:column;gap:8px;max-height:100%;overflow-y:auto}.StreamLayerSDK>.StreamLayerSDKTheme .n1ph66cs{background:var(--color-neutrals-white);inset:0;position:absolute;top:var(--header-height);z-index:3}.StreamLayerSDK>.StreamLayerSDKTheme .xorme7i{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;background:var(--color-transparent-item);display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .xorme7i>div{width:100%}
|