@streamlayer/react 0.27.0 → 0.27.1

package/lib/cjs/masters.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),a=require("../index-e9cf1c5b.cjs");require("react-auth-code-input");require("react-phone-number-input");require("@connectrpc/connect");require("@connectrpc/connect-web");require("@streamlayer/sl-eslib/users/users_connect");require("react-countdown-circle-timer");const j=require("@streamlayer/sdk-web-types"),m=require("@streamlayer/sdk-web-interfaces");require("@streamlayer/sdk-web-features");require("@streamlayer/sdk-web-api");require("@streamlayer/sdk-web-storage");const u=require("@nanostores/react");require("@streamlayer/sdk-web-notifications");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");require("@streamlayer/sl-eslib/interactive/interactive.common_pb");require("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb");require("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb");require("@streamlayer/sl-eslib/sports/events/events_connect");require("@streamlayer/sl-eslib/sdkSettings/client/client_connect");const g=({feature:e,sdk:s,children:n,className:r})=>{const o=u.useStore(e.status),{slStreamId:l}=u.useStore(s.sdkStore);return l!=null&&l.loading?t.jsx("div",{className:r,children:"event is loading..."}):l!=null&&l.data?o!==m.FeatureStatus.Ready?t.jsx("div",{className:r,children:"wait feature..."}):n:t.jsx("div",{className:r,children:"event is forbidden..."})};const _=()=>a.q,k=()=>a.q,A=a.styled_default("div")({name:"a",class:"acysrl1",propsAsIs:!1}),q=a.styled_default("div")({name:"l",class:"lo57cjm",propsAsIs:!1}),I=a.styled_default(_())({name:"p",class:"p14kwh4y",propsAsIs:!0}),$=a.styled_default("span")({name:"s",class:"sxun7sq",propsAsIs:!1}),N=a.styled_default("button")({name:"c",class:"c1i8ida8",propsAsIs:!1}),w=a.styled_default(k())({name:"g",class:"g1m0xfmw",propsAsIs:!0}),h=({type:e,close:s,label:n})=>{const r=e?a.o[e]:{label:n,iconName:void 0};return t.jsxs(A,{children:[t.jsxs(q,{children:[(r==null?void 0:r.iconName)&&t.jsx(I,{name:r.iconName}),(r==null?void 0:r.label)&&t.jsx($,{children:r.label})]}),t.jsx(N,{onClick:s,children:t.jsx(w,{name:"icon-cross"})})]})};const L=a.styled_default("div")({name:"n",class:"n1aopxp8",propsAsIs:!1}),S=({children:e,style:s,className:n})=>t.jsx(L,{style:s,className:n,children:e});const E=a.styled_default("div")({name:"i",class:"i1bwjtdb",propsAsIs:!1}),F=a.styled_default("video")({name:"e",class:"enb7moc",propsAsIs:!1}),R=a.styled_default("img")({name:"r",class:"r1ws5lyh",propsAsIs:!1}),Q=a.styled_default("div")({name:"s",class:"soibf55",propsAsIs:!1}),C=({poster:e,source:s})=>{const n=c.useRef(null),[r,o]=c.useState(!1),[l,i]=c.useState(!0);return t.jsxs(E,{onClick:()=>{const d=n==null?void 0:n.current;d&&o(p=>p?(d.pause(),!1):(d.play(),i(!1),!0))},children:[t.jsx(F,{ref:n,src:s,onEnded:()=>{var d;(d=n==null?void 0:n.current)==null||d.load(),o(!1),i(!0)},style:{visibility:l?"hidden":"visible"}}),t.jsx(R,{src:e,style:{visibility:l?"visible":"hidden"}}),t.jsx(Q,{children:!r&&t.jsx(a.q,{name:"icon-play"})})]})};const M=a.styled_default("div")({name:"t",class:"t18unvw4",propsAsIs:!1}),O=a.styled_default("div")({name:"r",class:"rs0uvk8",propsAsIs:!1}),T=a.styled_default("h3")({name:"n",class:"n1hem4g7",propsAsIs:!1}),U=a.styled_default("div")({name:"i",class:"i193lbwv",propsAsIs:!1}),D=a.styled_default("a")({name:"a",class:"a1dka9qs",propsAsIs:!1}),G=({title:e,instantView:s})=>t.jsxs(M,{children:[(s==null?void 0:s.video)&&t.jsx(C,{source:s.video.url,poster:s.video.thumbnailUrl}),t.jsxs(O,{children:[t.jsx(T,{children:(s==null?void 0:s.heading)||e}),t.jsx(U,{children:s==null?void 0:s.body}),(s==null?void 0:s.webLink)&&t.jsxs(D,{href:"webLink",target:"_blank",children:["Explore more of the Masters History",t.jsx(a.q,{name:"icon-external-link"})]})]})]});const P=a.styled_default("div")({name:"d",class:"dk8r1eq",propsAsIs:!1}),B=({openedQuestion:e})=>{var s;return((s=e==null?void 0:e.attributes)==null?void 0:s.attributes.case)==="insight"?t.jsx(G,{...e.attributes.attributes.value}):null},H=({extendedQuestion:e,vote:s})=>{const{loading:n,data:r}=e;return!n&&r?t.jsx(a.Y,{vote:s,openedQuestion:r}):null},z=({gamification:e})=>{var s;const n=u.useStore(e.openedQuestion.$store),r=u.useStore(e.openedQuestion.$extendedStore);if(!n)return null;const o=n.type;return t.jsxs(P,{children:[t.jsx(h,{close:e.closeQuestion,type:((s=n.attributes)==null?void 0:s.type)||j.QuestionType.UNSET}),o==="question"&&t.jsx(H,{vote:e.submitAnswer,extendedQuestion:r}),o!=="question"&&t.jsx(B,{openedQuestion:n})]})},K=({leaderboardList:e,openUser:s})=>{const{data:n}=u.useStore(e.$store);return t.jsx(a.j,{fetchMore:e.fetchMore,items:n,openItemDetail:s})},W=({store:e,openQuestion:s})=>{const n=u.useStore(e);return n!=null&&n.data?t.jsx(a.j$1,{openQuestion:s,questions:n.data}):t.jsx("div",{children:"wait questions..."})},J=({store:e})=>{const{data:s}=u.useStore(e);return s!=null&&s.summary?t.jsx(a.v,{...s.summary,...s.percentage}):t.jsx("div",{children:"wait user..."})},V=({gamification:e})=>{const[s,n]=c.useState(a.h.HOME);return t.jsxs("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[t.jsxs(a.e,{children:[t.jsx(a.p$1,{activePage:s,toggleActivePage:n}),s===a.h.HOME&&t.jsx(J,{store:e.userSummary.getStore()})]}),s===a.h.HOME&&t.jsx(a.a$1,{children:t.jsx(W,{openQuestion:e.openQuestion,store:e.feedList.getStore()})}),s===a.h.LEADERBOARD&&t.jsx(a.a$1,{style:{flex:"1 1 auto",paddingTop:0,paddingBottom:0},children:t.jsx(K,{openUser:e.openUser,leaderboardList:e.leaderboardList})})]})};const Y=()=>S,X=()=>S,Z=a.styled_default(Y())({name:"v",class:"v1ph66cs",propsAsIs:!0}),ee=a.styled_default(X())({name:"x",class:"xorme7i",propsAsIs:!0}),se=a.styled_default("div")({name:"b",class:"b1tuxhle",propsAsIs:!1}),te=({gamification:e,className:s})=>{const n=u.useStore(e.openedQuestion.$store),r=u.useStore(e.openedUser);return t.jsxs(t.Fragment,{children:[n&&t.jsx(Z,{className:s,children:t.jsx(z,{gamification:e})}),r&&t.jsx(ee,{children:t.jsxs(se,{children:[t.jsx(h,{label:"Friend's Rank",close:e.closeUser}),t.jsx(a.e,{children:t.jsx(a.v,{...r})})]})}),t.jsx(a.r,{className:s,"data-nav":"true",children:t.jsx(V,{gamification:e})})]})},ae=({sdk:e,feature:s,className:n})=>c.useMemo(()=>s&&s.featureConfig.get().type===j.FeatureType.GAMES?t.jsx(g,{className:n,sdk:e,feature:s,children:t.jsx(te,{className:n,gamification:s,sdk:e})}):null,[e,s,n]);const ne=a.styled_default("button")({name:"e",class:"enu64b2",propsAsIs:!1}),re=a.styled_default("span")({name:"t",class:"tw2meku",propsAsIs:!1}),le=a.styled_default("span")({name:"a",class:"aka8vam",propsAsIs:!1}),b=({disabled:e,active:s,onClick:n,label:r,icon:o})=>t.jsx(ne,{onClick:n,disabled:e,"data-selected":s,children:t.jsxs(t.Fragment,{children:[o&&t.jsx(re,{children:o}),t.jsx(le,{children:r})]})});const oe=()=>a.q,ie=a.styled_default(oe())({name:"a",class:"a10lggiw",propsAsIs:!0}),f="channels",de=e=>{var s;return t.jsx(b,{...e,id:"channels",label:"Channels",icon:t.jsx(ie,{name:"icon-btn-channels","data-selected":(s=e.active)==null?void 0:s.toString()})})};const ce=()=>a.q,ue=a.styled_default(ce())({name:"d",class:"d1x5s8ie",propsAsIs:!0}),x="featuredGroups",pe=e=>{var s;return t.jsx(b,{...e,label:"FG+",id:"featuredGroups",icon:t.jsx(ue,{name:"icon-btn-feature-groups","data-selected":(s=e.active)==null?void 0:s.toString()})})};const xe=()=>a.q,me=a.styled_default(xe())({name:"n",class:"ntav86o",propsAsIs:!0}),v="leaderboard",fe=e=>{var s;return t.jsx(b,{...e,label:"Leader Board",id:"leaderboard",icon:t.jsx(me,{name:"icon-btn-leaderboard","data-selected":(s=e.active)==null?void 0:s.toString()})})};const ve=a.styled_default("div")({name:"n",class:"n1rlvhvz",propsAsIs:!1}),ye=({children:e,className:s})=>t.jsx(ve,{className:s,children:e});const je=()=>ye,be=a.styled_default(je())({name:"n",class:"n9bnom",propsAsIs:!0}),he=({activeOverlay:e,setActiveOverlay:s,sdkReady:n,className:r})=>t.jsxs(be,{className:r,children:[t.jsx(de,{active:e===f,onClick:()=>s(f)}),t.jsx(pe,{active:e===x,disabled:!n,onClick:()=>{s(x)}}),t.jsx(fe,{active:e===v,onClick:()=>s(v)})]}),Se=e=>{const[s,n]=c.useState(!1),r=u.useStore(e.status)==="ready",[o,l]=c.useState(x),i=c.useCallback((d,p)=>{l(p),p===x?(d&&e.createEventSession(d),e.openFeature(j.FeatureType.GAMES)):e.closeFeature()},[e]);return c.useEffect(()=>{!r&&o===x&&(l(f),e.closeFeature())},[r,o,e]),{sdkEnabled:s,sdkReady:r,activeOverlay:o,activateAndLoadOverlay:i,enableSdk:d=>{e.initializeApp().then(({enabled:p,err:y})=>{if(n(!0),y){i(d,f);return}if(p){i(d,x);return}})},disableSdk:()=>{n(!1),e.disableApp()}}},ge=e=>{const s=u.useStore(e.getActiveFeature()),[n,r]=c.useState(null);return c.useEffect(()=>{const o=e.getFeatures();if(s)for(const[l,i]of o)l===s?i.status.get()===m.FeatureStatus.Suspended&&(i.enable(),r(i)):i.status.get()===m.FeatureStatus.Ready&&i.disable();else{for(const[,l]of o)l.status.get()===m.FeatureStatus.Ready&&l.disable();r(null)}return()=>{for(const[,l]of o)l.status.get()===m.FeatureStatus.Ready&&l.disable()}},[s,e]),[s,n]},_e=({sdk:e,className:s})=>{const[,n]=ge(e);return t.jsx(ae,{className:s,feature:n,sdk:e})},ke=({sdk:e,overlays:s,children:n})=>{const{sdkEnabled:r,sdkReady:o,activeOverlay:l,activateAndLoadOverlay:i,enableSdk:d,disableSdk:p}=Se(e);return t.jsxs(a.i,{children:[r&&t.jsx(he,{sdkReady:o,activeOverlay:l,className:a.f,setActiveOverlay:y=>i("",y)}),t.jsx(a.r,{"data-nav":r.toString(),style:{display:!r||l===f?"block":"none"},children:n&&n({enableSdk:d,disableSdk:p})}),t.jsx(a.r,{"data-nav":r.toString(),style:{display:l===v?"block":"none"},children:s&&l===v&&s[l]}),r&&l===x&&t.jsx(_e,{className:a.f,sdk:e})]})},Ae=({sdkKey:e,plugins:s,children:n,production:r=!0})=>t.jsx(a.StreamLayerProvider,{sdkKey:e,plugins:s,production:r,autoEnable:!1,children:n}),qe=({children:e,overlays:s})=>{const{sdk:n,status:r}=c.useContext(a.StreamLayerContext);if(r===a.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return n?t.jsx("div",{className:"StreamLayerSDK",children:t.jsx(a.p,{children:t.jsx(ke,{sdk:n,overlays:s,children:e})})}):e({})};exports.MastersStreamLayerProvider=Ae;exports.MastersStreamLayerSDKReact=qe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),l=require("../index-e9cf1c5b.cjs");require("react-auth-code-input");require("react-phone-number-input");require("@connectrpc/connect");require("@connectrpc/connect-web");require("@streamlayer/sl-eslib/users/users_connect");require("react-countdown-circle-timer");const j=require("@streamlayer/sdk-web-types"),m=require("@streamlayer/sdk-web-interfaces");require("@streamlayer/sdk-web-features");require("@streamlayer/sdk-web-api");require("@streamlayer/sdk-web-storage");const y=require("@nanostores/react");require("@streamlayer/sdk-web-notifications");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");require("@streamlayer/sl-eslib/interactive/interactive.common_pb");require("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb");require("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb");require("@streamlayer/sl-eslib/sports/events/events_connect");require("@streamlayer/sl-eslib/sdkSettings/client/client_connect");const h=({feature:e,sdk:s,children:t,className:r})=>{const i=y.useStore(e.status),{slStreamId:n}=y.useStore(s.sdkStore);return n!=null&&n.loading?a.jsx("div",{className:r,children:"event is loading..."}):n!=null&&n.data?i!==m.FeatureStatus.Ready?a.jsx("div",{className:r,children:"wait feature..."}):t:a.jsx("div",{className:r,children:"event is forbidden..."})},k=o.lazy(()=>Promise.resolve().then(()=>require("../index-3e88fb0c.cjs"))),q=({sdk:e,feature:s,className:t})=>{const r=o.useMemo(()=>s&&s.featureConfig.get().type===j.FeatureType.GAMES?a.jsx(h,{className:t,sdk:e,feature:s,children:a.jsx(k,{className:t,gamification:s,sdk:e})}):null,[e,s,t]);return a.jsx(o.Suspense,{fallback:a.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"page loading..."}),children:r})};const _=l.styled_default("button")({name:"e",class:"enu64b2",propsAsIs:!1}),A=l.styled_default("span")({name:"t",class:"tw2meku",propsAsIs:!1}),N=l.styled_default("span")({name:"a",class:"aka8vam",propsAsIs:!1}),b=({disabled:e,active:s,onClick:t,label:r,icon:i})=>a.jsx(_,{onClick:t,disabled:e,"data-selected":s,children:a.jsxs(a.Fragment,{children:[i&&a.jsx(A,{children:i}),a.jsx(N,{children:r})]})});const F=()=>l.q,L=l.styled_default(F())({name:"a",class:"a10lggiw",propsAsIs:!0}),S="channels",C=e=>{var s;return a.jsx(b,{...e,id:"channels",label:"Channels",icon:a.jsx(L,{name:"icon-btn-channels","data-selected":(s=e.active)==null?void 0:s.toString()})})};const $=()=>l.q,I=l.styled_default($())({name:"d",class:"d1x5s8ie",propsAsIs:!0}),f="featuredGroups",R=e=>{var s;return a.jsx(b,{...e,label:"FG+",id:"featuredGroups",icon:a.jsx(I,{name:"icon-btn-feature-groups","data-selected":(s=e.active)==null?void 0:s.toString()})})};const E=()=>l.q,O=l.styled_default(E())({name:"n",class:"ntav86o",propsAsIs:!0}),x="leaderboard",M=e=>{var s;return a.jsx(b,{...e,label:"Leader Board",id:"leaderboard",icon:a.jsx(O,{name:"icon-btn-leaderboard","data-selected":(s=e.active)==null?void 0:s.toString()})})};const w=l.styled_default("div")({name:"n",class:"n1rlvhvz",propsAsIs:!1}),G=({children:e,className:s})=>a.jsx(w,{className:s,children:e});const P=()=>G,T=l.styled_default(P())({name:"n",class:"n9bnom",propsAsIs:!0}),z=({activeOverlay:e,setActiveOverlay:s,sdkReady:t,className:r})=>a.jsxs(T,{className:r,children:[a.jsx(C,{active:e===S,onClick:()=>s(S)}),a.jsx(R,{active:e===f,disabled:!t,onClick:()=>{s(f)}}),a.jsx(M,{active:e===x,onClick:()=>s(x)})]}),D=e=>{const[s,t]=o.useState(!1),r=y.useStore(e.status),{data:i}=y.useStore(e.getUserStore()),n=r==="ready",[d,c]=o.useState(f),p=o.useCallback((u,v)=>{c(v),v===f?(u&&e.createEventSession(u),e.openFeature(j.FeatureType.GAMES)):e.closeFeature()},[e]);return o.useEffect(()=>{!n&&d===f&&(c(S),e.closeFeature())},[n,d,e]),{sdkEnabled:s,sdkReady:n,activeOverlay:d,activateAndLoadOverlay:p,enableSdk:u=>{e.initializeApp().then(({enabled:v,err:g})=>{if(t(!0),g){p(u,S);return}if(v){p(u,f);return}})},disableSdk:()=>{t(!1),e.disableApp()},isLogged:!!i}},K=e=>{const s=y.useStore(e.getActiveFeature()),t=y.useStore(e.streamStore()),[r,i]=o.useState(null);return o.useEffect(()=>{const n=e.getFeatures();if(s)for(const[d,c]of n)d===s?c.status.get()===m.FeatureStatus.Suspended&&(c.enable(),i(c)):c.status.get()===m.FeatureStatus.Ready&&c.disable();else{for(const[,d]of n)d.status.get()===m.FeatureStatus.Ready&&d.disable();i(null)}return()=>{for(const[,d]of n)d.status.get()===m.FeatureStatus.Ready&&d.disable()}},[s,e,t]),[s,r]},U=({sdk:e,className:s})=>{const[,t]=K(e);return a.jsx(q,{className:s,feature:t,sdk:e})},W=({sdk:e,overlays:s,children:t})=>{const{sdkEnabled:r,sdkReady:i,activeOverlay:n,activateAndLoadOverlay:d,enableSdk:c,disableSdk:p,isLogged:u}=D(e);return a.jsxs(l.i,{children:[r&&a.jsx(z,{sdkReady:i,activeOverlay:n,className:l.f,setActiveOverlay:v=>d("",v)}),a.jsx(l.r,{"data-nav":r.toString(),style:{display:!r||n===S?"block":"none"},children:t&&t({enableSdk:c,disableSdk:p})}),a.jsx(l.r,{"data-nav":r.toString(),style:{display:n===x?"block":"none"},children:s&&n===x&&s[n]}),u&&r&&n===f&&a.jsx(U,{className:l.f,sdk:e}),!u&&r&&n===f&&a.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"You are not logged in."})]})},B=({sdkKey:e,plugins:s,children:t,production:r=!0})=>a.jsx(l.StreamLayerProvider,{sdkKey:e,plugins:s,production:r,autoEnable:!1,children:t}),Y=({children:e,overlays:s})=>{const{sdk:t,status:r}=o.useContext(l.StreamLayerContext);if(r===l.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return t?a.jsx("div",{className:"StreamLayerSDK",children:a.jsx(l.p,{children:a.jsx(W,{sdk:t,overlays:s,children:e})})}):e({})};exports.MastersStreamLayerProvider=B;exports.MastersStreamLayerSDKReact=Y;

