@streamlayer/react 0.40.2 → 0.40.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/lib/cjs/gamification-feature.js +1 -1
  2. package/lib/cjs/masters.js +1 -1
  3. package/lib/cjs/masters2.js +47 -47
  4. package/lib/cjs/useSdkFeature.js +1 -1
  5. package/lib/cjs/useStreamLayerApp.js +1 -1
  6. package/lib/dist/cjs/index.js +199 -1
  7. package/lib/dist/es/index.js +43362 -7
  8. package/lib/dist/index.d.ts +101 -24
  9. package/lib/dist/style.css +1 -1
  10. package/lib/es/gamification-feature.js +10 -1365
  11. package/lib/es/masters.js +8 -6
  12. package/lib/es/masters2.js +12810 -11394
  13. package/lib/es/useSdkFeature.js +145 -80
  14. package/lib/es/useStreamLayerApp.js +1 -1
  15. package/lib/style.css +1 -1
  16. package/package.json +13 -13
  17. package/lib/dist/cjs/gamification-feature.js +0 -1
  18. package/lib/dist/cjs/masters.js +0 -200
  19. package/lib/dist/es/gamification-feature.js +0 -1636
  20. package/lib/dist/es/masters.js +0 -43278
package/lib/es/useStreamLayerApp.js CHANGED
@@ -16,7 +16,7 @@ const y = ({
16
16
  r = !0;
17
17
  };
18
18
  const o = c(t, s, f, {
19
- version: "0.40.2",
19
+ version: "0.40.3",
20
20
  onDeepLinkHandled: u,
21
21
  videoPlayerController: i
22
22
  });
package/lib/style.css CHANGED
@@ -1 +1 @@
1
- .StreamLayerSDK .StreamLayerCSSReset a,.StreamLayerSDK .StreamLayerCSSReset abbr,.StreamLayerSDK .StreamLayerCSSReset acronym,.StreamLayerSDK .StreamLayerCSSReset address,.StreamLayerSDK .StreamLayerCSSReset applet,.StreamLayerSDK .StreamLayerCSSReset article,.StreamLayerSDK .StreamLayerCSSReset aside,.StreamLayerSDK .StreamLayerCSSReset audio,.StreamLayerSDK .StreamLayerCSSReset b,.StreamLayerSDK .StreamLayerCSSReset big,.StreamLayerSDK .StreamLayerCSSReset blockquote,.StreamLayerSDK .StreamLayerCSSReset body,.StreamLayerSDK .StreamLayerCSSReset button,.StreamLayerSDK .StreamLayerCSSReset canvas,.StreamLayerSDK .StreamLayerCSSReset caption,.StreamLayerSDK .StreamLayerCSSReset center,.StreamLayerSDK .StreamLayerCSSReset cite,.StreamLayerSDK .StreamLayerCSSReset code,.StreamLayerSDK .StreamLayerCSSReset dd,.StreamLayerSDK .StreamLayerCSSReset del,.StreamLayerSDK .StreamLayerCSSReset details,.StreamLayerSDK .StreamLayerCSSReset dfn,.StreamLayerSDK .StreamLayerCSSReset div,.StreamLayerSDK .StreamLayerCSSReset dl,.StreamLayerSDK .StreamLayerCSSReset dt,.StreamLayerSDK .StreamLayerCSSReset em,.StreamLayerSDK .StreamLayerCSSReset embed,.StreamLayerSDK .StreamLayerCSSReset fieldset,.StreamLayerSDK .StreamLayerCSSReset figcaption,.StreamLayerSDK .StreamLayerCSSReset figure,.StreamLayerSDK .StreamLayerCSSReset footer,.StreamLayerSDK .StreamLayerCSSReset form,.StreamLayerSDK .StreamLayerCSSReset h1,.StreamLayerSDK .StreamLayerCSSReset h2,.StreamLayerSDK .StreamLayerCSSReset h3,.StreamLayerSDK .StreamLayerCSSReset h4,.StreamLayerSDK .StreamLayerCSSReset h5,.StreamLayerSDK .StreamLayerCSSReset h6,.StreamLayerSDK .StreamLayerCSSReset header,.StreamLayerSDK .StreamLayerCSSReset hgroup,.StreamLayerSDK .StreamLayerCSSReset html,.StreamLayerSDK .StreamLayerCSSReset i,.StreamLayerSDK .StreamLayerCSSReset iframe,.StreamLayerSDK .StreamLayerCSSReset img,.StreamLayerSDK .StreamLayerCSSReset ins,.StreamLayerSDK .StreamLayerCSSReset kbd,.StreamLayerSDK .StreamLayerCSSReset label,.StreamLayerSDK .StreamLayerCSSReset legend,.StreamLayerSDK .StreamLayerCSSReset li,.StreamLayerSDK .StreamLayerCSSReset mark,.StreamLayerSDK .StreamLayerCSSReset menu,.StreamLayerSDK .StreamLayerCSSReset nav,.StreamLayerSDK .StreamLayerCSSReset object,.StreamLayerSDK .StreamLayerCSSReset ol,.StreamLayerSDK .StreamLayerCSSReset output,.StreamLayerSDK .StreamLayerCSSReset p,.StreamLayerSDK .StreamLayerCSSReset pre,.StreamLayerSDK .StreamLayerCSSReset q,.StreamLayerSDK .StreamLayerCSSReset ruby,.StreamLayerSDK .StreamLayerCSSReset s,.StreamLayerSDK .StreamLayerCSSReset samp,.StreamLayerSDK .StreamLayerCSSReset section,.StreamLayerSDK .StreamLayerCSSReset small,.StreamLayerSDK .StreamLayerCSSReset span,.StreamLayerSDK .StreamLayerCSSReset strike,.StreamLayerSDK .StreamLayerCSSReset strong,.StreamLayerSDK .StreamLayerCSSReset sub,.StreamLayerSDK .StreamLayerCSSReset summary,.StreamLayerSDK .StreamLayerCSSReset sup,.StreamLayerSDK .StreamLayerCSSReset table,.StreamLayerSDK .StreamLayerCSSReset tbody,.StreamLayerSDK .StreamLayerCSSReset td,.StreamLayerSDK .StreamLayerCSSReset tfoot,.StreamLayerSDK .StreamLayerCSSReset th,.StreamLayerSDK .StreamLayerCSSReset thead,.StreamLayerSDK .StreamLayerCSSReset time,.StreamLayerSDK .StreamLayerCSSReset tr,.StreamLayerSDK .StreamLayerCSSReset tt,.StreamLayerSDK .StreamLayerCSSReset u,.StreamLayerSDK .StreamLayerCSSReset ul,.StreamLayerSDK .StreamLayerCSSReset var,.StreamLayerSDK .StreamLayerCSSReset video{outline:none}.StreamLayerSDK,.StreamLayerSDK>.StreamLayerSDKTheme{height:100%}.StreamLayerSDKTheme *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.StreamLayerSDK>.StreamLayerSDKTheme .azqfrs3{box-sizing:border-box;color:var(--font-color);font-family:var(--font-family);height:100vh;margin:0;padding:20px;width:100vw}.StreamLayerSDK>.StreamLayerSDKTheme .azqfrs3>div{background-color:var(--color-bg-transparent);border-radius:12px;box-sizing:border-box;height:100%;overflow:auto;padding:10px;width:370px}.StreamLayerSDK>.StreamLayerSDKTheme .i1vlsnk4{background:#1d7bff;border-radius:5px;display:flex;font-size:16px;margin-bottom:2px;padding:4px 6px}.StreamLayerSDK>.StreamLayerSDKTheme .i1vlsnk4 input{background:linear-gradient(136.45deg,#3c8bfb4d .57%,#004fbe4d);border:1px solid transparent;color:#fff;display:block;font-size:24px;outline:none;padding:2px 2px 2px 10px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i1vlsnk4 input:focus{border-color:#1d7bff}.StreamLayerSDK>.StreamLayerSDKTheme .i1vlsnk4 label{margin-right:4px}.StreamLayerSDK>.StreamLayerSDKTheme .i1vlsnk4 button{background:transparent;border:none;color:#fff;cursor:pointer;margin:0;padding:0;text-transform:uppercase;width:150px}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00{background:#1d7bff;border-radius:5px;display:flex;font-size:16px;padding:4px 6px}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00 input{background:linear-gradient(136.45deg,#3c8bfb4d .57%,#004fbe4d);border:1px solid transparent;color:#fff;display:block;font-size:24px;outline:none;padding:2px 2px 2px 10px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00 input:focus{border-color:#1d7bff}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00 label{margin-right:4px}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00 button{background:transparent;border:none;color:#fff;cursor:pointer;margin:0;padding:0;text-transform:uppercase;width:150px}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00 button:hover{transform:scale(1.1)}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00 button:active{transform:scale(.9)}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00 button:disabled{cursor:not-allowed;opacity:.8;transform:none}.StreamLayerSDK>.StreamLayerSDKTheme .s14ex8bw{-webkit-align-items:center;display:flex;align-items:center;font-size:16px;padding:4px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.StreamLayerSDK>.StreamLayerSDKTheme .s14ex8bw label{cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .s1fwty0k{background:#fff;border-radius:1em;height:1rem;margin-left:5px;position:relative;width:2rem}.StreamLayerSDK>.StreamLayerSDKTheme .s1fwty0k input{cursor:pointer;opacity:0;position:relative;width:100%;z-index:1}.StreamLayerSDK>.StreamLayerSDKTheme .s1fwty0k input:checked+span{background:green;transform:translate3d(100%,0,0)}.StreamLayerSDK>.StreamLayerSDKTheme .s1fwty0k span{background:gray;border-radius:1em;box-shadow:0 .1em .3em #0000004d;display:block;height:1rem;left:0;position:absolute;top:0;transition:all .3s;width:1rem}.StreamLayerSDK>.StreamLayerSDKTheme .d1sqxt7l{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1d7bff80;border-top-left-radius:10px;bottom:0;font-family:system-ui;max-width:var(--max-width);position:fixed;right:0}.StreamLayerSDK>.StreamLayerSDKTheme .d1a3478s{gap:10px;margin-left:10px;margin-right:60px;margin-top:10px;padding-bottom:10px}.StreamLayerSDK>.StreamLayerSDKTheme .butjcq8,.StreamLayerSDK>.StreamLayerSDKTheme .d1a3478s{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .butjcq8{bottom:10px;height:40px;position:absolute;right:10px;width:40px;z-index:10000;-webkit-box-pack:space-around;-ms-flex-pack:space-around;background:#1d7bff;border:none;border-radius:6px;cursor:pointer;justify-content:space-around;padding:10px;transition:all .1s ease}.StreamLayerSDK>.StreamLayerSDKTheme .butjcq8:hover{padding-bottom:8px;padding-top:8px}.StreamLayerSDK>.StreamLayerSDKTheme .butjcq8:active{transform:translateY(4px)}.StreamLayerSDK>.StreamLayerSDKTheme .butjcq8[data-opened=true] span:nth-child(odd){opacity:0}.StreamLayerSDK>.StreamLayerSDKTheme .butjcq8 span{background:#fff;border-radius:4px;display:block;height:4px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ttkj0ah{--color-bg-transparent:rgba(0,0,0,.8);--color-bg-transparent-vote-container:rgba(10,14,19,.8);--color-bg-transparent-item:rgba(0,0,0,.7);--color-bg-transparent-item-vote:hsla(0,0%,100%,.1);--color-bg-transparent-item-success:rgba(0,139,251,.2);--color-bg-transparent-item-error:rgba(205,37,37,.2);--color-bg-transparent-vote-progress:hsla(0,0%,100%,.2);--color-bg-transparent-vote-progress-success:rgba(60,139,251,.5);--color-bg-transparent-vote-progress-error:rgba(205,37,37,.5);--color-bg-transparent-onboarding-inapp:rgba(138,159,182,.2);--color-leaderboard-unit:hsla(0,0%,100%,.5);--color-blue-primary:#1589ee;--color-red-primary:#cd2525;--color-red-secondary:#eb5757;--color-blue-question-action-btn:#1589ee;--color-white:#fff;--color-grey-1:#909395;--color-grey-2:#22262b;--color-grey-3:#2d3135;--color-grey-4:#53565a;--color-grey-primary-onboarding-inapp:#b5b7b8;--color-black-1:#161a1f;--color-green-1:#f7b801;--color-red-1:#a30000;--color-red-2:#ff4170;--color-grey-primary:#909395;--color-divider-color-secondary:#53565a;--color-green-primary-btn:#009b77;--color-primary-green1:#107d57;--color-primary-green2:#006747;--color-primary-green3:#1c4932;--color-primary-green4:#193526;--color-secondary-red1:#df2f3b;--color-secondary-red2:#ba0c2f;--color-secondary-red3:#f9d6d8;--color-secondary-yellow:#fce300;--color-secondary-green5:#c0dc8f;--color-secondary-green6:#cee5de;--color-neutrals-white:#fff;--color-neutrals-gray1:#f7f7f7;--color-neutrals-gray2:#f2f2f1;--color-neutrals-gray3:#e8e8e8;--color-neutrals-gray4:#d9d9d6;--color-neutrals-gray5:#b1b3b3;--color-neutrals-gray6:#888b8d;--color-neutrals-gray7:#6b6f73;--color-neutrals-gray8:#53565a;--color-neutrals-gray9:#25282a;--color-neutrals-black:#000;--font-family:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-regular:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-color:#fff;--font-serif:"Tiempos","Tiempos Text",Times New Roman,serif;--font-weight-default:500;--header-offset:0px;--header-height:68px;--animation-duration:.5s;--animation-function:ease;--container-padding:16px;--border-radius:8px;--pill-offset:0px;--max-width:600px;--max-notifications-width:400px}@media only screen and (max-width:1214px){.StreamLayerSDK>.StreamLayerSDKTheme .ttkj0ah{--header-offset:56px}}@media only screen and (max-width:1214px) and (min-width:992px){.StreamLayerSDK>.StreamLayerSDKTheme .ttkj0ah{--header-offset:76px}}.StreamLayerSDK>.StreamLayerSDKTheme .ttkj0ah *{box-sizing:border-box}.StreamLayerSDK>.StreamLayerSDKTheme .c1bgb86j{aspect-ratio:16/9;border-radius:8px;cursor:pointer;display:flex;overflow:hidden;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .p6703cq{-o-object-fit:cover;object-fit:cover;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .p12ow7zo{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cdpal9o{cursor:pointer;display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.StreamLayerSDK>.StreamLayerSDKTheme .i1e83no{-webkit-align-items:center;background:#222425;display:flex;height:100%;width:100%;align-items:center;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .r165427{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .cqg02m{border-radius:6px;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cqg02m:after{animation:skeleton 1s linear infinite;background:linear-gradient(90deg,#f1efef 33%,#f9f8f8,#f1efef 66%) 100%/300% 100%;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}@keyframes skeleton{to{-webkit-background-position:left;background-position:0}}.StreamLayerSDK>.StreamLayerSDKTheme .c1pgyo67{animation:containerShowIn var(--animation-function);animation-duration:var(--animation-duration);opacity:1;overflow:hidden;transform:scale(1);width:100%}@keyframes containerShowIn{0%{opacity:0;transform:scale(0)}80%{opacity:0;transform:scale(.9)}85%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .hx17qu6{animation:containerHide var(--animation-function);animation-direction:reverse;animation-duration:var(--animation-duration);animation-fill-mode:forwards}@keyframes containerHide{0%{opacity:0;transform:scale(0)}80%{opacity:0;transform:scale(.9)}85%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .c1kzqw87{row-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .c1kzqw87,.StreamLayerSDK>.StreamLayerSDKTheme .d9r1hf9{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .d9r1hf9{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .bezygt5{color:var(--color-neutrals-gray9);font-size:12px;font-weight:400;line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .i1y8f7ym{border-radius:8px;display:flex;overflow:hidden;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i18gwonx{flex-direction:column;width:50%}.StreamLayerSDK>.StreamLayerSDKTheme .i18gwonx>img{display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .i3g0xjd{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.StreamLayerSDK>.StreamLayerSDKTheme .io8rt7p.i3g0xjd{width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i4hn3ox.i3g0xjd{width:50%}.StreamLayerSDK>.StreamLayerSDKTheme .cjq447q{-moz-column-gap:8px;column-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .cjq447q,.StreamLayerSDK>.StreamLayerSDKTheme .i14egogb{-webkit-align-items:center;display:flex;align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .i14egogb{justify-content:center;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .i2g9g4l{background-color:var(--color-neutrals-gray3);border-radius:50%;height:46px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:46px}.StreamLayerSDK>.StreamLayerSDKTheme .t1c454nm{border:1px solid var(--color-neutrals-gray2);border-radius:50%;bottom:0;position:absolute;right:0}.StreamLayerSDK>.StreamLayerSDKTheme .d11nigc3{color:var(--color-neutrals-gray9);display:flex;flex-direction:column;font-weight:var(--font-weight-default);row-gap:2px}.StreamLayerSDK>.StreamLayerSDKTheme .nrxa4k8{-webkit-align-items:center;display:flex;align-items:center;-moz-column-gap:4px;column-gap:4px;font-family:var(--font-serif);font-size:12px}.StreamLayerSDK>.StreamLayerSDKTheme .u1p051g3{font-size:12px;font-weight:400;line-height:20px}.StreamLayerSDK>.StreamLayerSDKTheme .cgn5uen{row-gap:16px}.StreamLayerSDK>.StreamLayerSDKTheme .c1px8nt6,.StreamLayerSDK>.StreamLayerSDKTheme .cgn5uen{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .c1px8nt6{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .t5et2jt{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:16px;font-weight:var(--font-weight-default);line-height:26px;overflow:hidden;word-break:break-word}.StreamLayerSDK>.StreamLayerSDKTheme .d1i2kpk2{color:var(--color-neutrals-gray9);font-size:14px;font-weight:400;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .id3lh3p{height:100%;-o-object-fit:cover;object-fit:cover}.StreamLayerSDK>.StreamLayerSDKTheme .i1gfjeu5{aspect-ratio:16/9;overflow:hidden;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i1gfjeu5[data-rounded=true]{display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .i1gfjeu5[data-rounded=true] .id3lh3p{aspect-ratio:1/1;border-radius:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i1gfjeu5[data-rounded=false]{border-radius:8px}.StreamLayerSDK>.StreamLayerSDKTheme .i1gfjeu5[data-rounded=false] .id3lh3p{width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .b6tbwuy{-webkit-align-items:center;display:flex;align-items:center;-webkit-box-pack:justify;background-color:var(--color-neutrals-white);justify-content:space-between}.StreamLayerSDK>.StreamLayerSDKTheme .n19lpak2{animation:show-nav .5s ease;animation-fill-mode:forwards;background:var(--color-neutrals-white);border-bottom:1px solid var(--color-neutrals-gray3);box-sizing:border-box;left:0;opacity:0;padding:var(--container-padding);position:absolute;right:0;top:0;z-index:100}@keyframes show-nav{90%{opacity:0}to{height:var(--header-height);opacity:1}}@media only screen and (max-width:1214px){.StreamLayerSDK>.StreamLayerSDKTheme .n19lpak2{position:sticky;top:var(--header-offset)}@keyframes show-nav{0%{margin-top:-var(--header-height)}90%{margin-top:0;opacity:0}to{height:var(--header-height);opacity:1}}}.StreamLayerSDK>.StreamLayerSDKTheme .n1w473c2{background:transparent;margin:auto;max-width:var(--max-width)}.StreamLayerSDK>.StreamLayerSDKTheme .n1w473c2>button{width:50%}.StreamLayerSDK>.StreamLayerSDKTheme .n1w473c2>button:not(:last-child){margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .sxxa0c{-webkit-align-items:center;display:flex;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--color-white);border:1px solid var(--color-neutrals-gray3);border-radius:100px;color:var(--color-primary-green1);cursor:pointer;font-size:12px;font-weight:var(--font-weight-default);justify-content:center;letter-spacing:-.5px;max-height:36px;min-height:36px;padding:0 8px}.StreamLayerSDK>.StreamLayerSDKTheme .sxxa0c:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .sxxa0c[data-selected=true]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .sxxa0c[data-selected=true]:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .sxxa0c[data-selected=true]:disabled:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .sxxa0c:disabled{cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .sxxa0c:disabled:hover{border-color:var(--color-neutrals-gray3);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .b193dcyu{display:flex;height:22px;width:22px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;align-items:center;margin-right:5px}.StreamLayerSDK>.StreamLayerSDKTheme .b40tuix{white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .b180jd7l[data-selected=true] g>path{fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .b11des7c[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .b11des7c[data-selected=true] g>path:nth-child(2){fill:#fff;stroke:#107d57}.StreamLayerSDK>.StreamLayerSDKTheme .b1whzxvd[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .b1whzxvd[data-selected=true] g>path:nth-child(2){fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .svm502q{flex:1;position:relative;width:100%;z-index:1}.StreamLayerSDK>.StreamLayerSDKTheme .fd3gza8{bottom:0;position:fixed;top:calc(var(--header-height) + var(--header-offset))}.StreamLayerSDK>.StreamLayerSDKTheme .p1liu7r{background-color:var(--color-transparent-item);border-radius:8px;height:100%;padding:0 12px}.StreamLayerSDK>.StreamLayerSDKTheme .fhf9n1f,.StreamLayerSDK>.StreamLayerSDKTheme .p1liu7r{-webkit-align-items:center;display:flex;align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .fhf9n1f{flex-direction:column;margin:auto;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .fmf7e3h{font-size:18px;margin-bottom:20px}.StreamLayerSDK>.StreamLayerSDKTheme .fg7be0w{-webkit-align-items:center;display:flex;font-size:14px;margin-bottom:10px;align-items:center;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .fvxx8fg{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;color:#fff;cursor:pointer;margin-bottom:20px;padding:6px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .fvxx8fg:disabled{cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .f1sfffsg{border-bottom:1px solid #fff;margin-bottom:40px}.StreamLayerSDK>.StreamLayerSDKTheme .f1sfffsg input{background:transparent;border:none;color:#fff;font-size:20px;outline:none}.StreamLayerSDK>.StreamLayerSDKTheme .d1majgb2>div{display:flex;gap:10px;margin-bottom:20px}.StreamLayerSDK>.StreamLayerSDKTheme .d1majgb2 input{font-size:40px;height:40px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .stu11h7{background-color:var(--color-neutrals-gray2);font-family:var(--font-regular);height:100%;min-width:272px}@media only screen and (min-width:1215px){.StreamLayerSDK>.StreamLayerSDKTheme .stu11h7{overflow:hidden;position:relative}}@media only screen and (max-width:1214px){.StreamLayerSDK>.StreamLayerSDKTheme .stu11h7{display:flex;flex-direction:column;min-height:calc(100vh - var(--header-offset))}}.StreamLayerSDK>.StreamLayerSDKTheme .s1ucohr1{height:100%;transition:transform;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-function);width:100%}@media only screen and (min-width:1215px){.StreamLayerSDK>.StreamLayerSDKTheme .s1ucohr1{overflow-y:auto;scrollbar-width:thin}.StreamLayerSDK>.StreamLayerSDKTheme .s1ucohr1[data-nav=true]{height:calc(100% - var(--header-height) - var(--header-offset));transform:translateY(calc(var(--header-height) + var(--header-offset)))}}.StreamLayerSDK>.StreamLayerSDKTheme .s1el4wvm{display:flex;flex-direction:column;gap:var(--container-padding);padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .s1oe3036.s1el4wvm{background-color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .tzk7mst{-webkit-align-items:stretch;display:flex;flex-direction:column;min-height:100%;align-items:stretch}.StreamLayerSDK>.StreamLayerSDKTheme .lkdzy61.s1oe3036.s1el4wvm{flex:1;padding-bottom:8px;padding-top:8px;justify-content:space-between}.StreamLayerSDK>.StreamLayerSDKTheme .tvdam54.s1oe3036.s1el4wvm{padding-bottom:8px;position:sticky;transition:top calc(var(--animation-duration)/2) var(--animation-function);z-index:1}.StreamLayerSDK>.StreamLayerSDKTheme .u14fk93k{margin:auto;max-width:var(--max-width);width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c14ielyq{height:100%;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c14ielyq>div:not(:last-child){margin-bottom:16px}.StreamLayerSDK>.StreamLayerSDKTheme .q1tlqx57{overflow:auto;transform:translateY(var(--question-headers-height))}.StreamLayerSDK>.StreamLayerSDKTheme .c1hq58md{display:flex;flex-direction:column;height:100%;padding:16px 16px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .t1c8nxcx{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;line-height:24px;margin:16px 0}.StreamLayerSDK>.StreamLayerSDKTheme .oiozuc3{gap:8px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .c38csyt,.StreamLayerSDK>.StreamLayerSDKTheme .oiozuc3{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .c38csyt{flex-grow:1;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;align-items:center;padding-bottom:32px;row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .ty221rx{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:20px;font-weight:400;line-height:28px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .dlaj9xp{color:var(--color-neutrals-gray9);font-size:14px;font-weight:400;letter-spacing:-.154px;line-height:20px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .c16sbdnm{-webkit-align-items:center;display:flex;padding:8px 0;width:100%;align-items:center;font-size:14px;margin-bottom:16px}.StreamLayerSDK>.StreamLayerSDKTheme .c16sbdnm[data-isPrediction=true]{align-items:flex-start}.StreamLayerSDK>.StreamLayerSDKTheme .ibhorgl{height:24px;margin-left:12px;margin-right:14px;min-width:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .ibhorgl g>path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .f1g20ja7{-webkit-align-items:center;border-radius:50%;display:flex;height:32px;min-width:32px;width:32px;align-items:center;justify-content:center;margin-right:16px}.StreamLayerSDK>.StreamLayerSDKTheme .f1g20ja7[data-feedback-type=correct]{background-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .f1g20ja7[data-feedback-type=incorrect]{background-color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .f455ozj{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .f1913njx{margin-right:5px}.StreamLayerSDK>.StreamLayerSDKTheme .f1913njx[data-feedback-type=correct]{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .f1913njx[data-feedback-type=incorrect]{color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .fzfk69z{color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .fx87qaj{font-weight:400;margin-top:10px}.StreamLayerSDK>.StreamLayerSDKTheme .b1b6dl8t{background-color:var(--color-neutrals-gray2);border:1px solid transparent;border-radius:4px;box-sizing:border-box;min-height:44px;overflow:hidden;padding:0;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .b1b6dl8t:hover:not(:disabled){border-color:var(--color-neutrals-gray5);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .b1b6dl8t[data-selected=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .b1b6dl8t[data-answer-state=correct]{border-color:var(--color-primary-green1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .b1b6dl8t[data-answer-state=correct]:before{background-color:var(--color-primary-green1);content:"";display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .b1b6dl8t[data-answer-state=incorrect]{border-color:var(--color-secondary-red1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .b1b6dl8t[data-answer-state=incorrect]:before{background-color:var(--color-secondary-red1);content:"";display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .b1b6dl8t[data-is-not-checked=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .b4iik8i{background-color:var(--color-neutrals-gray3);height:100%;left:0;position:absolute;top:0;transition:width 1s ease-in;z-index:0}.StreamLayerSDK>.StreamLayerSDKTheme .b4iik8i[data-answer-state=correct]{background-color:var(--color-primary-green1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .b4iik8i[data-answer-state=incorrect]{background-color:var(--color-secondary-red1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .b4iik8i[data-answer-state=unset]{background-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .b1gq1lnf{-webkit-align-items:center;background-color:transparent;color:var(--color-neutrals-gray9);font-family:var(--font-regular);font-weight:var(--font-weight-default);padding:5px 15px 5px 9px;align-items:center;border:none;border-radius:2px;display:flex;font-size:12px;height:100%;outline:none;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i1j65z51{width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .i19tpfua{background-repeat:no-repeat;background-size:contain;border-bottom-left-radius:3px;bottom:0;height:52px;left:0;position:absolute;width:52px}.StreamLayerSDK>.StreamLayerSDKTheme .i1tubmma{margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .i1grrgwj.i1tubmma{height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .ibemyq8.i1tubmma{background-color:var(--color-neutrals-gray5);border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .t1dceht{flex:1;overflow:hidden;text-align:left;word-wrap:break-word}.StreamLayerSDK>.StreamLayerSDKTheme .i116q4vq{display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .p17ajcu2{margin-left:3px}.StreamLayerSDK>.StreamLayerSDKTheme .pu9kmlb{line-height:17px;margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .c1j2j0s0{height:16px;margin-left:8px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .wie6cqo{border:1px solid var(--color-neutrals-gray3);border-radius:100px;color:var(--color-neutrals-gray9);font-family:var(--font-regular);font-weight:var(--font-weight-default);min-height:40px;width:100%;-webkit-box-pack:justify;font-size:14px;justify-content:space-between;letter-spacing:-.15px;padding:3px 3px 3px 11px}.StreamLayerSDK>.StreamLayerSDKTheme .cgizw4u,.StreamLayerSDK>.StreamLayerSDKTheme .wie6cqo{-webkit-align-items:center;display:flex;align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .t1l3ucjp{color:var(--color-neutrals-gray7);font-weight:400;margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .wx7j799{margin-right:4px}.StreamLayerSDK>.StreamLayerSDKTheme .p4lwuj0{-webkit-align-items:flex-end;display:flex;align-items:flex-end}.StreamLayerSDK>.StreamLayerSDKTheme .po9i64o{font-size:14px;line-height:14px;margin-right:6px}.StreamLayerSDK>.StreamLayerSDKTheme .pe5g05h{font-size:10px}.StreamLayerSDK>.StreamLayerSDKTheme .c1dcxmvf{display:flex;flex-direction:column;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;background-color:var(--color-neutrals-white);flex-grow:1;overflow:auto;padding:var(--container-padding);width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .qb4q22c{color:var(--color-primary-green2);-moz-column-gap:12px;column-gap:12px;display:flex;font-family:var(--font-serif);font-size:12px;font-weight:var(--font-weight-default);margin-bottom:8px;padding:4px 16px 8px 0}.StreamLayerSDK>.StreamLayerSDKTheme .qb4q22c:before{background-color:var(--color-primary-green2);content:"";width:2px}.StreamLayerSDK>.StreamLayerSDKTheme .c1euiow{background-color:var(--color-neutrals-white);display:flex;flex-direction:column;overflow:auto;padding:var(--container-padding);row-gap:12px;width:100%;flex-grow:1}.StreamLayerSDK>.StreamLayerSDKTheme .w19zie3h{-webkit-align-items:center;display:flex;align-items:center;-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 .c1yrpn9o{background-color:var(--color-primary-green1);border-radius:12px;font-weight:var(--font-weight-default);padding:12px}.StreamLayerSDK>.StreamLayerSDKTheme .t17fwahh{-webkit-align-items:center;display:flex;margin-bottom:12px;align-items:center;-webkit-box-pack:justify;-moz-column-gap:8px;column-gap:8px;justify-content:space-between}.StreamLayerSDK>.StreamLayerSDKTheme .by6w7e9{display:flex;flex-direction:column;row-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .u1g7arbm{-webkit-align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex;flex:1;overflow:hidden;align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .a1ldeata{border-radius:50%;-webkit-flex-shrink:0;height:48px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:48px;flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .u10d4koz{display:flex;flex-direction:column;overflow:hidden;row-gap:6px}.StreamLayerSDK>.StreamLayerSDKTheme .u1q6roj0{color:var(--color-white);font-family:var(--font-serif);font-size:16px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .ui0m425{-webkit-align-items:center;display:flex;align-items:center;color:var(--color-neutrals-white);-moz-column-gap:8px;column-gap:8px;font-size:14px;height:14px;text-transform:uppercase}@media only screen and (max-width:1439px) and (min-width:1215px){.StreamLayerSDK>.StreamLayerSDKTheme .ui0m425{-webkit-align-items:flex-start;flex-direction:column;align-items:flex-start;height:auto;row-gap:6px}}.StreamLayerSDK>.StreamLayerSDKTheme .t1el3mrn{height:15px;width:15px}.StreamLayerSDK>.StreamLayerSDKTheme .r2vgnxv{align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .r2vgnxv,.StreamLayerSDK>.StreamLayerSDKTheme .roqn06j{-moz-column-gap:4px;column-gap:4px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .roqn06j{align-items:baseline}.StreamLayerSDK>.StreamLayerSDKTheme .r15adx7c{font-size:9px;opacity:.8}.StreamLayerSDK>.StreamLayerSDKTheme .dv59lta{background-color:var(--color-white);height:10px;opacity:.2;width:1px}@media only screen and (max-width:1439px) and (min-width:1215px){.StreamLayerSDK>.StreamLayerSDKTheme .dv59lta{display:none}}.StreamLayerSDK>.StreamLayerSDKTheme .r55lotb{-moz-column-gap:8px;column-gap:8px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .s1knfgqt{background-color:var(--color-primary-green2);border-radius:4px;display:flex;padding:8px 12px;justify-content:space-between}@media only screen and (max-width:1439px) and (min-width:1215px){.StreamLayerSDK>.StreamLayerSDKTheme .s1knfgqt{-webkit-box-flex-wrap:wrap;flex-wrap:wrap;row-gap:10px;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .s1knfgqt>div{flex:1}}@media only screen and (max-width:323px){.StreamLayerSDK>.StreamLayerSDKTheme .s1knfgqt{-webkit-box-flex-wrap:wrap;flex-wrap:wrap;row-gap:10px;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .s1knfgqt>div{flex:1}}.StreamLayerSDK>.StreamLayerSDKTheme .a1mqo824{background:#2d6ffd;border-radius:50%;color:#fff;-webkit-flex-shrink:0;font-size:18px;height:48px;text-align:center;text-transform:uppercase;width:48px;flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .a1mqo824,.StreamLayerSDK>.StreamLayerSDKTheme .uxareh6{-webkit-align-items:center;display:flex;align-items:center;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .uxareh6{background-color:transparent;border:none;border-radius:50%;cursor:pointer;height:100%;max-height:48px;max-width:48px;outline:none;padding:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c1zy8a{-webkit-align-items:center;display:flex;align-items:center;flex:1;justify-content:space-between;-webkit-box-flex-wrap:wrap;background-color:var(--color-primary-green2);border-radius:4px;color:var(--color-neutrals-white);-moz-column-gap:5px;column-gap:5px;flex-wrap:wrap;overflow:hidden;padding:9px 8px;row-gap:2px}@media only screen and (max-width:1439px) and (min-width:1215px){.StreamLayerSDK>.StreamLayerSDKTheme .c1zy8a{-webkit-align-items:flex-start;flex-direction:column;align-items:flex-start}}.StreamLayerSDK>.StreamLayerSDKTheme .t1vih9p5{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .i1fbnvpb{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .ctmhwyc{-webkit-align-items:center;display:flex;align-items:center;color:var(--color-neutrals-white);flex-direction:column;padding-top:2px;row-gap:4px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .i1jri200{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .t8s05oq{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .sxnslc8{background-color:var(--color-neutrals-gray2);border-radius:8px;box-sizing:border-box;display:flex;margin:auto;max-width:361px;overflow:hidden;padding:4px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .sxnslc8:before{background-color:var(--color-white);border-radius:4px;content:"";height:28px;left:4px;position:absolute;transition:transform var(--animation-duration) var(--animation-function);width:calc(50% - 4px)}.StreamLayerSDK>.StreamLayerSDKTheme .sxnslc8[data-position=left]:before{transform:translate(0)}.StreamLayerSDK>.StreamLayerSDKTheme .sxnslc8[data-position=right]:before{transform:translate(100%)}.StreamLayerSDK>.StreamLayerSDKTheme .b1umzux0{background-color:transparent;border:none;color:var(--color-neutrals-gray7);display:flex;outline:none;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer;font-size:12px;font-weight:550;height:28px;padding:4px 10px;width:50%}.StreamLayerSDK>.StreamLayerSDKTheme .b1umzux0:hover{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .b1umzux0[data-selected=true]{color:var(--color-primary-green1);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .tspsaas{position:relative;z-index:2}.StreamLayerSDK>.StreamLayerSDKTheme .q1w97g3p{-webkit-align-items:center;background-color:var(--color-neutrals-white);border-radius:var(--border-radius);display:flex;padding:var(--container-padding);align-items:center;-webkit-box-pack:justify;border:1px solid var(--color-neutrals-white);gap:12px;justify-content:space-between}.StreamLayerSDK>.StreamLayerSDKTheme .q1w97g3p:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .q2sl39u{-webkit-align-items:center;display:flex;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;font-size:12px;font-weight:500;justify-content:flex-start;margin-bottom:8px}.StreamLayerSDK>.StreamLayerSDKTheme .qd5h0uc{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:14px;font-weight:400;line-height:20px}.StreamLayerSDK>.StreamLayerSDKTheme .qxlt78s{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .qxlt78s[data-type-trivia=true]{height:13px;width:13px}.StreamLayerSDK>.StreamLayerSDKTheme .qxlt78s[data-type-poll=true]{height:12px;width:12px}.StreamLayerSDK>.StreamLayerSDKTheme .qxlt78s path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .qmg0vkx{color:var(--color-neutrals-gray7);font-size:12px;font-weight:400;line-height:16px;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .q1uz5j1g{display:flex;flex:1;flex-direction:column;font-weight:700;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .qc3icwa{color:var(--color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .qmx43d1{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:8px;height:20px;padding:6px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .q1uc7n5z{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .qcpp4y6{text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .e1rdw3wd{border-left:1px solid var(--color-grey-primary);margin-left:5px;padding-left:5px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .p1pba9p1{background-color:var(--color-primary-green1);border:none;border-radius:71px;color:var(--color-white);display:flex;outline:none;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;align-items:center;font-size:12px;font-weight:400;height:32px;width:56px}.StreamLayerSDK>.StreamLayerSDKTheme .p1pba9p1:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .s1nve60q{border:1px solid;border-radius:71px;font-size:12px;font-weight:var(--font-weight-default);outline:none;padding:14px 16px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .s1nve60q[data-variant=primary]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .s1nve60q[data-variant=primary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .s1nve60q[data-variant=secondary]{background-color:transparent;border-color:var(--color-primary-green1);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .s1nve60q[data-variant=secondary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .s1nve60q:disabled{opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .s1nve60q:disabled:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .cl56x6b{background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:8px;display:flex;flex-direction:column;padding:12px 16px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .cl56x6b:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .a11pzf92{cursor:pointer;font-family:var(--font-regular);font-size:14px;font-weight:400;height:44px;line-height:20px;margin-top:16px;padding:0 16px}.StreamLayerSDK>.StreamLayerSDKTheme .q1hbaleq{color:var(--color-primary-green2);-moz-column-gap:12px;column-gap:12px;display:flex;font-family:var(--font-serif);font-size:12px;font-weight:var(--font-weight-default);margin-bottom:8px;padding:4px 16px 8px 0}.StreamLayerSDK>.StreamLayerSDKTheme .q1hbaleq:before{background-color:var(--color-primary-green2);content:"";width:2px}.StreamLayerSDK>.StreamLayerSDKTheme .c1eptrjd{background:#fff;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:16px;position:relative;width:100%;justify-content:stretch}.StreamLayerSDK>.StreamLayerSDKTheme .crylm65{-webkit-align-items:center;display:flex;position:absolute;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;cursor:pointer;height:20px;justify-content:center;right:11px;top:11px;width:20px;z-index:1}.StreamLayerSDK>.StreamLayerSDKTheme .c9mrcz7 g>path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .c9mrcz7:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .hw3lzv4{-webkit-align-items:center;display:flex;align-items:center;margin-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .t1rrb3kf{height:16px;margin-right:4px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .t1rrb3kf[data-type-trivia=true]{height:13px;width:13px}.StreamLayerSDK>.StreamLayerSDKTheme .t1rrb3kf[data-type-poll=true]{height:12px;width:12px}.StreamLayerSDK>.StreamLayerSDKTheme .t1rrb3kf path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .t1ydnjov{color:var(--color-neutrals-gray7);font-size:12px;font-weight:400;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .qlf90cl{color:var(--color-primary-green2);-webkit-flex-shrink:2;font-family:var(--font-serif);font-size:16px;font-weight:400;line-height:24px;margin-bottom:12px;padding-right:10px;flex-shrink:2;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .a1e0nhcl{background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);cursor:pointer;display:flex;outline:none;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;align-items:center;font-size:14px;font-weight:400;height:44px;margin-top:auto;padding:0 16px}.StreamLayerSDK>.StreamLayerSDKTheme .a1e0nhcl:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .i1pqqgpo{background-color:var(--color-neutrals-white);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;row-gap:16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .igj7luu{height:100%;-o-object-fit:cover;object-fit:cover}.StreamLayerSDK>.StreamLayerSDKTheme .i1qne9g6{aspect-ratio:16/9;overflow:hidden;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i1qne9g6[data-rounded=true]{display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .i1qne9g6[data-rounded=true] .igj7luu{aspect-ratio:1/1;border-radius:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i1qne9g6[data-rounded=false]{border-radius:8px}.StreamLayerSDK>.StreamLayerSDKTheme .i1qne9g6[data-rounded=false] .igj7luu{width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .itpr98r{display:flex;flex-direction:column;row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .t17iaqp8{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;font-weight:var(--font-weight-default);line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .d16t3y7s,.StreamLayerSDK>.StreamLayerSDKTheme .t17iaqp8{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:50px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .d16t3y7s{color:var(--color-neutrals-gray9);font-size:12px;font-weight:400;line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .a12495er{background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);display:flex;outline:none;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;align-items:center;font-family:var(--font-regular);font-size:14px;font-weight:400;height:44px;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .a12495er:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .c1t4f0x4{background-color:var(--color-neutrals-white);border-radius:8px;box-sizing:border-box;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c1t4f0x4 .bezygt5{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:40px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .a16w1nl6{background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);display:flex;outline:none;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;align-items:center;font-family:var(--font-regular);font-size:14px;font-weight:400;height:44px;margin-top:16px;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .a16w1nl6:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .q14u54rf{border-bottom:.7px solid var(--color-neutrals-gray3);margin-bottom:12px;padding-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .q1hxm6zo{color:var(--color-primary-green2);display:-webkit-box;font-family:var(--font-serif);font-size:12px;font-weight:var(--font-weight-default);padding:0 16px 0 14px;position:relative;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:35px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .q1hxm6zo:before{background-color:var(--color-primary-green2);bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.StreamLayerSDK>.StreamLayerSDKTheme .c10131zw{animation-duration:calc(var(--animation-duration)*3);box-sizing:content-box;padding:var(--container-padding);position:relative;transition-duration:calc(var(--animation-duration)*3);transition-property:all;transition-timing-function:var(--animation-function);width:auto}.StreamLayerSDK>.StreamLayerSDKTheme .ir6k2eo{margin:auto;max-width:var(--max-notifications-width);overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .c1hwoq9l,.StreamLayerSDK>.StreamLayerSDKTheme .ir6k2eo{border-radius:8px;min-height:118px;transition-duration:calc(var(--animation-duration)*3);transition-property:all;transition-timing-function:var(--animation-function);width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c1hwoq9l{-webkit-align-items:center;background-color:transparent;color:var(--color-white);flex-direction:column;font-family:var(--font-serif);padding:22px 16px;position:absolute;row-gap:6px;z-index:1;align-items:center;box-sizing:border-box}.StreamLayerSDK>.StreamLayerSDKTheme .c1hwoq9l,.StreamLayerSDK>.StreamLayerSDKTheme .t4ujo4g{display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .t4ujo4g{font-size:20px;font-weight:400;line-height:26px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .p1pjil1h.t4ujo4g{font-size:24px;margin-bottom:15px}.StreamLayerSDK>.StreamLayerSDKTheme .s1iorwr9{display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;align-items:center;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .s51sv9d{font-size:11px;font-weight:400;letter-spacing:2px;line-height:28px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .a1lbk2ye{font-family:var(--font-regular);font-size:11px;font-weight:400;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .a1lbk2ye span{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .frcvk3t{height:14px;margin-right:5px;min-height:14px;min-width:14px;width:14px}.StreamLayerSDK>.StreamLayerSDKTheme .c33p82r{-webkit-align-items:center;display:flex;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:50%;cursor:pointer;height:30px;justify-content:center;position:absolute;right:8px;top:8px;width:30px;z-index:2}.StreamLayerSDK>.StreamLayerSDKTheme .c12r9net path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .c12r9net:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz{display:none;height:100%;left:0;position:absolute;top:-1px;width:100%;z-index:1}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true]{display:block}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true]>div:first-child{animation:showLines .8s ease-out 1.9s forwards,hiddenLines .8s ease-in 2.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true]>div:nth-child(2){animation:showLines .6s ease-out 2.1s forwards,hiddenLines .8s ease-in 2.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true]>div:nth-child(3){animation:showLines .5s ease-out 2.2s forwards,hiddenLines .8s ease-in 2.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true]>div:nth-child(4){animation:showLines .4s ease-out 2.3s forwards,hiddenLines .8s ease-in 2.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true][data-first-screen=true]>div:first-child{animation:showLines .7s ease-out 1.9s forwards,hiddenLines .8s ease-in 2.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(2){animation:showLines .5s ease-out 2.1s forwards,hiddenLines .8s ease-in 2.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(3){animation:showLines .4s ease-out 2.2s forwards,hiddenLines .8s ease-in 2.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz>div{background-color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-correct=true]>div{background-color:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-correct=false]>div{background-color:var(--color-neutrals-gray6)}@keyframes showLines{0%{transform:translate(400px) rotate(137deg)}to{transform:translate(0) rotate(137deg)}}@keyframes hiddenLines{0%{width:1000px}to{opacity:0;width:2000px}}.StreamLayerSDK>.StreamLayerSDKTheme .b1v6w7ni{bottom:-580px;height:1000px;opacity:.05;position:absolute;transform:translate(400px) rotate(137deg);width:1000px}.StreamLayerSDK>.StreamLayerSDKTheme .b2nqb1p.b1v6w7ni{right:-818px}.StreamLayerSDK>.StreamLayerSDKTheme .b1xxgmbk.b1v6w7ni{right:-902px}.StreamLayerSDK>.StreamLayerSDKTheme .b63lwcb.b1v6w7ni{right:-997px}.StreamLayerSDK>.StreamLayerSDKTheme .b2iah4.b1v6w7ni{right:-891px}.StreamLayerSDK>.StreamLayerSDKTheme .b1xezvf6.b1v6w7ni{right:-942px}.StreamLayerSDK>.StreamLayerSDKTheme .b1jz1hg0.b1v6w7ni{right:-996px}.StreamLayerSDK>.StreamLayerSDKTheme .b18ho1tk.b1v6w7ni{right:-931px}.StreamLayerSDK>.StreamLayerSDKTheme .b14uvjfm.b1v6w7ni{opacity:.1;right:-981px}.StreamLayerSDK>.StreamLayerSDKTheme .b11c3ns7.b1v6w7ni{opacity:.15;right:-1035px}.StreamLayerSDK>.StreamLayerSDKTheme .b1bqhhet.b1v6w7ni{opacity:.2;right:-1088px}.StreamLayerSDK>.StreamLayerSDKTheme .b1xyzi7o.b1v6w7ni{opacity:.1;right:-931px}.StreamLayerSDK>.StreamLayerSDKTheme .byo0rup.b1v6w7ni{opacity:.1;right:-981px}.StreamLayerSDK>.StreamLayerSDKTheme .b1oyiqgv.b1v6w7ni{opacity:.1;right:-1035px}.StreamLayerSDK>.StreamLayerSDKTheme .bx3ddqw.b1v6w7ni{opacity:.1;right:-1088px}.StreamLayerSDK>.StreamLayerSDKTheme .crkmfw1{background-color:var(--color-white);border:1px solid var(--color-primary-green1);border-radius:40px;cursor:pointer;outline:none;padding:0 10px;-webkit-box-pack:center;-ms-flex-pack:center;height:32px;justify-content:center;max-height:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c11awpy4,.StreamLayerSDK>.StreamLayerSDKTheme .crkmfw1{-webkit-align-items:center;display:flex;align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .c11awpy4{color:var(--color-primary-green1);-moz-column-gap:6px;column-gap:6px;font-size:12px;font-weight:550;line-height:20px;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .t154z7mh{padding-right:6px}.StreamLayerSDK>.StreamLayerSDKTheme .qvghv3l{gap:8px;margin:auto;max-height:100%;max-width:var(--max-width);min-height:100%;overflow-y:auto;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cll3md7,.StreamLayerSDK>.StreamLayerSDKTheme .qvghv3l{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .cll3md7{background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:8px;padding:12px 16px 16px;row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .cll3md7:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .cll3md7 .t5et2jt{font-weight:400;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .cll3md7 .d1i2kpk2{display:-webkit-box;font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}.StreamLayerSDK>.StreamLayerSDKTheme .a10g1iik{background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);display:flex;outline:none;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;align-items:center;font-family:var(--font-regular);font-size:14px;font-weight:400;height:44px;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .a10g1iik:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .psiob9b{-webkit-align-items:center;display:inline-flex;position:relative;align-items:center;border-radius:40px;-moz-column-gap:8px;column-gap:8px;padding:4px 17px 4px 4px}.StreamLayerSDK>.StreamLayerSDKTheme .psiob9b:before{border:1px solid var(--color-neutrals-white);border-radius:40px;bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0;z-index:-1}@media only screen and (max-width:767px){.StreamLayerSDK>.StreamLayerSDKTheme .psiob9b{padding-right:10px}}.StreamLayerSDK>.StreamLayerSDKTheme .p1gqe4lh{display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;-webkit-align-items:center;flex-shrink:0;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--color-primary-green2);border-radius:50%;height:40px;justify-content:center;width:40px}@media only screen and (max-width:767px){.StreamLayerSDK>.StreamLayerSDKTheme .p1gqe4lh{height:28px;width:28px}}.StreamLayerSDK>.StreamLayerSDKTheme .p15syg2y{height:20px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .p15syg2y path{fill:var(--color-neutrals-white)}@media only screen and (max-width:767px){.StreamLayerSDK>.StreamLayerSDKTheme .p15syg2y{height:14px;width:14px}}.StreamLayerSDK>.StreamLayerSDKTheme .p12n4f2h{color:var(--color-neutrals-white);display:flex;flex-direction:column;font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .poqmx89{font-size:9px;margin-bottom:1px;text-transform:uppercase}@media only screen and (max-width:767px){.StreamLayerSDK>.StreamLayerSDKTheme .poqmx89{display:none}}.StreamLayerSDK>.StreamLayerSDKTheme .prj9b3v{font-size:18px;line-height:20px}@media only screen and (max-width:767px){.StreamLayerSDK>.StreamLayerSDKTheme .prj9b3v{font-size:14px;line-height:22px}}.StreamLayerSDK>.StreamLayerSDKTheme .c18uddbs{background-color:var(--color-neutrals-white);display:flex;flex-direction:column}@media only screen and (orientation:landscape){.StreamLayerSDK>.StreamLayerSDKTheme .c18uddbs{overflow:auto}}.StreamLayerSDK>.StreamLayerSDKTheme .cvcfjf6{display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-direction:column;flex-grow:1;min-height:400px}.StreamLayerSDK>.StreamLayerSDKTheme .o1ie27lw{justify-content:space-between;padding:12px 12px 12px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .c15cjkwi,.StreamLayerSDK>.StreamLayerSDKTheme .o1ie27lw{-webkit-align-items:center;display:flex;align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .c15cjkwi{-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:none;cursor:pointer;height:24px;justify-content:center;margin-left:auto;outline:none;padding:0;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .i1mavjt2{height:10px;width:10px}.StreamLayerSDK>.StreamLayerSDKTheme .o1x0dyzv{display:flex;margin-top:auto;padding:0 16px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .o1jfi9c3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;cursor:pointer;flex-grow:1;font-size:14px;height:44px;line-height:20px;padding:0 16px}.StreamLayerSDK>.StreamLayerSDKTheme .c1htq1lb{display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-direction:column;flex-grow:1;padding-bottom:24px}.StreamLayerSDK>.StreamLayerSDKTheme .gjyzpp7{display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;align-items:center;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .h16mldgz{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;max-width:270px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .c69js65{display:flex;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;align-items:center;height:100%;padding:0 16px 32px}.StreamLayerSDK>.StreamLayerSDKTheme .c69js65[data-centered=true] .gjyzpp7{margin-bottom:40px}.StreamLayerSDK>.StreamLayerSDKTheme .c69js65[data-centered=true] .gjyzpp7 img{max-width:80px}.StreamLayerSDK>.StreamLayerSDKTheme .c69js65[data-centered=true] .h16mldgz{max-width:210px}.StreamLayerSDK>.StreamLayerSDKTheme .c69js65[data-centered=false] .gjyzpp7{flex-grow:1;height:0}.StreamLayerSDK>.StreamLayerSDKTheme .c69js65[data-centered=false] .gjyzpp7 img{max-height:100%;max-width:292px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .smm7qmo{display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-moz-column-gap:8px;column-gap:8px;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .s17knuw2{background-color:var(--color-neutrals-gray4);border-radius:50%;height:6px;width:6px}.StreamLayerSDK>.StreamLayerSDKTheme .s17knuw2[data-active=true]{background-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .i1b74psg{display:flex;width:100%;justify-content:center;padding-bottom:40px}.StreamLayerSDK>.StreamLayerSDKTheme .c1itm4k7{background:var(--color-neutrals-white);flex-direction:column;height:100%;padding:16px 16px 56px;row-gap:24px}.StreamLayerSDK>.StreamLayerSDKTheme .c1itm4k7,.StreamLayerSDK>.StreamLayerSDKTheme .i1w4fsni{-webkit-align-items:center;display:flex;align-items:center;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .i1w4fsni{background-color:var(--color-primary-green1);border-radius:50%;height:48px;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .i19m85r1{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .c1mbu204{-webkit-align-items:center;display:flex;flex-direction:column;align-items:center;row-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .h1amdqtv{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .s1lhlj9j{color:var(--color-neutrals-gray9);font-size:14px;font-weight:400;letter-spacing:-.154px;line-height:20px;max-width:260px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .l1wot35e{-webkit-align-items:center;display:flex;align-items:center;-webkit-box-pack:justify;border:1px solid var(--color-neutrals-gray3);border-radius:8px;-moz-column-gap:16px;column-gap:16px;cursor:pointer;justify-content:space-between;max-width:292px;padding:12px 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .l1jdw39q{display:flex;flex-direction:column;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .l1cr5mk{color:var(--color-primary-green1);font-size:16px;font-weight:var(--font-weight-default);line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .lvi87q4{color:var(--color-neutrals-gray9);font-size:14px;font-weight:400;letter-spacing:-.154px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .l1pqlvw3{flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .s1n7kzeh{-moz-column-gap:8px;column-gap:8px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .s2m9o9y{-webkit-align-items:center;display:flex;flex-direction:column;align-items:center;min-width:var(--header-height);row-gap:8px;-webkit-text-decoration:none;text-decoration:none}.StreamLayerSDK>.StreamLayerSDKTheme .sewjbbn{color:var(--color-neutrals-gray9);font-size:12px;font-weight:400;letter-spacing:-.154px;line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .cm0bev{flex-grow:1;padding-bottom:16px}.StreamLayerSDK>.StreamLayerSDKTheme .ce7x737,.StreamLayerSDK>.StreamLayerSDKTheme .cm0bev{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .ce7x737{align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:100%;justify-content:center;padding:0 32px 32px;row-gap:24px}.StreamLayerSDK>.StreamLayerSDKTheme .tc2tor6{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .r1k5klql{display:flex;flex-direction:column;row-gap:24px}.StreamLayerSDK>.StreamLayerSDKTheme .r1tf3ft2{-moz-column-gap:16px;column-gap:16px}.StreamLayerSDK>.StreamLayerSDKTheme .r1tf3ft2,.StreamLayerSDK>.StreamLayerSDKTheme .rwpvg1k{-webkit-align-items:center;display:flex;align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .rwpvg1k{flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--color-primary-green1);border-radius:50%;height:36px;justify-content:center;width:36px}.StreamLayerSDK>.StreamLayerSDKTheme .rwpvg1k [data-icon=icon-trophy]{height:18px;width:18px}.StreamLayerSDK>.StreamLayerSDKTheme .rwpvg1k [data-icon=icon-trophy] path{fill:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .rwpvg1k [data-icon=icon-btn-feature-groups] path:first-child{stroke:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .rwpvg1k [data-icon=icon-btn-feature-groups] path:not(:first-child){fill:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .rbxiag0{font-size:14px;font-weight:var(--font-weight-default);letter-spacing:-.154px;line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .t6cyrry{background:initial;border:initial;color:var(--color-primary-green1);cursor:pointer;font-size:12px;font-weight:400;line-height:16px;margin:0 auto;outline:initial;padding:8px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .cj0g35h{flex-grow:1}.StreamLayerSDK>.StreamLayerSDKTheme .c1xkhrbn,.StreamLayerSDK>.StreamLayerSDKTheme .cj0g35h{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .c1xkhrbn{align-items:center;height:100%;padding:0 32px 32px;row-gap:24px}.StreamLayerSDK>.StreamLayerSDKTheme .tifzb8b{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .stduw5c{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;color:var(--color-neutrals-gray9);flex-grow:1;font-size:14px;font-weight:400;height:0;line-height:24px;overflow:auto}.StreamLayerSDK>.StreamLayerSDKTheme .cl51m2q{-webkit-align-items:center;border:1px solid var(--color-neutrals-gray3);border-radius:50px;display:flex;padding:4px 12px 4px 4px;align-items:center;max-width:90%;width:-moz-fit-content;width:fit-content}.StreamLayerSDK>.StreamLayerSDKTheme .a1dtxxlr,.StreamLayerSDK>.StreamLayerSDKTheme .a2yhhhr{border-radius:50%;height:24px;margin-right:8px;min-height:24px;min-width:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .a1dtxxlr{-webkit-align-items:center;background:#2d6ffd;display:flex;text-align:center;text-transform:uppercase;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;color:#fff;-webkit-flex-shrink:0;font-size:10px;justify-content:center;flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .c12clm3w{color:var(--color-neutrals-gray9);font-size:14px;font-weight:400;line-height:20px}.StreamLayerSDK>.StreamLayerSDKTheme .n14lctn7{font-weight:550}.StreamLayerSDK>.StreamLayerSDKTheme .cpjnajb{background-color:var(--color-primary-green1);border:none;border-radius:40px;cursor:default;outline:none;padding:0 10px;-webkit-box-pack:center;-ms-flex-pack:center;animation:show-in var(--animation-function);animation-duration:calc(var(--animation-duration)/2);animation-fill-mode:forwards;height:37px;justify-content:center;left:50%;max-width:190px;position:absolute;top:15px;transition:top var(--animation-function) calc(var(--animation-duration)/2);z-index:201}.StreamLayerSDK>.StreamLayerSDKTheme .c4m6kaz,.StreamLayerSDK>.StreamLayerSDKTheme .cpjnajb{-webkit-align-items:center;display:flex;align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .c4m6kaz{color:var(--color-white);-moz-column-gap:6px;column-gap:6px;font-size:12px;font-weight:550;line-height:16px;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .t1h8t9cc{padding-right:6px}.StreamLayerSDK>.StreamLayerSDKTheme .s13d8sg6>div{background:var(--scroll-container-background);padding:var(--scroll-container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .s13d8sg6>div>div{position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .culdu4a{-webkit-align-items:center;display:flex;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;font-size:12px;font-weight:var(--font-weight-default);line-height:16px;padding:8px 16px 8px 8px}.StreamLayerSDK>.StreamLayerSDKTheme .culdu4a:hover{border-color:var(--color-neutrals-gray5);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .pwf8e69{min-width:28px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .atf4yh4{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .a1dg29ja{flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--color-grey-primary-onboarding-inapp);border-radius:50%;color:var(--color-neutrals-gray9);font-size:12px;height:32px;justify-content:center;text-align:center;text-transform:uppercase;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .a1dg29ja,.StreamLayerSDK>.StreamLayerSDKTheme .c10a68rc{-webkit-align-items:center;display:flex;align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .c10a68rc{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;-moz-column-gap:8px;column-gap:8px;flex-grow:1}.StreamLayerSDK>.StreamLayerSDKTheme .nc4kck5{-webkit-align-items:center;display:grid;align-items:center;-moz-column-gap:4px;column-gap:4px;grid-template-columns:1fr auto}.StreamLayerSDK>.StreamLayerSDKTheme .njsrqgr{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .c17uc4zr{flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .c16btbfp{flex-direction:column;gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .c16btbfp,.StreamLayerSDK>.StreamLayerSDKTheme .c1ux29ft{display:flex;margin:auto;max-width:var(--max-width);width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c1ux29ft{align-items:center;background-color:var(--color-primary-green1);border-radius:8px;box-sizing:border-box;-moz-column-gap:8px;column-gap:8px;cursor:pointer;overflow:hidden;padding:12px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .f10ncfg2{height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .c1yc07bd{display:flex;flex:1;flex-direction:column;font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .tj6cq7w{color:var(--color-neutrals-white);font-size:16px;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .d1ag78xo{color:var(--color-white);font-size:14px;font-weight:400;line-height:20px}.StreamLayerSDK>.StreamLayerSDKTheme .awohrz6 path{fill:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .cddmj9e{border-radius:13px;height:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cddmj9e,.StreamLayerSDK>.StreamLayerSDKTheme .i16t83sg{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .i16t83sg{max-height:100%;overflow-y:auto}.StreamLayerSDK>.StreamLayerSDKTheme .i16t83sg>div{margin-bottom:8px}.StreamLayerSDK>.StreamLayerSDKTheme .cygkmjj{background-color:var(--color-transparent-item);border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;height:55px;min-height:55px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c71yvf9{flex:1;justify-content:space-between;padding:9px}.StreamLayerSDK>.StreamLayerSDKTheme .c71yvf9,.StreamLayerSDK>.StreamLayerSDKTheme .gao3b2f{-webkit-align-items:center;display:flex;align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .gao3b2f{-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--color-blue-question-action-btn);border-bottom-left-radius:8px;border-top-left-radius:8px;height:100%;justify-content:center;min-width:60px;position:relative;width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .i1k4eec3{height:35px;width:35px}.StreamLayerSDK>.StreamLayerSDKTheme .i1uhyahn{border-radius:50%;height:35px;width:35px}.StreamLayerSDK>.StreamLayerSDKTheme .i2ernmy{bottom:0;left:0;position:absolute;width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .t12j99pr{color:var(--color-white);display:-webkit-box;font-size:12px;font-weight:400px;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-right:35px;max-height:100%;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .n1uwonpi{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .s8p5v5z{display:flex;height:53px;padding:16px 0;width:100%;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .c1vwopgc{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);width:100%;justify-content:space-between;padding:12px 12px 12px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .c1vwopgc,.StreamLayerSDK>.StreamLayerSDKTheme .qyktpt0{-webkit-align-items:center;display:flex;align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .q951jdx{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .q951jdx[data-type-trivia=true]{height:13px;width:13px}.StreamLayerSDK>.StreamLayerSDKTheme .q951jdx[data-type-poll=true]{height:12px;width:12px}.StreamLayerSDK>.StreamLayerSDKTheme .q951jdx path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .qss5f0e{font-family:var(--font-regular);font-weight:400;line-height:16px;margin-left:9px}.StreamLayerSDK>.StreamLayerSDKTheme .c1ao1jtv{-webkit-align-items:center;display:flex;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;cursor:pointer;height:24px;justify-content:center;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .cvsl7l3 g>path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .cvsl7l3:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .cocfo2g{background:#fff;background-color:var(--color-white);border-radius:8px;box-sizing:border-box;color:var(--color-primary-green2);font-family:var(--font-serif);overflow:hidden;padding:16px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c1pdhxdk{-webkit-align-items:center;display:flex;position:absolute;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;cursor:pointer;height:20px;justify-content:center;right:11px;top:11px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .c1funj3r g>path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .c1funj3r:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .t1okg06y{display:flex;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:flex-end;justify-content:center;align-items:flex-end;font-size:10px;font-weight:400;letter-spacing:3px;margin-bottom:6px}.StreamLayerSDK>.StreamLayerSDKTheme .sb1n923{margin-right:8px;max-height:19px}.StreamLayerSDK>.StreamLayerSDKTheme .p1stllxd{line-height:13px;padding-bottom:1px}.StreamLayerSDK>.StreamLayerSDKTheme .s13kvdzw{display:flex;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;font-size:22px;font-weight:400;justify-content:center;margin-bottom:6px}.StreamLayerSDK>.StreamLayerSDKTheme .dfvmv3t{font-size:12px}.StreamLayerSDK>.StreamLayerSDKTheme .ay8e3j9,.StreamLayerSDK>.StreamLayerSDKTheme .dfvmv3t{display:flex;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;font-family:var(--font-regular);font-weight:400;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .ay8e3j9{-webkit-align-items:center;border:none;border-radius:40px;cursor:pointer;outline:none;align-items:center;background-color:var(--color-primary-green1);color:var(--color-white);font-size:14px;height:44px;margin-top:16px;padding:0 16px}.StreamLayerSDK>.StreamLayerSDKTheme .ay8e3j9:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .o9squag{animation:onboardingContainerShowIn ease-out;animation-duration:var(--animation-duration);bottom:0;left:50%;max-width:var(--max-width);position:absolute;right:0;top:0;transform:translate(-50%);width:100%;z-index:200}@media only screen and (max-width:1214px){.StreamLayerSDK>.StreamLayerSDKTheme .o9squag{bottom:0;min-height:calc(100vh - var(--header-height) - var(--header-offset));top:0}}@keyframes onboardingContainerShowIn{0%{opacity:.9;transform:translate(-50%) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .o1c8wcli{animation-duration:calc(var(--animation-duration)*3);height:0;position:relative;transition-duration:calc(var(--animation-duration)*3);transition-property:all;transition-timing-function:var(--animation-function)}.StreamLayerSDK>.StreamLayerSDKTheme .i18oyadd{margin:auto;max-width:calc(var(--max-notifications-width) + var(--container-padding)*2);padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .ctckejh{animation-duration:var(--animation-duration);height:0;position:relative;transition-duration:var(--animation-duration);transition-property:all;transition-timing-function:var(--animation-function)}.StreamLayerSDK>.StreamLayerSDKTheme .i1ri7tzr{margin:auto;max-width:calc(var(--max-notifications-width) + var(--container-padding)*2);overflow:hidden;padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .h1ng1qh5.i1ri7tzr{opacity:0;position:absolute;visibility:hidden;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .nruq6ik{animation:hide-glow var(--animation-function);animation-duration:calc(var(--animation-duration)*3);animation-fill-mode:forwards;border-radius:8px;inset:var(--container-padding);left:50%;max-width:var(--max-notifications-width);overflow:hidden;position:absolute;transform:translate(-50%);width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .nruq6ik:after{animation:glow var(--animation-function);animation-duration:var(--animation-duration);animation-fill-mode:forwards;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8));bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes hide-glow{0%{background:#fff;visibility:visible}50%{background:#fff0;visibility:visible}to{visibility:hidden}}@keyframes glow{0%{transform:skew(-45deg) translate(-150%)}to{transform:skew(-45deg) translate(150%)}}.StreamLayerSDK>.StreamLayerSDKTheme .pj6uyys{animation:show-in var(--animation-function);animation-duration:calc(var(--animation-duration)/2);animation-fill-mode:forwards;left:50%;position:absolute;top:calc(var(--header-height) + 8px + var(--pill-offset));transition:top var(--animation-function) calc(var(--animation-duration)/2)}@keyframes show-in{0%{transform:translateY(-40px) translate(-50%)}to{transform:translateY(0) translate(-50%)}}.StreamLayerSDK>.StreamLayerSDKTheme .c1d7yse1{--pill-offset:60px}.StreamLayerSDK>.StreamLayerSDKTheme .qdri6g3{-webkit-align-items:center;background:var(--color-transparent-item);display:flex;height:100%;width:100%;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;flex-direction:column;justify-content:flex-start}.StreamLayerSDK>.StreamLayerSDKTheme .i1chxfpe{background:#fff;border-radius:8px;bottom:8px;position:sticky}.StreamLayerSDK>.StreamLayerSDKTheme .i1chxfpe:after{background:#fff;bottom:-8px;content:"";display:block;height:16px;position:absolute;width:100%;z-index:-1}.StreamLayerSDK>.StreamLayerSDKTheme .oar61gl{animation-name:containerShowInWithTranslate;background:var(--color-neutrals-white);bottom:0;left:50%;max-width:var(--max-width);position:absolute;top:var(--header-height);transform:translate(-50%);width:100%;z-index:3}@keyframes containerShowInWithTranslate{0%{opacity:0;transform:translate(-50%) scale(0)}80%{opacity:0;transform:translate(-50%) scale(.9)}85%{transform:translate(-50%) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}@media only screen and (max-width:1214px){.StreamLayerSDK>.StreamLayerSDKTheme .oar61gl{height:100%;top:0;width:100%;z-index:100}}.StreamLayerSDK>.StreamLayerSDKTheme .u14zaal4{-webkit-align-items:center;background:var(--color-transparent-item);display:flex;height:100%;width:100%;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;flex-direction:column;justify-content:flex-start}.StreamLayerSDK>.StreamLayerSDKTheme .u14zaal4>div{width:100%}
1
+ .StreamLayerSDK .StreamLayerCSSReset a,.StreamLayerSDK .StreamLayerCSSReset abbr,.StreamLayerSDK .StreamLayerCSSReset acronym,.StreamLayerSDK .StreamLayerCSSReset address,.StreamLayerSDK .StreamLayerCSSReset applet,.StreamLayerSDK .StreamLayerCSSReset article,.StreamLayerSDK .StreamLayerCSSReset aside,.StreamLayerSDK .StreamLayerCSSReset audio,.StreamLayerSDK .StreamLayerCSSReset b,.StreamLayerSDK .StreamLayerCSSReset big,.StreamLayerSDK .StreamLayerCSSReset blockquote,.StreamLayerSDK .StreamLayerCSSReset body,.StreamLayerSDK .StreamLayerCSSReset button,.StreamLayerSDK .StreamLayerCSSReset canvas,.StreamLayerSDK .StreamLayerCSSReset caption,.StreamLayerSDK .StreamLayerCSSReset center,.StreamLayerSDK .StreamLayerCSSReset cite,.StreamLayerSDK .StreamLayerCSSReset code,.StreamLayerSDK .StreamLayerCSSReset dd,.StreamLayerSDK .StreamLayerCSSReset del,.StreamLayerSDK .StreamLayerCSSReset details,.StreamLayerSDK .StreamLayerCSSReset dfn,.StreamLayerSDK .StreamLayerCSSReset div,.StreamLayerSDK .StreamLayerCSSReset dl,.StreamLayerSDK .StreamLayerCSSReset dt,.StreamLayerSDK .StreamLayerCSSReset em,.StreamLayerSDK .StreamLayerCSSReset embed,.StreamLayerSDK .StreamLayerCSSReset fieldset,.StreamLayerSDK .StreamLayerCSSReset figcaption,.StreamLayerSDK .StreamLayerCSSReset figure,.StreamLayerSDK .StreamLayerCSSReset footer,.StreamLayerSDK .StreamLayerCSSReset form,.StreamLayerSDK .StreamLayerCSSReset h1,.StreamLayerSDK .StreamLayerCSSReset h2,.StreamLayerSDK .StreamLayerCSSReset h3,.StreamLayerSDK .StreamLayerCSSReset h4,.StreamLayerSDK .StreamLayerCSSReset h5,.StreamLayerSDK .StreamLayerCSSReset h6,.StreamLayerSDK .StreamLayerCSSReset header,.StreamLayerSDK .StreamLayerCSSReset hgroup,.StreamLayerSDK .StreamLayerCSSReset html,.StreamLayerSDK .StreamLayerCSSReset i,.StreamLayerSDK .StreamLayerCSSReset iframe,.StreamLayerSDK .StreamLayerCSSReset img,.StreamLayerSDK .StreamLayerCSSReset ins,.StreamLayerSDK .StreamLayerCSSReset kbd,.StreamLayerSDK .StreamLayerCSSReset label,.StreamLayerSDK .StreamLayerCSSReset legend,.StreamLayerSDK .StreamLayerCSSReset li,.StreamLayerSDK .StreamLayerCSSReset mark,.StreamLayerSDK .StreamLayerCSSReset menu,.StreamLayerSDK .StreamLayerCSSReset nav,.StreamLayerSDK .StreamLayerCSSReset object,.StreamLayerSDK .StreamLayerCSSReset ol,.StreamLayerSDK .StreamLayerCSSReset output,.StreamLayerSDK .StreamLayerCSSReset p,.StreamLayerSDK .StreamLayerCSSReset pre,.StreamLayerSDK .StreamLayerCSSReset q,.StreamLayerSDK .StreamLayerCSSReset ruby,.StreamLayerSDK .StreamLayerCSSReset s,.StreamLayerSDK .StreamLayerCSSReset samp,.StreamLayerSDK .StreamLayerCSSReset section,.StreamLayerSDK .StreamLayerCSSReset small,.StreamLayerSDK .StreamLayerCSSReset span,.StreamLayerSDK .StreamLayerCSSReset strike,.StreamLayerSDK .StreamLayerCSSReset strong,.StreamLayerSDK .StreamLayerCSSReset sub,.StreamLayerSDK .StreamLayerCSSReset summary,.StreamLayerSDK .StreamLayerCSSReset sup,.StreamLayerSDK .StreamLayerCSSReset table,.StreamLayerSDK .StreamLayerCSSReset tbody,.StreamLayerSDK .StreamLayerCSSReset td,.StreamLayerSDK .StreamLayerCSSReset tfoot,.StreamLayerSDK .StreamLayerCSSReset th,.StreamLayerSDK .StreamLayerCSSReset thead,.StreamLayerSDK .StreamLayerCSSReset time,.StreamLayerSDK .StreamLayerCSSReset tr,.StreamLayerSDK .StreamLayerCSSReset tt,.StreamLayerSDK .StreamLayerCSSReset u,.StreamLayerSDK .StreamLayerCSSReset ul,.StreamLayerSDK .StreamLayerCSSReset var,.StreamLayerSDK .StreamLayerCSSReset video{outline:none}.StreamLayerSDK,.StreamLayerSDK>.StreamLayerSDKTheme{height:100%}.StreamLayerSDKTheme *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.StreamLayerSDK>.StreamLayerSDKTheme .azqfrs3{box-sizing:border-box;color:var(--font-color);font-family:var(--font-family);height:100vh;margin:0;padding:20px;width:100vw}.StreamLayerSDK>.StreamLayerSDKTheme .azqfrs3>div{background-color:var(--color-bg-transparent);border-radius:12px;box-sizing:border-box;height:100%;overflow:auto;padding:10px;width:370px}.StreamLayerSDK>.StreamLayerSDKTheme .i1vlsnk4{background:#1d7bff;border-radius:5px;display:flex;font-size:16px;margin-bottom:2px;padding:4px 6px}.StreamLayerSDK>.StreamLayerSDKTheme .i1vlsnk4 input{background:linear-gradient(136.45deg,#3c8bfb4d .57%,#004fbe4d);border:1px solid transparent;color:#fff;display:block;font-size:24px;outline:none;padding:2px 2px 2px 10px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i1vlsnk4 input:focus{border-color:#1d7bff}.StreamLayerSDK>.StreamLayerSDKTheme .i1vlsnk4 label{margin-right:4px}.StreamLayerSDK>.StreamLayerSDKTheme .i1vlsnk4 button{background:transparent;border:none;color:#fff;cursor:pointer;margin:0;padding:0;text-transform:uppercase;width:150px}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00{background:#1d7bff;border-radius:5px;display:flex;font-size:16px;padding:4px 6px}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00 input{background:linear-gradient(136.45deg,#3c8bfb4d .57%,#004fbe4d);border:1px solid transparent;color:#fff;display:block;font-size:24px;outline:none;padding:2px 2px 2px 10px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00 input:focus{border-color:#1d7bff}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00 label{margin-right:4px}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00 button{background:transparent;border:none;color:#fff;cursor:pointer;margin:0;padding:0;text-transform:uppercase;width:150px}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00 button:hover{transform:scale(1.1)}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00 button:active{transform:scale(.9)}.StreamLayerSDK>.StreamLayerSDKTheme .iwjhb00 button:disabled{cursor:not-allowed;opacity:.8;transform:none}.StreamLayerSDK>.StreamLayerSDKTheme .s14ex8bw{-webkit-align-items:center;display:flex;align-items:center;font-size:16px;padding:4px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.StreamLayerSDK>.StreamLayerSDKTheme .s14ex8bw label{cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .s1fwty0k{background:#fff;border-radius:1em;height:1rem;margin-left:5px;position:relative;width:2rem}.StreamLayerSDK>.StreamLayerSDKTheme .s1fwty0k input{cursor:pointer;opacity:0;position:relative;width:100%;z-index:1}.StreamLayerSDK>.StreamLayerSDKTheme .s1fwty0k input:checked+span{background:green;transform:translate3d(100%,0,0)}.StreamLayerSDK>.StreamLayerSDKTheme .s1fwty0k span{background:gray;border-radius:1em;box-shadow:0 .1em .3em #0000004d;display:block;height:1rem;left:0;position:absolute;top:0;transition:all .3s;width:1rem}.StreamLayerSDK>.StreamLayerSDKTheme .d1sqxt7l{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1d7bff80;border-top-left-radius:10px;bottom:0;font-family:system-ui;max-width:var(--max-width);position:fixed;right:0}.StreamLayerSDK>.StreamLayerSDKTheme .d1a3478s{gap:10px;margin-left:10px;margin-right:60px;margin-top:10px;padding-bottom:10px}.StreamLayerSDK>.StreamLayerSDKTheme .butjcq8,.StreamLayerSDK>.StreamLayerSDKTheme .d1a3478s{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .butjcq8{bottom:10px;height:40px;position:absolute;right:10px;width:40px;z-index:10000;-webkit-box-pack:space-around;-ms-flex-pack:space-around;background:#1d7bff;border:none;border-radius:6px;cursor:pointer;justify-content:space-around;padding:10px;transition:all .1s ease}.StreamLayerSDK>.StreamLayerSDKTheme .butjcq8:hover{padding-bottom:8px;padding-top:8px}.StreamLayerSDK>.StreamLayerSDKTheme .butjcq8:active{transform:translateY(4px)}.StreamLayerSDK>.StreamLayerSDKTheme .butjcq8[data-opened=true] span:nth-child(odd){opacity:0}.StreamLayerSDK>.StreamLayerSDKTheme .butjcq8 span{background:#fff;border-radius:4px;display:block;height:4px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ttkj0ah{--color-bg-transparent:rgba(0,0,0,.8);--color-bg-transparent-vote-container:rgba(10,14,19,.8);--color-bg-transparent-item:rgba(0,0,0,.7);--color-bg-transparent-item-vote:hsla(0,0%,100%,.1);--color-bg-transparent-item-success:rgba(0,139,251,.2);--color-bg-transparent-item-error:rgba(205,37,37,.2);--color-bg-transparent-vote-progress:hsla(0,0%,100%,.2);--color-bg-transparent-vote-progress-success:rgba(60,139,251,.5);--color-bg-transparent-vote-progress-error:rgba(205,37,37,.5);--color-bg-transparent-onboarding-inapp:rgba(138,159,182,.2);--color-leaderboard-unit:hsla(0,0%,100%,.5);--color-blue-primary:#1589ee;--color-red-primary:#cd2525;--color-red-secondary:#eb5757;--color-blue-question-action-btn:#1589ee;--color-white:#fff;--color-grey-1:#909395;--color-grey-2:#22262b;--color-grey-3:#2d3135;--color-grey-4:#53565a;--color-grey-primary-onboarding-inapp:#b5b7b8;--color-black-1:#161a1f;--color-green-1:#f7b801;--color-red-1:#a30000;--color-red-2:#ff4170;--color-grey-primary:#909395;--color-divider-color-secondary:#53565a;--color-green-primary-btn:#009b77;--color-primary-green1:#107d57;--color-primary-green2:#006747;--color-primary-green3:#1c4932;--color-primary-green4:#193526;--color-secondary-red1:#df2f3b;--color-secondary-red2:#ba0c2f;--color-secondary-red3:#f9d6d8;--color-secondary-yellow:#fce300;--color-secondary-green5:#c0dc8f;--color-secondary-green6:#cee5de;--color-neutrals-white:#fff;--color-neutrals-gray1:#f7f7f7;--color-neutrals-gray2:#f2f2f1;--color-neutrals-gray3:#e8e8e8;--color-neutrals-gray4:#d9d9d6;--color-neutrals-gray5:#b1b3b3;--color-neutrals-gray6:#888b8d;--color-neutrals-gray7:#6b6f73;--color-neutrals-gray8:#53565a;--color-neutrals-gray9:#25282a;--color-neutrals-black:#000;--font-family:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-regular:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-color:#fff;--font-serif:"Tiempos","Tiempos Text",Times New Roman,serif;--font-weight-default:500;--header-offset:0px;--header-height:68px;--animation-duration:.5s;--animation-function:ease;--container-padding:16px;--border-radius:8px;--pill-offset:0px;--max-width:600px;--max-notifications-width:400px}@media only screen and (max-width:1214px){.StreamLayerSDK>.StreamLayerSDKTheme .ttkj0ah{--header-offset:56px}}@media only screen and (max-width:1214px) and (min-width:992px){.StreamLayerSDK>.StreamLayerSDKTheme .ttkj0ah{--header-offset:76px}}.StreamLayerSDK>.StreamLayerSDKTheme .ttkj0ah *{box-sizing:border-box}.StreamLayerSDK>.StreamLayerSDKTheme .c1bgb86j{aspect-ratio:16/9;border-radius:8px;cursor:pointer;display:flex;overflow:hidden;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .p6703cq{-o-object-fit:cover;object-fit:cover;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .p12ow7zo{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cdpal9o{cursor:pointer;display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.StreamLayerSDK>.StreamLayerSDKTheme .i1e83no{-webkit-align-items:center;background:#222425;display:flex;height:100%;width:100%;align-items:center;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .r165427{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .cqg02m{border-radius:6px;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cqg02m:after{animation:skeleton 1s linear infinite;background:linear-gradient(90deg,#f1efef 33%,#f9f8f8,#f1efef 66%) 100%/300% 100%;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}@keyframes skeleton{to{-webkit-background-position:left;background-position:0}}.StreamLayerSDK>.StreamLayerSDKTheme .c1pgyo67{animation:containerShowIn var(--animation-function);animation-duration:var(--animation-duration);opacity:1;overflow:hidden;transform:scale(1);width:100%}@keyframes containerShowIn{0%{opacity:0;transform:scale(0)}80%{opacity:0;transform:scale(.9)}85%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .hx17qu6{animation:containerHide var(--animation-function);animation-direction:reverse;animation-duration:var(--animation-duration);animation-fill-mode:forwards}@keyframes containerHide{0%{opacity:0;transform:scale(0)}80%{opacity:0;transform:scale(.9)}85%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .c1kzqw87{row-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .c1kzqw87,.StreamLayerSDK>.StreamLayerSDKTheme .d9r1hf9{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .d9r1hf9{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .bezygt5{color:var(--color-neutrals-gray9);font-size:12px;font-weight:400;line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .i1y8f7ym{border-radius:8px;display:flex;overflow:hidden;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i18gwonx{flex-direction:column;width:50%}.StreamLayerSDK>.StreamLayerSDKTheme .i18gwonx>img{display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .i3g0xjd{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.StreamLayerSDK>.StreamLayerSDKTheme .io8rt7p.i3g0xjd{width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i4hn3ox.i3g0xjd{width:50%}.StreamLayerSDK>.StreamLayerSDKTheme .cjq447q{-moz-column-gap:8px;column-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .cjq447q,.StreamLayerSDK>.StreamLayerSDKTheme .i14egogb{-webkit-align-items:center;display:flex;align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .i14egogb{justify-content:center;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .i2g9g4l{background-color:var(--color-neutrals-gray3);border-radius:50%;height:46px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:46px}.StreamLayerSDK>.StreamLayerSDKTheme .t1c454nm{border:1px solid var(--color-neutrals-gray2);border-radius:50%;bottom:0;position:absolute;right:0}.StreamLayerSDK>.StreamLayerSDKTheme .d11nigc3{color:var(--color-neutrals-gray9);display:flex;flex-direction:column;font-weight:var(--font-weight-default);row-gap:2px}.StreamLayerSDK>.StreamLayerSDKTheme .nrxa4k8{-webkit-align-items:center;display:flex;align-items:center;-moz-column-gap:4px;column-gap:4px;font-family:var(--font-serif);font-size:12px}.StreamLayerSDK>.StreamLayerSDKTheme .u1p051g3{font-size:12px;font-weight:400;line-height:20px}.StreamLayerSDK>.StreamLayerSDKTheme .cgn5uen{row-gap:16px}.StreamLayerSDK>.StreamLayerSDKTheme .c1px8nt6,.StreamLayerSDK>.StreamLayerSDKTheme .cgn5uen{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .c1px8nt6{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .t5et2jt{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:16px;font-weight:var(--font-weight-default);line-height:26px;overflow:hidden;word-break:break-word}.StreamLayerSDK>.StreamLayerSDKTheme .d1i2kpk2{color:var(--color-neutrals-gray9);font-size:14px;font-weight:400;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .id3lh3p{height:100%;-o-object-fit:cover;object-fit:cover}.StreamLayerSDK>.StreamLayerSDKTheme .i1gfjeu5{aspect-ratio:16/9;overflow:hidden;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i1gfjeu5[data-rounded=true]{display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .i1gfjeu5[data-rounded=true] .id3lh3p{aspect-ratio:1/1;border-radius:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i1gfjeu5[data-rounded=false]{border-radius:8px}.StreamLayerSDK>.StreamLayerSDKTheme .i1gfjeu5[data-rounded=false] .id3lh3p{width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .b6tbwuy{-webkit-align-items:center;display:flex;align-items:center;-webkit-box-pack:justify;background-color:var(--color-neutrals-white);justify-content:space-between}.StreamLayerSDK>.StreamLayerSDKTheme .n19lpak2{animation:show-nav .5s ease;animation-fill-mode:forwards;background:var(--color-neutrals-white);border-bottom:1px solid var(--color-neutrals-gray3);box-sizing:border-box;left:0;opacity:0;padding:var(--container-padding);position:absolute;right:0;top:0;z-index:100}@keyframes show-nav{90%{opacity:0}to{height:var(--header-height);opacity:1}}@media only screen and (max-width:1214px){.StreamLayerSDK>.StreamLayerSDKTheme .n19lpak2{position:sticky;top:var(--header-offset)}@keyframes show-nav{0%{margin-top:-var(--header-height)}90%{margin-top:0;opacity:0}to{height:var(--header-height);opacity:1}}}.StreamLayerSDK>.StreamLayerSDKTheme .n1w473c2{background:transparent;margin:auto;max-width:var(--max-width)}.StreamLayerSDK>.StreamLayerSDKTheme .n1w473c2>button{width:50%}.StreamLayerSDK>.StreamLayerSDKTheme .n1w473c2>button:not(:last-child){margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .sxxa0c{-webkit-align-items:center;display:flex;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--color-white);border:1px solid var(--color-primary-green1);border-radius:100px;color:var(--color-primary-green1);cursor:pointer;font-size:12px;font-weight:var(--font-weight-default);justify-content:center;letter-spacing:-.5px;max-height:36px;min-height:36px;padding:0 8px}.StreamLayerSDK>.StreamLayerSDKTheme .sxxa0c:hover{border-color:var(--color-primary-green2);color:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .sxxa0c:disabled{cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .sxxa0c:disabled:hover{border-color:var(--color-neutrals-gray3);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .b193dcyu{display:flex;height:22px;width:22px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;align-items:center;margin-right:5px}.StreamLayerSDK>.StreamLayerSDKTheme .b40tuix{white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .s14xk0af{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .s14xk0af:hover{border-color:var(--color-primary-green1);color:var(--color-white);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .ha3mg7c:hover g>path:first-child{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .h103yr45:hover g>path,.StreamLayerSDK>.StreamLayerSDKTheme .ha3mg7c:hover g>path:nth-child(2){fill:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .b180jd7l[data-selected=true] g>path{fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .b11des7c[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .b11des7c[data-selected=true] g>path:nth-child(2){fill:#fff;stroke:#107d57}.StreamLayerSDK>.StreamLayerSDKTheme .b1whzxvd[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .b1whzxvd[data-selected=true] g>path:nth-child(2){fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .svm502q{flex:1;position:relative;width:100%;z-index:1}.StreamLayerSDK>.StreamLayerSDKTheme .fd3gza8{bottom:0;position:fixed;top:calc(var(--header-height) + var(--header-offset))}.StreamLayerSDK>.StreamLayerSDKTheme .p1liu7r{background-color:var(--color-transparent-item);border-radius:8px;height:100%;padding:0 12px}.StreamLayerSDK>.StreamLayerSDKTheme .fhf9n1f,.StreamLayerSDK>.StreamLayerSDKTheme .p1liu7r{-webkit-align-items:center;display:flex;align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .fhf9n1f{flex-direction:column;margin:auto;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .fmf7e3h{font-size:18px;margin-bottom:20px}.StreamLayerSDK>.StreamLayerSDKTheme .fg7be0w{-webkit-align-items:center;display:flex;font-size:14px;margin-bottom:10px;align-items:center;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .fvxx8fg{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;color:#fff;cursor:pointer;margin-bottom:20px;padding:6px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .fvxx8fg:disabled{cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .f1sfffsg{border-bottom:1px solid #fff;margin-bottom:40px}.StreamLayerSDK>.StreamLayerSDKTheme .f1sfffsg input{background:transparent;border:none;color:#fff;font-size:20px;outline:none}.StreamLayerSDK>.StreamLayerSDKTheme .d1majgb2>div{display:flex;gap:10px;margin-bottom:20px}.StreamLayerSDK>.StreamLayerSDKTheme .d1majgb2 input{font-size:40px;height:40px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .stu11h7{background-color:var(--color-neutrals-gray2);font-family:var(--font-regular);height:100%;min-width:272px}@media only screen and (min-width:1215px){.StreamLayerSDK>.StreamLayerSDKTheme .stu11h7{overflow:hidden;position:relative}}@media only screen and (max-width:1214px){.StreamLayerSDK>.StreamLayerSDKTheme .stu11h7{display:flex;flex-direction:column;min-height:calc(100vh - var(--header-offset))}}.StreamLayerSDK>.StreamLayerSDKTheme .s1ucohr1{height:100%;transition:transform;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-function);width:100%}@media only screen and (min-width:1215px){.StreamLayerSDK>.StreamLayerSDKTheme .s1ucohr1{overflow-y:auto;scrollbar-width:thin}.StreamLayerSDK>.StreamLayerSDKTheme .s1ucohr1[data-nav=true]{height:calc(100% - var(--header-height) - var(--header-offset));transform:translateY(calc(var(--header-height) + var(--header-offset)))}}.StreamLayerSDK>.StreamLayerSDKTheme .s1el4wvm{display:flex;flex-direction:column;gap:var(--container-padding);padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .s1oe3036.s1el4wvm{background-color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .tzk7mst{-webkit-align-items:stretch;display:flex;flex-direction:column;min-height:100%;align-items:stretch}.StreamLayerSDK>.StreamLayerSDKTheme .lkdzy61.s1oe3036.s1el4wvm{flex:1;padding-bottom:8px;padding-top:8px;justify-content:space-between}.StreamLayerSDK>.StreamLayerSDKTheme .tvdam54.s1oe3036.s1el4wvm{padding-bottom:8px;position:sticky;transition:top calc(var(--animation-duration)/2) var(--animation-function);z-index:1}.StreamLayerSDK>.StreamLayerSDKTheme .u14fk93k{margin:auto;max-width:var(--max-width);width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c14ielyq{height:100%;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c14ielyq>div:not(:last-child){margin-bottom:16px}.StreamLayerSDK>.StreamLayerSDKTheme .q1tlqx57{overflow:auto;transform:translateY(var(--question-headers-height))}.StreamLayerSDK>.StreamLayerSDKTheme .c1hq58md{display:flex;flex-direction:column;height:100%;padding:16px 16px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .t1c8nxcx{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;line-height:24px;margin:16px 0}.StreamLayerSDK>.StreamLayerSDKTheme .oiozuc3{gap:8px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .c38csyt,.StreamLayerSDK>.StreamLayerSDKTheme .oiozuc3{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .c38csyt{flex-grow:1;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;align-items:center;padding-bottom:32px;row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .ty221rx{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:20px;font-weight:400;line-height:28px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .dlaj9xp{color:var(--color-neutrals-gray9);font-size:14px;font-weight:400;letter-spacing:-.154px;line-height:20px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .c16sbdnm{-webkit-align-items:center;display:flex;padding:8px 0;width:100%;align-items:center;font-size:14px;margin-bottom:16px}.StreamLayerSDK>.StreamLayerSDKTheme .c16sbdnm[data-isPrediction=true]{align-items:flex-start}.StreamLayerSDK>.StreamLayerSDKTheme .ibhorgl{height:24px;margin-left:12px;margin-right:14px;min-width:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .ibhorgl g>path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .f1g20ja7{-webkit-align-items:center;border-radius:50%;display:flex;height:32px;min-width:32px;width:32px;align-items:center;justify-content:center;margin-right:16px}.StreamLayerSDK>.StreamLayerSDKTheme .f1g20ja7[data-feedback-type=correct]{background-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .f1g20ja7[data-feedback-type=incorrect]{background-color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .f455ozj{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .f1913njx{margin-right:5px}.StreamLayerSDK>.StreamLayerSDKTheme .f1913njx[data-feedback-type=correct]{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .f1913njx[data-feedback-type=incorrect]{color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .fzfk69z{color:var(--color-neutrals-gray9);white-space:pre-wrap}.StreamLayerSDK>.StreamLayerSDKTheme .fx87qaj{font-weight:400;margin-top:10px}@media only screen and (min-width:1215px){.StreamLayerSDK>.StreamLayerSDKTheme .dvek9ew{display:block}}.StreamLayerSDK>.StreamLayerSDKTheme .b1b6dl8t{background-color:var(--color-neutrals-gray2);border:1px solid transparent;border-radius:4px;box-sizing:border-box;min-height:44px;overflow:hidden;padding:0;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .b1b6dl8t:hover:not(:disabled){border-color:var(--color-neutrals-gray5);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .b1b6dl8t[data-selected=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .b1b6dl8t[data-answer-state=correct]{border-color:var(--color-primary-green1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .b1b6dl8t[data-answer-state=correct]:before{background-color:var(--color-primary-green1);content:"";display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .b1b6dl8t[data-answer-state=incorrect]{border-color:var(--color-secondary-red1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .b1b6dl8t[data-answer-state=incorrect]:before{background-color:var(--color-secondary-red1);content:"";display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .b1b6dl8t[data-is-not-checked=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .b4iik8i{background-color:var(--color-neutrals-gray3);height:100%;left:0;position:absolute;top:0;transition:width 1s ease-in;z-index:0}.StreamLayerSDK>.StreamLayerSDKTheme .b4iik8i[data-answer-state=correct]{background-color:var(--color-primary-green1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .b4iik8i[data-answer-state=incorrect]{background-color:var(--color-secondary-red1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .b4iik8i[data-answer-state=unset]{background-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .b1gq1lnf{-webkit-align-items:center;background-color:transparent;color:var(--color-neutrals-gray9);font-family:var(--font-regular);font-weight:var(--font-weight-default);padding:5px 15px 5px 9px;align-items:center;border:none;border-radius:2px;display:flex;font-size:12px;height:100%;outline:none;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i1j65z51{width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .i19tpfua{background-repeat:no-repeat;background-size:contain;border-bottom-left-radius:3px;bottom:0;height:52px;left:0;position:absolute;width:52px}.StreamLayerSDK>.StreamLayerSDKTheme .i1tubmma{margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .i1grrgwj.i1tubmma{height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .ibemyq8.i1tubmma{background-color:var(--color-neutrals-gray5);border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .t1dceht{flex:1;overflow:hidden;text-align:left;word-wrap:break-word}.StreamLayerSDK>.StreamLayerSDKTheme .i116q4vq{display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .p17ajcu2{margin-left:3px}.StreamLayerSDK>.StreamLayerSDKTheme .pu9kmlb{line-height:17px;margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .c1j2j0s0{height:16px;margin-left:8px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .wie6cqo{border:1px solid var(--color-neutrals-gray3);border-radius:100px;color:var(--color-neutrals-gray9);font-family:var(--font-regular);font-weight:var(--font-weight-default);min-height:40px;width:100%;-webkit-box-pack:justify;font-size:14px;justify-content:space-between;letter-spacing:-.15px;padding:3px 3px 3px 11px}.StreamLayerSDK>.StreamLayerSDKTheme .cgizw4u,.StreamLayerSDK>.StreamLayerSDKTheme .wie6cqo{-webkit-align-items:center;display:flex;align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .t1l3ucjp{color:var(--color-neutrals-gray7);font-weight:400;margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .wx7j799{margin-right:4px}.StreamLayerSDK>.StreamLayerSDKTheme .p4lwuj0{-webkit-align-items:flex-end;display:flex;align-items:flex-end}.StreamLayerSDK>.StreamLayerSDKTheme .po9i64o{font-size:14px;line-height:14px;margin-right:6px}.StreamLayerSDK>.StreamLayerSDKTheme .pe5g05h{font-size:10px}.StreamLayerSDK>.StreamLayerSDKTheme .c1dcxmvf{display:flex;flex-direction:column;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;background-color:var(--color-neutrals-white);flex-grow:1;overflow:auto;padding:var(--container-padding);width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .qb4q22c{color:var(--color-primary-green2);-moz-column-gap:12px;column-gap:12px;display:flex;font-family:var(--font-serif);font-size:12px;font-weight:var(--font-weight-default);margin-bottom:8px;padding:4px 16px 8px 0}.StreamLayerSDK>.StreamLayerSDKTheme .qb4q22c:before{background-color:var(--color-primary-green2);content:"";width:2px}.StreamLayerSDK>.StreamLayerSDKTheme .c1euiow{background-color:var(--color-neutrals-white);display:flex;flex-direction:column;overflow:auto;padding:var(--container-padding);row-gap:12px;width:100%;flex-grow:1}.StreamLayerSDK>.StreamLayerSDKTheme .w19zie3h{-webkit-align-items:center;display:flex;align-items:center;-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 .c1yrpn9o{background-color:var(--color-primary-green1);border-radius:12px;font-weight:var(--font-weight-default);padding:12px}.StreamLayerSDK>.StreamLayerSDKTheme .t17fwahh{-webkit-align-items:center;display:flex;margin-bottom:12px;align-items:center;-webkit-box-pack:justify;-moz-column-gap:8px;column-gap:8px;justify-content:space-between}.StreamLayerSDK>.StreamLayerSDKTheme .by6w7e9{display:flex;flex-direction:column;row-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .u1g7arbm{-webkit-align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex;flex:1;overflow:hidden;align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .a1ldeata{border-radius:50%;-webkit-flex-shrink:0;height:48px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:48px;flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .u10d4koz{display:flex;flex-direction:column;overflow:hidden;row-gap:6px}.StreamLayerSDK>.StreamLayerSDKTheme .u1q6roj0{color:var(--color-white);font-family:var(--font-serif);font-size:16px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .ui0m425{-webkit-align-items:center;display:flex;align-items:center;color:var(--color-neutrals-white);-moz-column-gap:8px;column-gap:8px;font-size:14px;height:14px;text-transform:uppercase}@media only screen and (max-width:1439px) and (min-width:1215px){.StreamLayerSDK>.StreamLayerSDKTheme .ui0m425{-webkit-align-items:flex-start;flex-direction:column;align-items:flex-start;height:auto;row-gap:6px}}.StreamLayerSDK>.StreamLayerSDKTheme .t1el3mrn{height:15px;width:15px}.StreamLayerSDK>.StreamLayerSDKTheme .r2vgnxv{align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .r2vgnxv,.StreamLayerSDK>.StreamLayerSDKTheme .roqn06j{-moz-column-gap:4px;column-gap:4px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .roqn06j{align-items:baseline}.StreamLayerSDK>.StreamLayerSDKTheme .r15adx7c{font-size:9px;opacity:.8}.StreamLayerSDK>.StreamLayerSDKTheme .dv59lta{background-color:var(--color-white);height:10px;opacity:.2;width:1px}@media only screen and (max-width:1439px) and (min-width:1215px){.StreamLayerSDK>.StreamLayerSDKTheme .dv59lta{display:none}}.StreamLayerSDK>.StreamLayerSDKTheme .r55lotb{-moz-column-gap:8px;column-gap:8px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .s1knfgqt{background-color:var(--color-primary-green2);border-radius:4px;display:flex;padding:8px 12px;justify-content:space-between}@media only screen and (max-width:1439px) and (min-width:1215px){.StreamLayerSDK>.StreamLayerSDKTheme .s1knfgqt{-webkit-box-flex-wrap:wrap;flex-wrap:wrap;row-gap:10px;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .s1knfgqt>div{flex:1}}@media only screen and (max-width:323px){.StreamLayerSDK>.StreamLayerSDKTheme .s1knfgqt{-webkit-box-flex-wrap:wrap;flex-wrap:wrap;row-gap:10px;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .s1knfgqt>div{flex:1}}.StreamLayerSDK>.StreamLayerSDKTheme .a1mqo824{background:#2d6ffd;border-radius:50%;color:#fff;-webkit-flex-shrink:0;font-size:18px;height:48px;text-align:center;text-transform:uppercase;width:48px;flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .a1mqo824,.StreamLayerSDK>.StreamLayerSDKTheme .uxareh6{-webkit-align-items:center;display:flex;align-items:center;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .uxareh6{background-color:transparent;border:none;border-radius:50%;cursor:pointer;height:100%;max-height:48px;max-width:48px;outline:none;padding:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c1zy8a{-webkit-align-items:center;display:flex;align-items:center;flex:1;justify-content:space-between;-webkit-box-flex-wrap:wrap;background-color:var(--color-primary-green2);border-radius:4px;color:var(--color-neutrals-white);-moz-column-gap:5px;column-gap:5px;flex-wrap:wrap;overflow:hidden;padding:9px 8px;row-gap:2px}@media only screen and (max-width:1439px) and (min-width:1215px){.StreamLayerSDK>.StreamLayerSDKTheme .c1zy8a{-webkit-align-items:flex-start;flex-direction:column;align-items:flex-start}}.StreamLayerSDK>.StreamLayerSDKTheme .t1vih9p5{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .i1fbnvpb{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .ctmhwyc{-webkit-align-items:center;display:flex;align-items:center;color:var(--color-neutrals-white);flex-direction:column;padding-top:2px;row-gap:4px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .i1jri200{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .t8s05oq{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .sxnslc8{background-color:var(--color-neutrals-gray2);border-radius:8px;box-sizing:border-box;display:flex;margin:auto;max-width:361px;overflow:hidden;padding:4px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .sxnslc8:before{background-color:var(--color-white);border-radius:4px;content:"";height:28px;left:4px;position:absolute;transition:transform var(--animation-duration) var(--animation-function);width:calc(50% - 4px)}.StreamLayerSDK>.StreamLayerSDKTheme .sxnslc8[data-position=left]:before{transform:translate(0)}.StreamLayerSDK>.StreamLayerSDKTheme .sxnslc8[data-position=right]:before{transform:translate(100%)}.StreamLayerSDK>.StreamLayerSDKTheme .b1umzux0{background-color:transparent;border:none;color:var(--color-neutrals-gray7);display:flex;outline:none;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer;font-size:12px;font-weight:550;height:28px;padding:4px 10px;width:50%}.StreamLayerSDK>.StreamLayerSDKTheme .b1umzux0:hover{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .b1umzux0[data-selected=true]{color:var(--color-primary-green1);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .tspsaas{position:relative;z-index:2}.StreamLayerSDK>.StreamLayerSDKTheme .q1w97g3p{-webkit-align-items:center;background-color:var(--color-neutrals-white);border-radius:var(--border-radius);display:flex;padding:var(--container-padding);align-items:center;-webkit-box-pack:justify;border:1px solid var(--color-neutrals-white);gap:12px;justify-content:space-between}.StreamLayerSDK>.StreamLayerSDKTheme .q1w97g3p:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .q2sl39u{-webkit-align-items:center;display:flex;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;font-size:12px;font-weight:500;justify-content:flex-start;margin-bottom:8px}.StreamLayerSDK>.StreamLayerSDKTheme .qd5h0uc{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:14px;font-weight:400;line-height:20px}.StreamLayerSDK>.StreamLayerSDKTheme .qxlt78s{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .qxlt78s[data-type-trivia=true]{height:13px;width:13px}.StreamLayerSDK>.StreamLayerSDKTheme .qxlt78s[data-type-poll=true]{height:12px;width:12px}.StreamLayerSDK>.StreamLayerSDKTheme .qxlt78s path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .qmg0vkx{color:var(--color-neutrals-gray7);font-size:12px;font-weight:400;line-height:16px;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .q1uz5j1g{display:flex;flex:1;flex-direction:column;font-weight:700;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .qc3icwa{color:var(--color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .qmx43d1{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:8px;height:20px;padding:6px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .q1uc7n5z{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .qcpp4y6{text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .e1rdw3wd{border-left:1px solid var(--color-grey-primary);margin-left:5px;padding-left:5px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .p1pba9p1{background-color:var(--color-primary-green1);border:none;border-radius:71px;color:var(--color-white);display:flex;outline:none;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;align-items:center;font-size:12px;font-weight:400;height:32px;width:56px}.StreamLayerSDK>.StreamLayerSDKTheme .p1pba9p1:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .s1nve60q{border:1px solid;border-radius:71px;font-size:12px;font-weight:var(--font-weight-default);outline:none;padding:14px 16px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .s1nve60q[data-variant=primary]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .s1nve60q[data-variant=primary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .s1nve60q[data-variant=secondary]{background-color:transparent;border-color:var(--color-primary-green1);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .s1nve60q[data-variant=secondary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .s1nve60q:disabled{opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .s1nve60q:disabled:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .cl56x6b{background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:8px;display:flex;flex-direction:column;padding:12px 16px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .cl56x6b:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .a11pzf92{cursor:pointer;font-family:var(--font-regular);font-size:14px;font-weight:400;height:44px;line-height:20px;margin-top:16px;padding:0 16px}.StreamLayerSDK>.StreamLayerSDKTheme .q1hbaleq{color:var(--color-primary-green2);-moz-column-gap:12px;column-gap:12px;display:flex;font-family:var(--font-serif);font-size:12px;font-weight:var(--font-weight-default);margin-bottom:8px;padding:4px 16px 8px 0}.StreamLayerSDK>.StreamLayerSDKTheme .q1hbaleq:before{background-color:var(--color-primary-green2);content:"";width:2px}.StreamLayerSDK>.StreamLayerSDKTheme .c1eptrjd{background:#fff;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:16px;position:relative;width:100%;justify-content:stretch}.StreamLayerSDK>.StreamLayerSDKTheme .crylm65{-webkit-align-items:center;display:flex;position:absolute;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;cursor:pointer;height:20px;justify-content:center;right:11px;top:11px;width:20px;z-index:1}.StreamLayerSDK>.StreamLayerSDKTheme .c9mrcz7 g>path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .c9mrcz7:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .hw3lzv4{-webkit-align-items:center;display:flex;align-items:center;margin-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .t1rrb3kf{height:16px;margin-right:4px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .t1rrb3kf[data-type-trivia=true]{height:13px;width:13px}.StreamLayerSDK>.StreamLayerSDKTheme .t1rrb3kf[data-type-poll=true]{height:12px;width:12px}.StreamLayerSDK>.StreamLayerSDKTheme .t1rrb3kf path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .t1ydnjov{color:var(--color-neutrals-gray7);font-size:12px;font-weight:400;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .qlf90cl{color:var(--color-primary-green2);-webkit-flex-shrink:2;font-family:var(--font-serif);font-size:16px;font-weight:400;line-height:24px;margin-bottom:12px;padding-right:10px;flex-shrink:2;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .a1e0nhcl{background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);cursor:pointer;display:flex;outline:none;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;align-items:center;font-size:14px;font-weight:400;height:44px;margin-top:auto;padding:0 16px}.StreamLayerSDK>.StreamLayerSDKTheme .a1e0nhcl:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .i1pqqgpo{background-color:var(--color-neutrals-white);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;row-gap:16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .igj7luu{height:100%;-o-object-fit:cover;object-fit:cover}.StreamLayerSDK>.StreamLayerSDKTheme .i1qne9g6{aspect-ratio:16/9;overflow:hidden;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i1qne9g6[data-rounded=true]{display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .i1qne9g6[data-rounded=true] .igj7luu{aspect-ratio:1/1;border-radius:100%}.StreamLayerSDK>.StreamLayerSDKTheme .i1qne9g6[data-rounded=false]{border-radius:8px}.StreamLayerSDK>.StreamLayerSDKTheme .i1qne9g6[data-rounded=false] .igj7luu{width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .itpr98r{display:flex;flex-direction:column;row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .t17iaqp8{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;font-weight:var(--font-weight-default);line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .d16t3y7s,.StreamLayerSDK>.StreamLayerSDKTheme .t17iaqp8{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:50px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .d16t3y7s{color:var(--color-neutrals-gray9);font-size:12px;font-weight:400;line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .a12495er{background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);display:flex;outline:none;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;align-items:center;font-family:var(--font-regular);font-size:14px;font-weight:400;height:44px;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .a12495er:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .c1t4f0x4{background-color:var(--color-neutrals-white);border-radius:8px;box-sizing:border-box;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c1t4f0x4 .bezygt5{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:40px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .a16w1nl6{background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);display:flex;outline:none;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;align-items:center;font-family:var(--font-regular);font-size:14px;font-weight:400;height:44px;margin-top:16px;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .a16w1nl6:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .q14u54rf{border-bottom:.7px solid var(--color-neutrals-gray3);margin-bottom:12px;padding-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .q1hxm6zo{color:var(--color-primary-green2);display:-webkit-box;font-family:var(--font-serif);font-size:12px;font-weight:var(--font-weight-default);padding:0 16px 0 14px;position:relative;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:35px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .q1hxm6zo:before{background-color:var(--color-primary-green2);bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.StreamLayerSDK>.StreamLayerSDKTheme .c10131zw{animation-duration:calc(var(--animation-duration)*3);box-sizing:content-box;padding:var(--container-padding);position:relative;transition-duration:calc(var(--animation-duration)*3);transition-property:all;transition-timing-function:var(--animation-function);width:auto}.StreamLayerSDK>.StreamLayerSDKTheme .ir6k2eo{margin:auto;max-width:var(--max-notifications-width);overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .c1hwoq9l,.StreamLayerSDK>.StreamLayerSDKTheme .ir6k2eo{border-radius:8px;min-height:118px;transition-duration:calc(var(--animation-duration)*3);transition-property:all;transition-timing-function:var(--animation-function);width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c1hwoq9l{-webkit-align-items:center;background-color:transparent;color:var(--color-white);flex-direction:column;font-family:var(--font-serif);padding:22px 16px;position:absolute;row-gap:6px;z-index:1;align-items:center;box-sizing:border-box}.StreamLayerSDK>.StreamLayerSDKTheme .c1hwoq9l,.StreamLayerSDK>.StreamLayerSDKTheme .t4ujo4g{display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .t4ujo4g{font-size:20px;font-weight:400;line-height:26px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .p1pjil1h.t4ujo4g{font-size:24px;margin-bottom:15px}.StreamLayerSDK>.StreamLayerSDKTheme .s1iorwr9{display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;align-items:center;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .s51sv9d{font-size:11px;font-weight:400;letter-spacing:2px;line-height:28px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .a1lbk2ye{font-family:var(--font-regular);font-size:11px;font-weight:400;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .a1lbk2ye span{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .frcvk3t{height:14px;margin-right:5px;min-height:14px;min-width:14px;width:14px}.StreamLayerSDK>.StreamLayerSDKTheme .c33p82r{-webkit-align-items:center;display:flex;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:50%;cursor:pointer;height:30px;justify-content:center;position:absolute;right:8px;top:8px;width:30px;z-index:2}.StreamLayerSDK>.StreamLayerSDKTheme .c12r9net path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .c12r9net:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz{display:none;height:100%;left:0;position:absolute;top:-1px;width:100%;z-index:1}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true]{display:block}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true]>div:first-child{animation:showLines .8s ease-out 1.9s forwards,hiddenLines .8s ease-in 2.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true]>div:nth-child(2){animation:showLines .6s ease-out 2.1s forwards,hiddenLines .8s ease-in 2.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true]>div:nth-child(3){animation:showLines .5s ease-out 2.2s forwards,hiddenLines .8s ease-in 2.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true]>div:nth-child(4){animation:showLines .4s ease-out 2.3s forwards,hiddenLines .8s ease-in 2.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true][data-first-screen=true]>div:first-child{animation:showLines .7s ease-out 1.9s forwards,hiddenLines .8s ease-in 2.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(2){animation:showLines .5s ease-out 2.1s forwards,hiddenLines .8s ease-in 2.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(3){animation:showLines .4s ease-out 2.2s forwards,hiddenLines .8s ease-in 2.5s forwards}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz>div{background-color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-correct=true]>div{background-color:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .b1dqe0sz[data-correct=false]>div{background-color:var(--color-neutrals-gray6)}@keyframes showLines{0%{transform:translate(400px) rotate(137deg)}to{transform:translate(0) rotate(137deg)}}@keyframes hiddenLines{0%{width:1000px}to{opacity:0;width:2000px}}.StreamLayerSDK>.StreamLayerSDKTheme .b1v6w7ni{bottom:-580px;height:1000px;opacity:.05;position:absolute;transform:translate(400px) rotate(137deg);width:1000px}.StreamLayerSDK>.StreamLayerSDKTheme .b2nqb1p.b1v6w7ni{right:-818px}.StreamLayerSDK>.StreamLayerSDKTheme .b1xxgmbk.b1v6w7ni{right:-902px}.StreamLayerSDK>.StreamLayerSDKTheme .b63lwcb.b1v6w7ni{right:-997px}.StreamLayerSDK>.StreamLayerSDKTheme .b2iah4.b1v6w7ni{right:-891px}.StreamLayerSDK>.StreamLayerSDKTheme .b1xezvf6.b1v6w7ni{right:-942px}.StreamLayerSDK>.StreamLayerSDKTheme .b1jz1hg0.b1v6w7ni{right:-996px}.StreamLayerSDK>.StreamLayerSDKTheme .b18ho1tk.b1v6w7ni{right:-931px}.StreamLayerSDK>.StreamLayerSDKTheme .b14uvjfm.b1v6w7ni{opacity:.1;right:-981px}.StreamLayerSDK>.StreamLayerSDKTheme .b11c3ns7.b1v6w7ni{opacity:.15;right:-1035px}.StreamLayerSDK>.StreamLayerSDKTheme .b1bqhhet.b1v6w7ni{opacity:.2;right:-1088px}.StreamLayerSDK>.StreamLayerSDKTheme .b1xyzi7o.b1v6w7ni{opacity:.1;right:-931px}.StreamLayerSDK>.StreamLayerSDKTheme .byo0rup.b1v6w7ni{opacity:.1;right:-981px}.StreamLayerSDK>.StreamLayerSDKTheme .b1oyiqgv.b1v6w7ni{opacity:.1;right:-1035px}.StreamLayerSDK>.StreamLayerSDKTheme .bx3ddqw.b1v6w7ni{opacity:.1;right:-1088px}.StreamLayerSDK>.StreamLayerSDKTheme .crkmfw1{background-color:var(--color-white);border:1px solid var(--color-primary-green1);border-radius:40px;cursor:pointer;outline:none;padding:0 10px;-webkit-box-pack:center;-ms-flex-pack:center;height:32px;justify-content:center;max-height:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c11awpy4,.StreamLayerSDK>.StreamLayerSDKTheme .crkmfw1{-webkit-align-items:center;display:flex;align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .c11awpy4{color:var(--color-primary-green1);-moz-column-gap:6px;column-gap:6px;font-size:12px;font-weight:550;line-height:20px;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .t154z7mh{padding-right:6px}.StreamLayerSDK>.StreamLayerSDKTheme .qvghv3l{gap:8px;margin:auto;max-height:100%;max-width:var(--max-width);min-height:100%;overflow-y:auto;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cll3md7,.StreamLayerSDK>.StreamLayerSDKTheme .qvghv3l{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .cll3md7{background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:8px;padding:12px 16px 16px;row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .cll3md7:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .cll3md7 .t5et2jt{font-weight:400;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .cll3md7 .d1i2kpk2{display:-webkit-box;font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}.StreamLayerSDK>.StreamLayerSDKTheme .a10g1iik{background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);display:flex;outline:none;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;align-items:center;font-family:var(--font-regular);font-size:14px;font-weight:400;height:44px;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .a10g1iik:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .psiob9b{-webkit-align-items:center;display:inline-flex;position:relative;align-items:center;border-radius:40px;-moz-column-gap:8px;column-gap:8px;padding:4px 17px 4px 4px}.StreamLayerSDK>.StreamLayerSDKTheme .psiob9b:before{border:1px solid var(--color-neutrals-white);border-radius:40px;bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0;z-index:-1}@media only screen and (max-width:767px){.StreamLayerSDK>.StreamLayerSDKTheme .psiob9b{padding-right:10px}}.StreamLayerSDK>.StreamLayerSDKTheme .p1gqe4lh{display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;-webkit-align-items:center;flex-shrink:0;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--color-primary-green2);border-radius:50%;height:40px;justify-content:center;width:40px}@media only screen and (max-width:767px){.StreamLayerSDK>.StreamLayerSDKTheme .p1gqe4lh{height:28px;width:28px}}.StreamLayerSDK>.StreamLayerSDKTheme .p15syg2y{height:20px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .p15syg2y path{fill:var(--color-neutrals-white)}@media only screen and (max-width:767px){.StreamLayerSDK>.StreamLayerSDKTheme .p15syg2y{height:14px;width:14px}}.StreamLayerSDK>.StreamLayerSDKTheme .p12n4f2h{color:var(--color-neutrals-white);display:flex;flex-direction:column;font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .poqmx89{font-size:9px;margin-bottom:1px;text-transform:uppercase}@media only screen and (max-width:767px){.StreamLayerSDK>.StreamLayerSDKTheme .poqmx89{display:none}}.StreamLayerSDK>.StreamLayerSDKTheme .prj9b3v{font-size:18px;line-height:20px}@media only screen and (max-width:767px){.StreamLayerSDK>.StreamLayerSDKTheme .prj9b3v{font-size:14px;line-height:22px}}.StreamLayerSDK>.StreamLayerSDKTheme .c18uddbs{background-color:var(--color-neutrals-white);display:flex;flex-direction:column}@media only screen and (orientation:landscape){.StreamLayerSDK>.StreamLayerSDKTheme .c18uddbs{overflow:auto}}.StreamLayerSDK>.StreamLayerSDKTheme .cvcfjf6{display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-direction:column;flex-grow:1;min-height:400px}.StreamLayerSDK>.StreamLayerSDKTheme .o1ie27lw{justify-content:space-between;padding:12px 12px 12px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .c15cjkwi,.StreamLayerSDK>.StreamLayerSDKTheme .o1ie27lw{-webkit-align-items:center;display:flex;align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .c15cjkwi{-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:none;cursor:pointer;height:24px;justify-content:center;margin-left:auto;outline:none;padding:0;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .i1mavjt2{height:10px;width:10px}.StreamLayerSDK>.StreamLayerSDKTheme .o1x0dyzv{display:flex;margin-top:auto;padding:0 16px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .o1jfi9c3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;cursor:pointer;flex-grow:1;font-size:14px;height:44px;line-height:20px;padding:0 16px}.StreamLayerSDK>.StreamLayerSDKTheme .c1htq1lb{display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-direction:column;flex-grow:1;padding-bottom:24px}.StreamLayerSDK>.StreamLayerSDKTheme .gjyzpp7{display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;align-items:center;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .h16mldgz{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;max-width:270px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .c69js65{display:flex;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;align-items:center;height:100%;padding:0 16px 32px}.StreamLayerSDK>.StreamLayerSDKTheme .c69js65[data-centered=true] .gjyzpp7{margin-bottom:40px}.StreamLayerSDK>.StreamLayerSDKTheme .c69js65[data-centered=true] .gjyzpp7 img{max-width:80px}.StreamLayerSDK>.StreamLayerSDKTheme .c69js65[data-centered=true] .h16mldgz{max-width:210px}.StreamLayerSDK>.StreamLayerSDKTheme .c69js65[data-centered=false] .gjyzpp7{flex-grow:1;height:0}.StreamLayerSDK>.StreamLayerSDKTheme .c69js65[data-centered=false] .gjyzpp7 img{max-height:100%;max-width:292px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .smm7qmo{display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-moz-column-gap:8px;column-gap:8px;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .s17knuw2{background-color:var(--color-neutrals-gray4);border-radius:50%;height:6px;width:6px}.StreamLayerSDK>.StreamLayerSDKTheme .s17knuw2[data-active=true]{background-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .i1b74psg{display:flex;width:100%;justify-content:center;padding-bottom:40px}.StreamLayerSDK>.StreamLayerSDKTheme .c1itm4k7{background:var(--color-neutrals-white);flex-direction:column;height:100%;padding:16px 16px 56px;row-gap:24px}.StreamLayerSDK>.StreamLayerSDKTheme .c1itm4k7,.StreamLayerSDK>.StreamLayerSDKTheme .i1w4fsni{-webkit-align-items:center;display:flex;align-items:center;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .i1w4fsni{background-color:var(--color-primary-green1);border-radius:50%;height:48px;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .i19m85r1{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .c1mbu204{-webkit-align-items:center;display:flex;flex-direction:column;align-items:center;row-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .h1amdqtv{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .s1lhlj9j{color:var(--color-neutrals-gray9);font-size:14px;font-weight:400;letter-spacing:-.154px;line-height:20px;max-width:260px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .l1wot35e{-webkit-align-items:center;display:flex;align-items:center;-webkit-box-pack:justify;border:1px solid var(--color-neutrals-gray3);border-radius:8px;-moz-column-gap:16px;column-gap:16px;cursor:pointer;justify-content:space-between;max-width:292px;padding:12px 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .l1jdw39q{display:flex;flex-direction:column;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .l1cr5mk{color:var(--color-primary-green1);font-size:16px;font-weight:var(--font-weight-default);line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .lvi87q4{color:var(--color-neutrals-gray9);font-size:14px;font-weight:400;letter-spacing:-.154px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .l1pqlvw3{flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .s1n7kzeh{-moz-column-gap:8px;column-gap:8px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .s2m9o9y{-webkit-align-items:center;display:flex;flex-direction:column;align-items:center;min-width:var(--header-height);row-gap:8px;-webkit-text-decoration:none;text-decoration:none}.StreamLayerSDK>.StreamLayerSDKTheme .sewjbbn{color:var(--color-neutrals-gray9);font-size:12px;font-weight:400;letter-spacing:-.154px;line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .cm0bev{flex-grow:1;padding-bottom:16px}.StreamLayerSDK>.StreamLayerSDKTheme .ce7x737,.StreamLayerSDK>.StreamLayerSDKTheme .cm0bev{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .ce7x737{align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:100%;justify-content:center;padding:0 32px 32px;row-gap:24px}.StreamLayerSDK>.StreamLayerSDKTheme .tc2tor6{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .r1k5klql{display:flex;flex-direction:column;row-gap:24px}.StreamLayerSDK>.StreamLayerSDKTheme .r1tf3ft2{-moz-column-gap:16px;column-gap:16px}.StreamLayerSDK>.StreamLayerSDKTheme .r1tf3ft2,.StreamLayerSDK>.StreamLayerSDKTheme .rwpvg1k{-webkit-align-items:center;display:flex;align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .rwpvg1k{flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--color-primary-green1);border-radius:50%;height:36px;justify-content:center;width:36px}.StreamLayerSDK>.StreamLayerSDKTheme .rwpvg1k [data-icon=icon-trophy]{height:18px;width:18px}.StreamLayerSDK>.StreamLayerSDKTheme .rwpvg1k [data-icon=icon-trophy] path{fill:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .rwpvg1k [data-icon=icon-btn-feature-groups] path:first-child{stroke:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .rwpvg1k [data-icon=icon-btn-feature-groups] path:not(:first-child){fill:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .rbxiag0{font-size:14px;font-weight:var(--font-weight-default);letter-spacing:-.154px;line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .t6cyrry{background:initial;border:initial;color:var(--color-primary-green1);cursor:pointer;font-size:12px;font-weight:400;line-height:16px;margin:0 auto;outline:initial;padding:8px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .cj0g35h{flex-grow:1}.StreamLayerSDK>.StreamLayerSDKTheme .c1xkhrbn,.StreamLayerSDK>.StreamLayerSDKTheme .cj0g35h{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .c1xkhrbn{align-items:center;height:100%;padding:0 32px 32px;row-gap:24px}.StreamLayerSDK>.StreamLayerSDKTheme .tifzb8b{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .stduw5c{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;color:var(--color-neutrals-gray9);flex-grow:1;font-size:14px;font-weight:400;height:0;line-height:24px;overflow:auto}.StreamLayerSDK>.StreamLayerSDKTheme .cl51m2q{-webkit-align-items:center;border:1px solid var(--color-neutrals-gray3);border-radius:50px;display:flex;padding:4px 12px 4px 4px;align-items:center;max-width:90%;width:-moz-fit-content;width:fit-content}.StreamLayerSDK>.StreamLayerSDKTheme .a1dtxxlr,.StreamLayerSDK>.StreamLayerSDKTheme .a2yhhhr{border-radius:50%;height:24px;margin-right:8px;min-height:24px;min-width:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .a1dtxxlr{-webkit-align-items:center;background:#2d6ffd;display:flex;text-align:center;text-transform:uppercase;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;color:#fff;-webkit-flex-shrink:0;font-size:10px;justify-content:center;flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .c12clm3w{color:var(--color-neutrals-gray9);font-size:14px;font-weight:400;line-height:20px}.StreamLayerSDK>.StreamLayerSDKTheme .n14lctn7{font-weight:550}.StreamLayerSDK>.StreamLayerSDKTheme .cpjnajb{background-color:var(--color-primary-green1);border:none;border-radius:40px;cursor:default;outline:none;padding:0 10px;-webkit-box-pack:center;-ms-flex-pack:center;animation:show-in var(--animation-function);animation-duration:calc(var(--animation-duration)/2);animation-fill-mode:forwards;height:37px;justify-content:center;left:50%;max-width:190px;position:absolute;top:15px;transition:top var(--animation-function) calc(var(--animation-duration)/2);z-index:201}.StreamLayerSDK>.StreamLayerSDKTheme .c4m6kaz,.StreamLayerSDK>.StreamLayerSDKTheme .cpjnajb{-webkit-align-items:center;display:flex;align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .c4m6kaz{color:var(--color-white);-moz-column-gap:6px;column-gap:6px;font-size:12px;font-weight:550;line-height:16px;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .t1h8t9cc{padding-right:6px}.StreamLayerSDK>.StreamLayerSDKTheme .s13d8sg6>div{background:var(--scroll-container-background);padding:var(--scroll-container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .s13d8sg6>div>div{position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .culdu4a{-webkit-align-items:center;display:flex;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;font-size:12px;font-weight:var(--font-weight-default);line-height:16px;padding:8px 16px 8px 8px}.StreamLayerSDK>.StreamLayerSDKTheme .culdu4a:hover{border-color:var(--color-neutrals-gray5);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .pwf8e69{min-width:28px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .atf4yh4{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .a1dg29ja{flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--color-grey-primary-onboarding-inapp);border-radius:50%;color:var(--color-neutrals-gray9);font-size:12px;height:32px;justify-content:center;text-align:center;text-transform:uppercase;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .a1dg29ja,.StreamLayerSDK>.StreamLayerSDKTheme .c10a68rc{-webkit-align-items:center;display:flex;align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .c10a68rc{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;-moz-column-gap:8px;column-gap:8px;flex-grow:1}.StreamLayerSDK>.StreamLayerSDKTheme .nc4kck5{-webkit-align-items:center;display:grid;align-items:center;-moz-column-gap:4px;column-gap:4px;grid-template-columns:1fr auto}.StreamLayerSDK>.StreamLayerSDKTheme .njsrqgr{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .c17uc4zr{flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .c16btbfp{flex-direction:column;gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .c16btbfp,.StreamLayerSDK>.StreamLayerSDKTheme .c1ux29ft{display:flex;margin:auto;max-width:var(--max-width);width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c1ux29ft{align-items:center;background-color:var(--color-primary-green1);border-radius:8px;box-sizing:border-box;-moz-column-gap:8px;column-gap:8px;cursor:pointer;overflow:hidden;padding:12px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .f10ncfg2{height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .c1yc07bd{display:flex;flex:1;flex-direction:column;font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .tj6cq7w{color:var(--color-neutrals-white);font-size:16px;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .d1ag78xo{color:var(--color-white);font-size:14px;font-weight:400;line-height:20px}.StreamLayerSDK>.StreamLayerSDKTheme .awohrz6 path{fill:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .cddmj9e{border-radius:13px;height:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cddmj9e,.StreamLayerSDK>.StreamLayerSDKTheme .i16t83sg{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .i16t83sg{max-height:100%;overflow-y:auto}.StreamLayerSDK>.StreamLayerSDKTheme .i16t83sg>div{margin-bottom:8px}.StreamLayerSDK>.StreamLayerSDKTheme .cygkmjj{background-color:var(--color-transparent-item);border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;height:55px;min-height:55px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c71yvf9{flex:1;justify-content:space-between;padding:9px}.StreamLayerSDK>.StreamLayerSDKTheme .c71yvf9,.StreamLayerSDK>.StreamLayerSDKTheme .gao3b2f{-webkit-align-items:center;display:flex;align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .gao3b2f{-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--color-blue-question-action-btn);border-bottom-left-radius:8px;border-top-left-radius:8px;height:100%;justify-content:center;min-width:60px;position:relative;width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .i1k4eec3{height:35px;width:35px}.StreamLayerSDK>.StreamLayerSDKTheme .i1uhyahn{border-radius:50%;height:35px;width:35px}.StreamLayerSDK>.StreamLayerSDKTheme .i2ernmy{bottom:0;left:0;position:absolute;width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .t12j99pr{color:var(--color-white);display:-webkit-box;font-size:12px;font-weight:400px;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-right:35px;max-height:100%;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .n1uwonpi{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .s8p5v5z{display:flex;height:53px;padding:16px 0;width:100%;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .c1vwopgc{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);width:100%;justify-content:space-between;padding:12px 12px 12px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .c1vwopgc,.StreamLayerSDK>.StreamLayerSDKTheme .qyktpt0{-webkit-align-items:center;display:flex;align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .q951jdx{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .q951jdx[data-type-trivia=true]{height:13px;width:13px}.StreamLayerSDK>.StreamLayerSDKTheme .q951jdx[data-type-poll=true]{height:12px;width:12px}.StreamLayerSDK>.StreamLayerSDKTheme .q951jdx path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .qss5f0e{font-family:var(--font-regular);font-weight:400;line-height:16px;margin-left:9px}.StreamLayerSDK>.StreamLayerSDKTheme .c1ao1jtv{-webkit-align-items:center;display:flex;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;cursor:pointer;height:24px;justify-content:center;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .cvsl7l3 g>path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .cvsl7l3:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .cocfo2g{background:#fff;background-color:var(--color-white);border-radius:8px;box-sizing:border-box;color:var(--color-primary-green2);font-family:var(--font-serif);overflow:hidden;padding:16px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .c1pdhxdk{-webkit-align-items:center;display:flex;position:absolute;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;cursor:pointer;height:20px;justify-content:center;right:11px;top:11px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .c1funj3r g>path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .c1funj3r:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .t1okg06y{display:flex;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:flex-end;justify-content:center;align-items:flex-end;font-size:10px;font-weight:400;letter-spacing:3px;margin-bottom:6px}.StreamLayerSDK>.StreamLayerSDKTheme .sb1n923{margin-right:8px;max-height:19px}.StreamLayerSDK>.StreamLayerSDKTheme .p1stllxd{line-height:13px;padding-bottom:1px}.StreamLayerSDK>.StreamLayerSDKTheme .s13kvdzw{display:flex;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;font-size:22px;font-weight:400;justify-content:center;margin-bottom:6px}.StreamLayerSDK>.StreamLayerSDKTheme .dfvmv3t{font-size:12px}.StreamLayerSDK>.StreamLayerSDKTheme .ay8e3j9,.StreamLayerSDK>.StreamLayerSDKTheme .dfvmv3t{display:flex;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;font-family:var(--font-regular);font-weight:400;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .ay8e3j9{-webkit-align-items:center;border:none;border-radius:40px;cursor:pointer;outline:none;align-items:center;background-color:var(--color-primary-green1);color:var(--color-white);font-size:14px;height:44px;margin-top:16px;padding:0 16px}.StreamLayerSDK>.StreamLayerSDKTheme .ay8e3j9:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .o9squag{animation:onboardingContainerShowIn ease-out;animation-duration:var(--animation-duration);bottom:0;left:50%;max-width:var(--max-width);position:absolute;right:0;top:0;transform:translate(-50%);width:100%;z-index:200}@media only screen and (max-width:1214px){.StreamLayerSDK>.StreamLayerSDKTheme .o9squag{bottom:0;min-height:calc(100vh - var(--header-height) - var(--header-offset));top:0}}@keyframes onboardingContainerShowIn{0%{opacity:.9;transform:translate(-50%) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .o1c8wcli{animation-duration:calc(var(--animation-duration)*3);height:0;position:relative;transition-duration:calc(var(--animation-duration)*3);transition-property:all;transition-timing-function:var(--animation-function)}.StreamLayerSDK>.StreamLayerSDKTheme .i18oyadd{margin:auto;max-width:calc(var(--max-notifications-width) + var(--container-padding)*2);padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .ctckejh{animation-duration:var(--animation-duration);height:0;position:relative;transition-duration:var(--animation-duration);transition-property:all;transition-timing-function:var(--animation-function)}.StreamLayerSDK>.StreamLayerSDKTheme .i1ri7tzr{margin:auto;max-width:calc(var(--max-notifications-width) + var(--container-padding)*2);overflow:hidden;padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .h1ng1qh5.i1ri7tzr{opacity:0;position:absolute;visibility:hidden;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .nruq6ik{animation:hide-glow var(--animation-function);animation-duration:calc(var(--animation-duration)*3);animation-fill-mode:forwards;border-radius:8px;inset:var(--container-padding);left:50%;max-width:var(--max-notifications-width);overflow:hidden;position:absolute;transform:translate(-50%);width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .nruq6ik:after{animation:glow var(--animation-function);animation-duration:var(--animation-duration);animation-fill-mode:forwards;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8));bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes hide-glow{0%{background:#fff;visibility:visible}50%{background:#fff0;visibility:visible}to{visibility:hidden}}@keyframes glow{0%{transform:skew(-45deg) translate(-150%)}to{transform:skew(-45deg) translate(150%)}}.StreamLayerSDK>.StreamLayerSDKTheme .pj6uyys{animation:show-in var(--animation-function);animation-duration:calc(var(--animation-duration)/2);animation-fill-mode:forwards;left:50%;position:absolute;top:calc(var(--header-height) + 8px + var(--pill-offset));transition:top var(--animation-function) calc(var(--animation-duration)/2)}@keyframes show-in{0%{transform:translateY(-40px) translate(-50%)}to{transform:translateY(0) translate(-50%)}}.StreamLayerSDK>.StreamLayerSDKTheme .c1d7yse1{--pill-offset:60px}.StreamLayerSDK>.StreamLayerSDKTheme .l1p1hxob{color:var(--color-neutrals-gray6);padding:40px 0;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .qdri6g3{-webkit-align-items:center;background:var(--color-transparent-item);height:100%;width:100%;align-items:center;justify-content:flex-start}.StreamLayerSDK>.StreamLayerSDKTheme .i1xmyxez,.StreamLayerSDK>.StreamLayerSDKTheme .qdri6g3{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .i1xmyxez{flex-grow:1;justify-content:center}@media only screen and (min-width:1215px){.StreamLayerSDK>.StreamLayerSDKTheme .i1xmyxez .c1itm4k7{padding:0 16px}}.StreamLayerSDK>.StreamLayerSDKTheme .i1chxfpe{background:#fff;border-radius:8px;bottom:8px;position:sticky}.StreamLayerSDK>.StreamLayerSDKTheme .i1chxfpe:after{background:#fff;bottom:-8px;content:"";display:block;height:16px;position:absolute;width:100%;z-index:-1}.StreamLayerSDK>.StreamLayerSDKTheme .oar61gl{animation-name:containerShowInWithTranslate;background:var(--color-neutrals-white);bottom:0;left:50%;max-width:var(--max-width);position:absolute;top:var(--header-height);transform:translate(-50%);width:100%;z-index:3}@keyframes containerShowInWithTranslate{0%{opacity:0;transform:translate(-50%) scale(0)}80%{opacity:0;transform:translate(-50%) scale(.9)}85%{transform:translate(-50%) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}@media only screen and (max-width:1214px){.StreamLayerSDK>.StreamLayerSDKTheme .oar61gl{height:100%;top:0;width:100%;z-index:100}}.StreamLayerSDK>.StreamLayerSDKTheme .u14zaal4{-webkit-align-items:center;background:var(--color-transparent-item);display:flex;height:100%;width:100%;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;flex-direction:column;justify-content:flex-start}.StreamLayerSDK>.StreamLayerSDKTheme .u14zaal4>div{width:100%}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@streamlayer/react",
3
- "version": "0.40.2",
3
+ "version": "0.40.3",
4
4
  "type": "module",
5
5
  "author": "StreamLayer, Inc (https://streamlayer.io)",
6
6
  "maintainers": [
@@ -73,19 +73,19 @@
73
73
  }
74
74
  ],
75
75
  "dependencies": {
76
- "@streamlayer/feature-gamification": "^0.37.4",
77
- "@streamlayer/sdk-web": "^0.32.2",
78
- "@streamlayer/sdk-web-api": "^0.22.0",
79
- "@streamlayer/sdk-web-core": "^0.21.2",
80
- "@streamlayer/sdk-web-features": "^0.11.22",
81
- "@streamlayer/sdk-web-interfaces": "^0.20.5",
82
- "@streamlayer/sdk-web-logger": "^0.5.16",
83
- "@streamlayer/sdk-web-notifications": "^0.14.1",
84
- "@streamlayer/sdk-web-storage": "^0.4.3",
85
- "@streamlayer/sdk-web-types": "^0.22.3"
76
+ "@streamlayer/feature-gamification": "^0.38.0",
77
+ "@streamlayer/sdk-web": "^0.32.3",
78
+ "@streamlayer/sdk-web-api": "^0.23.0",
79
+ "@streamlayer/sdk-web-core": "^0.21.3",
80
+ "@streamlayer/sdk-web-features": "^0.11.23",
81
+ "@streamlayer/sdk-web-interfaces": "^0.20.6",
82
+ "@streamlayer/sdk-web-logger": "^0.5.17",
83
+ "@streamlayer/sdk-web-notifications": "^0.14.2",
84
+ "@streamlayer/sdk-web-storage": "^0.4.4",
85
+ "@streamlayer/sdk-web-types": "^0.22.4"
86
86
  },
87
87
  "peerDependencies": {
88
- "@bufbuild/protobuf": "^1.6.0",
88
+ "@bufbuild/protobuf": "^1.7.2",
89
89
  "@connectrpc/connect": "^1.3.0",
90
90
  "@connectrpc/connect-web": "^1.3.0",
91
91
  "@fastify/deepmerge": "*",
@@ -139,7 +139,7 @@
139
139
  "size-limit": "^11.0.2",
140
140
  "url-loader": "^4.1.1",
141
141
  "vite-plugin-dts": "^3.7.2",
142
- "@streamlayer/react-ui": "^0.96.2"
142
+ "@streamlayer/react-ui": "^0.96.3"
143
143
  },
144
144
  "scripts": {
145
145
  "size-limit": "size-limit"
package/lib/dist/cjs/gamification-feature.js DELETED
@@ -1 +0,0 @@
1
- "use strict";var ye=Object.defineProperty;var ve=(t,e,o)=>e in t?ye(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o;var F=(t,e,o)=>(ve(t,typeof e!="symbol"?e+"":e,o),o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("./masters.js"),p=require("react"),xe=s.styled_default("div")({name:"Container",class:"c1vwopgc",propsAsIs:!1}),Ie=s.styled_default("div")({name:"QuestionTypeWrap",class:"qyktpt0",propsAsIs:!1}),je=()=>s.c1,Ce=s.styled_default(je())({name:"QuestionTypeIcon",class:"q951jdx",propsAsIs:!0}),ge=s.styled_default("span")({name:"QuestionTypeTitle",class:"qss5f0e",propsAsIs:!1}),Ae=s.styled_default("div")({name:"CloseIconWrap",class:"c1ao1jtv",propsAsIs:!1}),Te=()=>s.c1,be=s.styled_default(Te())({name:"CloseIcon",class:"cvsl7l3",propsAsIs:!0}),ne=({type:t,close:e,label:o})=>{const i=t?s.o[t]:{label:o,iconName:void 0};return n.jsxs(xe,{children:[n.jsxs(Ie,{children:[(i==null?void 0:i.iconName)&&n.jsx(Ce,{"data-type-trivia":t===s.QuestionType.TRIVIA,"data-type-poll":t===s.QuestionType.POLL,name:i.iconName}),(i==null?void 0:i.label)&&n.jsx(ge,{children:i.label})]}),n.jsx(Ae,{onClick:e,children:n.jsx(be,{name:"icon-cross"})})]})},$e=s.styled_default("div")({name:"Container",class:"c1zy8a",propsAsIs:!1}),we=s.styled_default("div")({name:"Title",class:"t1vih9p5",propsAsIs:!1}),_e=s.styled_default("div")({name:"Indicator",class:"i1fbnvpb",propsAsIs:!1}),Y=({indicator:t,title:e})=>n.jsxs($e,{children:[n.jsx(we,{children:e}),n.jsx(_e,{children:t})]}),Se=s.styled_default("div")({name:"Container",class:"ctmhwyc",propsAsIs:!1}),Re=s.styled_default("div")({name:"Indicator",class:"i1jri200",propsAsIs:!1}),ke=s.styled_default("div")({name:"Title",class:"t8s05oq",propsAsIs:!1}),q=({indicator:t,title:e})=>n.jsxs(Se,{children:[n.jsx(Re,{children:t}),n.jsx(ke,{children:e})]}),Ee=s.styled_default("div")({name:"Container",class:"c1yrpn9o",propsAsIs:!1}),Le=s.styled_default("div")({name:"TopInfo",class:"t17fwahh",propsAsIs:!1}),Pe=s.styled_default("div")({name:"BottomInfo",class:"by6w7e9",propsAsIs:!1}),Qe=s.styled_default("div")({name:"User",class:"u1g7arbm",propsAsIs:!1}),qe=s.styled_default("img")({name:"Avatar",class:"a1ldeata",propsAsIs:!1}),Ne=s.styled_default("div")({name:"UserInfo",class:"u10d4koz",propsAsIs:!1}),De=s.styled_default("div")({name:"UserName",class:"u1q6roj0",propsAsIs:!1}),Oe=s.styled_default("div")({name:"UserRating",class:"ui0m425",propsAsIs:!1}),Ve=s.styled_default("img")({name:"TrophyIcon",class:"t1el3mrn",propsAsIs:!1}),Me=s.styled_default("div")({name:"Rts",class:"r2vgnxv",propsAsIs:!1}),Ue=s.styled_default("div")({name:"RtsIndicator",class:"roqn06j",propsAsIs:!1}),Fe=s.styled_default("div")({name:"RtsLabel",class:"r15adx7c",propsAsIs:!1}),Be=s.styled_default("div")({name:"Divider",class:"dv59lta",propsAsIs:!1}),We=s.styled_default("div")({name:"Ranks",class:"r55lotb",propsAsIs:!1}),ze=s.styled_default("div")({name:"Statistics",class:"s1knfgqt",propsAsIs:!1}),He=s.styled_default("div")({name:"AvatarPlaceholder",class:"a1mqo824",propsAsIs:!1}),Ye=s.styled_default("button")({name:"UserAccountBtn",class:"uxareh6",propsAsIs:!1}),Ze="data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Trophy'%3e%3cpath%20id='Combined%20Shape'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.69197%204.66662C3.69197%205.99705%203.92914%207.17787%204.4035%208.20912C3.49966%208.02451%202.74487%207.66486%202.1391%207.13014C1.53333%206.59542%201.23046%206.0798%201.23046%205.58328V4.66662H3.69197ZM14.7686%204.66662V5.58328C14.7686%206.0798%2014.4658%206.59542%2013.86%207.13014C13.2542%207.66486%2012.4994%208.02451%2011.5956%208.20912C12.0699%207.17787%2012.3071%205.99705%2012.3071%204.66662H14.7686ZM15.9998%205.58329V4.36108C15.9998%204.10645%2015.9101%203.89002%2015.7306%203.71178C15.5511%203.53354%2015.3332%203.44442%2015.0768%203.44442H12.3076V2.52776C12.3076%202.10763%2012.1569%201.74797%2011.8556%201.44878C11.5544%201.14959%2011.1922%201%2010.7691%201H5.23072C4.80764%201%204.44547%201.14959%204.14419%201.44878C3.84291%201.74797%203.69227%202.10763%203.69227%202.52776V3.44442H0.923068C0.666659%203.44442%200.448714%203.53354%200.269228%203.71178C0.0897418%203.89002%200%204.10645%200%204.36108V5.58329C0%206.03525%200.13301%206.49039%200.399034%206.94872C0.665059%207.40705%201.02403%207.82082%201.47595%208.19003C1.92787%208.55924%202.48234%208.86957%203.13939%209.12101C3.79644%209.37246%204.48713%209.51409%205.21149%209.54592C5.48071%209.88967%205.7852%2010.192%206.12494%2010.453C6.36853%2010.6695%206.53679%2010.9002%206.62974%2011.1453C6.72269%2011.3904%206.76916%2011.6752%206.76916%2011.9999C6.76916%2012.3436%206.67141%2012.6333%206.4759%2012.8688C6.28038%2013.1043%205.96789%2013.2221%205.53841%2013.2221C5.05764%2013.2221%204.62976%2013.3669%204.25476%2013.6566C3.87977%2013.9462%203.69227%2014.3106%203.69227%2014.7499V15.361C3.69227%2015.4501%203.72112%2015.5233%203.77881%2015.5806C3.8365%2015.6379%203.91022%2015.6665%203.99996%2015.6665H11.9999C12.0896%2015.6665%2012.1633%2015.6379%2012.221%2015.5806C12.2787%2015.5233%2012.3076%2015.4501%2012.3076%2015.361V14.7499C12.3076%2014.3106%2012.1201%2013.9462%2011.7451%2013.6566C11.3701%2013.3669%2010.9422%2013.2221%2010.4614%2013.2221C10.0319%2013.2221%209.71945%2013.1043%209.52394%2012.8688C9.32843%2012.6333%209.23068%2012.3436%209.23068%2011.9999C9.23068%2011.6752%209.27715%2011.3904%209.3701%2011.1453C9.46305%2010.9002%209.63131%2010.6695%209.8749%2010.453C10.2146%2010.192%2010.5191%209.88967%2010.7884%209.54592C11.5127%209.51409%2012.2034%209.37246%2012.8604%209.12101C13.5175%208.86957%2014.072%208.55924%2014.5239%208.19003C14.9758%207.82082%2015.3348%207.40705%2015.6008%206.94872C15.8668%206.49039%2015.9998%206.03525%2015.9998%205.58329ZM6.76047%207.1798L8.05109%206.49997L9.3417%207.1798L9.09521%205.73989L10.1393%204.72015L8.69639%204.51007L8.05109%203.2L7.40578%204.51007L5.96283%204.72015L7.00696%205.73989L6.76047%207.1798Z'%20fill='%23F2C94C'/%3e%3c/g%3e%3c/svg%3e",oe=({avatar:t,name:e,points:o,friendsRank:i,rank:r,streak:d,correct:a,incorrect:l,inTop:c,successRate:u})=>n.jsxs(Ee,{children:[n.jsx(Le,{children:n.jsxs(Qe,{children:[n.jsxs(Ye,{children:[t&&n.jsx(qe,{alt:"avatar",src:t}),!t&&n.jsx(He,{children:s.I(e||"")})]}),n.jsxs(Ne,{children:[n.jsx(De,{children:e}),n.jsxs(Oe,{children:[n.jsxs(Me,{children:[n.jsx(Ve,{alt:"rank-icon",src:Ze}),n.jsxs(Ue,{children:[s.s(o),n.jsx(Fe,{children:"PTS"})]})]}),n.jsx(Be,{}),n.jsxs("div",{children:["TOP ",c||0,"%"]})]})]})]})}),n.jsxs(Pe,{children:[n.jsxs(We,{children:[n.jsx(Y,{indicator:i||0,title:"Friends rank"}),n.jsx(Y,{indicator:r||0,title:"Global rank"})]}),n.jsxs(ze,{children:[n.jsx(q,{indicator:d||0,title:"Win streak"}),n.jsx(q,{indicator:a||0,title:"Correct"}),n.jsx(q,{indicator:l||0,title:"Incorrect"}),n.jsx(q,{indicator:`${u||0}%`,title:"Succ. rate"})]})]})]}),Ge=s.styled_default("div")({name:"SponsorLogoWrap",class:"s8p5v5z",propsAsIs:!1}),Je=()=>s.c1,Ke=s.styled_default(Je())({name:"SponsorLogo",class:"s755yti",propsAsIs:!0}),Xe=()=>n.jsx(Ge,{children:n.jsx(Ke,{name:"mastersLogo"})}),es=s.styled_default("div")({name:"Container",class:"c38csyt",propsAsIs:!1}),ss=s.styled_default("div")({name:"Title",class:"ty221rx",propsAsIs:!1}),ts=s.styled_default("div")({name:"Description",class:"dlaj9xp",propsAsIs:!1}),ns=({title:t,description:e})=>n.jsxs(es,{children:[n.jsx(s.c1,{name:"icon-check-circle"}),n.jsx(ss,{children:t}),n.jsx(ts,{children:e})]}),os=s.styled_default("div")({name:"Container",class:"c16sbdnm",propsAsIs:!1}),is=()=>s.c1,rs=s.styled_default(is())({name:"IconPrediction",class:"ibhorgl",propsAsIs:!0}),Q=s.styled_default("div")({name:"FeedbackIconWrap",class:"f1g20ja7",propsAsIs:!1}),N=s.styled_default("div")({name:"FeedbackHeader",class:"f455ozj",propsAsIs:!1}),as=s.styled_default("span")({name:"FeedbackTitle",class:"f1913njx",propsAsIs:!1}),L=s.styled_default("span")({name:"FeedbackDescription",class:"fzfk69z",propsAsIs:!1}),B=s.styled_default("div")({name:"FeedbackText",class:"fx87qaj",propsAsIs:!1}),ls=({feedbackMessages:t,questionVotedCorrectly:e,questionVoted:o,questionType:i,hasCorrectAnswer:r,questionStatus:d,showExpiredNotification:a,showClosedNotificationTrivia:l,votedInCurrentRender:c,votedAfterQuestionClosed:u,enteredAnActiveQuestion:h,marketClosed:f})=>{const m=o&&(i===s.QuestionType.TRIVIA||i===s.QuestionType.PREDICTION)&&c&&d!==s.QuestionStatus.RESOLVED,y=i===s.QuestionType.PREDICTION&&!r,C=f&&i===s.QuestionType.PREDICTION&&!o&&!h||i===s.QuestionType.PREDICTION&&u&&c&&h,j=m&&y,x=m&&r,v=i===s.QuestionType.PREDICTION&&o&&c&&r,A=o&&i===s.QuestionType.POLL&&c;if(!a&&!l&&!j&&!x&&!C&&!A&&!v)return null;const g=e?"correct":"incorrect",T=e?t==null?void 0:t.correctFeedback:t==null?void 0:t.incorrectFeedback;return n.jsxs(os,{"data-isPrediction":y,children:[a&&n.jsxs(n.Fragment,{children:[n.jsx(Q,{children:n.jsx(s.c1,{name:"questionExpired"})}),n.jsxs("div",{children:[n.jsx(N,{children:n.jsx(L,{children:"Question Expired"})}),n.jsx(B,{children:"You can still answer to see if you're correct, but no points are awarded for expired questions."})]})]}),l&&n.jsxs(n.Fragment,{children:[n.jsx(Q,{children:n.jsx(s.c1,{name:"questionExpired"})}),n.jsxs("div",{children:[n.jsx(N,{children:n.jsx(L,{children:"Question Closed"})}),n.jsx(B,{children:"This question was answered after the moderator closed the question. So the points for this answer won’t tally."})]})]}),C&&n.jsxs(n.Fragment,{children:[n.jsx(Q,{children:n.jsx(s.c1,{name:"questionExpired"})}),n.jsxs("div",{children:[n.jsx(N,{children:n.jsx(L,{children:"Question Closed"})}),n.jsx(B,{children:"This event has already taken place, so the ability to make a prediction on its outcome is no longer available."})]})]}),j&&n.jsxs(n.Fragment,{children:[n.jsx(rs,{name:"icon-prediction"}),n.jsx(L,{children:"Stay tuned to see if your prediction was correct."})]}),A&&n.jsxs(n.Fragment,{children:[n.jsx(Q,{"data-feedback-type":"correct",children:n.jsx(s.c1,{name:"correct"})}),n.jsx(L,{children:"Thanks for answering. Please stay tuned for the next question."})]}),(x||v)&&n.jsxs(n.Fragment,{children:[n.jsx(Q,{"data-feedback-type":g,children:n.jsx(s.c1,{name:g})}),n.jsx("div",{children:n.jsxs(N,{children:[n.jsx(as,{"data-feedback-type":g,children:T==null?void 0:T.title}),n.jsx(L,{children:T==null?void 0:T.description})]})})]})]})},ds=s.styled_default("div")({name:"Container",class:"c14ielyq",propsAsIs:!1}),cs=()=>s.c,us=s.styled_default(cs())({name:"QuestionScrollContainer",class:"q1tlqx57",propsAsIs:!0}),ps=s.styled_default("div")({name:"Content",class:"c1hq58md",propsAsIs:!1}),hs=s.styled_default("div")({name:"Title",class:"t1c8nxcx",propsAsIs:!1}),ms=s.styled_default("div")({name:"Options",class:"oiozuc3",propsAsIs:!1}),fs=s.styled_default("button")({name:"ButtonContainer",class:"b1b6dl8t",propsAsIs:!1}),ys=s.styled_default("div")({name:"ButtonPct",class:"b4iik8i",propsAsIs:!1}),vs=s.styled_default("span")({name:"ButtonBody",class:"b1gq1lnf",propsAsIs:!1}),xs=s.styled_default("div")({name:"IconContainer",class:"i1j65z51",propsAsIs:!1}),Is=s.styled_default("div")({name:"IconWrap",class:"i19tpfua",propsAsIs:!1}),ie=s.styled_default("img")({name:"Icon",class:"i1tubmma",propsAsIs:!1}),js=()=>ie,Cs=s.styled_default(js())({name:"IconDefault",class:"i1grrgwj",propsAsIs:!0}),gs=()=>ie,As=s.styled_default(gs())({name:"IconCircle",class:"ibemyq8",propsAsIs:!0}),Ts=s.styled_default("span")({name:"Title",class:"t1dceht",propsAsIs:!1}),bs=s.styled_default("span")({name:"Indicators",class:"i116q4vq",propsAsIs:!1}),$s=s.styled_default("span")({name:"Pts",class:"p17ajcu2",propsAsIs:!1}),ws=s.styled_default("span")({name:"Percentage",class:"pu9kmlb",propsAsIs:!1}),_s=()=>s.c1,Ss=s.styled_default(_s())({name:"CheckIcon",class:"c1j2j0s0",propsAsIs:!0}),Z={[s.QuestionImages.CENTERED]:t=>n.jsx(Cs,{alt:"option-icon",src:t}),[s.QuestionImages.TRANSPARENT]:t=>n.jsx(xs,{children:n.jsx(Is,{style:{backgroundImage:`url(${t})`}})}),[s.QuestionImages.ROUNDED]:t=>n.jsx(As,{alt:"option-icon",src:t}),[s.QuestionImages.NONE]:()=>null,[s.QuestionImages.UNSET]:()=>null},Rs=({questionType:t,hasCorrectAnswer:e,correct:o,youVoted:i,questionVoted:r})=>{if(t===s.QuestionType.POLL&&i)return"correct";if(t===s.QuestionType.PREDICTION){if(e&&r)return i?o?"correct":"incorrect":"unset";if(i)return"correct"}return t===s.QuestionType.TRIVIA&&r&&i?o?"correct":"incorrect":"unset"},ks=({questionType:t,questionVoted:e,correct:o,hasCorrectAnswer:i,questionStatus:r})=>t===s.QuestionType.TRIVIA?e&&o:t===s.QuestionType.PREDICTION?e&&o&&i||r===s.QuestionStatus.RESOLVED&&o:!1,Es=t=>{var e;const{id:o,icon:i,text:r,percentageDecimal:d,points:a,onVote:l,markThatVoted:c,youSelected:u,questionVoted:h,imageMode:f,answerTimeExpired:m,questionStatus:y,isLoading:C,questionType:j,correct:x,hasCorrectAnswer:v,votedAfterQuestionClosed:A,enteredAnActiveQuestion:g,marketClosed:T}=t,[S,k]=p.useState(d),R=Rs(t),V=ks({questionType:j,questionVoted:h,correct:x,hasCorrectAnswer:v,questionStatus:y}),I=T&&j===s.QuestionType.PREDICTION,b=h||I,$=j===s.QuestionType.PREDICTION&&!h&&!T,M=h&&!u&&R!=="incorrect";return p.useLayoutEffect(()=>{d>0&&(k(0),requestAnimationFrame(()=>{k(d)}))},[d]),n.jsxs(fs,{value:o,"data-selected":u,"data-answer-state":R,disabled:h||C||m||I&&!g||I&&g&&A,"data-is-not-checked":M,onClick:U=>{c(j===s.QuestionType.PREDICTION?T:y===s.QuestionStatus.RESOLVED),l(U)},children:[n.jsx(ys,{"data-answer-state":R,style:{width:`${b?S:0}%`}}),n.jsxs(vs,{children:[i&&f&&((e=Z[f])==null?void 0:e.call(Z,i)),n.jsx(Ts,{children:r}),$&&n.jsxs("div",{children:[a,n.jsx($s,{children:"pts"})]}),b&&n.jsxs(bs,{children:[V&&n.jsx(Ss,{name:"selected"}),n.jsx(ws,{children:n.jsx(s.d,{value:d,suffix:"%"})})]})]})]})};var G=typeof window>"u"?p.useEffect:p.useLayoutEffect,Ls=({isPlaying:t,duration:e,startAt:o=0,updateInterval:i=0,onComplete:r,onUpdate:d})=>{let[a,l]=p.useState(o),c=p.useRef(0),u=p.useRef(o),h=p.useRef(o*-1e3),f=p.useRef(null),m=p.useRef(null),y=p.useRef(null),C=v=>{let A=v/1e3;if(m.current===null){m.current=A,f.current=requestAnimationFrame(C);return}let g=A-m.current,T=c.current+g;m.current=A,c.current=T;let S=u.current+(i===0?T:(T/i|0)*i),k=u.current+T,R=typeof e=="number"&&k>=e;l(R?e:S),R||(f.current=requestAnimationFrame(C))},j=()=>{f.current&&cancelAnimationFrame(f.current),y.current&&clearTimeout(y.current),m.current=null},x=p.useCallback(v=>{j(),c.current=0;let A=typeof v=="number"?v:o;u.current=A,l(A),t&&(f.current=requestAnimationFrame(C))},[t,o]);return G(()=>{if(d==null||d(a),e&&a>=e){h.current+=e*1e3;let{shouldRepeat:v=!1,delay:A=0,newStartAt:g}=(r==null?void 0:r(h.current/1e3))||{};v&&(y.current=setTimeout(()=>x(g),A*1e3))}},[a,e]),G(()=>(t&&(f.current=requestAnimationFrame(C)),j),[t,e,i]),{elapsedTime:a,reset:x}},Ps=(t,e,o)=>{let i=t/2,r=e/2,d=i-r,a=2*d,l=o==="clockwise"?"1,0":"0,1",c=2*Math.PI*d;return{path:`m ${i},${r} a ${d},${d} 0 ${l} 0,${a} a ${d},${d} 0 ${l} 0,-${a}`,pathLength:c}},J=(t,e)=>t===0||t===e?0:typeof e=="number"?t-e:0,Qs=t=>({position:"relative",width:t,height:t}),qs={display:"flex",justifyContent:"center",alignItems:"center",position:"absolute",left:0,top:0,width:"100%",height:"100%"},re=(t,e,o,i,r)=>{if(i===0)return e;let d=(r?i-t:t)/i;return e+o*d},K=t=>{var e,o;return(o=(e=t.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(i,r,d,a)=>`#${r}${r}${d}${d}${a}${a}`).substring(1).match(/.{2}/g))==null?void 0:e.map(i=>parseInt(i,16)))!=null?o:[]},Ns=(t,e)=>{var o;let{colors:i,colorsTime:r,isSmoothColorTransition:d=!0}=t;if(typeof i=="string")return i;let a=(o=r==null?void 0:r.findIndex((m,y)=>m>=e&&e>=r[y+1]))!=null?o:-1;if(!r||a===-1)return i[0];if(!d)return i[a];let l=r[a]-e,c=r[a]-r[a+1],u=K(i[a]),h=K(i[a+1]),f=!!t.isGrowing;return`rgb(${u.map((m,y)=>re(l,m,h[y]-m,c,f)|0).join(",")})`},Ds=t=>{let{duration:e,initialRemainingTime:o,updateInterval:i,size:r=180,strokeWidth:d=12,trailStrokeWidth:a,isPlaying:l=!1,isGrowing:c=!1,rotation:u="clockwise",onComplete:h,onUpdate:f}=t,m=p.useRef(),y=Math.max(d,a??0),{path:C,pathLength:j}=Ps(r,y,u),{elapsedTime:x}=Ls({isPlaying:l,duration:e,startAt:J(e,o),updateInterval:i,onUpdate:typeof f=="function"?A=>{let g=Math.ceil(e-A);g!==m.current&&(m.current=g,f(g))}:void 0,onComplete:typeof h=="function"?A=>{var g;let{shouldRepeat:T,delay:S,newInitialRemainingTime:k}=(g=h(A))!=null?g:{};if(T)return{shouldRepeat:T,delay:S,newStartAt:J(e,k)}}:void 0}),v=e-x;return{elapsedTime:x,path:C,pathLength:j,remainingTime:Math.ceil(v),rotation:u,size:r,stroke:Ns(t,v),strokeDashoffset:re(x,0,j,e,c),strokeWidth:d}},ae=t=>{let{children:e,strokeLinecap:o,trailColor:i,trailStrokeWidth:r}=t,{path:d,pathLength:a,stroke:l,strokeDashoffset:c,remainingTime:u,elapsedTime:h,size:f,strokeWidth:m}=Ds(t);return p.createElement("div",{style:Qs(f)},p.createElement("svg",{viewBox:`0 0 ${f} ${f}`,width:f,height:f,xmlns:"http://www.w3.org/2000/svg"},p.createElement("path",{d,fill:"none",stroke:i??"#d9d9d9",strokeWidth:r??m}),p.createElement("path",{d,fill:"none",stroke:l,strokeLinecap:o??"round",strokeWidth:m,strokeDasharray:a,strokeDashoffset:c})),typeof e=="function"&&p.createElement("div",{style:qs},e({remainingTime:u,elapsedTime:h,color:l})))};ae.displayName="CountdownCircleTimer";const Os=[s.E.PRIMARY_GREEN1,s.E.SECONDARY_RED1,s.E.SECONDARY_RED1,s.E.NEUTRALS_GRAY3],Vs=[10,10,1,0],Ms=s.styled_default("div")({name:"RemainingTime",class:"r165427",propsAsIs:!1}),Us=s.E.SECONDARY_GREEN6,X=s.E.SECONDARY_RED3,Fs=s.E.NEUTRALS_GRAY3,Bs=({isPlaying:t=!0,duration:e=30,onTimerExpired:o})=>{const[i,r]=p.useState(e>10?Us:X),d=({remainingTime:c})=>n.jsx(Ms,{children:c}),a=p.useCallback(()=>{o==null||o(),r(Fs)},[o,r]),l=p.useCallback(c=>{c===10&&r(X)},[r]);return n.jsx(ae,{isPlaying:t,duration:e,colors:Os,colorsTime:Vs,size:32,strokeWidth:2,trailStrokeWidth:2,trailColor:i,onComplete:a,onUpdate:l,children:d})},Ws=s.styled_default("div")({name:"WinBarContainer",class:"wie6cqo",propsAsIs:!1}),zs=s.styled_default("div")({name:"Content",class:"cgizw4u",propsAsIs:!1}),Hs=s.styled_default("div")({name:"Title",class:"t1l3ucjp",propsAsIs:!1}),Ys=()=>s.c1,Zs=s.styled_default(Ys())({name:"WinIcon",class:"wx7j799",propsAsIs:!0}),Gs=s.styled_default("div")({name:"Points",class:"p4lwuj0",propsAsIs:!1}),Js=s.styled_default("span")({name:"PointsCount",class:"po9i64o",propsAsIs:!1}),Ks=s.styled_default("span")({name:"PointsUnits",class:"pe5g05h",propsAsIs:!1}),Xs=({title:t,points:e,isPlayingTimer:o,isTimer:i,animatePoints:r,questionType:d,timerDuration:a,onTimerExpired:l})=>n.jsxs(Ws,{style:{justifyContent:d===s.QuestionType.PREDICTION?"center":"space-between"},children:[n.jsxs(zs,{children:[t&&n.jsx(Hs,{children:t}),e!==void 0&&d!==s.QuestionType.POLL&&n.jsxs(n.Fragment,{children:[n.jsx(Zs,{name:"icon-trophy"}),n.jsxs(Gs,{children:[n.jsx(Js,{children:r?n.jsx(s.d,{value:e,delay:.3}):e}),n.jsx(Ks,{children:"PTS"})]})]})]}),i&&d!==s.QuestionType.PREDICTION&&n.jsx(Bs,{isPlaying:o,onTimerExpired:l,duration:a})]}),et=({openedQuestion:t,isLoading:e,vote:o,close:i})=>{var r,d;const a=t.subject,l=t.type,c=t.status,u=(r=t.options)==null?void 0:r.options,h=t.marketClosed,[f,m]=p.useState(!1),[y,C]=p.useState(!1),[j,x]=p.useState(!0),[v,A]=p.useState(!1),[g,T]=p.useState(""),S=t==null?void 0:t.id;p.useEffect(()=>{l===s.QuestionType.PREDICTION?h&&x(!1):c===s.QuestionStatus.RESOLVED&&x(!1)},[]);const k=p.useCallback(w=>{C(w),m(!0)},[]),R=p.useCallback(async w=>{if(S){const P=w.currentTarget.value;T(P),await o(S,P)}},[S,T,o]),V=p.useCallback(()=>{A(!0),setTimeout(i,3e3)},[i]),I=p.useMemo(()=>t==null?void 0:t.answers.find(w=>w.youVoted===!0),[t]),b=p.useMemo(()=>!!(t!=null&&t.answers.find(w=>w.correct===!0)),[t]),$=p.useMemo(()=>t==null?void 0:t.answers.find(w=>w.correct===!0),[t]),M=p.useMemo(()=>t?t.answers.map(w=>{var P;return{...w,questionVoted:!!I,youSelected:g===w.id,isLoading:e,hasCorrectAnswer:b,questionType:t.type,answerTimeExpired:v,questionStatus:c,imageMode:(P=t.appearance)==null?void 0:P.images,onVote:R}}):[],[b,v,e,t,I,c,R,g]),U=u&&(u.case==="trivia"||u.case==="prediction")?u.value:void 0,E=c===s.QuestionStatus.RESOLVED&&l===s.QuestionType.TRIVIA&&!I&&!j,z=l===s.QuestionType.TRIVIA&&y&&f&&j,H=p.useMemo(()=>l===s.QuestionType.PREDICTION?!!(I&&!b||I&&b&&$!=null&&$.youVoted):!0,[l,I,b,$]),pe=p.useMemo(()=>{if(l===s.QuestionType.PREDICTION&&I&&(!b||b&&$!=null&&$.youVoted))return I.points;if(!(E||v))return c===s.QuestionStatus.RESOLVED?0:I?I.correct?I.points:0:$==null?void 0:$.points},[v,I,$,c,E,l,b]),he=p.useMemo(()=>l===s.QuestionType.PREDICTION&&I?b?b&&$!=null&&$.youVoted?"You won":"":"To win":E||v?"Time expired":l===s.QuestionType.POLL?"Time remaining":I?"You won":"To win",[v,l,I,E,b,$]),me=(l===s.QuestionType.TRIVIA||l===s.QuestionType.PREDICTION)&&I&&b&&($==null?void 0:$.youVoted),fe=I||E||z||l===s.QuestionType.TRIVIA&&c===s.QuestionStatus.RESOLVED&&j;return n.jsx(us,{children:n.jsx(ds,{children:n.jsxs(ps,{children:[n.jsx(ls,{feedbackMessages:U,questionVoted:!!I,questionVotedCorrectly:I==null?void 0:I.correct,questionType:l,hasCorrectAnswer:b,questionStatus:c,showExpiredNotification:E,showClosedNotificationTrivia:z,votedInCurrentRender:f,votedAfterQuestionClosed:y,enteredAnActiveQuestion:j,marketClosed:h}),H&&n.jsx(Xs,{title:he,points:pe,onTimerExpired:V,questionType:t.type,isTimer:!e,isPlayingTimer:!I,animatePoints:me,timerDuration:fe?0:Number(((d=t==null?void 0:t.appearance)==null?void 0:d.autoHideInterval)||"30")}),v?n.jsx(ns,{title:"More to come...",description:"Watch for additional enhanced stream interactive experience."}):n.jsxs(n.Fragment,{children:[n.jsx(hs,{style:H?{}:{marginTop:0},children:a}),n.jsx(ms,{children:M.map(w=>n.jsx(Es,{...w,markThatVoted:k,votedAfterQuestionClosed:y,enteredAnActiveQuestion:j,marketClosed:h},w.id))})]})]})})})},st=s.styled_default("div")({name:"Container",class:"cgn5uen",propsAsIs:!1}),tt=s.styled_default("div")({name:"Content",class:"c1px8nt6",propsAsIs:!1}),nt=s.styled_default("h3")({name:"Title",class:"t5et2jt",propsAsIs:!1}),ot=s.styled_default("div")({name:"Description",class:"d1i2kpk2",propsAsIs:!1}),it=s.styled_default("img")({name:"Image",class:"id3lh3p",propsAsIs:!1}),rt=s.styled_default("div")({name:"ImageContainer",class:"i1gfjeu5",propsAsIs:!1}),le=({imageMode:t,instantView:e,isDetail:o,notification:i,controlVideo:r})=>{const d=e==null?void 0:e.heading,a=e==null?void 0:e.body,l=d||a,c=i==null?void 0:i.title,u=i==null?void 0:i.body;return n.jsxs(st,{children:[(e==null?void 0:e.video)&&n.jsx(s.z,{source:e.video.url,poster:e.video.thumbnailUrl,controlVideo:r}),(e==null?void 0:e.image)&&!(e!=null&&e.video)&&n.jsx(rt,{"data-rounded":t===s.QuestionImages.ROUNDED,children:n.jsx(it,{src:e==null?void 0:e.image})}),n.jsxs(tt,{children:[n.jsx(nt,{children:o&&l?d:c}),n.jsx(ot,{children:o&&l?a:u})]})]})},at=s.styled_default("div")({name:"Container",class:"c1euiow",propsAsIs:!1}),lt=s.styled_default("a")({name:"WebLinkBtn",class:"w19zie3h",propsAsIs:!1}),dt=({instantView:t,...e})=>n.jsxs(at,{children:[n.jsx(le,{instantView:t,...e,isDetail:!0}),(t==null?void 0:t.webLink)&&n.jsxs(lt,{href:t==null?void 0:t.webLink.url,target:"_blank",children:[t==null?void 0:t.webLink.label,n.jsx(s.c1,{name:"icon-external-link"})]})]}),ct=s.styled_default("div")({name:"Container",class:"c1dcxmvf",propsAsIs:!1}),ut=s.styled_default("blockquote")({name:"Quote",class:"qb4q22c",propsAsIs:!1}),pt=t=>n.jsxs(ct,{children:[t.title&&n.jsx(ut,{children:t.title}),n.jsx(s.J,{...t,isDetail:!0})]}),ht=s.styled_default("div")({name:"QuestionContainer",class:"qdri6g3",propsAsIs:!1}),mt=({openedQuestion:t})=>{var e,o;const{sdk:i}=s.n();return((e=t==null?void 0:t.attributes)==null?void 0:e.attributes.case)==="insight"?n.jsx(dt,{...t.attributes.attributes.value,controlVideo:i==null?void 0:i.controlVideoPlayer}):((o=t==null?void 0:t.attributes)==null?void 0:o.attributes.case)==="tweet"?n.jsx(pt,{...t.attributes.attributes.value,controlVideo:i==null?void 0:i.controlVideoPlayer}):null},ft=({extendedQuestion:t,vote:e,close:o})=>{const{loading:i,data:r}=t;return r?n.jsx(et,{vote:e,close:o,openedQuestion:r,isLoading:!!i}):null},yt=({gamification:t})=>{var e;const o=s.useStore(t.openedQuestion.$store),i=s.useStore(t.openedQuestion.$extendedStore);if(!o)return null;const r=o.type;return n.jsxs(ht,{children:[n.jsx(ne,{close:t.closeQuestion,type:((e=o.attributes)==null?void 0:e.type)||s.QuestionType.UNSET}),r==="question"&&n.jsx(ft,{vote:t.submitAnswer,close:t.closeQuestion,extendedQuestion:i}),r!=="question"&&n.jsx(mt,{openedQuestion:o}),n.jsx(Xe,{sponsorLogo:""})]})},vt=s.styled_default("div")({name:"Container",class:"c115qtkr",propsAsIs:!1}),xt=s.styled_default("div")({name:"STabs",class:"sxnslc8",propsAsIs:!1}),It=s.styled_default("button")({name:"Button",class:"b1umzux0",propsAsIs:!1}),jt=s.styled_default("span")({name:"Title",class:"tspsaas",propsAsIs:!1});var O=(t=>(t.HOME="home",t.LEADERBOARD="leaderboard",t))(O||{});const ee=({title:t,active:e,onClick:o})=>n.jsx(It,{onClick:o,"data-selected":e,children:n.jsx(jt,{children:t})}),Ct=({activePage:t="home",toggleActivePage:e})=>n.jsx(vt,{children:n.jsxs(xt,{"data-position":t==="home"?"left":"right",children:[n.jsx(ee,{title:"Home",active:t==="home",onClick:()=>e("home")}),n.jsx(ee,{title:"Friends",active:t==="leaderboard",onClick:()=>e("leaderboard")})]})}),gt=s.styled_default("div")({name:"Container",class:"c1ux29ft",propsAsIs:!1}),At=s.styled_default("img")({name:"FriendsIcon",class:"f10ncfg2",propsAsIs:!1}),Tt=s.styled_default("div")({name:"Content",class:"c1yc07bd",propsAsIs:!1}),bt=s.styled_default("div")({name:"Title",class:"tj6cq7w",propsAsIs:!1}),$t=s.styled_default("div")({name:"Description",class:"d1ag78xo",propsAsIs:!1}),wt=()=>s.c1,_t=s.styled_default(wt())({name:"ArrowInviteIcon",class:"awohrz6",propsAsIs:!0}),St="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20rx='16'%20fill='white'/%3e%3cpath%20d='M10.4615%2012.6875C9.44231%2012.6875%208.61538%2013.4665%208.61538%2014.4266C8.61538%2015.3868%209.44231%2016.1658%2010.4615%2016.1658C11.4808%2016.1658%2012.3077%2015.3868%2012.3077%2014.4266C12.3077%2013.4665%2011.4808%2012.6875%2010.4615%2012.6875ZM10.4615%2016.1658C9.10817%2016.1658%208%2017.2097%208%2018.4846V19.7527C8%2019.7527%208.61538%2020.2237%2010.4615%2020.2237C12.3077%2020.2237%2012.9231%2019.7527%2012.9231%2019.7527V18.4846C12.9231%2017.2097%2011.8149%2016.1658%2010.4615%2016.1658ZM21.5385%2012.6875C20.5192%2012.6875%2019.6923%2013.4665%2019.6923%2014.4266C19.6923%2015.3868%2020.5192%2016.1658%2021.5385%2016.1658C22.5577%2016.1658%2023.3846%2015.3868%2023.3846%2014.4266C23.3846%2013.4665%2022.5577%2012.6875%2021.5385%2012.6875ZM21.5385%2016.1658C20.1851%2016.1658%2019.0769%2017.2097%2019.0769%2018.4846V19.7527C19.0769%2019.7527%2019.6923%2020.2237%2021.5385%2020.2237C23.3846%2020.2237%2024%2019.7527%2024%2019.7527V18.4846C24%2017.2097%2022.8918%2016.1658%2021.5385%2016.1658ZM16%2015.0063C14.9808%2015.0063%2014.1538%2015.7853%2014.1538%2016.7455C14.1538%2017.7056%2014.9808%2018.4846%2016%2018.4846C17.0192%2018.4846%2017.8462%2017.7056%2017.8462%2016.7455C17.8462%2015.7853%2017.0192%2015.0063%2016%2015.0063ZM16%2018.4846C14.6466%2018.4846%2013.5385%2019.5285%2013.5385%2020.8034V22.0715C13.5385%2022.0715%2014.1538%2022.5425%2016%2022.5425C17.8462%2022.5425%2018.4615%2022.0715%2018.4615%2022.0715V20.8034C18.4615%2019.5285%2017.3534%2018.4846%2016%2018.4846Z'%20fill='%23107D57'/%3e%3cpath%20opacity='0.5'%20d='M13.3908%209C12.3103%209%2011.4336%209.82584%2011.4336%2010.8437C11.4336%2011.8616%2012.3103%2012.6875%2013.3908%2012.6875C14.4713%2012.6875%2015.348%2011.8616%2015.348%2010.8437C15.348%209.82584%2014.4713%209%2013.3908%209ZM13.3908%2012.6875C13.1946%2012.6875%2012.9958%2012.6827%2012.7996%2012.7451C13.192%2013.2372%2013.3908%2013.8542%2013.3908%2014.5312C13.3908%2014.7761%2013.3296%2015.0161%2013.3296%2015.261C13.8521%2014.524%2014.6956%2014.0391%2015.6742%2013.9166C15.218%2013.1796%2014.3694%2012.6875%2013.3908%2012.6875ZM18.61%209C17.5295%209%2016.6528%209.82584%2016.6528%2010.8437C16.6528%2011.8616%2017.5295%2012.6875%2018.61%2012.6875C19.6905%2012.6875%2020.5672%2011.8616%2020.5672%2010.8437C20.5672%209.82584%2019.6905%209%2018.61%209ZM18.61%2012.6875C17.6314%2012.6875%2016.7828%2013.1796%2016.3266%2013.9166C17.3052%2014.0391%2018.1487%2014.524%2018.6712%2015.261C18.6712%2015.0161%2018.61%2014.7761%2018.61%2014.5312C18.61%2013.8542%2018.8088%2013.2372%2019.2012%2012.7451C19.005%2012.6827%2018.8062%2012.6875%2018.61%2012.6875Z'%20fill='%23107D57'/%3e%3c/svg%3e",Rt=({title:t,description:e,onClick:o,className:i})=>n.jsxs(gt,{onClick:o,className:i,children:[n.jsx(At,{alt:"friends-icon",src:St}),n.jsxs(Tt,{children:[n.jsx(bt,{children:t}),n.jsx($t,{children:e})]}),n.jsx(_t,{name:"icon-copy"})]});function kt(t){var e=t.lastRenderedStartIndex,o=t.lastRenderedStopIndex,i=t.startIndex,r=t.stopIndex;return!(i>o||r<e)}function Et(t){for(var e=t.isItemLoaded,o=t.itemCount,i=t.minimumBatchSize,r=t.startIndex,d=t.stopIndex,a=[],l=null,c=null,u=r;u<=d;u++){var h=e(u);h?c!==null&&(a.push(l,c),l=c=null):(c=u,l===null&&(l=u))}if(c!==null){for(var f=Math.min(Math.max(c,l+i-1),o-1),m=c+1;m<=f&&!e(m);m++)c=m;a.push(l,c)}if(a.length)for(;a[1]-a[0]+1<i&&a[0]>0;){var y=a[0]-1;if(!e(y))a[0]=y;else break}return a}var Lt=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},Pt=function(){function t(e,o){for(var i=0;i<o.length;i++){var r=o[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(e,o,i){return o&&t(e.prototype,o),i&&t(e,i),e}}(),Qt=function(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},se=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t};(function(t){Qt(e,t);function e(){var o,i,r,d;Lt(this,e);for(var a=arguments.length,l=Array(a),c=0;c<a;c++)l[c]=arguments[c];return d=(i=(r=se(this,(o=e.__proto__||Object.getPrototypeOf(e)).call.apply(o,[this].concat(l))),r),r._lastRenderedStartIndex=-1,r._lastRenderedStopIndex=-1,r._memoizedUnloadedRanges=[],r._onItemsRendered=function(u){var h=u.visibleStartIndex,f=u.visibleStopIndex;r._lastRenderedStartIndex=h,r._lastRenderedStopIndex=f,r._ensureRowsLoaded(h,f)},r._setRef=function(u){r._listRef=u},i),se(r,d)}return Pt(e,[{key:"resetloadMoreItemsCache",value:function(){var i=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;this._memoizedUnloadedRanges=[],i&&this._ensureRowsLoaded(this._lastRenderedStartIndex,this._lastRenderedStopIndex)}},{key:"componentDidMount",value:function(){}},{key:"render",value:function(){var i=this.props.children;return i({onItemsRendered:this._onItemsRendered,ref:this._setRef})}},{key:"_ensureRowsLoaded",value:function(i,r){var d=this.props,a=d.isItemLoaded,l=d.itemCount,c=d.minimumBatchSize,u=c===void 0?10:c,h=d.threshold,f=h===void 0?15:h,m=Et({isItemLoaded:a,itemCount:l,minimumBatchSize:u,startIndex:Math.max(0,i-f),stopIndex:Math.min(l-1,r+f)});(this._memoizedUnloadedRanges.length!==m.length||this._memoizedUnloadedRanges.some(function(y,C){return m[C]!==y}))&&(this._memoizedUnloadedRanges=m,this._loadUnloadedRanges(m))}},{key:"_loadUnloadedRanges",value:function(i){for(var r=this,d=this.props.loadMoreItems||this.props.loadMoreRows,a=function(u){var h=i[u],f=i[u+1],m=d(h,f);m!=null&&m.then(function(){if(kt({lastRenderedStartIndex:r._lastRenderedStartIndex,lastRenderedStopIndex:r._lastRenderedStopIndex,startIndex:h,stopIndex:f})){if(r._listRef==null)return;typeof r._listRef.resetAfterIndex=="function"?r._listRef.resetAfterIndex(h,!0):(typeof r._listRef._getItemStyleCache=="function"&&r._listRef._getItemStyleCache(-1),r._listRef.forceUpdate())}})},l=0;l<i.length;l+=2)a(l)}}]),e})(p.PureComponent);const qt=s.styled_default("div")({name:"Container",class:"culdu4a",propsAsIs:!1}),Nt=s.styled_default("div")({name:"Position",class:"pwf8e69",propsAsIs:!1}),Dt=s.styled_default("img")({name:"Avatar",class:"atf4yh4",propsAsIs:!1}),Ot=s.styled_default("div")({name:"AvatarPlaceholder",class:"a1dg29ja",propsAsIs:!1}),Vt=s.styled_default("div")({name:"Content",class:"c10a68rc",propsAsIs:!1}),Mt=s.styled_default("div")({name:"NameContainer",class:"nc4kck5",propsAsIs:!1}),Ut=s.styled_default("span")({name:"Name",class:"njsrqgr",propsAsIs:!1}),Ft=()=>s.c1,Bt=s.styled_default(Ft())({name:"CurrentUserBadge",class:"c17uc4zr",propsAsIs:!0});var de={exports:{}},Wt="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",zt=Wt,Ht=zt;function ce(){}function ue(){}ue.resetWarningCache=ce;var Yt=function(){function t(i,r,d,a,l,c){if(c!==Ht){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}}t.isRequired=t;function e(){return t}var o={array:t,bigint:t,bool:t,func:t,number:t,object:t,string:t,symbol:t,any:t,arrayOf:e,element:t,elementType:t,instanceOf:e,node:t,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:ue,resetWarningCache:ce};return o.PropTypes=o,o};de.exports=Yt();var Zt=de.exports;const _=s.getDefaultExportFromCjs(Zt);class W extends p.Component{constructor(e){super(e),this.scrollListener=this.scrollListener.bind(this),this.eventListenerOptions=this.eventListenerOptions.bind(this),this.mousewheelListener=this.mousewheelListener.bind(this)}componentDidMount(){this.pageLoaded=this.props.pageStart,this.options=this.eventListenerOptions(),this.attachScrollListener()}componentDidUpdate(){if(this.props.isReverse&&this.loadMore){const e=this.getParentElement(this.scrollComponent);e.scrollTop=e.scrollHeight-this.beforeScrollHeight+this.beforeScrollTop,this.loadMore=!1}this.attachScrollListener()}componentWillUnmount(){this.detachScrollListener(),this.detachMousewheelListener()}isPassiveSupported(){let e=!1;const o={get passive(){e=!0}};try{document.addEventListener("test",null,o),document.removeEventListener("test",null,o)}catch{}return e}eventListenerOptions(){let e=this.props.useCapture;return this.isPassiveSupported()?e={useCapture:this.props.useCapture,passive:!0}:e={passive:!1},e}setDefaultLoader(e){this.defaultLoader=e}detachMousewheelListener(){let e=window;this.props.useWindow===!1&&(e=this.scrollComponent.parentNode),e.removeEventListener("mousewheel",this.mousewheelListener,this.options?this.options:this.props.useCapture)}detachScrollListener(){let e=window;this.props.useWindow===!1&&(e=this.getParentElement(this.scrollComponent)),e.removeEventListener("scroll",this.scrollListener,this.options?this.options:this.props.useCapture),e.removeEventListener("resize",this.scrollListener,this.options?this.options:this.props.useCapture)}getParentElement(e){const o=this.props.getScrollParent&&this.props.getScrollParent();return o??(e&&e.parentNode)}filterProps(e){return e}attachScrollListener(){const e=this.getParentElement(this.scrollComponent);if(!this.props.hasMore||!e)return;let o=window;this.props.useWindow===!1&&(o=e),o.addEventListener("mousewheel",this.mousewheelListener,this.options?this.options:this.props.useCapture),o.addEventListener("scroll",this.scrollListener,this.options?this.options:this.props.useCapture),o.addEventListener("resize",this.scrollListener,this.options?this.options:this.props.useCapture),this.props.initialLoad&&this.scrollListener()}mousewheelListener(e){e.deltaY===1&&!this.isPassiveSupported()&&e.preventDefault()}scrollListener(){const e=this.scrollComponent,o=window,i=this.getParentElement(e);let r;if(this.props.useWindow){const d=document.documentElement||document.body.parentNode||document.body,a=o.pageYOffset!==void 0?o.pageYOffset:d.scrollTop;this.props.isReverse?r=a:r=this.calculateOffset(e,a)}else this.props.isReverse?r=i.scrollTop:r=e.scrollHeight-i.scrollTop-i.clientHeight;r<Number(this.props.threshold)&&e&&e.offsetParent!==null&&(this.detachScrollListener(),this.beforeScrollHeight=i.scrollHeight,this.beforeScrollTop=i.scrollTop,typeof this.props.loadMore=="function"&&(this.props.loadMore(this.pageLoaded+=1),this.loadMore=!0))}calculateOffset(e,o){return e?this.calculateTopPosition(e)+(e.offsetHeight-o-window.innerHeight):0}calculateTopPosition(e){return e?e.offsetTop+this.calculateTopPosition(e.offsetParent):0}render(){const e=this.filterProps(this.props),{children:o,element:i,hasMore:r,initialLoad:d,isReverse:a,loader:l,loadMore:c,pageStart:u,ref:h,threshold:f,useCapture:m,useWindow:y,getScrollParent:C,...j}=e;j.ref=v=>{this.scrollComponent=v,h&&h(v)};const x=[o];return r&&(l?a?x.unshift(l):x.push(l):this.defaultLoader&&(a?x.unshift(this.defaultLoader):x.push(this.defaultLoader))),p.createElement(i,j,x)}}F(W,"propTypes",{children:_.node.isRequired,element:_.node,hasMore:_.bool,initialLoad:_.bool,isReverse:_.bool,loader:_.node,loadMore:_.func.isRequired,pageStart:_.number,ref:_.func,getScrollParent:_.func,threshold:_.number,useCapture:_.bool,useWindow:_.bool}),F(W,"defaultProps",{element:"div",hasMore:!1,initialLoad:!0,pageStart:0,ref:null,threshold:250,useWindow:!0,isReverse:!1,useCapture:!1,loader:null,getScrollParent:null});const Gt=({rank:t,avatar:e,name:o,points:i,isCurrentUser:r,openItemDetail:d,style:a})=>n.jsxs(qt,{onClick:d,style:a,children:[n.jsx(Nt,{children:t||0}),n.jsxs(Vt,{children:[e?n.jsx(Dt,{alt:"leaderboard-item-avatar",src:e}):n.jsx(Ot,{children:s.I(o||"")}),n.jsxs(Mt,{children:[n.jsx(Ut,{children:o||""}),r&&n.jsx(Bt,{name:"icon-star"})]})]}),n.jsx("div",{children:s.s(i)})]}),Jt=s.styled_default("div")({name:"Container",class:"c16btbfp",propsAsIs:!1}),Kt=({items:t,currentUserId:e,openItemDetail:o,fetchMore:i,scrollNode:r,hasMore:d})=>n.jsx(W,{loadMore:i,initialLoad:!1,hasMore:d,useWindow:!1,getScrollParent:()=>r.current,children:n.jsx(Jt,{children:t.map(a=>n.jsx(Gt,{...a,openItemDetail:()=>o(a.userId),isCurrentUser:!!e&&e===a.userId},a.userId))})}),Xt=({renderClipBoardNode:t,deepLink:e})=>n.jsx(s.F,{renderToNode:t,inviteLink:e,socialLinks:[{icon:"icon-facebook",link:"https://www.facebook.com/TheMasters",label:"Facebook"},{icon:"icon-twitter",link:"https://twitter.com/@TheMasters",label:"X"}],inviteCardTitle:"It’s More Fun With Friends",inviteCardSubtext:"Invite and compete against your friends for the top spot on the leaderboard."}),en=s.styled_default("div")({name:"InviteLinkContainer",class:"i1chxfpe",propsAsIs:!1}),sn=({gamification:t,scrollNode:e,scrollStore:o,renderClipBoardNode:i})=>{const{data:r,hasMore:d,loading:a,key:l}=s.useStore(t.leaderboardList.$store),{data:c}=s.useStore(t.deepLink.$store),[u,h]=s.h(i);return!r.length&&!a?n.jsx(Xt,{renderClipBoardNode:i,deepLink:c}):n.jsxs(n.Fragment,{children:[n.jsx(Kt,{items:r,scrollNode:e,scrollStore:o,fetchMore:t.leaderboardList.fetchMore,hasMore:d,openItemDetail:t.openUser,currentUserId:t.currentUserId.get()},l),c&&n.jsx(en,{children:n.jsx(Rt,{onClick:()=>u(c),title:"Invite Friends",description:"Challenge them now!"})}),h]})},tn=s.styled_default("div")({name:"QuestionItem",class:"q1w97g3p",propsAsIs:!1}),nn=s.styled_default("div")({name:"QuestionCaption",class:"q2sl39u",propsAsIs:!1}),on=s.styled_default("div")({name:"QuestionBody",class:"qd5h0uc",propsAsIs:!1}),rn=s.styled_default("div")({name:"QuestionAction",class:"q105uluy",propsAsIs:!1}),an=()=>s.c1,D=s.styled_default(an())({name:"QuestionActionIcon",class:"q1fa0b9h",propsAsIs:!0}),ln=()=>s.c1,dn=s.styled_default(ln())({name:"QuestionTypeIcon",class:"qxlt78s",propsAsIs:!0}),cn=s.styled_default("div")({name:"QuestionTypeLabel",class:"qmg0vkx",propsAsIs:!1}),un=s.styled_default("div")({name:"QuestionContent",class:"q1uz5j1g",propsAsIs:!1}),pn=s.styled_default("button")({name:"PlayButton",class:"p1pba9p1",propsAsIs:!1}),hn={[s.PickHistoryStatus.LOST]:n.jsx(D,{name:"incorrectVoted"}),[s.PickHistoryStatus.WON]:n.jsx(D,{name:"icon-check"}),[s.PickHistoryStatus.UNSET]:n.jsx(D,{name:"icon-arrow"}),[s.PickHistoryStatus.DNP]:n.jsx(D,{name:"icon-arrow"})},mn=({questionId:t,questionType:e,questionStatus:o,subject:i,openForVoting:r,openQuestion:d,status:a})=>{const l=s.o[e],c=hn[a];return l?n.jsxs(tn,{onClick:()=>d==null?void 0:d(t),children:[n.jsxs(un,{children:[n.jsxs(nn,{children:[n.jsx(dn,{"data-type-trivia":e===s.QuestionType.TRIVIA,"data-type-poll":e===s.QuestionType.POLL,name:l.iconName}),n.jsxs(cn,{children:[l.label,e===s.QuestionType.TRIVIA&&o===s.QuestionStatus.RESOLVED&&" • Expired"]})]}),n.jsx(on,{children:i||""})]}),n.jsx(rn,{children:r?n.jsx(pn,{children:"Play"}):c})]}):null},fn=s.styled_default("div")({name:"Container",class:"cll3md7",propsAsIs:!1}),yn=s.styled_default("button")({name:"ActionBtn",class:"a10g1iik",propsAsIs:!1}),vn=({openInsight:t,questionId:e,...o})=>{const i=()=>{s.k(),t==null||t(e)};return n.jsxs(fn,{children:[n.jsx(le,{questionId:e,...o}),t&&n.jsx(yn,{onClick:i,children:"View Insight"})]})},xn=s.styled_default("div")({name:"Container",class:"cl56x6b",propsAsIs:!1}),In=()=>s.c$1,jn=s.styled_default(In())({name:"ActionButton",class:"a11pzf92",propsAsIs:!0}),Cn=s.styled_default("blockquote")({name:"Quote",class:"q1hbaleq",propsAsIs:!1}),gn=({openTweet:t,...e})=>{const o=()=>{s.k(),t==null||t(e.tweetId)};return n.jsxs(xn,{children:[e.title&&n.jsx(Cn,{children:e.title}),n.jsx(s.J,{...e}),t&&n.jsx(jn,{onClick:o,children:"View Insight"})]})},An=s.styled_default("div")({name:"QuestionsContainer",class:"qvghv3l",propsAsIs:!1}),Tn=({questions:t,openQuestion:e,controlVideo:o})=>n.jsx(An,{children:t==null?void 0:t.map(i=>{var r,d,a;if(i.type==="question"&&((r=i.attributes)==null?void 0:r.attributes.case)==="question"){const l=i.attributes.attributes.value;return n.jsx(mn,{openQuestion:e,...l},l.questionId)}if(i.type==="insight"&&((d=i.attributes)==null?void 0:d.attributes.case)==="insight"){const l=i.attributes.attributes.value;return n.jsx(vn,{openInsight:e,controlVideo:o,...l},l.questionId)}if(i.type==="tweet"&&((a=i.attributes)==null?void 0:a.attributes.case)==="tweet"){const l=i.attributes.attributes.value,c=i.attributes.id;return n.jsx(gn,{openTweet:e,controlVideo:o,...l,tweetId:c},c)}return null})}),bn=({store:t,openQuestion:e})=>{const{sdk:o}=s.n(),i=s.useStore(t);return i!=null&&i.data?n.jsx(Tn,{openQuestion:e,questions:i.data,controlVideo:o==null?void 0:o.controlVideoPlayer}):n.jsx("div",{children:"wait questions..."})},$n=({userSummary:t})=>{var e;const[o,i]=p.useState(void 0);return p.useEffect(()=>{const r=t.subscribe(d=>{d!=null&&d.data&&i(d.data)});return()=>{r()}},[t]),o!=null&&o.summary?n.jsx(oe,{...o.summary,successRate:(e=o.percentage)==null?void 0:e.correct}):n.jsx("div",{children:"wait user..."})},wn=({gamification:t,className:e,scrollStore:o,scrollNode:i,appNode:r,style:d,responsiveStore:a,headerNode:l})=>{const{tabsShown:c}=s.useStore(o,{keys:["tabsShown"]}),[u,h]=p.useState(O.HOME),[,f]=p.useTransition(),{sdkInDesktopView:m}=s.useStore(a,{keys:["sdkInDesktopView"]}),y=x=>{f(()=>{var v;h(x),m===!1&&(((v=r.current)==null?void 0:v.getBoundingClientRect().y)||0)<0&&s.C$1(r,{behavior:"instant"})})};p.useEffect(()=>o.listen(x=>{if(x.scrollPosition===0){o.setKey("tabsShown",!0);return}a.get().sdkInDesktopView?o.setKey("tabsShown",x.scrollDirection==="backward"):o.setKey("tabsShown",x.scrollDirection==="forward")}),[o,a]);let C="0px";m?C=c?"0px":"calc(8px - var(--header-height) - var(--header-offset))":C=c?"calc(var(--header-height) + var(--header-offset) - 2px)":"0px";const j=m?r:l;return n.jsxs(s.p,{className:e,style:d,children:[n.jsx(s.C,{style:{top:C},children:n.jsx(Ct,{activePage:u,toggleActivePage:y})}),u===O.HOME&&n.jsxs(n.Fragment,{children:[n.jsx(s.n$1,{style:{paddingTop:"8px"},children:n.jsx(s.m,{children:n.jsx($n,{userSummary:t.userSummary})})}),n.jsx(s.a,{style:{flex:1},children:n.jsx(bn,{openQuestion:t.openQuestion,store:t.feedList.getStore()})})]}),u===O.LEADERBOARD&&n.jsx(s.l,{children:n.jsx(sn,{renderClipBoardNode:j,scrollStore:o,scrollNode:i,gamification:t})})]})},_n=()=>s.l$1,te=s.styled_default(_n())({name:"OpenedContainer",class:"oar61gl",propsAsIs:!0}),Sn=s.styled_default("div")({name:"UserContainer",class:"u14zaal4",propsAsIs:!1}),Rn=({correct:t,incorrect:e})=>{const o=t+e;return o===0?0:Math.round(t/o*100)},kn=({gamification:t,scrollStore:e,className:o,appNode:i,scrollNode:r,headerNode:d,responsiveStore:a})=>{const l=s.useStore(t.openedQuestion.$store),c=s.useStore(t.openedUser),{sdkInDesktopView:u}=s.useStore(a,{keys:["sdkInDesktopView"]}),h=p.useMemo(()=>{var f;const m=(((f=i.current)==null?void 0:f.getBoundingClientRect().y)||0)<0;if(!i.current||!l&&!c)return null;const y=l?n.jsx(te,{className:o,children:n.jsx(yt,{gamification:t})}):c?n.jsx(te,{className:o,children:n.jsxs(Sn,{children:[n.jsx(ne,{label:"Friend's Rank",close:t.closeUser}),n.jsx(s.n$1,{children:n.jsx(oe,{...c,successRate:Rn(c)})})]})}):null;return n.jsx(s.V,{container:i,useContainer:!u,fixedView:m,children:y})},[i,o,t,l,c,u]);return n.jsxs(n.Fragment,{children:[h,n.jsx(wn,{appNode:i,headerNode:d,scrollStore:e,scrollNode:r,className:o,gamification:t,responsiveStore:a})]})};exports.default=kn;