package/lib/es/masters.js

@@ -1,18 +1,18 @@
-import { jsx as a, jsxs as d, Fragment as I } from "react/jsx-runtime";
-import { useRef as C, useState as f, useMemo as R, useCallback as j, useEffect as N, useContext as F } from "react";
-import { s as r, q as v, o as O, Y as q, j as M, d as U, v as _, e as y, g as w, i as G, k as $, r as A, l as D, f as x, S as P, a as T, b as B, p as H } from "../index-ad42babc.js";
+import { jsx as s, jsxs as S, Fragment as L } from "react/jsx-runtime";
+import { lazy as I, useMemo as _, Suspense as F, useState as h, useCallback as E, useEffect as x, useContext as R } from "react";
+import { s as u, q as g, l as O, f as A, r as N, S as w, a as G, b as j, p as M } from "../index-ad42babc.js";
 import "react-auth-code-input";
 import "react-phone-number-input";
 import "@connectrpc/connect";
 import "@connectrpc/connect-web";
 import "@streamlayer/sl-eslib/users/users_connect";
 import "react-countdown-circle-timer";
-import { QuestionType as z, FeatureType as L } from "@streamlayer/sdk-web-types";
-import { FeatureStatus as b } from "@streamlayer/sdk-web-interfaces";
+import { FeatureType as $ } from "@streamlayer/sdk-web-types";
+import { FeatureStatus as f } from "@streamlayer/sdk-web-interfaces";
 import "@streamlayer/sdk-web-features";
 import "@streamlayer/sdk-web-api";
 import "@streamlayer/sdk-web-storage";
-import { useStore as u } from "@nanostores/react";
+import { useStore as p } from "@nanostores/react";
 import "@streamlayer/sdk-web-notifications";
 import "./useStreamLayerApp.js";
 import "@streamlayer/sdk-web";
@@ -21,425 +21,215 @@ import "@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb";
 import "@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb";
 import "@streamlayer/sl-eslib/sports/events/events_connect";
 import "@streamlayer/sl-eslib/sdkSettings/client/client_connect";
-const K = ({ feature: e, sdk: s, children: n, className: t }) => {
-  const l = u(e.status), { slStreamId: o } = u(s.sdkStore);
-  return o != null && o.loading ? /* @__PURE__ */ a("div", { className: t, children: "event is loading..." }) : o != null && o.data ? l !== b.Ready ? /* @__PURE__ */ a("div", { className: t, children: "wait feature..." }) : n : /* @__PURE__ */ a("div", { className: t, children: "event is forbidden..." });
-};
-const J = () => v, V = () => v, W = /* @__PURE__ */ r("div")({
-  name: "a",
-  class: "acysrl1",
-  propsAsIs: !1
-}), Y = /* @__PURE__ */ r("div")({
-  name: "l",
-  class: "lo57cjm",
-  propsAsIs: !1
-}), X = /* @__PURE__ */ r(J())({
-  name: "p",
-  class: "p14kwh4y",
-  propsAsIs: !0
-}), Z = /* @__PURE__ */ r("span")({
-  name: "s",
-  class: "sxun7sq",
-  propsAsIs: !1
-}), ee = /* @__PURE__ */ r("button")({
-  name: "c",
-  class: "c1i8ida8",
-  propsAsIs: !1
-}), se = /* @__PURE__ */ r(V())({
-  name: "g",
-  class: "g1m0xfmw",
-  propsAsIs: !0
-}), E = ({ type: e, close: s, label: n }) => {
-  const t = e ? O[e] : { label: n, iconName: void 0 };
-  return /* @__PURE__ */ d(W, { children: [
-    /* @__PURE__ */ d(Y, { children: [
-      (t == null ? void 0 : t.iconName) && /* @__PURE__ */ a(X, { name: t.iconName }),
-      (t == null ? void 0 : t.label) && /* @__PURE__ */ a(Z, { children: t.label })
-    ] }),
-    /* @__PURE__ */ a(ee, { onClick: s, children: /* @__PURE__ */ a(se, { name: "icon-cross" }) })
-  ] });
-};
-const ae = /* @__PURE__ */ r("div")({
-  name: "n",
-  class: "n1aopxp8",
-  propsAsIs: !1
-}), Q = ({
-  children: e,
-  style: s,
-  className: n
-}) => /* @__PURE__ */ a(ae, {
-  style: s,
-  className: n,
-  children: e
-});
-const ne = /* @__PURE__ */ r("div")({
-  name: "i",
-  class: "i1bwjtdb",
-  propsAsIs: !1
-}), te = /* @__PURE__ */ r("video")({
-  name: "e",
-  class: "enb7moc",
-  propsAsIs: !1
-}), re = /* @__PURE__ */ r("img")({
-  name: "r",
-  class: "r1ws5lyh",
-  propsAsIs: !1
-}), oe = /* @__PURE__ */ r("div")({
-  name: "s",
-  class: "soibf55",
-  propsAsIs: !1
-}), le = ({ poster: e, source: s }) => {
-  const n = C(null), [t, l] = f(!1), [o, i] = f(!0);
-  return /* @__PURE__ */ d(ne, { onClick: () => {
-    const c = n == null ? void 0 : n.current;
-    c && l((p) => p ? (c.pause(), !1) : (c.play(), i(!1), !0));
-  }, children: [
-    /* @__PURE__ */ a(
-      te,
-      {
-        ref: n,
-        src: s,
-        onEnded: () => {
-          var c;
-          (c = n == null ? void 0 : n.current) == null || c.load(), l(!1), i(!0);
-        },
-        style: { visibility: o ? "hidden" : "visible" }
-      }
-    ),
-    /* @__PURE__ */ a(re, { src: e, style: { visibility: o ? "visible" : "hidden" } }),
-    /* @__PURE__ */ a(oe, { children: !t && /* @__PURE__ */ a(v, { name: "icon-play" }) })
-  ] });
-};
-const ie = /* @__PURE__ */ r("div")({
-  name: "t",
-  class: "t18unvw4",
-  propsAsIs: !1
-}), ce = /* @__PURE__ */ r("div")({
-  name: "r",
-  class: "rs0uvk8",
-  propsAsIs: !1
-}), de = /* @__PURE__ */ r("h3")({
-  name: "n",
-  class: "n1hem4g7",
-  propsAsIs: !1
-}), ue = /* @__PURE__ */ r("div")({
-  name: "i",
-  class: "i193lbwv",
-  propsAsIs: !1
-}), pe = /* @__PURE__ */ r("a")({
-  name: "a",
-  class: "a1dka9qs",
-  propsAsIs: !1
-}), me = ({ title: e, instantView: s }) => /* @__PURE__ */ d(ie, { children: [
-  (s == null ? void 0 : s.video) && /* @__PURE__ */ a(le, { source: s.video.url, poster: s.video.thumbnailUrl }),
-  /* @__PURE__ */ d(ce, { children: [
-    /* @__PURE__ */ a(de, { children: (s == null ? void 0 : s.heading) || e }),
-    /* @__PURE__ */ a(ue, { children: s == null ? void 0 : s.body }),
-    (s == null ? void 0 : s.webLink) && /* @__PURE__ */ d(pe, { href: "webLink", target: "_blank", children: [
-      "Explore more of the Masters History",
-      /* @__PURE__ */ a(v, { name: "icon-external-link" })
-    ] })
-  ] })
-] });
-const ve = /* @__PURE__ */ r("div")({
-  name: "d",
-  class: "dk8r1eq",
-  propsAsIs: !1
-}), fe = ({
-  openedQuestion: e
-}) => {
-  var s;
-  return ((s = e == null ? void 0 : e.attributes) == null ? void 0 : s.attributes.case) === "insight" ? /* @__PURE__ */ a(me, {
-    ...e.attributes.attributes.value
-  }) : null;
-}, be = ({
-  extendedQuestion: e,
-  vote: s
-}) => {
-  const {
-    loading: n,
-    data: t
-  } = e;
-  return !n && t ? /* @__PURE__ */ a(q, {
-    vote: s,
-    openedQuestion: t
-  }) : null;
-}, he = ({
-  gamification: e
+const z = ({ feature: e, sdk: a, children: t, className: n }) => {
+  const o = p(e.status), { slStreamId: r } = p(a.sdkStore);
+  return r != null && r.loading ? /* @__PURE__ */ s("div", { className: n, children: "event is loading..." }) : r != null && r.data ? o !== f.Ready ? /* @__PURE__ */ s("div", { className: n, children: "wait feature..." }) : t : /* @__PURE__ */ s("div", { className: n, children: "event is forbidden..." });
+}, P = I(() => import("../index-0f29ff3a.js")), T = ({
+  sdk: e,
+  feature: a,
+  className: t
 }) => {
-  var s;
-  const n = u(e.openedQuestion.$store), t = u(e.openedQuestion.$extendedStore);
-  if (!n)
-    return null;
-  const l = n.type;
-  return /* @__PURE__ */ d(ve, {
-    children: [/* @__PURE__ */ a(E, {
-      close: e.closeQuestion,
-      type: ((s = n.attributes) == null ? void 0 : s.type) || z.UNSET
-    }), l === "question" && /* @__PURE__ */ a(be, {
-      vote: e.submitAnswer,
-      extendedQuestion: t
-    }), l !== "question" && /* @__PURE__ */ a(fe, {
-      openedQuestion: n
-    })]
-  });
-}, ye = ({ leaderboardList: e, openUser: s }) => {
-  const { data: n } = u(e.$store);
-  return /* @__PURE__ */ a(M, { fetchMore: e.fetchMore, items: n, openItemDetail: s });
-}, ge = ({ store: e, openQuestion: s }) => {
-  const n = u(e);
-  return n != null && n.data ? /* @__PURE__ */ a(U, { openQuestion: s, questions: n.data }) : /* @__PURE__ */ a("div", { children: "wait questions..." });
-}, ke = ({ store: e }) => {
-  const { data: s } = u(e);
-  return s != null && s.summary ? /* @__PURE__ */ a(_, { ...s.summary, ...s.percentage }) : /* @__PURE__ */ a("div", { children: "wait user..." });
-}, Ae = ({ gamification: e }) => {
-  const [s, n] = f(y.HOME);
-  return /* @__PURE__ */ d("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ d(w, { children: [
-      /* @__PURE__ */ a(G, { activePage: s, toggleActivePage: n }),
-      s === y.HOME && /* @__PURE__ */ a(ke, { store: e.userSummary.getStore() })
-    ] }),
-    s === y.HOME && /* @__PURE__ */ a($, { children: /* @__PURE__ */ a(ge, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) }),
-    s === y.LEADERBOARD && /* @__PURE__ */ a($, { style: { flex: "1 1 auto", paddingTop: 0, paddingBottom: 0 }, children: /* @__PURE__ */ a(ye, { openUser: e.openUser, leaderboardList: e.leaderboardList }) })
-  ] });
+  const n = _(() => a && a.featureConfig.get().type === $.GAMES ? /* @__PURE__ */ s(z, { className: t, sdk: e, feature: a, children: /* @__PURE__ */ s(P, { className: t, gamification: a, sdk: e }) }) : null, [e, a, t]);
+  return /* @__PURE__ */ s(
+    F,
+    {
+      fallback: /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
+      children: n
+    }
+  );
 };
-const Se = () => Q, $e = () => Q, xe = /* @__PURE__ */ r(Se())({
-  name: "v",
-  class: "v1ph66cs",
-  propsAsIs: !0
-}), Ie = /* @__PURE__ */ r($e())({
-  name: "x",
-  class: "xorme7i",
-  propsAsIs: !0
-}), Ne = /* @__PURE__ */ r("div")({
-  name: "b",
-  class: "b1tuxhle",
-  propsAsIs: !1
-}), _e = ({
-  gamification: e,
-  className: s
-}) => {
-  const n = u(e.openedQuestion.$store), t = u(e.openedUser);
-  return /* @__PURE__ */ d(I, {
-    children: [n && /* @__PURE__ */ a(xe, {
-      className: s,
-      children: /* @__PURE__ */ a(he, {
-        gamification: e
-      })
-    }), t && /* @__PURE__ */ a(Ie, {
-      children: /* @__PURE__ */ d(Ne, {
-        children: [/* @__PURE__ */ a(E, {
-          label: "Friend's Rank",
-          close: e.closeUser
-        }), /* @__PURE__ */ a(w, {
-          children: /* @__PURE__ */ a(_, {
-            ...t
-          })
-        })]
-      })
-    }), /* @__PURE__ */ a(A, {
-      className: s,
-      "data-nav": "true",
-      children: /* @__PURE__ */ a(Ae, {
-        gamification: e
-      })
-    })]
-  });
-}, we = ({
-  sdk: e,
-  feature: s,
-  className: n
-}) => R(() => s && s.featureConfig.get().type === L.GAMES ? /* @__PURE__ */ a(K, { className: n, sdk: e, feature: s, children: /* @__PURE__ */ a(_e, { className: n, gamification: s, sdk: e }) }) : null, [e, s, n]);
-const Le = /* @__PURE__ */ r("button")({
+const U = /* @__PURE__ */ u("button")({
   name: "e",
   class: "enu64b2",
   propsAsIs: !1
-}), Ee = /* @__PURE__ */ r("span")({
+}), q = /* @__PURE__ */ u("span")({
   name: "t",
   class: "tw2meku",
   propsAsIs: !1
-}), Qe = /* @__PURE__ */ r("span")({
+}), B = /* @__PURE__ */ u("span")({
   name: "a",
   class: "aka8vam",
   propsAsIs: !1
-}), S = ({ disabled: e, active: s, onClick: n, label: t, icon: l }) => /* @__PURE__ */ a(Le, { onClick: n, disabled: e, "data-selected": s, children: /* @__PURE__ */ d(I, { children: [
-  l && /* @__PURE__ */ a(Ee, { children: l }),
-  /* @__PURE__ */ a(Qe, { children: t })
+}), k = ({ disabled: e, active: a, onClick: t, label: n, icon: o }) => /* @__PURE__ */ s(U, { onClick: t, disabled: e, "data-selected": a, children: /* @__PURE__ */ S(L, { children: [
+  o && /* @__PURE__ */ s(q, { children: o }),
+  /* @__PURE__ */ s(B, { children: n })
 ] }) });
-const Ce = () => v, Re = /* @__PURE__ */ r(Ce())({
+const D = () => g, K = /* @__PURE__ */ u(D())({
   name: "a",
   class: "a10lggiw",
   propsAsIs: !0
-}), h = "channels", je = (e) => {
-  var s;
-  return /* @__PURE__ */ a(S, {
+}), y = "channels", W = (e) => {
+  var a;
+  return /* @__PURE__ */ s(k, {
     ...e,
     id: "channels",
     label: "Channels",
-    icon: /* @__PURE__ */ a(Re, {
+    icon: /* @__PURE__ */ s(K, {
       name: "icon-btn-channels",
-      "data-selected": (s = e.active) == null ? void 0 : s.toString()
+      "data-selected": (a = e.active) == null ? void 0 : a.toString()
     })
   });
 };
-const Fe = () => v, Oe = /* @__PURE__ */ r(Fe())({
+const Y = () => g, H = /* @__PURE__ */ u(Y())({
   name: "d",
   class: "d1x5s8ie",
   propsAsIs: !0
-}), m = "featuredGroups", qe = (e) => {
-  var s;
-  return /* @__PURE__ */ a(S, {
+}), c = "featuredGroups", J = (e) => {
+  var a;
+  return /* @__PURE__ */ s(k, {
     ...e,
     label: "FG+",
     id: "featuredGroups",
-    icon: /* @__PURE__ */ a(Oe, {
+    icon: /* @__PURE__ */ s(H, {
       name: "icon-btn-feature-groups",
-      "data-selected": (s = e.active) == null ? void 0 : s.toString()
+      "data-selected": (a = e.active) == null ? void 0 : a.toString()
     })
   });
 };
-const Me = () => v, Ue = /* @__PURE__ */ r(Me())({
+const Q = () => g, V = /* @__PURE__ */ u(Q())({
   name: "n",
   class: "ntav86o",
   propsAsIs: !0
-}), g = "leaderboard", Ge = (e) => {
-  var s;
-  return /* @__PURE__ */ a(S, {
+}), b = "leaderboard", X = (e) => {
+  var a;
+  return /* @__PURE__ */ s(k, {
     ...e,
     label: "Leader Board",
     id: "leaderboard",
-    icon: /* @__PURE__ */ a(Ue, {
+    icon: /* @__PURE__ */ s(V, {
       name: "icon-btn-leaderboard",
-      "data-selected": (s = e.active) == null ? void 0 : s.toString()
+      "data-selected": (a = e.active) == null ? void 0 : a.toString()
     })
   });
 };
-const De = /* @__PURE__ */ r("div")({
+const Z = /* @__PURE__ */ u("div")({
   name: "n",
   class: "n1rlvhvz",
   propsAsIs: !1
-}), Pe = ({
+}), ee = ({
   children: e,
-  className: s
-}) => /* @__PURE__ */ a(De, {
-  className: s,
+  className: a
+}) => /* @__PURE__ */ s(Z, {
+  className: a,
   children: e
 });
-const Te = () => Pe, Be = /* @__PURE__ */ r(Te())({
+const ae = () => ee, se = /* @__PURE__ */ u(ae())({
   name: "n",
   class: "n9bnom",
   propsAsIs: !0
-}), He = ({ activeOverlay: e, setActiveOverlay: s, sdkReady: n, className: t }) => /* @__PURE__ */ d(Be, { className: t, children: [
-  /* @__PURE__ */ a(je, { active: e === h, onClick: () => s(h) }),
-  /* @__PURE__ */ a(
-    qe,
+}), te = ({ activeOverlay: e, setActiveOverlay: a, sdkReady: t, className: n }) => /* @__PURE__ */ S(se, { className: n, children: [
+  /* @__PURE__ */ s(W, { active: e === y, onClick: () => a(y) }),
+  /* @__PURE__ */ s(
+    J,
     {
-      active: e === m,
-      disabled: !n,
+      active: e === c,
+      disabled: !t,
       onClick: () => {
-        s(m);
+        a(c);
       }
     }
   ),
-  /* @__PURE__ */ a(
-    Ge,
+  /* @__PURE__ */ s(
+    X,
     {
-      active: e === g,
-      onClick: () => s(g)
+      active: e === b,
+      onClick: () => a(b)
     }
   )
-] }), ze = (e) => {
-  const [s, n] = f(!1), t = u(e.status) === "ready", [l, o] = f(m), i = j(
-    (c, p) => {
-      o(p), p === m ? (c && e.createEventSession(c), e.openFeature(L.GAMES)) : e.closeFeature();
+] }), ne = (e) => {
+  const [a, t] = h(!1), n = p(e.status), { data: o } = p(e.getUserStore()), r = n === "ready", [l, i] = h(c), v = E(
+    (d, m) => {
+      i(m), m === c ? (d && e.createEventSession(d), e.openFeature($.GAMES)) : e.closeFeature();
     },
     [e]
   );
-  return N(() => {
-    !t && l === m && (o(h), e.closeFeature());
-  }, [t, l, e]), {
-    sdkEnabled: s,
-    sdkReady: t,
+  return x(() => {
+    !r && l === c && (i(y), e.closeFeature());
+  }, [r, l, e]), {
+    sdkEnabled: a,
+    sdkReady: r,
     activeOverlay: l,
-    activateAndLoadOverlay: i,
-    enableSdk: (c) => {
-      e.initializeApp().then(({ enabled: p, err: k }) => {
-        if (n(!0), k) {
-          i(c, h);
+    activateAndLoadOverlay: v,
+    enableSdk: (d) => {
+      e.initializeApp().then(({ enabled: m, err: C }) => {
+        if (t(!0), C) {
+          v(d, y);
           return;
         }
-        if (p) {
-          i(c, m);
+        if (m) {
+          v(d, c);
           return;
         }
       });
     },
     disableSdk: () => {
-      n(!1), e.disableApp();
-    }
+      t(!1), e.disableApp();
+    },
+    isLogged: !!o
   };
-}, Ke = (e) => {
-  const s = u(e.getActiveFeature()), [n, t] = f(null);
-  return N(() => {
-    const l = e.getFeatures();
-    if (s)
-      for (const [o, i] of l)
-        o === s ? i.status.get() === b.Suspended && (i.enable(), t(i)) : i.status.get() === b.Ready && i.disable();
+}, re = (e) => {
+  const a = p(e.getActiveFeature()), t = p(e.streamStore()), [n, o] = h(null);
+  return x(() => {
+    const r = e.getFeatures();
+    if (a)
+      for (const [l, i] of r)
+        l === a ? i.status.get() === f.Suspended && (i.enable(), o(i)) : i.status.get() === f.Ready && i.disable();
     else {
-      for (const [, o] of l)
-        o.status.get() === b.Ready && o.disable();
-      t(null);
+      for (const [, l] of r)
+        l.status.get() === f.Ready && l.disable();
+      o(null);
     }
     return () => {
-      for (const [, o] of l)
-        o.status.get() === b.Ready && o.disable();
+      for (const [, l] of r)
+        l.status.get() === f.Ready && l.disable();
     };
-  }, [s, e]), [s, n];
-}, Je = ({ sdk: e, className: s }) => {
-  const [, n] = Ke(e);
-  return /* @__PURE__ */ a(we, { className: s, feature: n, sdk: e });
-}, Ve = ({ sdk: e, overlays: s, children: n }) => {
-  const { sdkEnabled: t, sdkReady: l, activeOverlay: o, activateAndLoadOverlay: i, enableSdk: c, disableSdk: p } = ze(e);
-  return /* @__PURE__ */ d(D, { children: [
-    t && /* @__PURE__ */ a(
-      He,
+  }, [a, e, t]), [a, n];
+}, le = ({ sdk: e, className: a }) => {
+  const [, t] = re(e);
+  return /* @__PURE__ */ s(T, { className: a, feature: t, sdk: e });
+}, oe = ({ sdk: e, overlays: a, children: t }) => {
+  const { sdkEnabled: n, sdkReady: o, activeOverlay: r, activateAndLoadOverlay: l, enableSdk: i, disableSdk: v, isLogged: d } = ne(e);
+  return /* @__PURE__ */ S(O, { children: [
+    n && /* @__PURE__ */ s(
+      te,
       {
-        sdkReady: l,
-        activeOverlay: o,
-        className: x,
-        setActiveOverlay: (k) => i("", k)
+        sdkReady: o,
+        activeOverlay: r,
+        className: A,
+        setActiveOverlay: (m) => l("", m)
       }
     ),
-    /* @__PURE__ */ a(
-      A,
+    /* @__PURE__ */ s(
+      N,
       {
-        "data-nav": t.toString(),
-        style: { display: !t || o === h ? "block" : "none" },
-        children: n && n({ enableSdk: c, disableSdk: p })
+        "data-nav": n.toString(),
+        style: { display: !n || r === y ? "block" : "none" },
+        children: t && t({ enableSdk: i, disableSdk: v })
       }
     ),
-    /* @__PURE__ */ a(
-      A,
+    /* @__PURE__ */ s(
+      N,
       {
-        "data-nav": t.toString(),
-        style: { display: o === g ? "block" : "none" },
-        children: s && o === g && s[o]
+        "data-nav": n.toString(),
+        style: { display: r === b ? "block" : "none" },
+        children: a && r === b && a[r]
       }
     ),
-    t && o === m && /* @__PURE__ */ a(Je, { className: x, sdk: e })
+    d && n && r === c && /* @__PURE__ */ s(le, { className: A, sdk: e }),
+    !d && n && r === c && /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "You are not logged in." })
   ] });
-}, gs = ({
+}, Ee = ({
   sdkKey: e,
-  plugins: s,
-  children: n,
-  production: t = !0
-}) => /* @__PURE__ */ a(P, { sdkKey: e, plugins: s, production: t, autoEnable: !1, children: n }), ks = ({ children: e, overlays: s }) => {
-  const { sdk: n, status: t } = F(T);
-  if (t === B.UNSET)
+  plugins: a,
+  children: t,
+  production: n = !0
+}) => /* @__PURE__ */ s(w, { sdkKey: e, plugins: a, production: n, autoEnable: !1, children: t }), Re = ({ children: e, overlays: a }) => {
+  const { sdk: t, status: n } = R(G);
+  if (n === j.UNSET)
     throw new Error("Wrap app in `StreamLayerProvider`");
-  return n ? /* @__PURE__ */ a("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ a(H, { children: /* @__PURE__ */ a(Ve, { sdk: n, overlays: s, children: e }) }) }) : e({});
+  return t ? /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(M, { children: /* @__PURE__ */ s(oe, { sdk: t, overlays: a, children: e }) }) }) : e({});
 };
 export {
-  gs as MastersStreamLayerProvider,
-  ks as MastersStreamLayerSDKReact
+  Ee as MastersStreamLayerProvider,
+  Re as MastersStreamLayerSDKReact
 };

package/lib/index-0f29ff3a.js

@@ -0,0 +1,245 @@
+import { jsxs as a, jsx as n, Fragment as x } from "react/jsx-runtime";
+import { s as t, q as p, o as I, Y as w, j as Q, d as k, v as b, e as d, g as y, i as $, k as f, r as _ } from "./index-ad42babc.js";
+import { useStore as r } from "@nanostores/react";
+import { useRef as j, useState as m } from "react";
+import { QuestionType as q } from "@streamlayer/sdk-web-types";
+import "react-countdown-circle-timer";
+import "./es/useStreamLayerApp.js";
+import "@streamlayer/sdk-web";
+import "@streamlayer/sdk-web-interfaces";
+import "@streamlayer/sdk-web-features";
+import "@streamlayer/sdk-web-api";
+import "@streamlayer/sdk-web-storage";
+import "@streamlayer/sdk-web-notifications";
+import "@streamlayer/sl-eslib/interactive/interactive.common_pb";
+import "@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb";
+import "@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb";
+import "@streamlayer/sl-eslib/sports/events/events_connect";
+import "@streamlayer/sl-eslib/sdkSettings/client/client_connect";
+import "@streamlayer/sl-eslib/users/users_connect";
+import "react-auth-code-input";
+import "react-phone-number-input";
+import "@connectrpc/connect";
+import "@connectrpc/connect-web";
+const N = () => p, S = () => p, E = /* @__PURE__ */ t("div")({
+  name: "a",
+  class: "acysrl1",
+  propsAsIs: !1
+}), L = /* @__PURE__ */ t("div")({
+  name: "l",
+  class: "lo57cjm",
+  propsAsIs: !1
+}), U = /* @__PURE__ */ t(N())({
+  name: "p",
+  class: "p14kwh4y",
+  propsAsIs: !0
+}), M = /* @__PURE__ */ t("span")({
+  name: "s",
+  class: "sxun7sq",
+  propsAsIs: !1
+}), O = /* @__PURE__ */ t("button")({
+  name: "c",
+  class: "c1i8ida8",
+  propsAsIs: !1
+}), D = /* @__PURE__ */ t(S())({
+  name: "g",
+  class: "g1m0xfmw",
+  propsAsIs: !0
+}), g = ({ type: s, close: e, label: o }) => {
+  const i = s ? I[s] : { label: o, iconName: void 0 };
+  return /* @__PURE__ */ a(E, { children: [
+    /* @__PURE__ */ a(L, { children: [
+      (i == null ? void 0 : i.iconName) && /* @__PURE__ */ n(U, { name: i.iconName }),
+      (i == null ? void 0 : i.label) && /* @__PURE__ */ n(M, { children: i.label })
+    ] }),
+    /* @__PURE__ */ n(O, { onClick: e, children: /* @__PURE__ */ n(D, { name: "icon-cross" }) })
+  ] });
+};
+const H = /* @__PURE__ */ t("div")({
+  name: "n",
+  class: "n1aopxp8",
+  propsAsIs: !1
+}), R = ({
+  children: s,
+  style: e,
+  className: o
+}) => /* @__PURE__ */ n(H, {
+  style: e,
+  className: o,
+  children: s
+});
+const F = /* @__PURE__ */ t("div")({
+  name: "i",
+  class: "i1bwjtdb",
+  propsAsIs: !1
+}), T = /* @__PURE__ */ t("video")({
+  name: "e",
+  class: "enb7moc",
+  propsAsIs: !1
+}), B = /* @__PURE__ */ t("img")({
+  name: "r",
+  class: "r1ws5lyh",
+  propsAsIs: !1
+}), C = /* @__PURE__ */ t("div")({
+  name: "s",
+  class: "soibf55",
+  propsAsIs: !1
+}), P = ({ poster: s, source: e }) => {
+  const o = j(null), [i, c] = m(!1), [u, v] = m(!0);
+  return /* @__PURE__ */ a(F, { onClick: () => {
+    const l = o == null ? void 0 : o.current;
+    l && c((A) => A ? (l.pause(), !1) : (l.play(), v(!1), !0));
+  }, children: [
+    /* @__PURE__ */ n(
+      T,
+      {
+        ref: o,
+        src: e,
+        onEnded: () => {
+          var l;
+          (l = o == null ? void 0 : o.current) == null || l.load(), c(!1), v(!0);
+        },
+        style: { visibility: u ? "hidden" : "visible" }
+      }
+    ),
+    /* @__PURE__ */ n(B, { src: s, style: { visibility: u ? "visible" : "hidden" } }),
+    /* @__PURE__ */ n(C, { children: !i && /* @__PURE__ */ n(p, { name: "icon-play" }) })
+  ] });
+};
+const G = /* @__PURE__ */ t("div")({
+  name: "t",
+  class: "t18unvw4",
+  propsAsIs: !1
+}), J = /* @__PURE__ */ t("div")({
+  name: "r",
+  class: "rs0uvk8",
+  propsAsIs: !1
+}), V = /* @__PURE__ */ t("h3")({
+  name: "n",
+  class: "n1hem4g7",
+  propsAsIs: !1
+}), Y = /* @__PURE__ */ t("div")({
+  name: "i",
+  class: "i193lbwv",
+  propsAsIs: !1
+}), z = /* @__PURE__ */ t("a")({
+  name: "a",
+  class: "a1dka9qs",
+  propsAsIs: !1
+}), K = ({ title: s, instantView: e }) => /* @__PURE__ */ a(G, { children: [
+  (e == null ? void 0 : e.video) && /* @__PURE__ */ n(P, { source: e.video.url, poster: e.video.thumbnailUrl }),
+  /* @__PURE__ */ a(J, { children: [
+    /* @__PURE__ */ n(V, { children: (e == null ? void 0 : e.heading) || s }),
+    /* @__PURE__ */ n(Y, { children: e == null ? void 0 : e.body }),
+    (e == null ? void 0 : e.webLink) && /* @__PURE__ */ a(z, { href: "webLink", target: "_blank", children: [
+      "Explore more of the Masters History",
+      /* @__PURE__ */ n(p, { name: "icon-external-link" })
+    ] })
+  ] })
+] });
+const W = /* @__PURE__ */ t("div")({
+  name: "d",
+  class: "dk8r1eq",
+  propsAsIs: !1
+}), X = ({
+  openedQuestion: s
+}) => {
+  var e;
+  return ((e = s == null ? void 0 : s.attributes) == null ? void 0 : e.attributes.case) === "insight" ? /* @__PURE__ */ n(K, {
+    ...s.attributes.attributes.value
+  }) : null;
+}, Z = ({
+  extendedQuestion: s,
+  vote: e
+}) => {
+  const {
+    loading: o,
+    data: i
+  } = s;
+  return !o && i ? /* @__PURE__ */ n(w, {
+    vote: e,
+    openedQuestion: i
+  }) : null;
+}, ee = ({
+  gamification: s
+}) => {
+  var e;
+  const o = r(s.openedQuestion.$store), i = r(s.openedQuestion.$extendedStore);
+  if (!o)
+    return null;
+  const c = o.type;
+  return /* @__PURE__ */ a(W, {
+    children: [/* @__PURE__ */ n(g, {
+      close: s.closeQuestion,
+      type: ((e = o.attributes) == null ? void 0 : e.type) || q.UNSET
+    }), c === "question" && /* @__PURE__ */ n(Z, {
+      vote: s.submitAnswer,
+      extendedQuestion: i
+    }), c !== "question" && /* @__PURE__ */ n(X, {
+      openedQuestion: o
+    })]
+  });
+}, se = ({ leaderboardList: s, openUser: e }) => {
+  const { data: o } = r(s.$store);
+  return /* @__PURE__ */ n(Q, { fetchMore: s.fetchMore, items: o, openItemDetail: e });
+}, ne = ({ store: s, openQuestion: e }) => {
+  const o = r(s);
+  return o != null && o.data ? /* @__PURE__ */ n(k, { openQuestion: e, questions: o.data }) : /* @__PURE__ */ n("div", { children: "wait questions..." });
+}, oe = ({ store: s }) => {
+  const { data: e } = r(s);
+  return e != null && e.summary ? /* @__PURE__ */ n(b, { ...e.summary, ...e.percentage }) : /* @__PURE__ */ n("div", { children: "wait user..." });
+}, te = ({ gamification: s }) => {
+  const [e, o] = m(d.HOME);
+  return /* @__PURE__ */ a("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ a(y, { children: [
+      /* @__PURE__ */ n($, { activePage: e, toggleActivePage: o }),
+      e === d.HOME && /* @__PURE__ */ n(oe, { store: s.userSummary.getStore() })
+    ] }),
+    e === d.HOME && /* @__PURE__ */ n(f, { children: /* @__PURE__ */ n(ne, { openQuestion: s.openQuestion, store: s.feedList.getStore() }) }),
+    e === d.LEADERBOARD && /* @__PURE__ */ n(f, { style: { flex: "1 1 auto", paddingTop: 0, paddingBottom: 0 }, children: /* @__PURE__ */ n(se, { openUser: s.openUser, leaderboardList: s.leaderboardList }) })
+  ] });
+};
+const ie = () => R, h = /* @__PURE__ */ t(ie())({
+  name: "m",
+  class: "m1ph66cs",
+  propsAsIs: !0
+}), ae = /* @__PURE__ */ t("div")({
+  name: "x",
+  class: "xorme7i",
+  propsAsIs: !1
+}), Ne = ({
+  gamification: s,
+  className: e
+}) => {
+  const o = r(s.openedQuestion.$store), i = r(s.openedUser);
+  return /* @__PURE__ */ a(x, {
+    children: [o && /* @__PURE__ */ n(h, {
+      className: e,
+      children: /* @__PURE__ */ n(ee, {
+        gamification: s
+      })
+    }), i && /* @__PURE__ */ n(h, {
+      className: e,
+      children: /* @__PURE__ */ a(ae, {
+        children: [/* @__PURE__ */ n(g, {
+          label: "Friend's Rank",
+          close: s.closeUser
+        }), /* @__PURE__ */ n(y, {
+          children: /* @__PURE__ */ n(b, {
+            ...i
+          })
+        })]
+      })
+    }), /* @__PURE__ */ n(_, {
+      className: e,
+      "data-nav": "true",
+      children: /* @__PURE__ */ n(te, {
+        gamification: s
+      })
+    })]
+  });
+};
+export {
+  Ne as GamificationOverlay,
+  Ne as default
+};

package/lib/index-3e88fb0c.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-e9cf1c5b.cjs"),i=require("@nanostores/react"),d=require("react"),j=require("@streamlayer/sdk-web-types");require("react-countdown-circle-timer");require("./cjs/useStreamLayerApp.js");require("@streamlayer/sdk-web");require("@streamlayer/sdk-web-interfaces");require("@streamlayer/sdk-web-features");require("@streamlayer/sdk-web-api");require("@streamlayer/sdk-web-storage");require("@streamlayer/sdk-web-notifications");require("@streamlayer/sl-eslib/interactive/interactive.common_pb");require("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb");require("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb");require("@streamlayer/sl-eslib/sports/events/events_connect");require("@streamlayer/sl-eslib/sdkSettings/client/client_connect");require("@streamlayer/sl-eslib/users/users_connect");require("react-auth-code-input");require("react-phone-number-input");require("@connectrpc/connect");require("@connectrpc/connect-web");const y=()=>t.q,v=()=>t.q,h=t.styled_default("div")({name:"a",class:"acysrl1",propsAsIs:!1}),q=t.styled_default("div")({name:"l",class:"lo57cjm",propsAsIs:!1}),b=t.styled_default(y())({name:"p",class:"p14kwh4y",propsAsIs:!0}),_=t.styled_default("span")({name:"s",class:"sxun7sq",propsAsIs:!1}),g=t.styled_default("button")({name:"c",class:"c1i8ida8",propsAsIs:!1}),A=t.styled_default(v())({name:"g",class:"g1m0xfmw",propsAsIs:!0}),x=({type:n,close:s,label:l})=>{const r=n?t.o[n]:{label:l,iconName:void 0};return e.jsxs(h,{children:[e.jsxs(q,{children:[(r==null?void 0:r.iconName)&&e.jsx(b,{name:r.iconName}),(r==null?void 0:r.label)&&e.jsx(_,{children:r.label})]}),e.jsx(g,{onClick:s,children:e.jsx(A,{name:"icon-cross"})})]})};const I=t.styled_default("div")({name:"n",class:"n1aopxp8",propsAsIs:!1}),S=({children:n,style:s,className:l})=>e.jsx(I,{style:s,className:l,children:n});const w=t.styled_default("div")({name:"i",class:"i1bwjtdb",propsAsIs:!1}),Q=t.styled_default("video")({name:"e",class:"enb7moc",propsAsIs:!1}),k=t.styled_default("img")({name:"r",class:"r1ws5lyh",propsAsIs:!1}),N=t.styled_default("div")({name:"s",class:"soibf55",propsAsIs:!1}),$=({poster:n,source:s})=>{const l=d.useRef(null),[r,o]=d.useState(!1),[u,c]=d.useState(!0);return e.jsxs(w,{onClick:()=>{const a=l==null?void 0:l.current;a&&o(f=>f?(a.pause(),!1):(a.play(),c(!1),!0))},children:[e.jsx(Q,{ref:l,src:s,onEnded:()=>{var a;(a=l==null?void 0:l.current)==null||a.load(),o(!1),c(!0)},style:{visibility:u?"hidden":"visible"}}),e.jsx(k,{src:n,style:{visibility:u?"visible":"hidden"}}),e.jsx(N,{children:!r&&e.jsx(t.q,{name:"icon-play"})})]})};const E=t.styled_default("div")({name:"t",class:"t18unvw4",propsAsIs:!1}),L=t.styled_default("div")({name:"r",class:"rs0uvk8",propsAsIs:!1}),M=t.styled_default("h3")({name:"n",class:"n1hem4g7",propsAsIs:!1}),U=t.styled_default("div")({name:"i",class:"i193lbwv",propsAsIs:!1}),O=t.styled_default("a")({name:"a",class:"a1dka9qs",propsAsIs:!1}),R=({title:n,instantView:s})=>e.jsxs(E,{children:[(s==null?void 0:s.video)&&e.jsx($,{source:s.video.url,poster:s.video.thumbnailUrl}),e.jsxs(L,{children:[e.jsx(M,{children:(s==null?void 0:s.heading)||n}),e.jsx(U,{children:s==null?void 0:s.body}),(s==null?void 0:s.webLink)&&e.jsxs(O,{href:"webLink",target:"_blank",children:["Explore more of the Masters History",e.jsx(t.q,{name:"icon-external-link"})]})]})]});const T=t.styled_default("div")({name:"d",class:"dk8r1eq",propsAsIs:!1}),D=({openedQuestion:n})=>{var s;return((s=n==null?void 0:n.attributes)==null?void 0:s.attributes.case)==="insight"?e.jsx(R,{...n.attributes.attributes.value}):null},H=({extendedQuestion:n,vote:s})=>{const{loading:l,data:r}=n;return!l&&r?e.jsx(t.Y,{vote:s,openedQuestion:r}):null},F=({gamification:n})=>{var s;const l=i.useStore(n.openedQuestion.$store),r=i.useStore(n.openedQuestion.$extendedStore);if(!l)return null;const o=l.type;return e.jsxs(T,{children:[e.jsx(x,{close:n.closeQuestion,type:((s=l.attributes)==null?void 0:s.type)||j.QuestionType.UNSET}),o==="question"&&e.jsx(H,{vote:n.submitAnswer,extendedQuestion:r}),o!=="question"&&e.jsx(D,{openedQuestion:l})]})},P=({leaderboardList:n,openUser:s})=>{const{data:l}=i.useStore(n.$store);return e.jsx(t.j,{fetchMore:n.fetchMore,items:l,openItemDetail:s})},B=({store:n,openQuestion:s})=>{const l=i.useStore(n);return l!=null&&l.data?e.jsx(t.j$1,{openQuestion:s,questions:l.data}):e.jsx("div",{children:"wait questions..."})},C=({store:n})=>{const{data:s}=i.useStore(n);return s!=null&&s.summary?e.jsx(t.v,{...s.summary,...s.percentage}):e.jsx("div",{children:"wait user..."})},G=({gamification:n})=>{const[s,l]=d.useState(t.h.HOME);return e.jsxs("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[e.jsxs(t.e,{children:[e.jsx(t.p$1,{activePage:s,toggleActivePage:l}),s===t.h.HOME&&e.jsx(C,{store:n.userSummary.getStore()})]}),s===t.h.HOME&&e.jsx(t.a$1,{children:e.jsx(B,{openQuestion:n.openQuestion,store:n.feedList.getStore()})}),s===t.h.LEADERBOARD&&e.jsx(t.a$1,{style:{flex:"1 1 auto",paddingTop:0,paddingBottom:0},children:e.jsx(P,{openUser:n.openUser,leaderboardList:n.leaderboardList})})]})};const J=()=>S,p=t.styled_default(J())({name:"m",class:"m1ph66cs",propsAsIs:!0}),V=t.styled_default("div")({name:"x",class:"xorme7i",propsAsIs:!1}),m=({gamification:n,className:s})=>{const l=i.useStore(n.openedQuestion.$store),r=i.useStore(n.openedUser);return e.jsxs(e.Fragment,{children:[l&&e.jsx(p,{className:s,children:e.jsx(F,{gamification:n})}),r&&e.jsx(p,{className:s,children:e.jsxs(V,{children:[e.jsx(x,{label:"Friend's Rank",close:n.closeUser}),e.jsx(t.e,{children:e.jsx(t.v,{...r})})]})}),e.jsx(t.r,{className:s,"data-nav":"true",children:e.jsx(G,{gamification:n})})]})};exports.GamificationOverlay=m;exports.default=m;

package/lib/style.css

@@ -1 +1 @@
-.StreamLayerSDK .StreamLayerCSSReset a,.StreamLayerSDK .StreamLayerCSSReset abbr,.StreamLayerSDK .StreamLayerCSSReset acronym,.StreamLayerSDK .StreamLayerCSSReset address,.StreamLayerSDK .StreamLayerCSSReset applet,.StreamLayerSDK .StreamLayerCSSReset article,.StreamLayerSDK .StreamLayerCSSReset aside,.StreamLayerSDK .StreamLayerCSSReset audio,.StreamLayerSDK .StreamLayerCSSReset b,.StreamLayerSDK .StreamLayerCSSReset big,.StreamLayerSDK .StreamLayerCSSReset blockquote,.StreamLayerSDK .StreamLayerCSSReset body,.StreamLayerSDK .StreamLayerCSSReset button,.StreamLayerSDK .StreamLayerCSSReset canvas,.StreamLayerSDK .StreamLayerCSSReset caption,.StreamLayerSDK .StreamLayerCSSReset center,.StreamLayerSDK .StreamLayerCSSReset cite,.StreamLayerSDK .StreamLayerCSSReset code,.StreamLayerSDK .StreamLayerCSSReset dd,.StreamLayerSDK .StreamLayerCSSReset del,.StreamLayerSDK .StreamLayerCSSReset details,.StreamLayerSDK .StreamLayerCSSReset dfn,.StreamLayerSDK .StreamLayerCSSReset div,.StreamLayerSDK .StreamLayerCSSReset dl,.StreamLayerSDK .StreamLayerCSSReset dt,.StreamLayerSDK .StreamLayerCSSReset em,.StreamLayerSDK .StreamLayerCSSReset embed,.StreamLayerSDK .StreamLayerCSSReset fieldset,.StreamLayerSDK .StreamLayerCSSReset figcaption,.StreamLayerSDK .StreamLayerCSSReset figure,.StreamLayerSDK .StreamLayerCSSReset footer,.StreamLayerSDK .StreamLayerCSSReset form,.StreamLayerSDK .StreamLayerCSSReset h1,.StreamLayerSDK .StreamLayerCSSReset h2,.StreamLayerSDK .StreamLayerCSSReset h3,.StreamLayerSDK .StreamLayerCSSReset h4,.StreamLayerSDK .StreamLayerCSSReset h5,.StreamLayerSDK .StreamLayerCSSReset h6,.StreamLayerSDK .StreamLayerCSSReset header,.StreamLayerSDK .StreamLayerCSSReset hgroup,.StreamLayerSDK .StreamLayerCSSReset html,.StreamLayerSDK .StreamLayerCSSReset i,.StreamLayerSDK .StreamLayerCSSReset iframe,.StreamLayerSDK .StreamLayerCSSReset img,.StreamLayerSDK .StreamLayerCSSReset ins,.StreamLayerSDK .StreamLayerCSSReset kbd,.StreamLayerSDK .StreamLayerCSSReset label,.StreamLayerSDK .StreamLayerCSSReset legend,.StreamLayerSDK .StreamLayerCSSReset li,.StreamLayerSDK .StreamLayerCSSReset mark,.StreamLayerSDK .StreamLayerCSSReset menu,.StreamLayerSDK .StreamLayerCSSReset nav,.StreamLayerSDK .StreamLayerCSSReset object,.StreamLayerSDK .StreamLayerCSSReset ol,.StreamLayerSDK .StreamLayerCSSReset output,.StreamLayerSDK .StreamLayerCSSReset p,.StreamLayerSDK .StreamLayerCSSReset pre,.StreamLayerSDK .StreamLayerCSSReset q,.StreamLayerSDK .StreamLayerCSSReset ruby,.StreamLayerSDK .StreamLayerCSSReset s,.StreamLayerSDK .StreamLayerCSSReset samp,.StreamLayerSDK .StreamLayerCSSReset section,.StreamLayerSDK .StreamLayerCSSReset small,.StreamLayerSDK .StreamLayerCSSReset span,.StreamLayerSDK .StreamLayerCSSReset strike,.StreamLayerSDK .StreamLayerCSSReset strong,.StreamLayerSDK .StreamLayerCSSReset sub,.StreamLayerSDK .StreamLayerCSSReset summary,.StreamLayerSDK .StreamLayerCSSReset sup,.StreamLayerSDK .StreamLayerCSSReset table,.StreamLayerSDK .StreamLayerCSSReset tbody,.StreamLayerSDK .StreamLayerCSSReset td,.StreamLayerSDK .StreamLayerCSSReset tfoot,.StreamLayerSDK .StreamLayerCSSReset th,.StreamLayerSDK .StreamLayerCSSReset thead,.StreamLayerSDK .StreamLayerCSSReset time,.StreamLayerSDK .StreamLayerCSSReset tr,.StreamLayerSDK .StreamLayerCSSReset tt,.StreamLayerSDK .StreamLayerCSSReset u,.StreamLayerSDK .StreamLayerCSSReset ul,.StreamLayerSDK .StreamLayerCSSReset var,.StreamLayerSDK .StreamLayerCSSReset video{outline:none}.StreamLayerSDK>.StreamLayerSDKTheme{height:100%}.StreamLayerSDK>.StreamLayerSDKTheme .acysrl1{-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--color-neutrals-white);border-bottom:1px solid var(--color-neutrals-gray3);box-sizing:border-box;color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);justify-content:space-between;padding:12px 12px 12px 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .acysrl1,.StreamLayerSDK>.StreamLayerSDKTheme .lo57cjm{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .p14kwh4y{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .p14kwh4y path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .sxun7sq{font-family:var(--font-regular);margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .c1i8ida8{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;outline:none;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .g1m0xfmw path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .g1m0xfmw:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .n1aopxp8{animation:containerShowIn-n1aopxp8 .1s ease-out;max-height:500px;opacity:1;overflow:hidden;transform:scale(1);width:100%}@keyframes containerShowIn-n1aopxp8{0%{max-height:0;opacity:0;transform:scale(0)}80%{max-height:500px;opacity:0;transform:scale(.9)}85%{max-height:500px;transform:scale(.9)}to{max-height:500px;opacity:1;transform:scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .i1bwjtdb{border-radius:8px;cursor:pointer;display:flex;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .enb7moc{width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .r1ws5lyh{height:100%;left:0;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .soibf55{cursor:pointer;display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.StreamLayerSDK>.StreamLayerSDKTheme .t18unvw4{background-color:var(--color-neutrals-white);padding:var(--container-padding);row-gap:16px}.StreamLayerSDK>.StreamLayerSDKTheme .rs0uvk8,.StreamLayerSDK>.StreamLayerSDKTheme .t18unvw4{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .rs0uvk8{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n1hem4g7{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:16px;font-weight:var(--font-weight-default);line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .i193lbwv{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .a1dka9qs{-webkit-box-pack:center;-ms-flex-pack:center;border:1px solid var(--color-primary-green1);border-radius:40px;color:var(--color-primary-green1);-moz-column-gap:10px;column-gap:10px;font-size:14px;font-weight:var(--font-weight-default);justify-content:center;line-height:20px;padding:11px 16px;-webkit-text-decoration:none;text-decoration:none}.StreamLayerSDK>.StreamLayerSDKTheme .a1dka9qs,.StreamLayerSDK>.StreamLayerSDKTheme .dk8r1eq{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .dk8r1eq{-webkit-box-pack:start;-ms-flex-pack:start;background:var(--color-transparent-item);flex-direction:column;height:100%;justify-content:flex-start;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .v1ph66cs,.StreamLayerSDK>.StreamLayerSDKTheme .xorme7i{background:var(--color-neutrals-white);inset:0;position:absolute;top:var(--header-height);z-index:3}.StreamLayerSDK>.StreamLayerSDKTheme .b1tuxhle{-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 .b1tuxhle>div{width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-white);border:1px solid var(--color-neutrals-gray3);border-radius:100px;color:var(--color-primary-green1);cursor:pointer;display:flex;font-size:12px;font-weight:var(--font-weight-default);justify-content:center;-webkit-letter-spacing:-.5px;-moz-letter-spacing:-.5px;-ms-letter-spacing:-.5px;letter-spacing:-.5px;max-height:36px;min-height:36px;padding:0 8px}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]:disabled:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:disabled{cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:disabled:hover{border-color:var(--color-neutrals-gray3);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .tw2meku{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:22px;justify-content:center;margin-right:5px;width:22px}.StreamLayerSDK>.StreamLayerSDKTheme .a10lggiw[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .a10lggiw[data-selected=true] g>path:nth-child(2){fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .d1x5s8ie[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .d1x5s8ie[data-selected=true] g>path:nth-child(2){fill:#fff;stroke:#107d57}.StreamLayerSDK>.StreamLayerSDKTheme .ntav86o[data-selected=true] g>path{fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .n1rlvhvz{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-neutrals-white);display:flex;justify-content:space-between}.StreamLayerSDK>.StreamLayerSDKTheme .n9bnom{animation:show-nav-n9bnom .5s ease;animation-fill-mode:forwards;border-bottom:1px solid var(--color-neutrals-gray3);box-sizing:border-box;left:0;opacity:0;overflow:hidden;padding:var(--container-padding);position:absolute;right:0;top:0}.StreamLayerSDK>.StreamLayerSDKTheme .n9bnom>button:not(:last-child){margin-right:8px}@keyframes show-nav-n9bnom{90%{opacity:0}to{height:68px;opacity:1}}.StreamLayerSDK>.StreamLayerSDKTheme .o1gwxd13{background-color:var(--color-bg-transparent);border:1px solid var(--color-blue-primary);cursor:pointer;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .nsmzrlg{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-blue-primary);display:flex;justify-content:center;padding:14px}.StreamLayerSDK>.StreamLayerSDKTheme .i81s9fc{border-radius:50%;height:100%;max-height:40px;max-width:40px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .rlmx6cw{-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:flex;justify-content:space-between;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .dqb0kgq{flex:1;font-size:14px;font-weight:700;padding-left:20px;padding-right:5px}.StreamLayerSDK>.StreamLayerSDKTheme .l1tjaqbq{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.StreamLayerSDK>.StreamLayerSDKTheme .a1tb5jb7{padding:20px}.StreamLayerSDK>.StreamLayerSDKTheme .c11xpv3i{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:center;outline:none}.StreamLayerSDK>.StreamLayerSDKTheme .s12ztjhk{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .a1f928zy{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .nhpumh7{background-color:var(--color-transparent-item);border-radius:8px;height:100%;padding:0 12px}.StreamLayerSDK>.StreamLayerSDKTheme .nhpumh7,.StreamLayerSDK>.StreamLayerSDKTheme .r1wcng20{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .r1wcng20{flex-direction:column;margin:auto;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .i1173pke{font-size:18px;margin-bottom:20px}.StreamLayerSDK>.StreamLayerSDKTheme .ev27fka{align-items:center;display:flex;flex-direction:column;font-size:14px;margin-bottom:10px}.StreamLayerSDK>.StreamLayerSDKTheme .a1ifs31v{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;color:#fff;cursor:pointer;margin-bottom:20px;padding:6px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .a1ifs31v:disabled{cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .p10d4aqp{border-bottom:1px solid #fff;margin-bottom:40px}.StreamLayerSDK>.StreamLayerSDKTheme .p10d4aqp input{background:transparent;border:none;color:#fff;font-size:20px;outline:none}.StreamLayerSDK>.StreamLayerSDKTheme .dje8inq>div{display:flex;gap:10px;margin-bottom:20px}.StreamLayerSDK>.StreamLayerSDKTheme .dje8inq input{font-size:40px;height:40px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .i1grt8h{justify-content:center;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i1grt8h,.StreamLayerSDK>.StreamLayerSDKTheme .n1rozou{align-items:center;display:flex;height:100%}.StreamLayerSDK>.StreamLayerSDKTheme .n1rozou{-webkit-box-pack:justify;-ms-flex-pack:justify;flex-direction:column;justify-content:space-between;width:80%}.StreamLayerSDK>.StreamLayerSDKTheme .o81ls6z{margin-bottom:24px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .d9l6z9i{font-size:17px;font-weight:600;padding:0 20px;text-align:center;word-break:break-word}.StreamLayerSDK>.StreamLayerSDKTheme .e1o3lzmc{-webkit-box-pack:center;-ms-flex-pack:center;flex:1;justify-content:center;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e1o3lzmc,.StreamLayerSDK>.StreamLayerSDKTheme .otjo97h{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .otjo97h{color:#fff;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .ivk43vg{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-green-primary-btn);border-radius:50%;display:flex;height:48px;justify-content:center;margin-bottom:24px;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .r1w33akz{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .c1a3ssoy{font-size:20px;font-weight:600;margin-bottom:8px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .ayzr5mb{font-size:14px;font-weight:400;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .p30t8qv{background-color:transparent;border:none;border:2px solid var(--color-green-primary-btn);border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:24px;outline:none;padding:12px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .ty54o42{align-items:center;color:#fff;display:flex;flex:1;flex-direction:column;padding:0 8px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .oqyp1qa{font-size:20px;font-weight:700}.StreamLayerSDK>.StreamLayerSDKTheme .rf1d3db{max-height:190px;overflow:auto}.StreamLayerSDK>.StreamLayerSDKTheme .n187jgct{display:flex;margin-top:24px;max-width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .d1i3t4lw{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-green-primary-btn);border-radius:50%;display:flex;height:36px;justify-content:center;margin-right:16px;width:36px}.StreamLayerSDK>.StreamLayerSDKTheme .l1heulx5{flex:1;max-height:39px;overflow:hidden;padding-right:30px;word-break:break-word}.StreamLayerSDK>.StreamLayerSDKTheme .n1cm2rh8{box-sizing:border-box;color:var(--color-white);display:flex;flex-direction:column;height:100%;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e9j28tc{flex:1;margin-bottom:20px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .iu1o1a8{-webkit-box-pack:justify;-ms-flex-pack:justify;border-bottom:1px solid #22262b;justify-content:space-between;margin-bottom:36px;padding:6px 16px 10px}.StreamLayerSDK>.StreamLayerSDKTheme .iu1o1a8,.StreamLayerSDK>.StreamLayerSDKTheme .r14ailyk{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .r14ailyk{justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .c11ybl5c{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .sd9s97{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .l1ddowgh{height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .d1s3ug7g{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:center;outline:none}.StreamLayerSDK>.StreamLayerSDKTheme .p17kmhv2{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .a1qucmt7{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-green-primary-btn);border:none;border-radius:6px;color:var(--color-white);cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;outline:none;padding:12px 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o{background-color:var(--color-neutrals-gray2);border-radius:8px;box-sizing:border-box;display:flex;overflow:hidden;padding:4px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o:before{background-color:var(--color-white);border-radius:6px;content:"";height:28px;left:4px;position:absolute;transition:transform var(--animation-duration) var(--animation-function);width:calc(50% - 4px)}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o[data-position=left]:before{transform:translateX(0)}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o[data-position=right]:before{transform:translateX(100%)}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;box-sizing:border-box;color:var(--color-neutrals-gray7);cursor:pointer;display:flex;font-size:12px;font-weight:550;height:28px;justify-content:center;outline:none;padding:4px 10px;width:50%}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl:hover{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl[data-selected=true]{color:var(--color-primary-green1);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .i1vk8ojx{position:relative;z-index:2}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2{border:1px solid;border-radius:71px;font-size:12px;font-weight:var(--font-weight-default);outline:none;padding:14px 16px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=primary]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=primary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=secondary]{background-color:transparent;border-color:var(--color-primary-green1);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=secondary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2:disabled{opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2:disabled:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .o14894ro{-webkit-box-pack:center;-ms-flex-pack:center;background:#222425;height:100%;justify-content:center;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .o14894ro,.StreamLayerSDK>.StreamLayerSDKTheme .s1lblda3{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .s1lblda3{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:var(--border-radius);gap:12px;justify-content:space-between;padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .s1lblda3:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .ascvb2g{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;display:flex;font-size:12px;font-weight:500;justify-content:flex-start;margin-bottom:8px}.StreamLayerSDK>.StreamLayerSDKTheme .p17rl8zy{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:14px;font-weight:400}.StreamLayerSDK>.StreamLayerSDKTheme .c6fk2ph{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .d1rdm136{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .d1rdm136 path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .fwqnnel{color:var(--color-neutrals-gray7);font-size:12px;font-weight:500;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .ucyxnlg{display:flex;flex:1;flex-direction:column;font-weight:700;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .xs2nk4s{color:var(--color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .gtym8sr{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:8px;height:20px;padding:6px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .vkjgzv5{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .h7uvs2c{text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .m53voq{border-left:1px solid var(--color-grey-primary);margin-left:5px;padding-left:5px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .e1q4ysxt{background-color:var(--color-transparent-item);border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;height:55px;min-height:55px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ouyy0pt{-webkit-box-pack:justify;-ms-flex-pack:justify;flex:1;justify-content:space-between;padding:9px}.StreamLayerSDK>.StreamLayerSDKTheme .n19nxf9u,.StreamLayerSDK>.StreamLayerSDKTheme .ouyy0pt{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .n19nxf9u{-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--color-blue-question-action-btn);border-bottom-left-radius:8px;border-top-left-radius:8px;height:100%;justify-content:center;min-width:60px;position:relative;width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .r1k9ayhp{height:35px;width:35px}.StreamLayerSDK>.StreamLayerSDKTheme .l5j3lzi{border-radius:50%;height:35px;width:35px}.StreamLayerSDK>.StreamLayerSDKTheme .sm6ggfo{bottom:0;left:0;position:absolute;width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .p1dhscaj{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--color-white);display:-webkit-box;font-size:12px;font-weight:400px;margin-right:35px;max-height:100%;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .a1f5isrh{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .t19vr3p1{display:flex;flex-direction:column;gap:8px;max-height:100%;overflow-y:auto}.StreamLayerSDK>.StreamLayerSDKTheme .taj61ja{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-primary-green2);border-radius:4px;color:var(--color-neutrals-white);display:flex;flex:1;justify-content:space-between;overflow:hidden;padding:9px 8px}.StreamLayerSDK>.StreamLayerSDKTheme .r19fxewd{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .i1whkbqh{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .i4lbhzs{align-items:center;color:var(--color-neutrals-white);display:flex;flex-direction:column;padding-top:2px;row-gap:4px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .ordquhq{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .nwzed99{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .o15y0waw{background-color:var(--color-primary-green1);border-radius:12px;font-weight:var(--font-weight-default);padding:12px}.StreamLayerSDK>.StreamLayerSDKTheme .ihjewwf{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex;justify-content:space-between;margin-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n10e9lv8{display:flex;flex-direction:column;row-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .r13bxv{-moz-column-gap:8px;column-gap:8px;display:flex;flex:1;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .a1fi59c9{-ms-flex-negative:0;border-radius:50%;flex-shrink:0;height:48px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .s1kkihge{display:flex;flex-direction:column;overflow:hidden;row-gap:6px}.StreamLayerSDK>.StreamLayerSDKTheme .cy4f4t{color:var(--color-white);font-size:16px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .p18cnlx1{align-items:center;color:var(--color-neutrals-white);-moz-column-gap:8px;column-gap:8px;display:flex;font-size:14px;height:14px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .lboqgs5{height:15px;width:15px}.StreamLayerSDK>.StreamLayerSDKTheme .d1oaal4{align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .d1oaal4,.StreamLayerSDK>.StreamLayerSDKTheme .x1yzgo0u{-moz-column-gap:4px;column-gap:4px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .x1yzgo0u{align-items:baseline}.StreamLayerSDK>.StreamLayerSDKTheme .f1l9i8s8{font-size:9px;opacity:.8}.StreamLayerSDK>.StreamLayerSDKTheme .g4cgl4u{background-color:var(--color-white);height:10px;opacity:.2;width:1px}.StreamLayerSDK>.StreamLayerSDKTheme .h1qn1tmd{-moz-column-gap:8px;column-gap:8px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .u1gsbhq4{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--color-primary-green2);border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .mvj8oco{-ms-flex-negative:0;background:#2d6ffd;border-radius:50%;color:#fff;flex-shrink:0;font-size:18px;height:48px;text-align:center;text-transform:uppercase;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .mvj8oco,.StreamLayerSDK>.StreamLayerSDKTheme .viqiaf2{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .viqiaf2{background-color:transparent;border:none;border-radius:50%;cursor:pointer;height:100%;max-height:48px;max-width:48px;outline:none;padding:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .idhrx8x{background:transparent;font-family:var(--font-regular);height:100%;min-width:324px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep{height:100%;overflow-y:auto;transition:transform;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-function);width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep[data-nav=true]{height:calc(100% - var(--header-height));transform:translateY(var(--header-height))}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep[data-question-header=true]{height:calc(100% - var(--question-headers-height));transform:translateY(var(--question-headers-height))}.StreamLayerSDK>.StreamLayerSDKTheme .a1v8kucd{display:flex;flex-direction:column;gap:var(--container-padding);padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .e16yw7z1.a1v8kucd{background-color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .ciyeb68{align-items:center;display:flex;font-size:14px;margin-bottom:16px;padding:8px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ciyeb68[data-isPrediction=true]{align-items:flex-start}.StreamLayerSDK>.StreamLayerSDKTheme .nfic4xc{height:24px;margin-left:12px;margin-right:14px;min-width:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .nfic4xc g>path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;margin-right:16px;min-width:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66[data-feedbackType=correct]{background-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66[data-feedbackType=incorrect]{background-color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .p132yxcv{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw{margin-right:5px}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw[data-feedbackType=correct]{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw[data-feedbackType=incorrect]{color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .gzdx7pk{color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .smnc4zm{font-weight:400;margin-top:10px}.StreamLayerSDK>.StreamLayerSDKTheme .olc1eph{height:100%;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .olc1eph>div:not(:last-child){margin-bottom:16px}.StreamLayerSDK>.StreamLayerSDKTheme .n1yoh29a{padding:16px 16px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .pjkr5mb{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;margin:16px 0}.StreamLayerSDK>.StreamLayerSDKTheme .r82wnnx{display:flex;flex-direction:column;gap:8px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k{background-color:var(--color-neutrals-gray2);border:1px solid transparent;border-radius:4px;box-sizing:border-box;height:44px;max-height:44px;min-height:44px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k:hover:not(:disabled){border-color:var(--color-neutrals-gray5);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-selected=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=correct]{border-color:var(--color-primary-green1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=correct]:before{background-color:var(--color-primary-green1);content:"";display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=incorrect]{border-color:var(--color-secondary-red1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=incorrect]:before{background-color:var(--color-secondary-red1);content:"";display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-isNotChecked=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3{background-color:var(--color-neutrals-gray3);border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width 1s ease-in;z-index:0}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=correct]{background-color:var(--color-primary-green1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=incorrect]{background-color:var(--color-secondary-red1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=unset]{background-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .dmltvg2{align-items:center;background-color:transparent;border:none;border-radius:2px;color:var(--color-neutrals-gray9);display:flex;font-family:var(--font-regular);font-size:12px;font-weight:var(--font-weight-default);height:100%;outline:none;padding:5px 15px 5px 9px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .stfjpqz{width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .p198m24r{background-repeat:no-repeat;background-size:contain;bottom:-1px;height:52px;left:0;position:absolute;width:52px}.StreamLayerSDK>.StreamLayerSDKTheme .rbq5eu7{margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .g1iv6oeb.rbq5eu7{height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .h1qtxlqc.rbq5eu7{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .udm736q{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .b1da34tx{display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .x1dqwq83{line-height:17px;margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .v10s9my2{height:16px;margin-left:8px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .a1r7f3z4{-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:1px solid var(--color-neutrals-gray3);border-radius:100px;color:var(--color-neutrals-gray9);display:flex;font-family:var(--font-regular);font-size:14px;font-weight:var(--font-weight-default);justify-content:space-between;-webkit-letter-spacing:-.15px;-moz-letter-spacing:-.15px;-ms-letter-spacing:-.15px;letter-spacing:-.15px;min-height:40px;padding:3px 3px 3px 11px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .a1r7f3z4>div:first-child:last-child{margin-left:auto;margin-right:auto}.StreamLayerSDK>.StreamLayerSDKTheme .sblndl{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .l7ka1tv{color:var(--color-neutrals-gray7);margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .p1edlxt3{margin-right:4px}.StreamLayerSDK>.StreamLayerSDKTheme .ghm08u2{align-items:flex-end;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .c12nsh46{font-size:14px;line-height:14px;margin-right:6px}.StreamLayerSDK>.StreamLayerSDKTheme .dlr9eoc{font-size:10px}.StreamLayerSDK>.StreamLayerSDKTheme .nyaglcf{background-color:var(--color-transparent-onboarding-inapp);max-height:120px}.StreamLayerSDK>.StreamLayerSDKTheme .rn5nzbc{align-items:center;background-repeat:no-repeat;background-size:contain;border-bottom-left-radius:8px;border-top-left-radius:8px;display:flex;width:72px}.StreamLayerSDK>.StreamLayerSDKTheme .e6i73qc{margin-left:8px;width:56px}.StreamLayerSDK>.StreamLayerSDKTheme .iu0veuw{-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:flex;flex:1;font-size:12px;font-weight:600;justify-content:space-between;margin-right:8px;padding:16px 8px 16px 0}.StreamLayerSDK>.StreamLayerSDKTheme .ph41hsa{height:16px;margin-right:4px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .a1doo0j{font-size:8px;font-style:italic;font-weight:600;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .s1y6mmdj{font-size:14px;margin-bottom:2px;margin-top:8px}.StreamLayerSDK>.StreamLayerSDKTheme .cr7s6d2{color:var(--color-grey-primary-onboarding-inapp)}.StreamLayerSDK>.StreamLayerSDKTheme .dn2ogfd{background-color:var(--color-green-primary-btn);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;outline:none;padding:8px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .xvt3fwn{background-color:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;outline:none;padding:5px;position:absolute;right:8px;top:4px}.StreamLayerSDK>.StreamLayerSDKTheme .g4rp2wp{height:10px;width:10px}.StreamLayerSDK>.StreamLayerSDKTheme .r1li8aub{position:absolute;right:0;transition:transform .3s ease;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .r1li8aub>div{animation:slide-in-r1li8aub .3s ease-in;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-sizing:border-box;color:var(--color-white);display:flex;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}@keyframes slide-in-r1li8aub{0%{right:-100%}to{right:0}}.StreamLayerSDK>.StreamLayerSDKTheme .oc6h1al{max-width:600px;position:absolute;right:10px;top:10px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .oc6h1al>div{margin-bottom:10px}.StreamLayerSDK>.StreamLayerSDKTheme .y1qd1atw{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;background:var(--color-transparent-item);display:flex;flex-direction:column;height:100%;justify-content:flex-start;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .y1qd1atw>div{animation:slide-in-y1qd1atw .3s ease-in;background:#000;width:100%}@keyframes slide-in-y1qd1atw{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.StreamLayerSDK>.StreamLayerSDKTheme .e1javwmj{border-radius:13px;height:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e1javwmj,.StreamLayerSDK>.StreamLayerSDKTheme .t1qosv8q{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .t1qosv8q{max-height:100%;overflow-y:auto}.StreamLayerSDK>.StreamLayerSDKTheme .t1qosv8q>div{margin-bottom:8px}.StreamLayerSDK>.StreamLayerSDKTheme .oa5apdf{-webkit-box-pack:justify;-ms-flex-pack:justify;border-bottom:1px solid #22262b;border-bottom-left-radius:8px;border-top-left-radius:8px;box-sizing:border-box;justify-content:space-between;margin-bottom:20px;min-height:35px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .n1wh5guy,.StreamLayerSDK>.StreamLayerSDKTheme .oa5apdf{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .n1wh5guy{-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:none;border-radius:50%;cursor:pointer;justify-content:center;outline:none;padding:5px}.StreamLayerSDK>.StreamLayerSDKTheme .ro3ktps{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .t16hl500{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;box-sizing:border-box;color:var(--color-white);display:flex;flex-direction:column;font-size:14px;justify-content:center;padding:16px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .e18ymslp{border:1px solid #7e7e7f;border-radius:50%;height:130px;margin-bottom:8px;width:130px}.StreamLayerSDK>.StreamLayerSDKTheme .n1kdd00k{margin-bottom:8px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .rwwgdkm{font-weight:700;margin-bottom:8px}.StreamLayerSDK>.StreamLayerSDKTheme .dvazwa9{font-weight:400}.StreamLayerSDK>.StreamLayerSDKTheme .cd3vh14{background-color:var(--color-blue-question-action-btn);border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:13px;font-weight:600;overflow:hidden;padding:10px 5px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cd3vh14,.StreamLayerSDK>.StreamLayerSDKTheme .cd3vh14:active,.StreamLayerSDK>.StreamLayerSDKTheme .cd3vh14:hover,.StreamLayerSDK>.StreamLayerSDKTheme .cd3vh14:visited{color:var(--color-white);-webkit-text-decoration:none;text-decoration:none}.StreamLayerSDK>.StreamLayerSDKTheme .l19zo16x{height:16px;margin-left:10px;vertical-align:middle;width:17px}.StreamLayerSDK>.StreamLayerSDKTheme .a1w9zony{align-items:center;background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-gray3);border-radius:8px;color:var(--color-neutrals-gray9);-moz-column-gap:4px;column-gap:4px;cursor:pointer;display:flex;font-size:12px;font-weight:var(--font-weight-default);line-height:16px;padding:8px 16px 8px 8px}.StreamLayerSDK>.StreamLayerSDKTheme .a1w9zony:hover{border-color:var(--color-neutrals-gray5);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .l16qcfv8{min-width:28px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .p1gmcc5f{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .s1doddh0{-ms-flex-negative:0;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--color-grey-primary-onboarding-inapp);border-radius:50%;color:var(--color-neutrals-gray9);flex-shrink:0;font-size:12px;height:32px;justify-content:center;text-align:center;text-transform:uppercase;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .c1js9xhe,.StreamLayerSDK>.StreamLayerSDKTheme .s1doddh0{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .c1js9xhe{-webkit-box-flex:1;-ms-flex-positive:1;-moz-column-gap:8px;column-gap:8px;flex-grow:1}.StreamLayerSDK>.StreamLayerSDKTheme .d1tmnqsh{align-items:center;-moz-column-gap:4px;column-gap:4px;display:grid;grid-template-columns:1fr auto}.StreamLayerSDK>.StreamLayerSDKTheme .gi9h87j{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .x13mk3z6{flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .e6qv3to{height:100%;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .i1jak95i{margin-bottom:15px}.StreamLayerSDK>.StreamLayerSDKTheme .r1qp3jjx{height:calc(100% - 160px);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .naeizu7{display:flex;margin-bottom:10px}.StreamLayerSDK>.StreamLayerSDKTheme .a4zecne{background:#1d7bff;border:none;border-radius:3px;color:#fff;cursor:pointer;margin-right:5px;padding:5px 6px;transition:all .3s ease-in}.StreamLayerSDK>.StreamLayerSDKTheme .a4zecne>img{margin-right:5px;max-height:10px;max-width:10px}.StreamLayerSDK>.StreamLayerSDKTheme .a4zecne:enabled:hover{box-shadow:inset 0 0 0 2em #0258d0}.StreamLayerSDK>.StreamLayerSDKTheme .a4zecne[data-selected=true],.StreamLayerSDK>.StreamLayerSDKTheme .a4zecne[data-selected=true]:enabled:hover{box-shadow:inset 0 0 0 2em #003c91}.StreamLayerSDK>.StreamLayerSDKTheme .a4zecne:disabled{background-color:gray;cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .a4zecne[data-enable_sdk_button=false]{opacity:.7}.StreamLayerSDK>.StreamLayerSDKTheme .pedqibx{--color-bg-transparent:rgba(0,0,0,.8);--color-bg-transparent-vote-container:rgba(10,14,19,.8);--color-bg-transparent-item:rgba(0,0,0,.7);--color-bg-transparent-item-vote:hsla(0,0%,100%,.1);--color-bg-transparent-item-success:rgba(0,139,251,.2);--color-bg-transparent-item-error:rgba(205,37,37,.2);--color-bg-transparent-vote-progress:hsla(0,0%,100%,.2);--color-bg-transparent-vote-progress-success:rgba(60,139,251,.5);--color-bg-transparent-vote-progress-error:rgba(205,37,37,.5);--color-bg-transparent-onboarding-inapp:rgba(138,159,182,.2);--color-leaderboard-unit:hsla(0,0%,100%,.5);--color-blue-primary:#1589ee;--color-red-primary:#cd2525;--color-red-secondary:#eb5757;--color-blue-question-action-btn:#1589ee;--color-white:#fff;--color-grey-1:#909395;--color-grey-2:#22262b;--color-grey-3:#2d3135;--color-grey-4:#53565a;--color-grey-primary-onboarding-inapp:#b5b7b8;--color-black-1:#161a1f;--color-green-1:#f7b801;--color-red-1:#a30000;--color-red-2:#ff4170;--color-grey-primary:#909395;--color-divider-color-secondary:#53565a;--color-green-primary-btn:#009b77;--color-primary-green1:#107d57;--color-primary-green2:#006747;--color-primary-green3:#1c4932;--color-primary-green4:#193526;--color-secondary-red1:#df2f3b;--color-secondary-red2:#ba0c2f;--color-secondary-red3:#f9d6d8;--color-secondary-yellow:#fce300;--color-secondary-green5:#c0dc8f;--color-secondary-green6:#cee5de;--color-neutrals-white:#fff;--color-neutrals-gray1:#f7f7f7;--color-neutrals-gray2:#f2f2f1;--color-neutrals-gray3:#e8e8e8;--color-neutrals-gray4:#d9d9d6;--color-neutrals-gray5:#b1b3b3;--color-neutrals-gray6:#888b8d;--color-neutrals-gray7:#6b6f73;--color-neutrals-gray8:#53565a;--color-neutrals-gray9:#25282a;--color-neutrals-black:#000;--font-family:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-regular:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-color:#fff;--font-serif:"Tiempos","Tiempos Text",Times New Roman,serif;--font-weight-default:500;--header-height:68px;--animation-duration:0.5s;--animation-function:ease;--container-padding:16px;--border-radius:8px}.StreamLayerSDK>.StreamLayerSDKTheme .pedqibx *{box-sizing:border-box}.StreamLayerSDK>.StreamLayerSDKTheme .l4qld3l{align-items:center;border-radius:40px;-moz-column-gap:8px;column-gap:8px;display:inline-flex;padding:4px 17px 4px 4px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .l4qld3l:before{border:1px solid var(--color-neutrals-white);border-radius:40px;bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0;z-index:-1}@media (max-width:767px){.l4qld3l{padding-right:10px}}.StreamLayerSDK>.StreamLayerSDKTheme .ainhtok{-ms-flex-negative:0;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--color-primary-green2);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}@media (max-width:767px){.ainhtok{height:28px;width:28px}}.StreamLayerSDK>.StreamLayerSDKTheme .xk8yd5t{height:20px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .xk8yd5t path{fill:var(--color-neutrals-white)}@media (max-width:767px){.xk8yd5t{height:14px;width:14px}}.StreamLayerSDK>.StreamLayerSDKTheme .h6rf9gb{color:var(--color-neutrals-white);display:flex;flex-direction:column;font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .c18f5pxx{font-size:9px;margin-bottom:1px;text-transform:uppercase}@media (max-width:767px){.c18f5pxx{display:none}}.StreamLayerSDK>.StreamLayerSDKTheme .m1jwsyj1{font-size:18px;line-height:20px}@media (max-width:767px){.m1jwsyj1{font-size:14px;line-height:22px}}
+.StreamLayerSDK .StreamLayerCSSReset a,.StreamLayerSDK .StreamLayerCSSReset abbr,.StreamLayerSDK .StreamLayerCSSReset acronym,.StreamLayerSDK .StreamLayerCSSReset address,.StreamLayerSDK .StreamLayerCSSReset applet,.StreamLayerSDK .StreamLayerCSSReset article,.StreamLayerSDK .StreamLayerCSSReset aside,.StreamLayerSDK .StreamLayerCSSReset audio,.StreamLayerSDK .StreamLayerCSSReset b,.StreamLayerSDK .StreamLayerCSSReset big,.StreamLayerSDK .StreamLayerCSSReset blockquote,.StreamLayerSDK .StreamLayerCSSReset body,.StreamLayerSDK .StreamLayerCSSReset button,.StreamLayerSDK .StreamLayerCSSReset canvas,.StreamLayerSDK .StreamLayerCSSReset caption,.StreamLayerSDK .StreamLayerCSSReset center,.StreamLayerSDK .StreamLayerCSSReset cite,.StreamLayerSDK .StreamLayerCSSReset code,.StreamLayerSDK .StreamLayerCSSReset dd,.StreamLayerSDK .StreamLayerCSSReset del,.StreamLayerSDK .StreamLayerCSSReset details,.StreamLayerSDK .StreamLayerCSSReset dfn,.StreamLayerSDK .StreamLayerCSSReset div,.StreamLayerSDK .StreamLayerCSSReset dl,.StreamLayerSDK .StreamLayerCSSReset dt,.StreamLayerSDK .StreamLayerCSSReset em,.StreamLayerSDK .StreamLayerCSSReset embed,.StreamLayerSDK .StreamLayerCSSReset fieldset,.StreamLayerSDK .StreamLayerCSSReset figcaption,.StreamLayerSDK .StreamLayerCSSReset figure,.StreamLayerSDK .StreamLayerCSSReset footer,.StreamLayerSDK .StreamLayerCSSReset form,.StreamLayerSDK .StreamLayerCSSReset h1,.StreamLayerSDK .StreamLayerCSSReset h2,.StreamLayerSDK .StreamLayerCSSReset h3,.StreamLayerSDK .StreamLayerCSSReset h4,.StreamLayerSDK .StreamLayerCSSReset h5,.StreamLayerSDK .StreamLayerCSSReset h6,.StreamLayerSDK .StreamLayerCSSReset header,.StreamLayerSDK .StreamLayerCSSReset hgroup,.StreamLayerSDK .StreamLayerCSSReset html,.StreamLayerSDK .StreamLayerCSSReset i,.StreamLayerSDK .StreamLayerCSSReset iframe,.StreamLayerSDK .StreamLayerCSSReset img,.StreamLayerSDK .StreamLayerCSSReset ins,.StreamLayerSDK .StreamLayerCSSReset kbd,.StreamLayerSDK .StreamLayerCSSReset label,.StreamLayerSDK .StreamLayerCSSReset legend,.StreamLayerSDK .StreamLayerCSSReset li,.StreamLayerSDK .StreamLayerCSSReset mark,.StreamLayerSDK .StreamLayerCSSReset menu,.StreamLayerSDK .StreamLayerCSSReset nav,.StreamLayerSDK .StreamLayerCSSReset object,.StreamLayerSDK .StreamLayerCSSReset ol,.StreamLayerSDK .StreamLayerCSSReset output,.StreamLayerSDK .StreamLayerCSSReset p,.StreamLayerSDK .StreamLayerCSSReset pre,.StreamLayerSDK .StreamLayerCSSReset q,.StreamLayerSDK .StreamLayerCSSReset ruby,.StreamLayerSDK .StreamLayerCSSReset s,.StreamLayerSDK .StreamLayerCSSReset samp,.StreamLayerSDK .StreamLayerCSSReset section,.StreamLayerSDK .StreamLayerCSSReset small,.StreamLayerSDK .StreamLayerCSSReset span,.StreamLayerSDK .StreamLayerCSSReset strike,.StreamLayerSDK .StreamLayerCSSReset strong,.StreamLayerSDK .StreamLayerCSSReset sub,.StreamLayerSDK .StreamLayerCSSReset summary,.StreamLayerSDK .StreamLayerCSSReset sup,.StreamLayerSDK .StreamLayerCSSReset table,.StreamLayerSDK .StreamLayerCSSReset tbody,.StreamLayerSDK .StreamLayerCSSReset td,.StreamLayerSDK .StreamLayerCSSReset tfoot,.StreamLayerSDK .StreamLayerCSSReset th,.StreamLayerSDK .StreamLayerCSSReset thead,.StreamLayerSDK .StreamLayerCSSReset time,.StreamLayerSDK .StreamLayerCSSReset tr,.StreamLayerSDK .StreamLayerCSSReset tt,.StreamLayerSDK .StreamLayerCSSReset u,.StreamLayerSDK .StreamLayerCSSReset ul,.StreamLayerSDK .StreamLayerCSSReset var,.StreamLayerSDK .StreamLayerCSSReset video{outline:none}.StreamLayerSDK>.StreamLayerSDKTheme{height:100%}.StreamLayerSDK>.StreamLayerSDKTheme .acysrl1{-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--color-neutrals-white);border-bottom:1px solid var(--color-neutrals-gray3);box-sizing:border-box;color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);justify-content:space-between;padding:12px 12px 12px 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .acysrl1,.StreamLayerSDK>.StreamLayerSDKTheme .lo57cjm{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .p14kwh4y{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .p14kwh4y path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .sxun7sq{font-family:var(--font-regular);margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .c1i8ida8{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;outline:none;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .g1m0xfmw path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .g1m0xfmw:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .n1aopxp8{animation:containerShowIn-n1aopxp8 .1s ease-out;max-height:500px;opacity:1;overflow:hidden;transform:scale(1);width:100%}@keyframes containerShowIn-n1aopxp8{0%{max-height:0;opacity:0;transform:scale(0)}80%{max-height:500px;opacity:0;transform:scale(.9)}85%{max-height:500px;transform:scale(.9)}to{max-height:500px;opacity:1;transform:scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .i1bwjtdb{border-radius:8px;cursor:pointer;display:flex;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .enb7moc{width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .r1ws5lyh{height:100%;left:0;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .soibf55{cursor:pointer;display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.StreamLayerSDK>.StreamLayerSDKTheme .t18unvw4{background-color:var(--color-neutrals-white);padding:var(--container-padding);row-gap:16px}.StreamLayerSDK>.StreamLayerSDKTheme .rs0uvk8,.StreamLayerSDK>.StreamLayerSDKTheme .t18unvw4{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .rs0uvk8{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n1hem4g7{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:16px;font-weight:var(--font-weight-default);line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .i193lbwv{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .a1dka9qs{-webkit-box-pack:center;-ms-flex-pack:center;border:1px solid var(--color-primary-green1);border-radius:40px;color:var(--color-primary-green1);-moz-column-gap:10px;column-gap:10px;font-size:14px;font-weight:var(--font-weight-default);justify-content:center;line-height:20px;padding:11px 16px;-webkit-text-decoration:none;text-decoration:none}.StreamLayerSDK>.StreamLayerSDKTheme .a1dka9qs,.StreamLayerSDK>.StreamLayerSDKTheme .dk8r1eq{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .dk8r1eq{-webkit-box-pack:start;-ms-flex-pack:start;background:var(--color-transparent-item);flex-direction:column;height:100%;justify-content:flex-start;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .m1ph66cs{background:var(--color-neutrals-white);inset:0;position:absolute;top:var(--header-height);z-index:3}.StreamLayerSDK>.StreamLayerSDKTheme .xorme7i{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;background:var(--color-transparent-item);display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .xorme7i>div{width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-white);border:1px solid var(--color-neutrals-gray3);border-radius:100px;color:var(--color-primary-green1);cursor:pointer;display:flex;font-size:12px;font-weight:var(--font-weight-default);justify-content:center;-webkit-letter-spacing:-.5px;-moz-letter-spacing:-.5px;-ms-letter-spacing:-.5px;letter-spacing:-.5px;max-height:36px;min-height:36px;padding:0 8px}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]:disabled:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:disabled{cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:disabled:hover{border-color:var(--color-neutrals-gray3);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .tw2meku{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:22px;justify-content:center;margin-right:5px;width:22px}.StreamLayerSDK>.StreamLayerSDKTheme .a10lggiw[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .a10lggiw[data-selected=true] g>path:nth-child(2){fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .d1x5s8ie[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .d1x5s8ie[data-selected=true] g>path:nth-child(2){fill:#fff;stroke:#107d57}.StreamLayerSDK>.StreamLayerSDKTheme .ntav86o[data-selected=true] g>path{fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .n1rlvhvz{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-neutrals-white);display:flex;justify-content:space-between}.StreamLayerSDK>.StreamLayerSDKTheme .n9bnom{animation:show-nav-n9bnom .5s ease;animation-fill-mode:forwards;border-bottom:1px solid var(--color-neutrals-gray3);box-sizing:border-box;left:0;opacity:0;overflow:hidden;padding:var(--container-padding);position:absolute;right:0;top:0}.StreamLayerSDK>.StreamLayerSDKTheme .n9bnom>button:not(:last-child){margin-right:8px}@keyframes show-nav-n9bnom{90%{opacity:0}to{height:68px;opacity:1}}.StreamLayerSDK>.StreamLayerSDKTheme .o1gwxd13{background-color:var(--color-bg-transparent);border:1px solid var(--color-blue-primary);cursor:pointer;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .nsmzrlg{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-blue-primary);display:flex;justify-content:center;padding:14px}.StreamLayerSDK>.StreamLayerSDKTheme .i81s9fc{border-radius:50%;height:100%;max-height:40px;max-width:40px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .rlmx6cw{-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:flex;justify-content:space-between;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .dqb0kgq{flex:1;font-size:14px;font-weight:700;padding-left:20px;padding-right:5px}.StreamLayerSDK>.StreamLayerSDKTheme .l1tjaqbq{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.StreamLayerSDK>.StreamLayerSDKTheme .a1tb5jb7{padding:20px}.StreamLayerSDK>.StreamLayerSDKTheme .c11xpv3i{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:center;outline:none}.StreamLayerSDK>.StreamLayerSDKTheme .s12ztjhk{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .a1f928zy{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .nhpumh7{background-color:var(--color-transparent-item);border-radius:8px;height:100%;padding:0 12px}.StreamLayerSDK>.StreamLayerSDKTheme .nhpumh7,.StreamLayerSDK>.StreamLayerSDKTheme .r1wcng20{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .r1wcng20{flex-direction:column;margin:auto;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .i1173pke{font-size:18px;margin-bottom:20px}.StreamLayerSDK>.StreamLayerSDKTheme .ev27fka{align-items:center;display:flex;flex-direction:column;font-size:14px;margin-bottom:10px}.StreamLayerSDK>.StreamLayerSDKTheme .a1ifs31v{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;color:#fff;cursor:pointer;margin-bottom:20px;padding:6px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .a1ifs31v:disabled{cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .p10d4aqp{border-bottom:1px solid #fff;margin-bottom:40px}.StreamLayerSDK>.StreamLayerSDKTheme .p10d4aqp input{background:transparent;border:none;color:#fff;font-size:20px;outline:none}.StreamLayerSDK>.StreamLayerSDKTheme .dje8inq>div{display:flex;gap:10px;margin-bottom:20px}.StreamLayerSDK>.StreamLayerSDKTheme .dje8inq input{font-size:40px;height:40px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .i1grt8h{justify-content:center;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i1grt8h,.StreamLayerSDK>.StreamLayerSDKTheme .n1rozou{align-items:center;display:flex;height:100%}.StreamLayerSDK>.StreamLayerSDKTheme .n1rozou{-webkit-box-pack:justify;-ms-flex-pack:justify;flex-direction:column;justify-content:space-between;width:80%}.StreamLayerSDK>.StreamLayerSDKTheme .o81ls6z{margin-bottom:24px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .d9l6z9i{font-size:17px;font-weight:600;padding:0 20px;text-align:center;word-break:break-word}.StreamLayerSDK>.StreamLayerSDKTheme .e1o3lzmc{-webkit-box-pack:center;-ms-flex-pack:center;flex:1;justify-content:center;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e1o3lzmc,.StreamLayerSDK>.StreamLayerSDKTheme .otjo97h{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .otjo97h{color:#fff;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .ivk43vg{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-green-primary-btn);border-radius:50%;display:flex;height:48px;justify-content:center;margin-bottom:24px;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .r1w33akz{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .c1a3ssoy{font-size:20px;font-weight:600;margin-bottom:8px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .ayzr5mb{font-size:14px;font-weight:400;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .p30t8qv{background-color:transparent;border:none;border:2px solid var(--color-green-primary-btn);border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:24px;outline:none;padding:12px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .ty54o42{align-items:center;color:#fff;display:flex;flex:1;flex-direction:column;padding:0 8px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .oqyp1qa{font-size:20px;font-weight:700}.StreamLayerSDK>.StreamLayerSDKTheme .rf1d3db{max-height:190px;overflow:auto}.StreamLayerSDK>.StreamLayerSDKTheme .n187jgct{display:flex;margin-top:24px;max-width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .d1i3t4lw{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-green-primary-btn);border-radius:50%;display:flex;height:36px;justify-content:center;margin-right:16px;width:36px}.StreamLayerSDK>.StreamLayerSDKTheme .l1heulx5{flex:1;max-height:39px;overflow:hidden;padding-right:30px;word-break:break-word}.StreamLayerSDK>.StreamLayerSDKTheme .n1cm2rh8{box-sizing:border-box;color:var(--color-white);display:flex;flex-direction:column;height:100%;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e9j28tc{flex:1;margin-bottom:20px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .iu1o1a8{-webkit-box-pack:justify;-ms-flex-pack:justify;border-bottom:1px solid #22262b;justify-content:space-between;margin-bottom:36px;padding:6px 16px 10px}.StreamLayerSDK>.StreamLayerSDKTheme .iu1o1a8,.StreamLayerSDK>.StreamLayerSDKTheme .r14ailyk{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .r14ailyk{justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .c11ybl5c{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .sd9s97{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .l1ddowgh{height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .d1s3ug7g{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:center;outline:none}.StreamLayerSDK>.StreamLayerSDKTheme .p17kmhv2{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .a1qucmt7{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-green-primary-btn);border:none;border-radius:6px;color:var(--color-white);cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;outline:none;padding:12px 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o{background-color:var(--color-neutrals-gray2);border-radius:8px;box-sizing:border-box;display:flex;overflow:hidden;padding:4px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o:before{background-color:var(--color-white);border-radius:6px;content:"";height:28px;left:4px;position:absolute;transition:transform var(--animation-duration) var(--animation-function);width:calc(50% - 4px)}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o[data-position=left]:before{transform:translateX(0)}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o[data-position=right]:before{transform:translateX(100%)}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;box-sizing:border-box;color:var(--color-neutrals-gray7);cursor:pointer;display:flex;font-size:12px;font-weight:550;height:28px;justify-content:center;outline:none;padding:4px 10px;width:50%}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl:hover{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl[data-selected=true]{color:var(--color-primary-green1);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .i1vk8ojx{position:relative;z-index:2}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2{border:1px solid;border-radius:71px;font-size:12px;font-weight:var(--font-weight-default);outline:none;padding:14px 16px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=primary]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=primary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=secondary]{background-color:transparent;border-color:var(--color-primary-green1);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=secondary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2:disabled{opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2:disabled:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .o14894ro{-webkit-box-pack:center;-ms-flex-pack:center;background:#222425;height:100%;justify-content:center;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .o14894ro,.StreamLayerSDK>.StreamLayerSDKTheme .s1lblda3{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .s1lblda3{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:var(--border-radius);gap:12px;justify-content:space-between;padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .s1lblda3:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .ascvb2g{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;display:flex;font-size:12px;font-weight:500;justify-content:flex-start;margin-bottom:8px}.StreamLayerSDK>.StreamLayerSDKTheme .p17rl8zy{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:14px;font-weight:400}.StreamLayerSDK>.StreamLayerSDKTheme .c6fk2ph{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .d1rdm136{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .d1rdm136 path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .fwqnnel{color:var(--color-neutrals-gray7);font-size:12px;font-weight:500;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .ucyxnlg{display:flex;flex:1;flex-direction:column;font-weight:700;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .xs2nk4s{color:var(--color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .gtym8sr{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:8px;height:20px;padding:6px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .vkjgzv5{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .h7uvs2c{text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .m53voq{border-left:1px solid var(--color-grey-primary);margin-left:5px;padding-left:5px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .e1q4ysxt{background-color:var(--color-transparent-item);border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;height:55px;min-height:55px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ouyy0pt{-webkit-box-pack:justify;-ms-flex-pack:justify;flex:1;justify-content:space-between;padding:9px}.StreamLayerSDK>.StreamLayerSDKTheme .n19nxf9u,.StreamLayerSDK>.StreamLayerSDKTheme .ouyy0pt{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .n19nxf9u{-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--color-blue-question-action-btn);border-bottom-left-radius:8px;border-top-left-radius:8px;height:100%;justify-content:center;min-width:60px;position:relative;width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .r1k9ayhp{height:35px;width:35px}.StreamLayerSDK>.StreamLayerSDKTheme .l5j3lzi{border-radius:50%;height:35px;width:35px}.StreamLayerSDK>.StreamLayerSDKTheme .sm6ggfo{bottom:0;left:0;position:absolute;width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .p1dhscaj{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--color-white);display:-webkit-box;font-size:12px;font-weight:400px;margin-right:35px;max-height:100%;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .a1f5isrh{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .t19vr3p1{display:flex;flex-direction:column;gap:8px;max-height:100%;overflow-y:auto}.StreamLayerSDK>.StreamLayerSDKTheme .taj61ja{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-primary-green2);border-radius:4px;color:var(--color-neutrals-white);display:flex;flex:1;justify-content:space-between;overflow:hidden;padding:9px 8px}.StreamLayerSDK>.StreamLayerSDKTheme .r19fxewd{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .i1whkbqh{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .i4lbhzs{align-items:center;color:var(--color-neutrals-white);display:flex;flex-direction:column;padding-top:2px;row-gap:4px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .ordquhq{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .nwzed99{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .o15y0waw{background-color:var(--color-primary-green1);border-radius:12px;font-weight:var(--font-weight-default);padding:12px}.StreamLayerSDK>.StreamLayerSDKTheme .ihjewwf{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex;justify-content:space-between;margin-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n10e9lv8{display:flex;flex-direction:column;row-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .r13bxv{-moz-column-gap:8px;column-gap:8px;display:flex;flex:1;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .a1fi59c9{-ms-flex-negative:0;border-radius:50%;flex-shrink:0;height:48px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .s1kkihge{display:flex;flex-direction:column;overflow:hidden;row-gap:6px}.StreamLayerSDK>.StreamLayerSDKTheme .cy4f4t{color:var(--color-white);font-size:16px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .p18cnlx1{align-items:center;color:var(--color-neutrals-white);-moz-column-gap:8px;column-gap:8px;display:flex;font-size:14px;height:14px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .lboqgs5{height:15px;width:15px}.StreamLayerSDK>.StreamLayerSDKTheme .d1oaal4{align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .d1oaal4,.StreamLayerSDK>.StreamLayerSDKTheme .x1yzgo0u{-moz-column-gap:4px;column-gap:4px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .x1yzgo0u{align-items:baseline}.StreamLayerSDK>.StreamLayerSDKTheme .f1l9i8s8{font-size:9px;opacity:.8}.StreamLayerSDK>.StreamLayerSDKTheme .g4cgl4u{background-color:var(--color-white);height:10px;opacity:.2;width:1px}.StreamLayerSDK>.StreamLayerSDKTheme .h1qn1tmd{-moz-column-gap:8px;column-gap:8px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .u1gsbhq4{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--color-primary-green2);border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .mvj8oco{-ms-flex-negative:0;background:#2d6ffd;border-radius:50%;color:#fff;flex-shrink:0;font-size:18px;height:48px;text-align:center;text-transform:uppercase;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .mvj8oco,.StreamLayerSDK>.StreamLayerSDKTheme .viqiaf2{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .viqiaf2{background-color:transparent;border:none;border-radius:50%;cursor:pointer;height:100%;max-height:48px;max-width:48px;outline:none;padding:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .idhrx8x{background:transparent;font-family:var(--font-regular);height:100%;min-width:324px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep{height:100%;overflow-y:auto;transition:transform;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-function);width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep[data-nav=true]{height:calc(100% - var(--header-height));transform:translateY(var(--header-height))}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep[data-question-header=true]{height:calc(100% - var(--question-headers-height));transform:translateY(var(--question-headers-height))}.StreamLayerSDK>.StreamLayerSDKTheme .a1v8kucd{display:flex;flex-direction:column;gap:var(--container-padding);padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .e16yw7z1.a1v8kucd{background-color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .ciyeb68{align-items:center;display:flex;font-size:14px;margin-bottom:16px;padding:8px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ciyeb68[data-isPrediction=true]{align-items:flex-start}.StreamLayerSDK>.StreamLayerSDKTheme .nfic4xc{height:24px;margin-left:12px;margin-right:14px;min-width:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .nfic4xc g>path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;margin-right:16px;min-width:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66[data-feedbackType=correct]{background-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66[data-feedbackType=incorrect]{background-color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .p132yxcv{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw{margin-right:5px}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw[data-feedbackType=correct]{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw[data-feedbackType=incorrect]{color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .gzdx7pk{color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .smnc4zm{font-weight:400;margin-top:10px}.StreamLayerSDK>.StreamLayerSDKTheme .olc1eph{height:100%;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .olc1eph>div:not(:last-child){margin-bottom:16px}.StreamLayerSDK>.StreamLayerSDKTheme .n1yoh29a{padding:16px 16px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .pjkr5mb{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;margin:16px 0}.StreamLayerSDK>.StreamLayerSDKTheme .r82wnnx{display:flex;flex-direction:column;gap:8px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k{background-color:var(--color-neutrals-gray2);border:1px solid transparent;border-radius:4px;box-sizing:border-box;height:44px;max-height:44px;min-height:44px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k:hover:not(:disabled){border-color:var(--color-neutrals-gray5);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-selected=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=correct]{border-color:var(--color-primary-green1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=correct]:before{background-color:var(--color-primary-green1);content:"";display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=incorrect]{border-color:var(--color-secondary-red1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=incorrect]:before{background-color:var(--color-secondary-red1);content:"";display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-isNotChecked=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3{background-color:var(--color-neutrals-gray3);border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width 1s ease-in;z-index:0}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=correct]{background-color:var(--color-primary-green1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=incorrect]{background-color:var(--color-secondary-red1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=unset]{background-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .dmltvg2{align-items:center;background-color:transparent;border:none;border-radius:2px;color:var(--color-neutrals-gray9);display:flex;font-family:var(--font-regular);font-size:12px;font-weight:var(--font-weight-default);height:100%;outline:none;padding:5px 15px 5px 9px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .stfjpqz{width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .p198m24r{background-repeat:no-repeat;background-size:contain;bottom:-1px;height:52px;left:0;position:absolute;width:52px}.StreamLayerSDK>.StreamLayerSDKTheme .rbq5eu7{margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .g1iv6oeb.rbq5eu7{height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .h1qtxlqc.rbq5eu7{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .udm736q{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .b1da34tx{display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .x1dqwq83{line-height:17px;margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .v10s9my2{height:16px;margin-left:8px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .a1r7f3z4{-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:1px solid var(--color-neutrals-gray3);border-radius:100px;color:var(--color-neutrals-gray9);display:flex;font-family:var(--font-regular);font-size:14px;font-weight:var(--font-weight-default);justify-content:space-between;-webkit-letter-spacing:-.15px;-moz-letter-spacing:-.15px;-ms-letter-spacing:-.15px;letter-spacing:-.15px;min-height:40px;padding:3px 3px 3px 11px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .a1r7f3z4>div:first-child:last-child{margin-left:auto;margin-right:auto}.StreamLayerSDK>.StreamLayerSDKTheme .sblndl{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .l7ka1tv{color:var(--color-neutrals-gray7);margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .p1edlxt3{margin-right:4px}.StreamLayerSDK>.StreamLayerSDKTheme .ghm08u2{align-items:flex-end;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .c12nsh46{font-size:14px;line-height:14px;margin-right:6px}.StreamLayerSDK>.StreamLayerSDKTheme .dlr9eoc{font-size:10px}.StreamLayerSDK>.StreamLayerSDKTheme .nyaglcf{background-color:var(--color-transparent-onboarding-inapp);max-height:120px}.StreamLayerSDK>.StreamLayerSDKTheme .rn5nzbc{align-items:center;background-repeat:no-repeat;background-size:contain;border-bottom-left-radius:8px;border-top-left-radius:8px;display:flex;width:72px}.StreamLayerSDK>.StreamLayerSDKTheme .e6i73qc{margin-left:8px;width:56px}.StreamLayerSDK>.StreamLayerSDKTheme .iu0veuw{-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:flex;flex:1;font-size:12px;font-weight:600;justify-content:space-between;margin-right:8px;padding:16px 8px 16px 0}.StreamLayerSDK>.StreamLayerSDKTheme .ph41hsa{height:16px;margin-right:4px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .a1doo0j{font-size:8px;font-style:italic;font-weight:600;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .s1y6mmdj{font-size:14px;margin-bottom:2px;margin-top:8px}.StreamLayerSDK>.StreamLayerSDKTheme .cr7s6d2{color:var(--color-grey-primary-onboarding-inapp)}.StreamLayerSDK>.StreamLayerSDKTheme .dn2ogfd{background-color:var(--color-green-primary-btn);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;outline:none;padding:8px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .xvt3fwn{background-color:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;outline:none;padding:5px;position:absolute;right:8px;top:4px}.StreamLayerSDK>.StreamLayerSDKTheme .g4rp2wp{height:10px;width:10px}.StreamLayerSDK>.StreamLayerSDKTheme .r1li8aub{position:absolute;right:0;transition:transform .3s ease;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .r1li8aub>div{animation:slide-in-r1li8aub .3s ease-in;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-sizing:border-box;color:var(--color-white);display:flex;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}@keyframes slide-in-r1li8aub{0%{right:-100%}to{right:0}}.StreamLayerSDK>.StreamLayerSDKTheme .oc6h1al{max-width:600px;position:absolute;right:10px;top:10px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .oc6h1al>div{margin-bottom:10px}.StreamLayerSDK>.StreamLayerSDKTheme .y1qd1atw{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;background:var(--color-transparent-item);display:flex;flex-direction:column;height:100%;justify-content:flex-start;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .y1qd1atw>div{animation:slide-in-y1qd1atw .3s ease-in;background:#000;width:100%}@keyframes slide-in-y1qd1atw{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.StreamLayerSDK>.StreamLayerSDKTheme .e1javwmj{border-radius:13px;height:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e1javwmj,.StreamLayerSDK>.StreamLayerSDKTheme .t1qosv8q{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .t1qosv8q{max-height:100%;overflow-y:auto}.StreamLayerSDK>.StreamLayerSDKTheme .t1qosv8q>div{margin-bottom:8px}.StreamLayerSDK>.StreamLayerSDKTheme .oa5apdf{-webkit-box-pack:justify;-ms-flex-pack:justify;border-bottom:1px solid #22262b;border-bottom-left-radius:8px;border-top-left-radius:8px;box-sizing:border-box;justify-content:space-between;margin-bottom:20px;min-height:35px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .n1wh5guy,.StreamLayerSDK>.StreamLayerSDKTheme .oa5apdf{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .n1wh5guy{-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:none;border-radius:50%;cursor:pointer;justify-content:center;outline:none;padding:5px}.StreamLayerSDK>.StreamLayerSDKTheme .ro3ktps{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .t16hl500{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;box-sizing:border-box;color:var(--color-white);display:flex;flex-direction:column;font-size:14px;justify-content:center;padding:16px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .e18ymslp{border:1px solid #7e7e7f;border-radius:50%;height:130px;margin-bottom:8px;width:130px}.StreamLayerSDK>.StreamLayerSDKTheme .n1kdd00k{margin-bottom:8px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .rwwgdkm{font-weight:700;margin-bottom:8px}.StreamLayerSDK>.StreamLayerSDKTheme .dvazwa9{font-weight:400}.StreamLayerSDK>.StreamLayerSDKTheme .cd3vh14{background-color:var(--color-blue-question-action-btn);border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:13px;font-weight:600;overflow:hidden;padding:10px 5px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cd3vh14,.StreamLayerSDK>.StreamLayerSDKTheme .cd3vh14:active,.StreamLayerSDK>.StreamLayerSDKTheme .cd3vh14:hover,.StreamLayerSDK>.StreamLayerSDKTheme .cd3vh14:visited{color:var(--color-white);-webkit-text-decoration:none;text-decoration:none}.StreamLayerSDK>.StreamLayerSDKTheme .l19zo16x{height:16px;margin-left:10px;vertical-align:middle;width:17px}.StreamLayerSDK>.StreamLayerSDKTheme .a1w9zony{align-items:center;background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-gray3);border-radius:8px;color:var(--color-neutrals-gray9);-moz-column-gap:4px;column-gap:4px;cursor:pointer;display:flex;font-size:12px;font-weight:var(--font-weight-default);line-height:16px;padding:8px 16px 8px 8px}.StreamLayerSDK>.StreamLayerSDKTheme .a1w9zony:hover{border-color:var(--color-neutrals-gray5);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .l16qcfv8{min-width:28px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .p1gmcc5f{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .s1doddh0{-ms-flex-negative:0;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--color-grey-primary-onboarding-inapp);border-radius:50%;color:var(--color-neutrals-gray9);flex-shrink:0;font-size:12px;height:32px;justify-content:center;text-align:center;text-transform:uppercase;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .c1js9xhe,.StreamLayerSDK>.StreamLayerSDKTheme .s1doddh0{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .c1js9xhe{-webkit-box-flex:1;-ms-flex-positive:1;-moz-column-gap:8px;column-gap:8px;flex-grow:1}.StreamLayerSDK>.StreamLayerSDKTheme .d1tmnqsh{align-items:center;-moz-column-gap:4px;column-gap:4px;display:grid;grid-template-columns:1fr auto}.StreamLayerSDK>.StreamLayerSDKTheme .gi9h87j{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .x13mk3z6{flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .e6qv3to{height:100%;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .i1jak95i{margin-bottom:15px}.StreamLayerSDK>.StreamLayerSDKTheme .r1qp3jjx{height:calc(100% - 160px);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .naeizu7{display:flex;margin-bottom:10px}.StreamLayerSDK>.StreamLayerSDKTheme .a4zecne{background:#1d7bff;border:none;border-radius:3px;color:#fff;cursor:pointer;margin-right:5px;padding:5px 6px;transition:all .3s ease-in}.StreamLayerSDK>.StreamLayerSDKTheme .a4zecne>img{margin-right:5px;max-height:10px;max-width:10px}.StreamLayerSDK>.StreamLayerSDKTheme .a4zecne:enabled:hover{box-shadow:inset 0 0 0 2em #0258d0}.StreamLayerSDK>.StreamLayerSDKTheme .a4zecne[data-selected=true],.StreamLayerSDK>.StreamLayerSDKTheme .a4zecne[data-selected=true]:enabled:hover{box-shadow:inset 0 0 0 2em #003c91}.StreamLayerSDK>.StreamLayerSDKTheme .a4zecne:disabled{background-color:gray;cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .a4zecne[data-enable_sdk_button=false]{opacity:.7}.StreamLayerSDK>.StreamLayerSDKTheme .pedqibx{--color-bg-transparent:rgba(0,0,0,.8);--color-bg-transparent-vote-container:rgba(10,14,19,.8);--color-bg-transparent-item:rgba(0,0,0,.7);--color-bg-transparent-item-vote:hsla(0,0%,100%,.1);--color-bg-transparent-item-success:rgba(0,139,251,.2);--color-bg-transparent-item-error:rgba(205,37,37,.2);--color-bg-transparent-vote-progress:hsla(0,0%,100%,.2);--color-bg-transparent-vote-progress-success:rgba(60,139,251,.5);--color-bg-transparent-vote-progress-error:rgba(205,37,37,.5);--color-bg-transparent-onboarding-inapp:rgba(138,159,182,.2);--color-leaderboard-unit:hsla(0,0%,100%,.5);--color-blue-primary:#1589ee;--color-red-primary:#cd2525;--color-red-secondary:#eb5757;--color-blue-question-action-btn:#1589ee;--color-white:#fff;--color-grey-1:#909395;--color-grey-2:#22262b;--color-grey-3:#2d3135;--color-grey-4:#53565a;--color-grey-primary-onboarding-inapp:#b5b7b8;--color-black-1:#161a1f;--color-green-1:#f7b801;--color-red-1:#a30000;--color-red-2:#ff4170;--color-grey-primary:#909395;--color-divider-color-secondary:#53565a;--color-green-primary-btn:#009b77;--color-primary-green1:#107d57;--color-primary-green2:#006747;--color-primary-green3:#1c4932;--color-primary-green4:#193526;--color-secondary-red1:#df2f3b;--color-secondary-red2:#ba0c2f;--color-secondary-red3:#f9d6d8;--color-secondary-yellow:#fce300;--color-secondary-green5:#c0dc8f;--color-secondary-green6:#cee5de;--color-neutrals-white:#fff;--color-neutrals-gray1:#f7f7f7;--color-neutrals-gray2:#f2f2f1;--color-neutrals-gray3:#e8e8e8;--color-neutrals-gray4:#d9d9d6;--color-neutrals-gray5:#b1b3b3;--color-neutrals-gray6:#888b8d;--color-neutrals-gray7:#6b6f73;--color-neutrals-gray8:#53565a;--color-neutrals-gray9:#25282a;--color-neutrals-black:#000;--font-family:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-regular:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-color:#fff;--font-serif:"Tiempos","Tiempos Text",Times New Roman,serif;--font-weight-default:500;--header-height:68px;--animation-duration:0.5s;--animation-function:ease;--container-padding:16px;--border-radius:8px}.StreamLayerSDK>.StreamLayerSDKTheme .pedqibx *{box-sizing:border-box}.StreamLayerSDK>.StreamLayerSDKTheme .l4qld3l{align-items:center;border-radius:40px;-moz-column-gap:8px;column-gap:8px;display:inline-flex;padding:4px 17px 4px 4px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .l4qld3l:before{border:1px solid var(--color-neutrals-white);border-radius:40px;bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0;z-index:-1}@media (max-width:767px){.l4qld3l{padding-right:10px}}.StreamLayerSDK>.StreamLayerSDKTheme .ainhtok{-ms-flex-negative:0;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--color-primary-green2);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}@media (max-width:767px){.ainhtok{height:28px;width:28px}}.StreamLayerSDK>.StreamLayerSDKTheme .xk8yd5t{height:20px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .xk8yd5t path{fill:var(--color-neutrals-white)}@media (max-width:767px){.xk8yd5t{height:14px;width:14px}}.StreamLayerSDK>.StreamLayerSDKTheme .h6rf9gb{color:var(--color-neutrals-white);display:flex;flex-direction:column;font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .c18f5pxx{font-size:9px;margin-bottom:1px;text-transform:uppercase}@media (max-width:767px){.c18f5pxx{display:none}}.StreamLayerSDK>.StreamLayerSDKTheme .m1jwsyj1{font-size:18px;line-height:20px}@media (max-width:767px){.m1jwsyj1{font-size:14px;line-height:22px}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react",
-  "version": "0.27.0",
+  "version": "0.27.1",
   "type": "module",
   "author": "StreamLayer, Inc (https://streamlayer.io)",
   "maintainers": [
@@ -54,16 +54,16 @@
     }
   ],
   "dependencies": {
-    "@streamlayer/feature-gamification": "^0.21.0",
-    "@streamlayer/sdk-web": "^0.28.14",
+    "@streamlayer/feature-gamification": "^0.21.1",
+    "@streamlayer/sdk-web": "^0.28.15",
     "@streamlayer/sdk-web-api": "^0.0.1",
-    "@streamlayer/sdk-web-core": "^0.17.3",
-    "@streamlayer/sdk-web-features": "^0.10.17",
-    "@streamlayer/sdk-web-interfaces": "^0.18.10",
-    "@streamlayer/sdk-web-logger": "^0.5.10",
-    "@streamlayer/sdk-web-notifications": "^0.10.9",
-    "@streamlayer/sdk-web-storage": "^0.3.10",
-    "@streamlayer/sdk-web-types": "^0.18.0"
+    "@streamlayer/sdk-web-core": "^0.17.4",
+    "@streamlayer/sdk-web-features": "^0.10.18",
+    "@streamlayer/sdk-web-interfaces": "^0.18.11",
+    "@streamlayer/sdk-web-logger": "^0.0.1",
+    "@streamlayer/sdk-web-notifications": "^0.10.10",
+    "@streamlayer/sdk-web-storage": "^0.0.1",
+    "@streamlayer/sdk-web-types": "^0.18.1"
   },
   "peerDependencies": {
     "@bufbuild/protobuf": "^1.4.2",
@@ -73,6 +73,7 @@
     "@nanostores/query": "^0.2.8",
     "@nanostores/react": "^0.7.1",
     "nanostores": "^0.9.5",
+    "@fastify/deepmerge": "*",
     "pino": "^8.16.1",
     "react-auth-code-input": "^3.2.1",
     "react-countdown-circle-timer": "^3.2.1",
@@ -112,7 +113,7 @@
     "size-limit": "^11.0.0",
     "url-loader": "^4.1.1",
     "vite-plugin-dts": "^3.6.3",
-    "@streamlayer/react-ui": "^0.54.0"
+    "@streamlayer/react-ui": "^0.54.1"
   },
   "scripts": {
     "size-limit": "size-limit"