@streamlayer/react 0.28.3 → 0.28.5

package/lib/style.css

@@ -1 +1 @@
-.StreamLayerSDK .StreamLayerCSSReset a,.StreamLayerSDK .StreamLayerCSSReset abbr,.StreamLayerSDK .StreamLayerCSSReset acronym,.StreamLayerSDK .StreamLayerCSSReset address,.StreamLayerSDK .StreamLayerCSSReset applet,.StreamLayerSDK .StreamLayerCSSReset article,.StreamLayerSDK .StreamLayerCSSReset aside,.StreamLayerSDK .StreamLayerCSSReset audio,.StreamLayerSDK .StreamLayerCSSReset b,.StreamLayerSDK .StreamLayerCSSReset big,.StreamLayerSDK .StreamLayerCSSReset blockquote,.StreamLayerSDK .StreamLayerCSSReset body,.StreamLayerSDK .StreamLayerCSSReset button,.StreamLayerSDK .StreamLayerCSSReset canvas,.StreamLayerSDK .StreamLayerCSSReset caption,.StreamLayerSDK .StreamLayerCSSReset center,.StreamLayerSDK .StreamLayerCSSReset cite,.StreamLayerSDK .StreamLayerCSSReset code,.StreamLayerSDK .StreamLayerCSSReset dd,.StreamLayerSDK .StreamLayerCSSReset del,.StreamLayerSDK .StreamLayerCSSReset details,.StreamLayerSDK .StreamLayerCSSReset dfn,.StreamLayerSDK .StreamLayerCSSReset div,.StreamLayerSDK .StreamLayerCSSReset dl,.StreamLayerSDK .StreamLayerCSSReset dt,.StreamLayerSDK .StreamLayerCSSReset em,.StreamLayerSDK .StreamLayerCSSReset embed,.StreamLayerSDK .StreamLayerCSSReset fieldset,.StreamLayerSDK .StreamLayerCSSReset figcaption,.StreamLayerSDK .StreamLayerCSSReset figure,.StreamLayerSDK .StreamLayerCSSReset footer,.StreamLayerSDK .StreamLayerCSSReset form,.StreamLayerSDK .StreamLayerCSSReset h1,.StreamLayerSDK .StreamLayerCSSReset h2,.StreamLayerSDK .StreamLayerCSSReset h3,.StreamLayerSDK .StreamLayerCSSReset h4,.StreamLayerSDK .StreamLayerCSSReset h5,.StreamLayerSDK .StreamLayerCSSReset h6,.StreamLayerSDK .StreamLayerCSSReset header,.StreamLayerSDK .StreamLayerCSSReset hgroup,.StreamLayerSDK .StreamLayerCSSReset html,.StreamLayerSDK .StreamLayerCSSReset i,.StreamLayerSDK .StreamLayerCSSReset iframe,.StreamLayerSDK .StreamLayerCSSReset img,.StreamLayerSDK .StreamLayerCSSReset ins,.StreamLayerSDK .StreamLayerCSSReset kbd,.StreamLayerSDK .StreamLayerCSSReset label,.StreamLayerSDK .StreamLayerCSSReset legend,.StreamLayerSDK .StreamLayerCSSReset li,.StreamLayerSDK .StreamLayerCSSReset mark,.StreamLayerSDK .StreamLayerCSSReset menu,.StreamLayerSDK .StreamLayerCSSReset nav,.StreamLayerSDK .StreamLayerCSSReset object,.StreamLayerSDK .StreamLayerCSSReset ol,.StreamLayerSDK .StreamLayerCSSReset output,.StreamLayerSDK .StreamLayerCSSReset p,.StreamLayerSDK .StreamLayerCSSReset pre,.StreamLayerSDK .StreamLayerCSSReset q,.StreamLayerSDK .StreamLayerCSSReset ruby,.StreamLayerSDK .StreamLayerCSSReset s,.StreamLayerSDK .StreamLayerCSSReset samp,.StreamLayerSDK .StreamLayerCSSReset section,.StreamLayerSDK .StreamLayerCSSReset small,.StreamLayerSDK .StreamLayerCSSReset span,.StreamLayerSDK .StreamLayerCSSReset strike,.StreamLayerSDK .StreamLayerCSSReset strong,.StreamLayerSDK .StreamLayerCSSReset sub,.StreamLayerSDK .StreamLayerCSSReset summary,.StreamLayerSDK .StreamLayerCSSReset sup,.StreamLayerSDK .StreamLayerCSSReset table,.StreamLayerSDK .StreamLayerCSSReset tbody,.StreamLayerSDK .StreamLayerCSSReset td,.StreamLayerSDK .StreamLayerCSSReset tfoot,.StreamLayerSDK .StreamLayerCSSReset th,.StreamLayerSDK .StreamLayerCSSReset thead,.StreamLayerSDK .StreamLayerCSSReset time,.StreamLayerSDK .StreamLayerCSSReset tr,.StreamLayerSDK .StreamLayerCSSReset tt,.StreamLayerSDK .StreamLayerCSSReset u,.StreamLayerSDK .StreamLayerCSSReset ul,.StreamLayerSDK .StreamLayerCSSReset var,.StreamLayerSDK .StreamLayerCSSReset video{outline:none}.StreamLayerSDK>.StreamLayerSDKTheme{height:100%}.StreamLayerSDK>.StreamLayerSDKTheme .l4qld3l{align-items:center;border-radius:40px;-moz-column-gap:8px;column-gap:8px;display:inline-flex;padding:4px 17px 4px 4px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .l4qld3l:before{border:1px solid var(--color-neutrals-white);border-radius:40px;bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0;z-index:-1}@media (max-width:767px){.l4qld3l{padding-right:10px}}.StreamLayerSDK>.StreamLayerSDKTheme .ainhtok{-ms-flex-negative:0;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--color-primary-green2);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}@media (max-width:767px){.ainhtok{height:28px;width:28px}}.StreamLayerSDK>.StreamLayerSDKTheme .xk8yd5t{height:20px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .xk8yd5t path{fill:var(--color-neutrals-white)}@media (max-width:767px){.xk8yd5t{height:14px;width:14px}}.StreamLayerSDK>.StreamLayerSDKTheme .h6rf9gb{color:var(--color-neutrals-white);display:flex;flex-direction:column;font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .c18f5pxx{font-size:9px;margin-bottom:1px;text-transform:uppercase}@media (max-width:767px){.c18f5pxx{display:none}}.StreamLayerSDK>.StreamLayerSDKTheme .m1jwsyj1{font-size:18px;line-height:20px}@media (max-width:767px){.m1jwsyj1{font-size:14px;line-height:22px}}.StreamLayerSDK>.StreamLayerSDKTheme .pedqibx{--color-bg-transparent:rgba(0,0,0,.8);--color-bg-transparent-vote-container:rgba(10,14,19,.8);--color-bg-transparent-item:rgba(0,0,0,.7);--color-bg-transparent-item-vote:hsla(0,0%,100%,.1);--color-bg-transparent-item-success:rgba(0,139,251,.2);--color-bg-transparent-item-error:rgba(205,37,37,.2);--color-bg-transparent-vote-progress:hsla(0,0%,100%,.2);--color-bg-transparent-vote-progress-success:rgba(60,139,251,.5);--color-bg-transparent-vote-progress-error:rgba(205,37,37,.5);--color-bg-transparent-onboarding-inapp:rgba(138,159,182,.2);--color-leaderboard-unit:hsla(0,0%,100%,.5);--color-blue-primary:#1589ee;--color-red-primary:#cd2525;--color-red-secondary:#eb5757;--color-blue-question-action-btn:#1589ee;--color-white:#fff;--color-grey-1:#909395;--color-grey-2:#22262b;--color-grey-3:#2d3135;--color-grey-4:#53565a;--color-grey-primary-onboarding-inapp:#b5b7b8;--color-black-1:#161a1f;--color-green-1:#f7b801;--color-red-1:#a30000;--color-red-2:#ff4170;--color-grey-primary:#909395;--color-divider-color-secondary:#53565a;--color-green-primary-btn:#009b77;--color-primary-green1:#107d57;--color-primary-green2:#006747;--color-primary-green3:#1c4932;--color-primary-green4:#193526;--color-secondary-red1:#df2f3b;--color-secondary-red2:#ba0c2f;--color-secondary-red3:#f9d6d8;--color-secondary-yellow:#fce300;--color-secondary-green5:#c0dc8f;--color-secondary-green6:#cee5de;--color-neutrals-white:#fff;--color-neutrals-gray1:#f7f7f7;--color-neutrals-gray2:#f2f2f1;--color-neutrals-gray3:#e8e8e8;--color-neutrals-gray4:#d9d9d6;--color-neutrals-gray5:#b1b3b3;--color-neutrals-gray6:#888b8d;--color-neutrals-gray7:#6b6f73;--color-neutrals-gray8:#53565a;--color-neutrals-gray9:#25282a;--color-neutrals-black:#000;--font-family:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-regular:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-color:#fff;--font-serif:"Tiempos","Tiempos Text",Times New Roman,serif;--font-weight-default:500;--header-height:68px;--animation-duration:0.5s;--animation-function:ease;--container-padding:16px;--border-radius:8px}.StreamLayerSDK>.StreamLayerSDKTheme .pedqibx *{box-sizing:border-box}.StreamLayerSDK>.StreamLayerSDKTheme .k14894ro{-webkit-box-pack:center;-ms-flex-pack:center;background:#222425;height:100%;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .acysrl1,.StreamLayerSDK>.StreamLayerSDKTheme .k14894ro{align-items:center;display:flex;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .acysrl1{-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--color-neutrals-white);border-bottom:1px solid var(--color-neutrals-gray3);box-sizing:border-box;color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);justify-content:space-between;padding:12px 12px 12px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .lo57cjm{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .p14kwh4y{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .p14kwh4y path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .sxun7sq{font-family:var(--font-regular);margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .c1i8ida8{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;outline:none;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .g1m0xfmw path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .g1m0xfmw:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .taj61ja{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-primary-green2);border-radius:4px;color:var(--color-neutrals-white);display:flex;flex:1;justify-content:space-between;overflow:hidden;padding:9px 8px}.StreamLayerSDK>.StreamLayerSDKTheme .r19fxewd{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .i1whkbqh{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .i4lbhzs{align-items:center;color:var(--color-neutrals-white);display:flex;flex-direction:column;padding-top:2px;row-gap:4px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .ordquhq{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .nwzed99{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .o15y0waw{background-color:var(--color-primary-green1);border-radius:12px;font-weight:var(--font-weight-default);padding:12px}.StreamLayerSDK>.StreamLayerSDKTheme .ihjewwf{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex;justify-content:space-between;margin-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n10e9lv8{display:flex;flex-direction:column;row-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .r13bxv{-moz-column-gap:8px;column-gap:8px;display:flex;flex:1;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .a1fi59c9{-ms-flex-negative:0;border-radius:50%;flex-shrink:0;height:48px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .s1kkihge{display:flex;flex-direction:column;overflow:hidden;row-gap:6px}.StreamLayerSDK>.StreamLayerSDKTheme .cy4f4t{color:var(--color-white);font-size:16px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .p18cnlx1{align-items:center;color:var(--color-neutrals-white);-moz-column-gap:8px;column-gap:8px;display:flex;font-size:14px;height:14px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .lboqgs5{height:15px;width:15px}.StreamLayerSDK>.StreamLayerSDKTheme .d1oaal4{align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .d1oaal4,.StreamLayerSDK>.StreamLayerSDKTheme .x1yzgo0u{-moz-column-gap:4px;column-gap:4px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .x1yzgo0u{align-items:baseline}.StreamLayerSDK>.StreamLayerSDKTheme .f1l9i8s8{font-size:9px;opacity:.8}.StreamLayerSDK>.StreamLayerSDKTheme .g4cgl4u{background-color:var(--color-white);height:10px;opacity:.2;width:1px}.StreamLayerSDK>.StreamLayerSDKTheme .h1qn1tmd{-moz-column-gap:8px;column-gap:8px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .u1gsbhq4{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--color-primary-green2);border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .mvj8oco{-ms-flex-negative:0;background:#2d6ffd;border-radius:50%;color:#fff;flex-shrink:0;font-size:18px;height:48px;text-align:center;text-transform:uppercase;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .mvj8oco,.StreamLayerSDK>.StreamLayerSDKTheme .viqiaf2{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .viqiaf2{background-color:transparent;border:none;border-radius:50%;cursor:pointer;height:100%;max-height:48px;max-width:48px;outline:none;padding:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ciyeb68{align-items:center;display:flex;font-size:14px;margin-bottom:16px;padding:8px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ciyeb68[data-isPrediction=true]{align-items:flex-start}.StreamLayerSDK>.StreamLayerSDKTheme .nfic4xc{height:24px;margin-left:12px;margin-right:14px;min-width:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .nfic4xc g>path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;margin-right:16px;min-width:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66[data-feedbackType=correct]{background-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66[data-feedbackType=incorrect]{background-color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .p132yxcv{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw{margin-right:5px}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw[data-feedbackType=correct]{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw[data-feedbackType=incorrect]{color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .gzdx7pk{color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .smnc4zm{font-weight:400;margin-top:10px}.StreamLayerSDK>.StreamLayerSDKTheme .olc1eph{height:100%;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .olc1eph>div:not(:last-child){margin-bottom:16px}.StreamLayerSDK>.StreamLayerSDKTheme .n1yoh29a{padding:16px 16px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .pjkr5mb{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;margin:16px 0}.StreamLayerSDK>.StreamLayerSDKTheme .r82wnnx{display:flex;flex-direction:column;gap:8px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k{background-color:var(--color-neutrals-gray2);border:1px solid transparent;border-radius:4px;box-sizing:border-box;height:44px;max-height:44px;min-height:44px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k:hover:not(:disabled){border-color:var(--color-neutrals-gray5);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-selected=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=correct]{border-color:var(--color-primary-green1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=correct]:before{background-color:var(--color-primary-green1);content:"";display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=incorrect]{border-color:var(--color-secondary-red1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=incorrect]:before{background-color:var(--color-secondary-red1);content:"";display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-isNotChecked=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3{background-color:var(--color-neutrals-gray3);border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width 1s ease-in;z-index:0}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=correct]{background-color:var(--color-primary-green1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=incorrect]{background-color:var(--color-secondary-red1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=unset]{background-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .dmltvg2{align-items:center;background-color:transparent;border:none;border-radius:2px;color:var(--color-neutrals-gray9);display:flex;font-family:var(--font-regular);font-size:12px;font-weight:var(--font-weight-default);height:100%;outline:none;padding:5px 15px 5px 9px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .stfjpqz{width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .p198m24r{background-repeat:no-repeat;background-size:contain;bottom:-1px;height:52px;left:0;position:absolute;width:52px}.StreamLayerSDK>.StreamLayerSDKTheme .rbq5eu7{margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .g1iv6oeb.rbq5eu7{height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .h1qtxlqc.rbq5eu7{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .udm736q{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .b1da34tx{display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .x1dqwq83{line-height:17px;margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .v10s9my2{height:16px;margin-left:8px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .a1f928zy{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .a1r7f3z4{-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:1px solid var(--color-neutrals-gray3);border-radius:100px;color:var(--color-neutrals-gray9);display:flex;font-family:var(--font-regular);font-size:14px;font-weight:var(--font-weight-default);justify-content:space-between;-webkit-letter-spacing:-.15px;-moz-letter-spacing:-.15px;-ms-letter-spacing:-.15px;letter-spacing:-.15px;min-height:40px;padding:3px 3px 3px 11px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .a1r7f3z4>div:first-child:last-child{margin-left:auto;margin-right:auto}.StreamLayerSDK>.StreamLayerSDKTheme .sblndl{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .l7ka1tv{color:var(--color-neutrals-gray7);margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .p1edlxt3{margin-right:4px}.StreamLayerSDK>.StreamLayerSDKTheme .ghm08u2{align-items:flex-end;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .c12nsh46{font-size:14px;line-height:14px;margin-right:6px}.StreamLayerSDK>.StreamLayerSDKTheme .dlr9eoc{font-size:10px}.StreamLayerSDK>.StreamLayerSDKTheme .e18unvw4{background-color:var(--color-neutrals-white);padding:var(--container-padding);row-gap:16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e18unvw4,.StreamLayerSDK>.StreamLayerSDKTheme .rs0uvk8{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .rs0uvk8{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n1hem4g7{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:16px;font-weight:var(--font-weight-default);line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .i193lbwv{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .a1dka9qs{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:1px solid var(--color-primary-green1);border-radius:40px;color:var(--color-primary-green1);-moz-column-gap:10px;column-gap:10px;display:flex;font-size:14px;font-weight:var(--font-weight-default);justify-content:center;line-height:20px;padding:11px 16px;-webkit-text-decoration:none;text-decoration:none}.StreamLayerSDK>.StreamLayerSDKTheme .l1un98tk{color:var(--color-neutrals-gray7);font-size:12px;font-weight:550}.StreamLayerSDK>.StreamLayerSDKTheme .dk8r1eq{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;background:var(--color-transparent-item);display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o{background-color:var(--color-neutrals-gray2);border-radius:8px;box-sizing:border-box;display:flex;overflow:hidden;padding:4px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o:before{background-color:var(--color-white);border-radius:6px;content:"";height:28px;left:4px;position:absolute;transition:transform var(--animation-duration) var(--animation-function);width:calc(50% - 4px)}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o[data-position=left]:before{transform:translateX(0)}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o[data-position=right]:before{transform:translateX(100%)}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;box-sizing:border-box;color:var(--color-neutrals-gray7);cursor:pointer;display:flex;font-size:12px;font-weight:550;height:28px;justify-content:center;outline:none;padding:4px 10px;width:50%}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl:hover{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl[data-selected=true]{color:var(--color-primary-green1);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .i1vk8ojx{position:relative;z-index:2}.StreamLayerSDK>.StreamLayerSDKTheme .a1w9zony{align-items:center;background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-gray3);border-radius:8px;color:var(--color-neutrals-gray9);-moz-column-gap:4px;column-gap:4px;cursor:pointer;display:flex;font-size:12px;font-weight:var(--font-weight-default);line-height:16px;padding:8px 16px 8px 8px}.StreamLayerSDK>.StreamLayerSDKTheme .a1w9zony:hover{border-color:var(--color-neutrals-gray5);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .l16qcfv8{min-width:28px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .p1gmcc5f{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .s1doddh0{-ms-flex-negative:0;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--color-grey-primary-onboarding-inapp);border-radius:50%;color:var(--color-neutrals-gray9);flex-shrink:0;font-size:12px;height:32px;justify-content:center;text-align:center;text-transform:uppercase;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .c1js9xhe,.StreamLayerSDK>.StreamLayerSDKTheme .s1doddh0{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .c1js9xhe{-webkit-box-flex:1;-ms-flex-positive:1;-moz-column-gap:8px;column-gap:8px;flex-grow:1}.StreamLayerSDK>.StreamLayerSDKTheme .d1tmnqsh{align-items:center;-moz-column-gap:4px;column-gap:4px;display:grid;grid-template-columns:1fr auto}.StreamLayerSDK>.StreamLayerSDKTheme .gi9h87j{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .x13mk3z6{flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .s1lblda3{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:var(--border-radius);display:flex;gap:12px;justify-content:space-between;padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .s1lblda3:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .ascvb2g{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;display:flex;font-size:12px;font-weight:500;justify-content:flex-start;margin-bottom:8px}.StreamLayerSDK>.StreamLayerSDKTheme .p17rl8zy{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:14px;font-weight:400}.StreamLayerSDK>.StreamLayerSDKTheme .c6fk2ph{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .d1rdm136{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .d1rdm136 path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .fwqnnel{color:var(--color-neutrals-gray7);font-size:12px;font-weight:500;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .ucyxnlg{display:flex;flex:1;flex-direction:column;font-weight:700;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .xs2nk4s{color:var(--color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .gtym8sr{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:8px;height:20px;padding:6px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .vkjgzv5{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .h7uvs2c{text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .m53voq{border-left:1px solid var(--color-grey-primary);margin-left:5px;padding-left:5px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .e1jcgove{background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--container-padding);row-gap:16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e1jcgove:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .t1bwp7hh{color:var(--color-neutrals-gray7);font-size:12px;font-weight:550}.StreamLayerSDK>.StreamLayerSDKTheme .i1xav4cl{display:flex;flex-direction:column;row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n3qb30y{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;font-weight:var(--font-weight-default);line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .ap5d9g7{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--color-neutrals-gray9);display:-webkit-box;font-size:12px;font-weight:550;font-weight:var(--font-weight-default);line-height:24px;max-height:50px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .lvdbmlu{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);display:flex;font-size:14px;font-weight:550;height:44px;justify-content:center;outline:none;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .lvdbmlu:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .t19vr3p1{display:flex;flex-direction:column;gap:8px;max-height:100%;overflow-y:auto}.StreamLayerSDK>.StreamLayerSDKTheme .m1ph66cs{background:var(--color-neutrals-white);inset:0;position:absolute;top:var(--header-height);z-index:3}.StreamLayerSDK>.StreamLayerSDKTheme .xorme7i{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;background:var(--color-transparent-item);display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .xorme7i>div{width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-white);border:1px solid var(--color-neutrals-gray3);border-radius:100px;color:var(--color-primary-green1);cursor:pointer;display:flex;font-size:12px;font-weight:var(--font-weight-default);justify-content:center;-webkit-letter-spacing:-.5px;-moz-letter-spacing:-.5px;-ms-letter-spacing:-.5px;letter-spacing:-.5px;max-height:36px;min-height:36px;padding:0 8px}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]:disabled:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:disabled{cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:disabled:hover{border-color:var(--color-neutrals-gray3);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .tw2meku{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:22px;justify-content:center;margin-right:5px;width:22px}.StreamLayerSDK>.StreamLayerSDKTheme .a10lggiw[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .a10lggiw[data-selected=true] g>path:nth-child(2){fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .d1x5s8ie[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .d1x5s8ie[data-selected=true] g>path:nth-child(2){fill:#fff;stroke:#107d57}.StreamLayerSDK>.StreamLayerSDKTheme .ntav86o[data-selected=true] g>path{fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .n1rlvhvz{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-neutrals-white);display:flex;justify-content:space-between}.StreamLayerSDK>.StreamLayerSDKTheme .n9bnom{animation:show-nav-n9bnom .5s ease;animation-fill-mode:forwards;border-bottom:1px solid var(--color-neutrals-gray3);box-sizing:border-box;left:0;opacity:0;overflow:hidden;padding:var(--container-padding);position:absolute;right:0;top:0}.StreamLayerSDK>.StreamLayerSDKTheme .n9bnom>button:not(:last-child){margin-right:8px}@keyframes show-nav-n9bnom{90%{opacity:0}to{height:68px;opacity:1}}.StreamLayerSDK>.StreamLayerSDKTheme .i1bwjtdb{border-radius:8px;cursor:pointer;display:flex;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .enb7moc{width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .r1ws5lyh{height:100%;left:0;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .soibf55{cursor:pointer;display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.StreamLayerSDK>.StreamLayerSDKTheme .rcr31jh{background-color:var(--color-neutrals-white);border-radius:8px;box-sizing:border-box;row-gap:16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .rcr31jh,.StreamLayerSDK>.StreamLayerSDKTheme .thj4z8w{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .thj4z8w{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .i1oks4sz{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;font-weight:var(--font-weight-default);line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .n18s3mno{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--color-neutrals-gray9);display:-webkit-box;font-size:12px;font-weight:550;font-weight:var(--font-weight-default);line-height:24px;max-height:50px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .lc8mqwv{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);display:flex;font-size:14px;font-weight:550;height:44px;justify-content:center;outline:none;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .lc8mqwv:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .p16oo5uk{background:#fff;border-radius:8px;box-sizing:border-box;overflow:hidden;padding:16px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .a18c5k3h{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:11px;top:11px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .czv5t8k g>path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .czv5t8k:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .s1wp1emp{align-items:center;display:flex;margin-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .l1nz0q6x{height:20px;margin-right:4px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .l1nz0q6x path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .g1jhb9lu{color:var(--color-neutrals-gray7);font-size:12px;font-weight:550}.StreamLayerSDK>.StreamLayerSDKTheme .ds6gfsv{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;margin-bottom:12px;padding-right:10px}.StreamLayerSDK>.StreamLayerSDKTheme .xkzz16s{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);cursor:pointer;display:flex;font-size:14px;font-weight:550;height:44px;justify-content:center;outline:none;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .xkzz16s:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .ii47pil{-webkit-box-flex:1;-ms-flex-positive:1;display:flex;flex-direction:column;flex-grow:1;padding-bottom:24px}.StreamLayerSDK>.StreamLayerSDKTheme .rxc2qq3{-webkit-box-pack:center;-ms-flex-pack:center;flex-direction:column;height:100%;justify-content:center;padding:0 16px 32px}.StreamLayerSDK>.StreamLayerSDKTheme .a1xztfgg,.StreamLayerSDK>.StreamLayerSDKTheme .rxc2qq3{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .a1xztfgg{flex-grow:1}.StreamLayerSDK>.StreamLayerSDKTheme .cpijrjs{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 .l9mt963{-webkit-box-pack:center;-ms-flex-pack:center;-moz-column-gap:8px;column-gap:8px;display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .p142q6ym{background-color:var(--color-neutrals-gray4);border-radius:50%;height:6px;width:6px}.StreamLayerSDK>.StreamLayerSDKTheme .p142q6ym[data-active=true]{background-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .ay8exst{flex-direction:column;height:100%;padding:16px 16px 56px;row-gap:24px}.StreamLayerSDK>.StreamLayerSDKTheme .ay8exst,.StreamLayerSDK>.StreamLayerSDKTheme .l31riw0{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .l31riw0{background-color:var(--color-primary-green1);border-radius:50%;height:48px;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .pcmm4w7{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .cct922a{max-width:270px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .s12b7u74{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;margin-bottom:8px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .x1896nrl{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;line-height:20px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .d1vnagog{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:1px solid var(--color-neutrals-gray3);border-radius:8px;-moz-column-gap:16px;column-gap:16px;cursor:pointer;display:flex;justify-content:space-between;max-width:292px;padding:12px 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .gznzzc2{display:flex;flex-direction:column;font-weight:var(--font-weight-default);overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .fnmvyxu{color:var(--color-primary-green1);font-size:16px;line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .h1iubd2g{color:var(--color-neutrals-gray9);font-size:14px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .mmvjfuo{flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .v1oi1553{-moz-column-gap:8px;column-gap:8px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .w1vwcogq{align-items:center;display:flex;flex-direction:column;min-width:68px;row-gap:8px;-webkit-text-decoration:none;text-decoration:none}.StreamLayerSDK>.StreamLayerSDKTheme .utbqo0e{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .eqgpvuy{flex-grow:1;padding-bottom:16px}.StreamLayerSDK>.StreamLayerSDKTheme .eqgpvuy,.StreamLayerSDK>.StreamLayerSDKTheme .n151iqmq{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .n151iqmq{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;height:100%;justify-content:center;padding:0 32px 32px;row-gap:24px}.StreamLayerSDK>.StreamLayerSDKTheme .ot3q5sd{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .rfwdwp9{display:flex;flex-direction:column;row-gap:24px}.StreamLayerSDK>.StreamLayerSDKTheme .lvq91sy{-moz-column-gap:16px;column-gap:16px}.StreamLayerSDK>.StreamLayerSDKTheme .a1xep3tf,.StreamLayerSDK>.StreamLayerSDKTheme .lvq91sy{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .a1xep3tf{-ms-flex-negative:0;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--color-primary-green1);border-radius:50%;flex-shrink:0;height:36px;justify-content:center;width:36px}.StreamLayerSDK>.StreamLayerSDKTheme .a1xep3tf [data-icon=icon-trophy]{height:18px;width:18px}.StreamLayerSDK>.StreamLayerSDKTheme .a1xep3tf [data-icon=icon-trophy] path{fill:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .a1xep3tf [data-icon=icon-btn-feature-groups] path:first-child{stroke:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .a1xep3tf [data-icon=icon-btn-feature-groups] path:not(:first-child){fill:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .c1rm9ij3{font-size:14px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;line-height:18px}.StreamLayerSDK>.StreamLayerSDKTheme .p15cd5ha{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 .akly9h2{border:1px solid;border-radius:71px;font-size:12px;font-weight:var(--font-weight-default);outline:none;padding:14px 16px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=primary]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=primary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=secondary]{background-color:transparent;border-color:var(--color-primary-green1);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=secondary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2:disabled{opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2:disabled:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .c1cm2rh8{background-color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .a9j28tc,.StreamLayerSDK>.StreamLayerSDKTheme .c1cm2rh8{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .a9j28tc{flex-grow:1}.StreamLayerSDK>.StreamLayerSDKTheme .su1o1a8{justify-content:space-between;padding:12px 12px 12px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .su1o1a8,.StreamLayerSDK>.StreamLayerSDKTheme .x14ailyk{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .x14ailyk{-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 .g11ybl5c{height:10px;width:10px}.StreamLayerSDK>.StreamLayerSDKTheme .fd9s97{display:flex;padding:0 16px 16px}.StreamLayerSDK>.StreamLayerSDKTheme .m1ddowgh{-webkit-box-flex:1;-ms-flex-positive:1;cursor:pointer;flex-grow:1;font-size:14px;height:44px;line-height:20px;padding:0 16px}.StreamLayerSDK>.StreamLayerSDKTheme .s1aopxp8{animation:containerShowIn-s1aopxp8 ease-out;animation-duration:var(--animation-duration);max-height:2500px;opacity:1;overflow:hidden;transform:scale(1);width:100%}@keyframes containerShowIn-s1aopxp8{0%{max-height:0;opacity:0;transform:scale(0)}80%{max-height:2500px;opacity:0;transform:scale(.9)}85%{max-height:2500px;transform:scale(.9)}to{max-height:2500px;opacity:1;transform:scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .c1t0h6s{animation:containerHide-c1t0h6s ease-out;animation-direction:reverse;animation-duration:var(--animation-duration);animation-fill-mode:forwards}@keyframes containerHide-c1t0h6s{0%{max-height:0;opacity:0;transform:scale(0)}80%{max-height:2500px;opacity:0;transform:scale(.9)}85%{max-height:2500px;transform:scale(.9)}to{max-height:2500px;opacity:1;transform:scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .vdmgtpg{animation-duration:var(--animation-duration);height:100%}.StreamLayerSDK>.StreamLayerSDKTheme .d1qqtt3e{animation-duration:calc(var(--animation-duration)*3);position:relative;top:var(--header-height)}.StreamLayerSDK>.StreamLayerSDKTheme .d1qqtt3e>div{padding:var(--container-padding) calc(var(--container-padding)*2)}.StreamLayerSDK>.StreamLayerSDKTheme .idhrx8x{background:transparent;font-family:var(--font-regular);height:100%;min-width:324px;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep{height:100%;overflow-y:auto;transition:transform;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-function);width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep[data-nav=true]{height:calc(100% - var(--header-height));transform:translateY(var(--header-height))}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep[data-question-header=true]{height:calc(100% - var(--question-headers-height));transform:translateY(var(--question-headers-height))}.StreamLayerSDK>.StreamLayerSDKTheme .n1v8kucd{display:flex;flex-direction:column;gap:var(--container-padding);padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .e16yw7z1.n1v8kucd{background-color:var(--color-neutrals-white)}
+.StreamLayerSDK .StreamLayerCSSReset a,.StreamLayerSDK .StreamLayerCSSReset abbr,.StreamLayerSDK .StreamLayerCSSReset acronym,.StreamLayerSDK .StreamLayerCSSReset address,.StreamLayerSDK .StreamLayerCSSReset applet,.StreamLayerSDK .StreamLayerCSSReset article,.StreamLayerSDK .StreamLayerCSSReset aside,.StreamLayerSDK .StreamLayerCSSReset audio,.StreamLayerSDK .StreamLayerCSSReset b,.StreamLayerSDK .StreamLayerCSSReset big,.StreamLayerSDK .StreamLayerCSSReset blockquote,.StreamLayerSDK .StreamLayerCSSReset body,.StreamLayerSDK .StreamLayerCSSReset button,.StreamLayerSDK .StreamLayerCSSReset canvas,.StreamLayerSDK .StreamLayerCSSReset caption,.StreamLayerSDK .StreamLayerCSSReset center,.StreamLayerSDK .StreamLayerCSSReset cite,.StreamLayerSDK .StreamLayerCSSReset code,.StreamLayerSDK .StreamLayerCSSReset dd,.StreamLayerSDK .StreamLayerCSSReset del,.StreamLayerSDK .StreamLayerCSSReset details,.StreamLayerSDK .StreamLayerCSSReset dfn,.StreamLayerSDK .StreamLayerCSSReset div,.StreamLayerSDK .StreamLayerCSSReset dl,.StreamLayerSDK .StreamLayerCSSReset dt,.StreamLayerSDK .StreamLayerCSSReset em,.StreamLayerSDK .StreamLayerCSSReset embed,.StreamLayerSDK .StreamLayerCSSReset fieldset,.StreamLayerSDK .StreamLayerCSSReset figcaption,.StreamLayerSDK .StreamLayerCSSReset figure,.StreamLayerSDK .StreamLayerCSSReset footer,.StreamLayerSDK .StreamLayerCSSReset form,.StreamLayerSDK .StreamLayerCSSReset h1,.StreamLayerSDK .StreamLayerCSSReset h2,.StreamLayerSDK .StreamLayerCSSReset h3,.StreamLayerSDK .StreamLayerCSSReset h4,.StreamLayerSDK .StreamLayerCSSReset h5,.StreamLayerSDK .StreamLayerCSSReset h6,.StreamLayerSDK .StreamLayerCSSReset header,.StreamLayerSDK .StreamLayerCSSReset hgroup,.StreamLayerSDK .StreamLayerCSSReset html,.StreamLayerSDK .StreamLayerCSSReset i,.StreamLayerSDK .StreamLayerCSSReset iframe,.StreamLayerSDK .StreamLayerCSSReset img,.StreamLayerSDK .StreamLayerCSSReset ins,.StreamLayerSDK .StreamLayerCSSReset kbd,.StreamLayerSDK .StreamLayerCSSReset label,.StreamLayerSDK .StreamLayerCSSReset legend,.StreamLayerSDK .StreamLayerCSSReset li,.StreamLayerSDK .StreamLayerCSSReset mark,.StreamLayerSDK .StreamLayerCSSReset menu,.StreamLayerSDK .StreamLayerCSSReset nav,.StreamLayerSDK .StreamLayerCSSReset object,.StreamLayerSDK .StreamLayerCSSReset ol,.StreamLayerSDK .StreamLayerCSSReset output,.StreamLayerSDK .StreamLayerCSSReset p,.StreamLayerSDK .StreamLayerCSSReset pre,.StreamLayerSDK .StreamLayerCSSReset q,.StreamLayerSDK .StreamLayerCSSReset ruby,.StreamLayerSDK .StreamLayerCSSReset s,.StreamLayerSDK .StreamLayerCSSReset samp,.StreamLayerSDK .StreamLayerCSSReset section,.StreamLayerSDK .StreamLayerCSSReset small,.StreamLayerSDK .StreamLayerCSSReset span,.StreamLayerSDK .StreamLayerCSSReset strike,.StreamLayerSDK .StreamLayerCSSReset strong,.StreamLayerSDK .StreamLayerCSSReset sub,.StreamLayerSDK .StreamLayerCSSReset summary,.StreamLayerSDK .StreamLayerCSSReset sup,.StreamLayerSDK .StreamLayerCSSReset table,.StreamLayerSDK .StreamLayerCSSReset tbody,.StreamLayerSDK .StreamLayerCSSReset td,.StreamLayerSDK .StreamLayerCSSReset tfoot,.StreamLayerSDK .StreamLayerCSSReset th,.StreamLayerSDK .StreamLayerCSSReset thead,.StreamLayerSDK .StreamLayerCSSReset time,.StreamLayerSDK .StreamLayerCSSReset tr,.StreamLayerSDK .StreamLayerCSSReset tt,.StreamLayerSDK .StreamLayerCSSReset u,.StreamLayerSDK .StreamLayerCSSReset ul,.StreamLayerSDK .StreamLayerCSSReset var,.StreamLayerSDK .StreamLayerCSSReset video{outline:none}.StreamLayerSDK,.StreamLayerSDK>.StreamLayerSDKTheme{height:100%}.StreamLayerSDKTheme *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.StreamLayerSDK>.StreamLayerSDKTheme .l4qld3l{align-items:center;border-radius:40px;-moz-column-gap:8px;column-gap:8px;display:inline-flex;padding:4px 17px 4px 4px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .l4qld3l:before{border:1px solid var(--color-neutrals-white);border-radius:40px;bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0;z-index:-1}@media (max-width:767px){.l4qld3l{padding-right:10px}}.StreamLayerSDK>.StreamLayerSDKTheme .ainhtok{-ms-flex-negative:0;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--color-primary-green2);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}@media (max-width:767px){.ainhtok{height:28px;width:28px}}.StreamLayerSDK>.StreamLayerSDKTheme .xk8yd5t{height:20px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .xk8yd5t path{fill:var(--color-neutrals-white)}@media (max-width:767px){.xk8yd5t{height:14px;width:14px}}.StreamLayerSDK>.StreamLayerSDKTheme .h6rf9gb{color:var(--color-neutrals-white);display:flex;flex-direction:column;font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .c18f5pxx{font-size:9px;margin-bottom:1px;text-transform:uppercase}@media (max-width:767px){.c18f5pxx{display:none}}.StreamLayerSDK>.StreamLayerSDKTheme .m1jwsyj1{font-size:18px;line-height:20px}@media (max-width:767px){.m1jwsyj1{font-size:14px;line-height:22px}}.StreamLayerSDK>.StreamLayerSDKTheme .pedqibx{--color-bg-transparent:rgba(0,0,0,.8);--color-bg-transparent-vote-container:rgba(10,14,19,.8);--color-bg-transparent-item:rgba(0,0,0,.7);--color-bg-transparent-item-vote:hsla(0,0%,100%,.1);--color-bg-transparent-item-success:rgba(0,139,251,.2);--color-bg-transparent-item-error:rgba(205,37,37,.2);--color-bg-transparent-vote-progress:hsla(0,0%,100%,.2);--color-bg-transparent-vote-progress-success:rgba(60,139,251,.5);--color-bg-transparent-vote-progress-error:rgba(205,37,37,.5);--color-bg-transparent-onboarding-inapp:rgba(138,159,182,.2);--color-leaderboard-unit:hsla(0,0%,100%,.5);--color-blue-primary:#1589ee;--color-red-primary:#cd2525;--color-red-secondary:#eb5757;--color-blue-question-action-btn:#1589ee;--color-white:#fff;--color-grey-1:#909395;--color-grey-2:#22262b;--color-grey-3:#2d3135;--color-grey-4:#53565a;--color-grey-primary-onboarding-inapp:#b5b7b8;--color-black-1:#161a1f;--color-green-1:#f7b801;--color-red-1:#a30000;--color-red-2:#ff4170;--color-grey-primary:#909395;--color-divider-color-secondary:#53565a;--color-green-primary-btn:#009b77;--color-primary-green1:#107d57;--color-primary-green2:#006747;--color-primary-green3:#1c4932;--color-primary-green4:#193526;--color-secondary-red1:#df2f3b;--color-secondary-red2:#ba0c2f;--color-secondary-red3:#f9d6d8;--color-secondary-yellow:#fce300;--color-secondary-green5:#c0dc8f;--color-secondary-green6:#cee5de;--color-neutrals-white:#fff;--color-neutrals-gray1:#f7f7f7;--color-neutrals-gray2:#f2f2f1;--color-neutrals-gray3:#e8e8e8;--color-neutrals-gray4:#d9d9d6;--color-neutrals-gray5:#b1b3b3;--color-neutrals-gray6:#888b8d;--color-neutrals-gray7:#6b6f73;--color-neutrals-gray8:#53565a;--color-neutrals-gray9:#25282a;--color-neutrals-black:#000;--font-family:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-regular:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-color:#fff;--font-serif:"Tiempos","Tiempos Text",Times New Roman,serif;--font-weight-default:500;--header-height:68px;--animation-duration:0.5s;--animation-function:ease;--container-padding:16px;--border-radius:8px}.StreamLayerSDK>.StreamLayerSDKTheme .pedqibx *{box-sizing:border-box}.StreamLayerSDK>.StreamLayerSDKTheme .k14894ro{background:#222425;height:100%;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2,.StreamLayerSDK>.StreamLayerSDKTheme .k14894ro{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2{background-color:var(--color-white);border:1px solid var(--color-neutrals-gray3);border-radius:100px;color:var(--color-primary-green1);cursor:pointer;font-size:12px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.5px;-moz-letter-spacing:-.5px;-ms-letter-spacing:-.5px;letter-spacing:-.5px;max-height:36px;min-height:36px;padding:0 8px}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-white)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2[data-selected=true]:disabled:hover{border-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:disabled{cursor:default;opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .enu64b2:disabled:hover{border-color:var(--color-neutrals-gray3);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .tw2meku{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;height:22px;justify-content:center;margin-right:5px;width:22px}.StreamLayerSDK>.StreamLayerSDKTheme .a10lggiw[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .a10lggiw[data-selected=true] g>path:nth-child(2){fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .d1x5s8ie[data-selected=true] g>path:first-child{stroke:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .d1x5s8ie[data-selected=true] g>path:nth-child(2){fill:#fff;stroke:#107d57}.StreamLayerSDK>.StreamLayerSDKTheme .ntav86o[data-selected=true] g>path{fill:#fff}.StreamLayerSDK>.StreamLayerSDKTheme .n1rlvhvz{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-neutrals-white);display:flex;justify-content:space-between}.StreamLayerSDK>.StreamLayerSDKTheme .n9bnom{animation:show-nav-n9bnom .5s ease;animation-fill-mode:forwards;border-bottom:1px solid var(--color-neutrals-gray3);box-sizing:border-box;left:0;opacity:0;overflow:hidden;padding:var(--container-padding);position:absolute;right:0;top:0}.StreamLayerSDK>.StreamLayerSDKTheme .n9bnom>button:not(:last-child){margin-right:8px}@keyframes show-nav-n9bnom{90%{opacity:0}to{height:68px;opacity:1}}.StreamLayerSDK>.StreamLayerSDKTheme .i1bwjtdb{border-radius:8px;cursor:pointer;display:flex;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .enb7moc{width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .r1ws5lyh{height:100%;left:0;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .soibf55{cursor:pointer;display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.StreamLayerSDK>.StreamLayerSDKTheme .rcr31jh{background-color:var(--color-neutrals-white);border-radius:8px;box-sizing:border-box;row-gap:16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .rcr31jh,.StreamLayerSDK>.StreamLayerSDKTheme .thj4z8w{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .thj4z8w{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .i1oks4sz{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;font-weight:var(--font-weight-default);line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .n18s3mno{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--color-neutrals-gray9);display:-webkit-box;font-size:12px;font-weight:550;font-weight:var(--font-weight-default);line-height:24px;max-height:50px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .lc8mqwv{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);display:flex;font-size:14px;font-weight:550;height:44px;justify-content:center;outline:none;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .lc8mqwv:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .p16oo5uk{background:#fff;border-radius:8px;box-sizing:border-box;overflow:hidden;padding:16px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .a18c5k3h{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:11px;top:11px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .czv5t8k g>path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .czv5t8k:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .s1wp1emp{align-items:center;display:flex;margin-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .l1nz0q6x{height:20px;margin-right:4px;width:20px}.StreamLayerSDK>.StreamLayerSDKTheme .l1nz0q6x path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .g1jhb9lu{color:var(--color-neutrals-gray7);font-size:12px;font-weight:550}.StreamLayerSDK>.StreamLayerSDKTheme .ds6gfsv{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;margin-bottom:12px;padding-right:10px}.StreamLayerSDK>.StreamLayerSDKTheme .xkzz16s{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);cursor:pointer;display:flex;font-size:14px;font-weight:550;height:44px;justify-content:center;outline:none;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .xkzz16s:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .s1aopxp8{animation:containerShowIn-s1aopxp8 ease-out;animation-duration:var(--animation-duration);max-height:2500px;opacity:1;overflow:hidden;transform:scale(1);width:100%}@keyframes containerShowIn-s1aopxp8{0%{max-height:0;opacity:0;transform:scale(0)}80%{max-height:2500px;opacity:0;transform:scale(.9)}85%{max-height:2500px;transform:scale(.9)}to{max-height:2500px;opacity:1;transform:scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .c1t0h6s{animation:containerHide-c1t0h6s ease-out;animation-direction:reverse;animation-duration:var(--animation-duration);animation-fill-mode:forwards}@keyframes containerHide-c1t0h6s{0%{max-height:0;opacity:0;transform:scale(0)}80%{max-height:2500px;opacity:0;transform:scale(.9)}85%{max-height:2500px;transform:scale(.9)}to{max-height:2500px;opacity:1;transform:scale(1)}}.StreamLayerSDK>.StreamLayerSDKTheme .d1qqtt3e{animation-duration:calc(var(--animation-duration)*3);position:relative;top:var(--header-height)}.StreamLayerSDK>.StreamLayerSDKTheme .d1qqtt3e>div{padding:var(--container-padding) calc(var(--container-padding)*2)}.StreamLayerSDK>.StreamLayerSDKTheme .idhrx8x{background:transparent;font-family:var(--font-regular);height:100%;min-width:324px;overflow:hidden;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep{height:100%;overflow-y:auto;transition:transform;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-function);width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep[data-nav=true]{height:calc(100% - var(--header-height));transform:translateY(var(--header-height))}.StreamLayerSDK>.StreamLayerSDKTheme .r1k6v4ep[data-question-header=true]{height:calc(100% - var(--question-headers-height));transform:translateY(var(--question-headers-height))}.StreamLayerSDK>.StreamLayerSDKTheme .n1v8kucd{display:flex;flex-direction:column;gap:var(--container-padding);padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .e16yw7z1.n1v8kucd{background-color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .acysrl1{-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--color-neutrals-white);border-bottom:1px solid var(--color-neutrals-gray3);box-sizing:border-box;color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);justify-content:space-between;padding:12px 12px 12px 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .acysrl1,.StreamLayerSDK>.StreamLayerSDKTheme .lo57cjm{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .p14kwh4y{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .p14kwh4y path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .sxun7sq{font-family:var(--font-regular);margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .c1i8ida8{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;outline:none;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .g1m0xfmw path{stroke:var(--color-neutrals-gray7)}.StreamLayerSDK>.StreamLayerSDKTheme .g1m0xfmw:hover path{stroke:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .taj61ja{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-primary-green2);border-radius:4px;color:var(--color-neutrals-white);display:flex;flex:1;justify-content:space-between;overflow:hidden;padding:9px 8px}.StreamLayerSDK>.StreamLayerSDKTheme .r19fxewd{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .i1whkbqh{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .i4lbhzs{align-items:center;color:var(--color-neutrals-white);display:flex;flex-direction:column;padding-top:2px;row-gap:4px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .ordquhq{font-size:14px;line-height:16px}.StreamLayerSDK>.StreamLayerSDKTheme .nwzed99{font-size:9px;line-height:14px;opacity:.8;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .o15y0waw{background-color:var(--color-primary-green1);border-radius:12px;font-weight:var(--font-weight-default);padding:12px}.StreamLayerSDK>.StreamLayerSDKTheme .ihjewwf{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex;justify-content:space-between;margin-bottom:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n10e9lv8{display:flex;flex-direction:column;row-gap:8px}.StreamLayerSDK>.StreamLayerSDKTheme .r13bxv{-moz-column-gap:8px;column-gap:8px;display:flex;flex:1;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .a1fi59c9{-ms-flex-negative:0;border-radius:50%;flex-shrink:0;height:48px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .s1kkihge{display:flex;flex-direction:column;overflow:hidden;row-gap:6px}.StreamLayerSDK>.StreamLayerSDKTheme .cy4f4t{color:var(--color-white);font-size:16px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .p18cnlx1{align-items:center;color:var(--color-neutrals-white);-moz-column-gap:8px;column-gap:8px;display:flex;font-size:14px;height:14px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .lboqgs5{height:15px;width:15px}.StreamLayerSDK>.StreamLayerSDKTheme .d1oaal4{align-items:center}.StreamLayerSDK>.StreamLayerSDKTheme .d1oaal4,.StreamLayerSDK>.StreamLayerSDKTheme .x1yzgo0u{-moz-column-gap:4px;column-gap:4px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .x1yzgo0u{align-items:baseline}.StreamLayerSDK>.StreamLayerSDKTheme .f1l9i8s8{font-size:9px;opacity:.8}.StreamLayerSDK>.StreamLayerSDKTheme .g4cgl4u{background-color:var(--color-white);height:10px;opacity:.2;width:1px}.StreamLayerSDK>.StreamLayerSDKTheme .h1qn1tmd{-moz-column-gap:8px;column-gap:8px;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .u1gsbhq4{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--color-primary-green2);border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .mvj8oco{-ms-flex-negative:0;background:#2d6ffd;border-radius:50%;color:#fff;flex-shrink:0;font-size:18px;height:48px;text-align:center;text-transform:uppercase;width:48px}.StreamLayerSDK>.StreamLayerSDKTheme .mvj8oco,.StreamLayerSDK>.StreamLayerSDKTheme .viqiaf2{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center}.StreamLayerSDK>.StreamLayerSDKTheme .viqiaf2{background-color:transparent;border:none;border-radius:50%;cursor:pointer;height:100%;max-height:48px;max-width:48px;outline:none;padding:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ciyeb68{align-items:center;display:flex;font-size:14px;margin-bottom:16px;padding:8px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .ciyeb68[data-isPrediction=true]{align-items:flex-start}.StreamLayerSDK>.StreamLayerSDKTheme .nfic4xc{height:24px;margin-left:12px;margin-right:14px;min-width:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .nfic4xc g>path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;margin-right:16px;min-width:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66[data-feedbackType=correct]{background-color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .d1pd1p66[data-feedbackType=incorrect]{background-color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .p132yxcv{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw{margin-right:5px}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw[data-feedbackType=correct]{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .l4a8aw[data-feedbackType=incorrect]{color:var(--color-secondary-red1)}.StreamLayerSDK>.StreamLayerSDKTheme .gzdx7pk{color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .smnc4zm{font-weight:400;margin-top:10px}.StreamLayerSDK>.StreamLayerSDKTheme .olc1eph{height:100%;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .olc1eph>div:not(:last-child){margin-bottom:16px}.StreamLayerSDK>.StreamLayerSDKTheme .n1yoh29a{padding:16px 16px 0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .pjkr5mb{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;margin:16px 0}.StreamLayerSDK>.StreamLayerSDKTheme .r82wnnx{display:flex;flex-direction:column;gap:8px;position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k{background-color:var(--color-neutrals-gray2);border:1px solid transparent;border-radius:4px;box-sizing:border-box;height:44px;max-height:44px;min-height:44px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k:hover:not(:disabled){border-color:var(--color-neutrals-gray5);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-selected=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray9)}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=correct]{border-color:var(--color-primary-green1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=correct]:before{background-color:var(--color-primary-green1);content:"";display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=incorrect]{border-color:var(--color-secondary-red1);position:relative}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-answerState=incorrect]:before{background-color:var(--color-secondary-red1);content:"";display:block;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .cpm4u8k[data-isNotChecked=true]{background-color:var(--color-white);border-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3{background-color:var(--color-neutrals-gray3);border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width 1s ease-in;z-index:0}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=correct]{background-color:var(--color-primary-green1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=incorrect]{background-color:var(--color-secondary-red1);opacity:.3}.StreamLayerSDK>.StreamLayerSDKTheme .lwfomc3[data-answerState=unset]{background-color:var(--color-neutrals-gray3)}.StreamLayerSDK>.StreamLayerSDKTheme .dmltvg2{align-items:center;background-color:transparent;border:none;border-radius:2px;color:var(--color-neutrals-gray9);display:flex;font-family:var(--font-regular);font-size:12px;font-weight:var(--font-weight-default);height:100%;outline:none;padding:5px 15px 5px 9px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .stfjpqz{width:60px}.StreamLayerSDK>.StreamLayerSDKTheme .p198m24r{background-repeat:no-repeat;background-size:contain;bottom:-1px;height:52px;left:0;position:absolute;width:52px}.StreamLayerSDK>.StreamLayerSDKTheme .rbq5eu7{margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .g1iv6oeb.rbq5eu7{height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .h1qtxlqc.rbq5eu7{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .udm736q{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .b1da34tx{display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .x1dqwq83{line-height:17px;margin-left:8px}.StreamLayerSDK>.StreamLayerSDKTheme .v10s9my2{height:16px;margin-left:8px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .a1f928zy{font-weight:var(--font-weight-default)}.StreamLayerSDK>.StreamLayerSDKTheme .a1r7f3z4{-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:1px solid var(--color-neutrals-gray3);border-radius:100px;color:var(--color-neutrals-gray9);display:flex;font-family:var(--font-regular);font-size:14px;font-weight:var(--font-weight-default);justify-content:space-between;-webkit-letter-spacing:-.15px;-moz-letter-spacing:-.15px;-ms-letter-spacing:-.15px;letter-spacing:-.15px;min-height:40px;padding:3px 3px 3px 11px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .a1r7f3z4>div:first-child:last-child{margin-left:auto;margin-right:auto}.StreamLayerSDK>.StreamLayerSDKTheme .sblndl{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .l7ka1tv{color:var(--color-neutrals-gray7);margin-right:8px}.StreamLayerSDK>.StreamLayerSDKTheme .p1edlxt3{margin-right:4px}.StreamLayerSDK>.StreamLayerSDKTheme .ghm08u2{align-items:flex-end;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .c12nsh46{font-size:14px;line-height:14px;margin-right:6px}.StreamLayerSDK>.StreamLayerSDKTheme .dlr9eoc{font-size:10px}.StreamLayerSDK>.StreamLayerSDKTheme .e18unvw4{background-color:var(--color-neutrals-white);padding:var(--container-padding);row-gap:16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e18unvw4,.StreamLayerSDK>.StreamLayerSDKTheme .rs0uvk8{display:flex;flex-direction:column}.StreamLayerSDK>.StreamLayerSDKTheme .rs0uvk8{row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n1hem4g7{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:16px;font-weight:var(--font-weight-default);line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .i193lbwv{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);line-height:24px}.StreamLayerSDK>.StreamLayerSDKTheme .a1dka9qs{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:1px solid var(--color-primary-green1);border-radius:40px;color:var(--color-primary-green1);-moz-column-gap:10px;column-gap:10px;display:flex;font-size:14px;font-weight:var(--font-weight-default);justify-content:center;line-height:20px;padding:11px 16px;-webkit-text-decoration:none;text-decoration:none}.StreamLayerSDK>.StreamLayerSDKTheme .l1un98tk{color:var(--color-neutrals-gray7);font-size:12px;font-weight:550}.StreamLayerSDK>.StreamLayerSDKTheme .dk8r1eq{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;background:var(--color-transparent-item);display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o{background-color:var(--color-neutrals-gray2);border-radius:8px;box-sizing:border-box;display:flex;overflow:hidden;padding:4px;position:relative;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o:before{background-color:var(--color-white);border-radius:6px;content:"";height:28px;left:4px;position:absolute;transition:transform var(--animation-duration) var(--animation-function);width:calc(50% - 4px)}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o[data-position=left]:before{transform:translateX(0)}.StreamLayerSDK>.StreamLayerSDKTheme .e8wco6o[data-position=right]:before{transform:translateX(100%)}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:none;box-sizing:border-box;color:var(--color-neutrals-gray7);cursor:pointer;display:flex;font-size:12px;font-weight:550;height:28px;justify-content:center;outline:none;padding:4px 10px;width:50%}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl:hover{color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .n1ardwzl[data-selected=true]{color:var(--color-primary-green1);cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .i1vk8ojx{position:relative;z-index:2}.StreamLayerSDK>.StreamLayerSDKTheme .a1w9zony{align-items:center;background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-gray3);border-radius:8px;color:var(--color-neutrals-gray9);-moz-column-gap:4px;column-gap:4px;cursor:pointer;display:flex;font-size:12px;font-weight:var(--font-weight-default);line-height:16px;padding:8px 16px 8px 8px}.StreamLayerSDK>.StreamLayerSDKTheme .a1w9zony:hover{border-color:var(--color-neutrals-gray5);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .l16qcfv8{min-width:28px;text-align:center}.StreamLayerSDK>.StreamLayerSDKTheme .p1gmcc5f{border-radius:50%;height:32px;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .s1doddh0{-ms-flex-negative:0;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--color-grey-primary-onboarding-inapp);border-radius:50%;color:var(--color-neutrals-gray9);flex-shrink:0;font-size:12px;height:32px;justify-content:center;text-align:center;text-transform:uppercase;width:32px}.StreamLayerSDK>.StreamLayerSDKTheme .c1js9xhe,.StreamLayerSDK>.StreamLayerSDKTheme .s1doddh0{align-items:center;display:flex}.StreamLayerSDK>.StreamLayerSDKTheme .c1js9xhe{-webkit-box-flex:1;-ms-flex-positive:1;-moz-column-gap:8px;column-gap:8px;flex-grow:1}.StreamLayerSDK>.StreamLayerSDKTheme .d1tmnqsh{align-items:center;-moz-column-gap:4px;column-gap:4px;display:grid;grid-template-columns:1fr auto}.StreamLayerSDK>.StreamLayerSDKTheme .gi9h87j{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .x13mk3z6{flex-shrink:0}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2{border:1px solid;border-radius:71px;font-size:12px;font-weight:var(--font-weight-default);outline:none;padding:14px 16px 12px}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=primary]{background-color:var(--color-primary-green1);border-color:var(--color-primary-green1);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=primary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=secondary]{background-color:transparent;border-color:var(--color-primary-green1);color:var(--color-primary-green1)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2[data-variant=secondary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2);color:var(--color-neutrals-white)}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2:disabled{opacity:.5}.StreamLayerSDK>.StreamLayerSDKTheme .akly9h2:disabled:hover{cursor:default}.StreamLayerSDK>.StreamLayerSDKTheme .s1lblda3{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:var(--border-radius);display:flex;gap:12px;justify-content:space-between;padding:var(--container-padding)}.StreamLayerSDK>.StreamLayerSDKTheme .s1lblda3:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .ascvb2g{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;display:flex;font-size:12px;font-weight:500;justify-content:flex-start;margin-bottom:8px}.StreamLayerSDK>.StreamLayerSDKTheme .p17rl8zy{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:14px;font-weight:400}.StreamLayerSDK>.StreamLayerSDKTheme .c6fk2ph{height:24px;width:24px}.StreamLayerSDK>.StreamLayerSDKTheme .d1rdm136{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .d1rdm136 path{fill:var(--color-primary-green1);fill-opacity:1}.StreamLayerSDK>.StreamLayerSDKTheme .fwqnnel{color:var(--color-neutrals-gray7);font-size:12px;font-weight:500;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .ucyxnlg{display:flex;flex:1;flex-direction:column;font-weight:700;overflow:hidden}.StreamLayerSDK>.StreamLayerSDKTheme .xs2nk4s{color:var(--color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.StreamLayerSDK>.StreamLayerSDKTheme .gtym8sr{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:8px;height:20px;padding:6px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .vkjgzv5{height:16px;width:16px}.StreamLayerSDK>.StreamLayerSDKTheme .h7uvs2c{text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .m53voq{border-left:1px solid var(--color-grey-primary);margin-left:5px;padding-left:5px;text-transform:uppercase}.StreamLayerSDK>.StreamLayerSDKTheme .e1jcgove{background-color:var(--color-neutrals-white);border:1px solid var(--color-neutrals-white);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--container-padding);row-gap:16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .e1jcgove:hover{border-color:var(--color-neutrals-gray4)}.StreamLayerSDK>.StreamLayerSDKTheme .t1bwp7hh{color:var(--color-neutrals-gray7);font-size:12px;font-weight:550}.StreamLayerSDK>.StreamLayerSDKTheme .i1xav4cl{display:flex;flex-direction:column;row-gap:12px}.StreamLayerSDK>.StreamLayerSDKTheme .n3qb30y{color:var(--color-primary-green2);font-family:var(--font-serif);font-size:16px;font-weight:400;font-weight:var(--font-weight-default);line-height:26px}.StreamLayerSDK>.StreamLayerSDKTheme .ap5d9g7{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--color-neutrals-gray9);display:-webkit-box;font-size:12px;font-weight:550;font-weight:var(--font-weight-default);line-height:24px;max-height:50px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.StreamLayerSDK>.StreamLayerSDKTheme .lvdbmlu{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--color-primary-green1);border:none;border-radius:40px;color:var(--color-white);display:flex;font-size:14px;font-weight:550;height:44px;justify-content:center;outline:none;padding:0 16px;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .lvdbmlu:hover{background-color:var(--color-primary-green2);cursor:pointer}.StreamLayerSDK>.StreamLayerSDKTheme .t19vr3p1{display:flex;flex-direction:column;gap:8px;max-height:100%;overflow-y:auto}.StreamLayerSDK>.StreamLayerSDKTheme .m1ph66cs{background:var(--color-neutrals-white);inset:0;position:absolute;top:var(--header-height);z-index:3}.StreamLayerSDK>.StreamLayerSDKTheme .xorme7i{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;background:var(--color-transparent-item);display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%}.StreamLayerSDK>.StreamLayerSDKTheme .xorme7i>div{width:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react",
-  "version": "0.28.3",
+  "version": "0.28.5",
   "type": "module",
   "author": "StreamLayer, Inc (https://streamlayer.io)",
   "maintainers": [
@@ -54,28 +54,29 @@
     }
   ],
   "dependencies": {
-    "@streamlayer/feature-gamification": "^0.23.0",
-    "@streamlayer/sdk-web": "^0.28.18",
+    "@streamlayer/feature-gamification": "^0.23.1",
+    "@streamlayer/sdk-web": "^0.28.19",
     "@streamlayer/sdk-web-api": "^0.0.1",
-    "@streamlayer/sdk-web-core": "^0.17.7",
-    "@streamlayer/sdk-web-features": "^0.10.21",
-    "@streamlayer/sdk-web-interfaces": "^0.18.14",
-    "@streamlayer/sdk-web-logger": "^0.0.3",
-    "@streamlayer/sdk-web-notifications": "^0.12.0",
-    "@streamlayer/sdk-web-storage": "^0.0.3",
-    "@streamlayer/sdk-web-types": "^0.20.0"
+    "@streamlayer/sdk-web-core": "^0.17.8",
+    "@streamlayer/sdk-web-features": "^0.10.22",
+    "@streamlayer/sdk-web-interfaces": "^0.18.15",
+    "@streamlayer/sdk-web-logger": "^0.0.4",
+    "@streamlayer/sdk-web-notifications": "^0.12.1",
+    "@streamlayer/sdk-web-storage": "^0.0.4",
+    "@streamlayer/sdk-web-types": "^0.20.1"
   },
   "peerDependencies": {
     "@bufbuild/protobuf": "^1.4.2",
     "@connectrpc/connect": "^1.1.3",
     "@connectrpc/connect-web": "^1.1.3",
+    "@fastify/deepmerge": "*",
     "@nanostores/logger": "^0.2.4",
     "@nanostores/query": "^0.2.8",
     "@nanostores/react": "^0.7.1",
     "nanostores": "^0.9.5",
-    "@fastify/deepmerge": "*",
     "pino": "^8.16.1",
     "react-auth-code-input": "^3.2.1",
+    "@lottiefiles/react-lottie-player": "*",
     "react-countdown-circle-timer": "^3.2.1",
     "react-phone-number-input": "^3.3.7"
   },
@@ -113,7 +114,7 @@
     "size-limit": "^11.0.0",
     "url-loader": "^4.1.1",
     "vite-plugin-dts": "^3.6.3",
-    "@streamlayer/react-ui": "^0.59.0"
+    "@streamlayer/react-ui": "^0.59.2"
   },
   "scripts": {
     "size-limit": "size-limit"

package/lib/index-44ee2284.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("./index-6b61558d.cjs"),w=require("@nanostores/react"),z=require("./masters-11a6e952.cjs"),T=require("react"),j=require("@streamlayer/sdk-web-types"),Q=require("./common-dc2f2d4f.cjs"),je=require("react-countdown-circle-timer"),E=require("./index-89c19a6e.cjs");require("@streamlayer/sdk-web-interfaces");require("@streamlayer/sdk-web-notifications");require("./cjs/useStreamLayerApp.js");require("@streamlayer/sdk-web");const ve=()=>i.e1,Ne=()=>i.e1,Se=i.styled_default("div")({name:"a",class:"acysrl1",propsAsIs:!1}),Ae=i.styled_default("div")({name:"l",class:"lo57cjm",propsAsIs:!1}),De=i.styled_default(ve())({name:"p",class:"p14kwh4y",propsAsIs:!0}),Te=i.styled_default("span")({name:"s",class:"sxun7sq",propsAsIs:!1}),ze=i.styled_default("button")({name:"c",class:"c1i8ida8",propsAsIs:!1}),_e=i.styled_default(Ne())({name:"g",class:"g1m0xfmw",propsAsIs:!0}),ce=({type:t,close:e,label:n})=>{const a=t?z.o[t]:{label:n,iconName:void 0};return s.jsxs(Se,{children:[s.jsxs(Ae,{children:[(a==null?void 0:a.iconName)&&s.jsx(De,{name:a.iconName}),(a==null?void 0:a.label)&&s.jsx(Te,{children:a.label})]}),s.jsx(ze,{onClick:e,children:s.jsx(_e,{name:"icon-cross"})})]})};const Oe=i.styled_default("div")({name:"t",class:"taj61ja",propsAsIs:!1}),we=i.styled_default("div")({name:"r",class:"r19fxewd",propsAsIs:!1}),ke=i.styled_default("div")({name:"i",class:"i1whkbqh",propsAsIs:!1}),Z=({indicator:t,title:e})=>s.jsxs(Oe,{children:[s.jsx(we,{children:e}),s.jsx(ke,{children:t})]});const Ee=i.styled_default("div")({name:"i",class:"i4lbhzs",propsAsIs:!1}),be=i.styled_default("div")({name:"o",class:"ordquhq",propsAsIs:!1}),Le=i.styled_default("div")({name:"n",class:"nwzed99",propsAsIs:!1}),R=({indicator:t,title:e})=>s.jsxs(Ee,{children:[s.jsx(be,{children:t}),s.jsx(Le,{children:e})]});const Ce=i.styled_default("div")({name:"o",class:"o15y0waw",propsAsIs:!1}),$e=i.styled_default("div")({name:"i",class:"ihjewwf",propsAsIs:!1}),Re=i.styled_default("div")({name:"n",class:"n10e9lv8",propsAsIs:!1}),Qe=i.styled_default("div")({name:"r",class:"r13bxv",propsAsIs:!1}),Ue=i.styled_default("img")({name:"a",class:"a1fi59c9",propsAsIs:!1}),qe=i.styled_default("div")({name:"s",class:"s1kkihge",propsAsIs:!1}),Ye=i.styled_default("div")({name:"c",class:"cy4f4t",propsAsIs:!1}),Pe=i.styled_default("div")({name:"p",class:"p18cnlx1",propsAsIs:!1}),We=i.styled_default("img")({name:"l",class:"lboqgs5",propsAsIs:!1}),Ve=i.styled_default("div")({name:"d",class:"d1oaal4",propsAsIs:!1}),Fe=i.styled_default("div")({name:"x",class:"x1yzgo0u",propsAsIs:!1}),He=i.styled_default("div")({name:"f",class:"f1l9i8s8",propsAsIs:!1}),Be=i.styled_default("div")({name:"g",class:"g4cgl4u",propsAsIs:!1}),Ge=i.styled_default("div")({name:"h",class:"h1qn1tmd",propsAsIs:!1}),Ze=i.styled_default("div")({name:"u",class:"u1gsbhq4",propsAsIs:!1}),Je=i.styled_default("div")({name:"m",class:"mvj8oco",propsAsIs:!1}),Ke=i.styled_default("button")({name:"v",class:"viqiaf2",propsAsIs:!1}),Xe="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=",de=({avatar:t,name:e,points:n,friendsRank:a,rank:r,streak:o,correct:f,incorrect:u,inTop:m,average:I})=>s.jsxs(Ce,{children:[s.jsx($e,{children:s.jsxs(Qe,{children:[s.jsxs(Ke,{children:[t&&s.jsx(Ue,{alt:"avatar",src:t}),!t&&s.jsx(Je,{children:Q.e(e||"")})]}),s.jsxs(qe,{children:[s.jsx(Ye,{children:e}),s.jsxs(Pe,{children:[s.jsxs(Ve,{children:[s.jsx(We,{alt:"rank-icon",src:Xe}),s.jsxs(Fe,{children:[Q.a(n),s.jsx(He,{children:"PTS"})]})]}),s.jsx(Be,{}),s.jsxs("div",{children:["TOP ",m||0,"%"]})]})]})]})}),s.jsxs(Re,{children:[s.jsxs(Ge,{children:[s.jsx(Z,{indicator:a||0,title:"Friends rank"}),s.jsx(Z,{indicator:r||0,title:"Global rank"})]}),s.jsxs(Ze,{children:[s.jsx(R,{indicator:o||0,title:"Win streak"}),s.jsx(R,{indicator:f||0,title:"Correct"}),s.jsx(R,{indicator:u||0,title:"Incorrect"}),s.jsx(R,{indicator:`${I||0}%`,title:"Succ. rate"})]})]})]});const et=()=>i.e1,tt=i.styled_default("div")({name:"c",class:"ciyeb68",propsAsIs:!1}),st=i.styled_default(et())({name:"n",class:"nfic4xc",propsAsIs:!0}),nt=i.styled_default("div")({name:"d",class:"d1pd1p66",propsAsIs:!1}),at=i.styled_default("div")({name:"p",class:"p132yxcv",propsAsIs:!1}),it=i.styled_default("span")({name:"l",class:"l4a8aw",propsAsIs:!1}),J=i.styled_default("span")({name:"g",class:"gzdx7pk",propsAsIs:!1}),rt=({feedbackMessages:t,questionVotedCorrectly:e,questionVoted:n,questionType:a,hasCorrectAnswer:r})=>{if(!(n&&(a===j.QuestionType.TRIVIA||a===j.QuestionType.PREDICTION)))return null;const o=a===j.QuestionType.PREDICTION&&!r,f=e?"correct":"incorrect",u=e?t.correctFeedback:t.incorrectFeedback;return s.jsxs(tt,{"data-isPrediction":o,children:[o&&s.jsxs(s.Fragment,{children:[s.jsx(st,{name:"icon-prediction"}),s.jsx(J,{children:"Stay tuned to see if your prediction was correct."})]}),r&&s.jsxs(s.Fragment,{children:[s.jsx(nt,{"data-feedbackType":f,children:s.jsx(i.e1,{name:f})}),s.jsx("div",{children:s.jsxs(at,{children:[s.jsx(it,{"data-feedbackType":f,children:u==null?void 0:u.title}),s.jsx(J,{children:u==null?void 0:u.description})]})})]})]})};const lt=i.styled_default("div")({name:"o",class:"olc1eph",propsAsIs:!1}),ot=i.styled_default("div")({name:"n",class:"n1yoh29a",propsAsIs:!1}),ct=i.styled_default("div")({name:"p",class:"pjkr5mb",propsAsIs:!1}),dt=i.styled_default("div")({name:"r",class:"r82wnnx",propsAsIs:!1});const ut=()=>ue,pt=()=>ue,ft=()=>i.e1,mt=i.styled_default("button")({name:"c",class:"cpm4u8k",propsAsIs:!1}),ht=i.styled_default("div")({name:"l",class:"lwfomc3",propsAsIs:!1}),It=i.styled_default("span")({name:"d",class:"dmltvg2",propsAsIs:!1}),yt=i.styled_default("div")({name:"s",class:"stfjpqz",propsAsIs:!1}),xt=i.styled_default("div")({name:"p",class:"p198m24r",propsAsIs:!1}),ue=i.styled_default("img")({name:"r",class:"rbq5eu7",propsAsIs:!1}),gt=i.styled_default(ut())({name:"g",class:"g1iv6oeb",propsAsIs:!0}),Mt=i.styled_default(pt())({name:"h",class:"h1qtxlqc",propsAsIs:!0}),jt=i.styled_default("span")({name:"u",class:"udm736q",propsAsIs:!1}),vt=i.styled_default("span")({name:"b",class:"b1da34tx",propsAsIs:!1}),Nt=i.styled_default("span")({name:"x",class:"x1dqwq83",propsAsIs:!1}),St=i.styled_default(ft())({name:"v",class:"v10s9my2",propsAsIs:!0}),K={[j.QuestionImages.CENTERED]:t=>s.jsx(gt,{alt:"option-icon",src:t}),[j.QuestionImages.TRANSPARENT]:t=>s.jsx(yt,{children:s.jsx(xt,{style:{backgroundImage:`url(${t})`}})}),[j.QuestionImages.ROUNDED]:t=>s.jsx(Mt,{alt:"option-icon",src:t}),[j.QuestionImages.NONE]:()=>null,[j.QuestionImages.UNSET]:()=>null},At=({questionType:t,hasCorrectAnswer:e,correct:n,youVoted:a,questionVoted:r})=>{if(t===j.QuestionType.POLL&&a)return"correct";if(t===j.QuestionType.PREDICTION){if(e&&r)return a?n?"correct":"incorrect":n?"correct":"unset";if(a)return"correct"}return t===j.QuestionType.TRIVIA&&r?a?n?"correct":"incorrect":n?"correct":"unset":"unset"},Dt=({questionType:t,questionVoted:e,correct:n,hasCorrectAnswer:a,questionStatus:r})=>t===j.QuestionType.TRIVIA?e&&n:t===j.QuestionType.PREDICTION?e&&n&&a||r===j.QuestionStatus.RESOLVED&&n:!1,Tt=t=>{var e;const{id:n,icon:a,text:r,percentageDecimal:o,onVote:f,youSelected:u,questionVoted:m,imageMode:I=j.QuestionImages.ROUNDED,answerTimeExpired:M,questionStatus:v,isLoading:x,questionType:N,correct:g,hasCorrectAnswer:l}=t,c=At(t),d=Dt({questionType:N,questionVoted:m,correct:g,hasCorrectAnswer:l,questionStatus:v}),p=m||v===j.QuestionStatus.RESOLVED&&N===j.QuestionType.PREDICTION;return s.jsxs(mt,{value:n,"data-selected":u,"data-answerState":c,disabled:m||x||M,onClick:f,children:[p&&s.jsx(ht,{"data-answerState":c,style:{width:`${o}%`}}),s.jsxs(It,{children:[a&&((e=K[I])==null?void 0:e.call(K,a)),s.jsx(jt,{children:r}),p&&s.jsxs(vt,{children:[d&&s.jsx(St,{name:"selected"}),s.jsxs(Nt,{children:[o,"%"]})]})]})]})};const zt=[E.E.PRIMARY_GREEN1,E.E.SECONDARY_RED1,E.E.SECONDARY_RED1],_t=[10,10,0],Ot=i.styled_default("div")({name:"A",class:"a1f928zy",propsAsIs:!1}),wt=E.E.SECONDARY_GREEN6,X=E.E.SECONDARY_RED3,kt=E.E.NEUTRALS_GRAY3,Et=({isPlaying:t=!0,duration:e=30,onTimerExpired:n})=>{const[a,r]=T.useState(e>10?wt:X),o=({remainingTime:m})=>s.jsx(Ot,{children:m}),f=T.useCallback(()=>{n==null||n(),r(kt)},[n,r]),u=T.useCallback(m=>{m===10&&r(X)},[r]);return s.jsx(je.CountdownCircleTimer,{isPlaying:t,duration:e,colors:zt,colorsTime:_t,size:32,strokeWidth:2,trailStrokeWidth:2,trailColor:a,onComplete:f,onUpdate:u,children:o})};const bt=()=>i.e1,Lt=i.styled_default("div")({name:"a",class:"a1r7f3z4",propsAsIs:!1}),Ct=i.styled_default("div")({name:"s",class:"sblndl",propsAsIs:!1}),$t=i.styled_default("div")({name:"l",class:"l7ka1tv",propsAsIs:!1}),Rt=i.styled_default(bt())({name:"p",class:"p1edlxt3",propsAsIs:!0}),Qt=i.styled_default("div")({name:"g",class:"ghm08u2",propsAsIs:!1}),Ut=i.styled_default("span")({name:"c",class:"c12nsh46",propsAsIs:!1}),qt=i.styled_default("span")({name:"d",class:"dlr9eoc",propsAsIs:!1}),Yt=({title:t,points:e,isPlayingTimer:n,isTimer:a,onTimerExpired:r})=>s.jsxs(Lt,{children:[s.jsxs(Ct,{children:[t&&s.jsx($t,{children:t}),e!==void 0&&s.jsxs(s.Fragment,{children:[s.jsx(Rt,{name:"icon-trophy"}),s.jsxs(Qt,{children:[s.jsx(Ut,{children:e}),s.jsx(qt,{children:"PTS"})]})]})]}),a&&s.jsx(Et,{isPlaying:n,onTimerExpired:r})]}),Pt=({openedQuestion:t,vote:e})=>{var n;const a=t.subject,r=t.type,o=(n=t.options)==null?void 0:n.options,[f,u]=T.useState(!1),[m,I]=T.useState(!1),[M,v]=T.useState(""),x=t==null?void 0:t.id,N=T.useCallback(async p=>{if(x){const h=p.currentTarget.value;v(h),I(!0),await e(x,h),I(!1)}},[x,v,e]),g=T.useMemo(()=>t==null?void 0:t.answers.find(p=>p.youVoted===!0),[t]),l=T.useMemo(()=>!!(t!=null&&t.answers.find(p=>p.correct===!0)),[t]),c=T.useMemo(()=>t?t.answers.map(p=>({...p,questionVoted:!!g,youSelected:M===p.id,isLoading:m,hasCorrectAnswer:l,questionType:t.type,answerTimeExpired:f,questionStatus:t.status,onVote:N})):[],[l,f,m,t,g,N,M]),d=o&&(o.case==="trivia"||o.case==="prediction")?o.value:void 0;return s.jsx(z.r,{"data-question-header":"true",children:s.jsx(lt,{children:s.jsxs(ot,{children:[d&&s.jsx(rt,{feedbackMessages:d,questionVoted:!!g,questionVotedCorrectly:g==null?void 0:g.correct,questionType:r,hasCorrectAnswer:l}),s.jsx(Yt,{title:f?"Expired":"To win",points:f?void 0:100,onTimerExpired:()=>u(!0),isTimer:!0}),s.jsx(ct,{children:a}),s.jsx(dt,{children:c.map(p=>s.jsx(Tt,{...p},p.id))})]})})})};const Wt=i.styled_default("div")({name:"e",class:"e18unvw4",propsAsIs:!1}),Vt=i.styled_default("div")({name:"r",class:"rs0uvk8",propsAsIs:!1}),Ft=i.styled_default("h3")({name:"n",class:"n1hem4g7",propsAsIs:!1}),Ht=i.styled_default("div")({name:"i",class:"i193lbwv",propsAsIs:!1}),Bt=i.styled_default("a")({name:"a",class:"a1dka9qs",propsAsIs:!1}),Gt=i.styled_default("div")({name:"l",class:"l1un98tk",propsAsIs:!1}),Zt=({created:t,title:e,instantView:n})=>{const a=new Date(t),r=a.toLocaleDateString("en-US",{weekday:"short",month:"short",day:"numeric"}),o=a.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"});return s.jsxs(Wt,{children:[s.jsxs(Gt,{children:[r,"・",o]}),(n==null?void 0:n.video)&&s.jsx(z.w,{source:n.video.url,poster:n.video.thumbnailUrl}),s.jsxs(Vt,{children:[s.jsx(Ft,{children:(n==null?void 0:n.heading)||e}),s.jsx(Ht,{children:n==null?void 0:n.body}),(n==null?void 0:n.webLink)&&s.jsxs(Bt,{href:n==null?void 0:n.webLink.url,target:"_blank",children:["Explore more of the Masters History",s.jsx(i.e1,{name:"icon-external-link"})]})]})]})};const Jt=i.styled_default("div")({name:"d",class:"dk8r1eq",propsAsIs:!1}),Kt=({openedQuestion:t})=>{var e;return((e=t==null?void 0:t.attributes)==null?void 0:e.attributes.case)==="insight"?s.jsx(Zt,{created:t.attributes.created,...t.attributes.attributes.value}):null},Xt=({extendedQuestion:t,vote:e})=>{const{loading:n,data:a}=t;return!n&&a?s.jsx(Pt,{vote:e,openedQuestion:a}):null},es=({gamification:t})=>{var e;const n=w.useStore(t.openedQuestion.$store),a=w.useStore(t.openedQuestion.$extendedStore);if(!n)return null;const r=n.type;return s.jsxs(Jt,{children:[s.jsx(ce,{close:t.closeQuestion,type:((e=n.attributes)==null?void 0:e.type)||j.QuestionType.UNSET}),r==="question"&&s.jsx(Xt,{vote:t.submitAnswer,extendedQuestion:a}),r!=="question"&&s.jsx(Kt,{openedQuestion:n})]})};const ts=i.styled_default("div")({name:"t",class:"tcim9sm",propsAsIs:!1}),ss=i.styled_default("div")({name:"e",class:"e8wco6o",propsAsIs:!1}),ns=i.styled_default("button")({name:"n",class:"n1ardwzl",propsAsIs:!1}),as=i.styled_default("span")({name:"i",class:"i1vk8ojx",propsAsIs:!1});var L=(t=>(t.HOME="home",t.LEADERBOARD="leaderboard",t))(L||{});const ee=({title:t,active:e,onClick:n})=>s.jsx(ns,{onClick:n,"data-selected":e,children:s.jsx(as,{children:t})}),is=({activePage:t="home",toggleActivePage:e})=>s.jsx(ts,{children:s.jsxs(ss,{"data-position":t==="home"?"left":"right",children:[s.jsx(ee,{title:"Home",active:t==="home",onClick:()=>e("home")}),s.jsx(ee,{title:"Leader Board",active:t==="leaderboard",onClick:()=>e("leaderboard")})]})});function W(){return W=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(t[a]=n[a])}return t},W.apply(this,arguments)}function te(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function V(t,e){return V=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(a,r){return a.__proto__=r,a},V(t,e)}function rs(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,V(t,e)}var se=Number.isNaN||function(e){return typeof e=="number"&&e!==e};function ls(t,e){return!!(t===e||se(t)&&se(e))}function os(t,e){if(t.length!==e.length)return!1;for(var n=0;n<t.length;n++)if(!ls(t[n],e[n]))return!1;return!0}function q(t,e){e===void 0&&(e=os);var n,a=[],r,o=!1;function f(){for(var u=[],m=0;m<arguments.length;m++)u[m]=arguments[m];return o&&n===this&&e(u,a)||(r=t.apply(this,u),o=!0,n=this,a=u),r}return f}var cs=typeof performance=="object"&&typeof performance.now=="function",ne=cs?function(){return performance.now()}:function(){return Date.now()};function ae(t){cancelAnimationFrame(t.id)}function ds(t,e){var n=ne();function a(){ne()-n>=e?t.call(null):r.id=requestAnimationFrame(a)}var r={id:requestAnimationFrame(a)};return r}var Y=-1;function ie(t){if(t===void 0&&(t=!1),Y===-1||t){var e=document.createElement("div"),n=e.style;n.width="50px",n.height="50px",n.overflow="scroll",document.body.appendChild(e),Y=e.offsetWidth-e.clientWidth,document.body.removeChild(e)}return Y}var k=null;function re(t){if(t===void 0&&(t=!1),k===null||t){var e=document.createElement("div"),n=e.style;n.width="50px",n.height="50px",n.overflow="scroll",n.direction="rtl";var a=document.createElement("div"),r=a.style;return r.width="100px",r.height="100px",e.appendChild(a),document.body.appendChild(e),e.scrollLeft>0?k="positive-descending":(e.scrollLeft=1,e.scrollLeft===0?k="negative":k="positive-ascending"),document.body.removeChild(e),k}return k}var us=150,ps=function(e,n){return e};function fs(t){var e,n=t.getItemOffset,a=t.getEstimatedTotalSize,r=t.getItemSize,o=t.getOffsetForIndexAndAlignment,f=t.getStartIndexForOffset,u=t.getStopIndexForStartIndex,m=t.initInstanceProps,I=t.shouldResetStyleCacheOnItemSizeChange,M=t.validateProps;return e=function(v){rs(x,v);function x(g){var l;return l=v.call(this,g)||this,l._instanceProps=m(l.props,te(l)),l._outerRef=void 0,l._resetIsScrollingTimeoutId=null,l.state={instance:te(l),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof l.props.initialScrollOffset=="number"?l.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},l._callOnItemsRendered=void 0,l._callOnItemsRendered=q(function(c,d,p,h){return l.props.onItemsRendered({overscanStartIndex:c,overscanStopIndex:d,visibleStartIndex:p,visibleStopIndex:h})}),l._callOnScroll=void 0,l._callOnScroll=q(function(c,d,p){return l.props.onScroll({scrollDirection:c,scrollOffset:d,scrollUpdateWasRequested:p})}),l._getItemStyle=void 0,l._getItemStyle=function(c){var d=l.props,p=d.direction,h=d.itemSize,A=d.layout,y=l._getItemStyleCache(I&&h,I&&A,I&&p),S;if(y.hasOwnProperty(c))S=y[c];else{var D=n(l.props,c,l._instanceProps),_=r(l.props,c,l._instanceProps),O=p==="horizontal"||A==="horizontal",C=p==="rtl",$=O?D:0;y[c]=S={position:"absolute",left:C?void 0:$,right:C?$:void 0,top:O?0:D,height:O?"100%":_,width:O?_:"100%"}}return S},l._getItemStyleCache=void 0,l._getItemStyleCache=q(function(c,d,p){return{}}),l._onScrollHorizontal=function(c){var d=c.currentTarget,p=d.clientWidth,h=d.scrollLeft,A=d.scrollWidth;l.setState(function(y){if(y.scrollOffset===h)return null;var S=l.props.direction,D=h;if(S==="rtl")switch(re()){case"negative":D=-h;break;case"positive-descending":D=A-p-h;break}return D=Math.max(0,Math.min(D,A-p)),{isScrolling:!0,scrollDirection:y.scrollOffset<h?"forward":"backward",scrollOffset:D,scrollUpdateWasRequested:!1}},l._resetIsScrollingDebounced)},l._onScrollVertical=function(c){var d=c.currentTarget,p=d.clientHeight,h=d.scrollHeight,A=d.scrollTop;l.setState(function(y){if(y.scrollOffset===A)return null;var S=Math.max(0,Math.min(A,h-p));return{isScrolling:!0,scrollDirection:y.scrollOffset<S?"forward":"backward",scrollOffset:S,scrollUpdateWasRequested:!1}},l._resetIsScrollingDebounced)},l._outerRefSetter=function(c){var d=l.props.outerRef;l._outerRef=c,typeof d=="function"?d(c):d!=null&&typeof d=="object"&&d.hasOwnProperty("current")&&(d.current=c)},l._resetIsScrollingDebounced=function(){l._resetIsScrollingTimeoutId!==null&&ae(l._resetIsScrollingTimeoutId),l._resetIsScrollingTimeoutId=ds(l._resetIsScrolling,us)},l._resetIsScrolling=function(){l._resetIsScrollingTimeoutId=null,l.setState({isScrolling:!1},function(){l._getItemStyleCache(-1,null)})},l}x.getDerivedStateFromProps=function(l,c){return ms(l,c),M(l),null};var N=x.prototype;return N.scrollTo=function(l){l=Math.max(0,l),this.setState(function(c){return c.scrollOffset===l?null:{scrollDirection:c.scrollOffset<l?"forward":"backward",scrollOffset:l,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},N.scrollToItem=function(l,c){c===void 0&&(c="auto");var d=this.props,p=d.itemCount,h=d.layout,A=this.state.scrollOffset;l=Math.max(0,Math.min(l,p-1));var y=0;if(this._outerRef){var S=this._outerRef;h==="vertical"?y=S.scrollWidth>S.clientWidth?ie():0:y=S.scrollHeight>S.clientHeight?ie():0}this.scrollTo(o(this.props,l,c,A,this._instanceProps,y))},N.componentDidMount=function(){var l=this.props,c=l.direction,d=l.initialScrollOffset,p=l.layout;if(typeof d=="number"&&this._outerRef!=null){var h=this._outerRef;c==="horizontal"||p==="horizontal"?h.scrollLeft=d:h.scrollTop=d}this._callPropsCallbacks()},N.componentDidUpdate=function(){var l=this.props,c=l.direction,d=l.layout,p=this.state,h=p.scrollOffset,A=p.scrollUpdateWasRequested;if(A&&this._outerRef!=null){var y=this._outerRef;if(c==="horizontal"||d==="horizontal")if(c==="rtl")switch(re()){case"negative":y.scrollLeft=-h;break;case"positive-ascending":y.scrollLeft=h;break;default:var S=y.clientWidth,D=y.scrollWidth;y.scrollLeft=D-S-h;break}else y.scrollLeft=h;else y.scrollTop=h}this._callPropsCallbacks()},N.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&ae(this._resetIsScrollingTimeoutId)},N.render=function(){var l=this.props,c=l.children,d=l.className,p=l.direction,h=l.height,A=l.innerRef,y=l.innerElementType,S=l.innerTagName,D=l.itemCount,_=l.itemData,O=l.itemKey,C=O===void 0?ps:O,$=l.layout,fe=l.outerElementType,me=l.outerTagName,he=l.style,Ie=l.useIsScrolling,ye=l.width,F=this.state.isScrolling,U=p==="horizontal"||$==="horizontal",xe=U?this._onScrollHorizontal:this._onScrollVertical,H=this._getRangeToRender(),ge=H[0],Me=H[1],B=[];if(D>0)for(var b=ge;b<=Me;b++)B.push(T.createElement(c,{data:_,key:C(b,_),index:b,isScrolling:Ie?F:void 0,style:this._getItemStyle(b)}));var G=a(this.props,this._instanceProps);return T.createElement(fe||me||"div",{className:d,onScroll:xe,ref:this._outerRefSetter,style:W({position:"relative",height:h,width:ye,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:p},he)},T.createElement(y||S||"div",{children:B,ref:A,style:{height:U?"100%":G,pointerEvents:F?"none":void 0,width:U?G:"100%"}}))},N._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var l=this.props.itemCount;if(l>0){var c=this._getRangeToRender(),d=c[0],p=c[1],h=c[2],A=c[3];this._callOnItemsRendered(d,p,h,A)}}if(typeof this.props.onScroll=="function"){var y=this.state,S=y.scrollDirection,D=y.scrollOffset,_=y.scrollUpdateWasRequested;this._callOnScroll(S,D,_)}},N._getRangeToRender=function(){var l=this.props,c=l.itemCount,d=l.overscanCount,p=this.state,h=p.isScrolling,A=p.scrollDirection,y=p.scrollOffset;if(c===0)return[0,0,0,0];var S=f(this.props,y,this._instanceProps),D=u(this.props,S,y,this._instanceProps),_=!h||A==="backward"?Math.max(1,d):1,O=!h||A==="forward"?Math.max(1,d):1;return[Math.max(0,S-_),Math.max(0,Math.min(c-1,D+O)),S,D]},x}(T.PureComponent),e.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},e}var ms=function(e,n){e.children,e.direction,e.height,e.layout,e.innerTagName,e.outerTagName,e.width,n.instance},hs=fs({getItemOffset:function(e,n){var a=e.itemSize;return n*a},getItemSize:function(e,n){var a=e.itemSize;return a},getEstimatedTotalSize:function(e){var n=e.itemCount,a=e.itemSize;return a*n},getOffsetForIndexAndAlignment:function(e,n,a,r,o,f){var u=e.direction,m=e.height,I=e.itemCount,M=e.itemSize,v=e.layout,x=e.width,N=u==="horizontal"||v==="horizontal",g=N?x:m,l=Math.max(0,I*M-g),c=Math.min(l,n*M),d=Math.max(0,n*M-g+M+f);switch(a==="smart"&&(r>=d-g&&r<=c+g?a="auto":a="center"),a){case"start":return c;case"end":return d;case"center":{var p=Math.round(d+(c-d)/2);return p<Math.ceil(g/2)?0:p>l+Math.floor(g/2)?l:p}case"auto":default:return r>=d&&r<=c?r:r<d?d:c}},getStartIndexForOffset:function(e,n){var a=e.itemCount,r=e.itemSize;return Math.max(0,Math.min(a-1,Math.floor(n/r)))},getStopIndexForStartIndex:function(e,n,a){var r=e.direction,o=e.height,f=e.itemCount,u=e.itemSize,m=e.layout,I=e.width,M=r==="horizontal"||m==="horizontal",v=n*u,x=M?I:o,N=Math.ceil((x+a-v)/u);return Math.max(0,Math.min(f-1,n+N-1))},initInstanceProps:function(e){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(e){e.itemSize}});function Is(t){var e=t.lastRenderedStartIndex,n=t.lastRenderedStopIndex,a=t.startIndex,r=t.stopIndex;return!(a>n||r<e)}function ys(t){for(var e=t.isItemLoaded,n=t.itemCount,a=t.minimumBatchSize,r=t.startIndex,o=t.stopIndex,f=[],u=null,m=null,I=r;I<=o;I++){var M=e(I);M?m!==null&&(f.push(u,m),u=m=null):(m=I,u===null&&(u=I))}if(m!==null){for(var v=Math.min(Math.max(m,u+a-1),n-1),x=m+1;x<=v&&!e(x);x++)m=x;f.push(u,m)}if(f.length)for(;f[1]-f[0]+1<a&&f[0]>0;){var N=f[0]-1;if(!e(N))f[0]=N;else break}return f}var xs=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},gs=function(){function t(e,n){for(var a=0;a<n.length;a++){var r=n[a];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(e,n,a){return n&&t(e.prototype,n),a&&t(e,a),e}}(),Ms=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)},le=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},js=function(t){Ms(e,t);function e(){var n,a,r,o;xs(this,e);for(var f=arguments.length,u=Array(f),m=0;m<f;m++)u[m]=arguments[m];return o=(a=(r=le(this,(n=e.__proto__||Object.getPrototypeOf(e)).call.apply(n,[this].concat(u))),r),r._lastRenderedStartIndex=-1,r._lastRenderedStopIndex=-1,r._memoizedUnloadedRanges=[],r._onItemsRendered=function(I){var M=I.visibleStartIndex,v=I.visibleStopIndex;r._lastRenderedStartIndex=M,r._lastRenderedStopIndex=v,r._ensureRowsLoaded(M,v)},r._setRef=function(I){r._listRef=I},a),le(r,o)}return gs(e,[{key:"resetloadMoreItemsCache",value:function(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;this._memoizedUnloadedRanges=[],a&&this._ensureRowsLoaded(this._lastRenderedStartIndex,this._lastRenderedStopIndex)}},{key:"componentDidMount",value:function(){}},{key:"render",value:function(){var a=this.props.children;return a({onItemsRendered:this._onItemsRendered,ref:this._setRef})}},{key:"_ensureRowsLoaded",value:function(a,r){var o=this.props,f=o.isItemLoaded,u=o.itemCount,m=o.minimumBatchSize,I=m===void 0?10:m,M=o.threshold,v=M===void 0?15:M,x=ys({isItemLoaded:f,itemCount:u,minimumBatchSize:I,startIndex:Math.max(0,a-v),stopIndex:Math.min(u-1,r+v)});(this._memoizedUnloadedRanges.length!==x.length||this._memoizedUnloadedRanges.some(function(N,g){return x[g]!==N}))&&(this._memoizedUnloadedRanges=x,this._loadUnloadedRanges(x))}},{key:"_loadUnloadedRanges",value:function(a){for(var r=this,o=this.props.loadMoreItems||this.props.loadMoreRows,f=function(I){var M=a[I],v=a[I+1],x=o(M,v);x!=null&&x.then(function(){if(Is({lastRenderedStartIndex:r._lastRenderedStartIndex,lastRenderedStopIndex:r._lastRenderedStopIndex,startIndex:M,stopIndex:v})){if(r._listRef==null)return;typeof r._listRef.resetAfterIndex=="function"?r._listRef.resetAfterIndex(M,!0):(typeof r._listRef._getItemStyleCache=="function"&&r._listRef._getItemStyleCache(-1),r._listRef.forceUpdate())}})},u=0;u<a.length;u+=2)f(u)}}]),e}(T.PureComponent);const vs=()=>i.e1,Ns=i.styled_default("div")({name:"a",class:"a1w9zony",propsAsIs:!1}),Ss=i.styled_default("div")({name:"l",class:"l16qcfv8",propsAsIs:!1}),As=i.styled_default("img")({name:"p",class:"p1gmcc5f",propsAsIs:!1}),Ds=i.styled_default("div")({name:"s",class:"s1doddh0",propsAsIs:!1}),Ts=i.styled_default("div")({name:"c",class:"c1js9xhe",propsAsIs:!1}),zs=i.styled_default("div")({name:"d",class:"d1tmnqsh",propsAsIs:!1}),_s=i.styled_default("span")({name:"g",class:"gi9h87j",propsAsIs:!1}),Os=i.styled_default(vs())({name:"x",class:"x13mk3z6",propsAsIs:!0}),ws=({rank:t,avatar:e,name:n,points:a,isCurrentUser:r,openItemDetail:o,style:f})=>s.jsxs(Ns,{onClick:o,style:f,children:[s.jsx(Ss,{children:t||0}),s.jsxs(Ts,{children:[e?s.jsx(As,{alt:"leaderboard-item-avatar",src:e}):s.jsx(Ds,{children:Q.e(n||"")}),s.jsxs(zs,{children:[s.jsx(_s,{children:n||""}),r&&s.jsx(Os,{name:"icon-star"})]})]}),s.jsx("div",{children:Q.a(a)})]}),ks=({items:t,openItemDetail:e,fetchMore:n})=>s.jsx(z.AutoSizer,{children:({width:a,height:r})=>s.jsx(js,{isItemLoaded:o=>o<t.length,itemCount:t.length+1,loadMoreItems:n,children:({onItemsRendered:o,ref:f})=>s.jsx(hs,{itemSize:56,onItemsRendered:o,ref:f,itemCount:t.length,width:a,height:r,children:({index:u,style:m})=>s.jsx(ws,{style:{...m,maxHeight:48},...t[u],openItemDetail:()=>e(t[u].userId)},t[u].userId)})})}),Es=({leaderboardList:t,openUser:e})=>{const{data:n}=w.useStore(t.$store);return s.jsx(ks,{fetchMore:t.fetchMore,items:n,openItemDetail:e})};const bs=()=>i.e1,Ls=()=>i.e1,Cs=i.styled_default("div")({name:"s",class:"s1lblda3",propsAsIs:!1}),$s=i.styled_default("div")({name:"a",class:"ascvb2g",propsAsIs:!1}),Rs=i.styled_default("div")({name:"p",class:"p17rl8zy",propsAsIs:!1}),Qs=i.styled_default("div")({name:"l",class:"l1vvttbn",propsAsIs:!1}),P=i.styled_default(bs())({name:"c",class:"c6fk2ph",propsAsIs:!0}),Us=i.styled_default(Ls())({name:"d",class:"d1rdm136",propsAsIs:!0}),qs=i.styled_default("div")({name:"f",class:"fwqnnel",propsAsIs:!1}),Ys=i.styled_default("div")({name:"u",class:"ucyxnlg",propsAsIs:!1}),Ps={[j.PickHistoryStatus.LOST]:s.jsx(P,{name:"icon-cross"}),[j.PickHistoryStatus.WON]:s.jsx(P,{name:"icon-check"}),[j.PickHistoryStatus.UNSET]:void 0,[j.PickHistoryStatus.DNP]:s.jsx(P,{name:"icon-arrow"})},Ws=({questionId:t,questionType:e,questionStatus:n,subject:a,openForVoting:r,openQuestion:o,status:f})=>{const u=z.o[e],m=Ps[f];return u?s.jsxs(Cs,{onClick:()=>o==null?void 0:o(t),children:[s.jsxs(Ys,{children:[s.jsxs($s,{children:[s.jsx(Us,{name:u.iconName}),s.jsxs(qs,{children:[u.label,e===j.QuestionType.TRIVIA&&n===j.QuestionStatus.RESOLVED&&" • Expired"]})]}),s.jsx(Rs,{children:a||""})]}),s.jsx(Qs,{children:m||(r?s.jsx(z.c,{children:"Play"}):null)})]}):null};const Vs=i.styled_default("div")({name:"e",class:"e1jcgove",propsAsIs:!1}),Fs=i.styled_default("div")({name:"t",class:"t1bwp7hh",propsAsIs:!1}),Hs=i.styled_default("div")({name:"i",class:"i1xav4cl",propsAsIs:!1}),Bs=i.styled_default("h3")({name:"n",class:"n3qb30y",propsAsIs:!1}),Gs=i.styled_default("div")({name:"a",class:"ap5d9g7",propsAsIs:!1}),Zs=i.styled_default("button")({name:"l",class:"lvdbmlu",propsAsIs:!1}),Js=({title:t,instantView:e,openInsight:n,questionId:a})=>{const r=new Date,o=r.toLocaleDateString("en-US",{weekday:"short",month:"short",day:"numeric"}),f=r.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"});return s.jsxs(Vs,{children:[s.jsxs(Fs,{children:[o,"・",f]}),(e==null?void 0:e.video)&&s.jsx(z.w,{source:e.video.url,poster:e.video.thumbnailUrl}),s.jsxs(Hs,{children:[s.jsx(Bs,{children:(e==null?void 0:e.heading)||t}),s.jsx(Gs,{children:e==null?void 0:e.body}),n&&s.jsx(Zs,{onClick:()=>n(a),children:"View Insight"})]})]})};const Ks=i.styled_default("div")({name:"t",class:"t19vr3p1",propsAsIs:!1}),Xs=({questions:t,openQuestion:e})=>s.jsx(Ks,{children:t==null?void 0:t.map(n=>{var a,r;if(n.type==="question"&&((a=n.attributes)==null?void 0:a.attributes.case)==="question"){const o=n.attributes.attributes.value;return s.jsx(Ws,{openQuestion:e,...o},o.questionId)}if(n.type==="insight"&&((r=n.attributes)==null?void 0:r.attributes.case)==="insight"){const o=n.attributes.attributes.value;return s.jsx(Js,{openInsight:e,...o},o.questionId)}return null})}),en=({store:t,openQuestion:e})=>{const n=w.useStore(t);return n!=null&&n.data?s.jsx(Xs,{openQuestion:e,questions:n.data}):s.jsx("div",{children:"wait questions..."})},tn=({userSummary:t})=>{var e;const n=w.useStore(t.getStore());return(e=n.data)!=null&&e.summary?s.jsx(de,{...n.data.summary,...n.data.percentage}):s.jsx("div",{children:"wait user..."})},sn=({gamification:t})=>{const[e,n]=T.useState(L.HOME);return s.jsxs("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[s.jsxs(z.e,{children:[s.jsx(is,{activePage:e,toggleActivePage:n}),e===L.HOME&&s.jsx(tn,{userSummary:t.userSummary})]}),e===L.HOME&&s.jsx(z.n,{children:s.jsx(en,{openQuestion:t.openQuestion,store:t.feedList.getStore()})}),e===L.LEADERBOARD&&s.jsx(z.n,{style:{flex:"1 1 auto",paddingTop:0,paddingBottom:0},children:s.jsx(Es,{openUser:t.openUser,leaderboardList:t.leaderboardList})})]})};const nn=()=>z.f,oe=i.styled_default(nn())({name:"m",class:"m1ph66cs",propsAsIs:!0}),an=i.styled_default("div")({name:"x",class:"xorme7i",propsAsIs:!1}),pe=({gamification:t,className:e})=>{const n=w.useStore(t.openedQuestion.$store),a=w.useStore(t.openedUser);return s.jsxs(s.Fragment,{children:[n&&s.jsx(oe,{className:e,children:s.jsx(es,{gamification:t})}),a&&s.jsx(oe,{className:e,children:s.jsxs(an,{children:[s.jsx(ce,{label:"Friend's Rank",close:t.closeUser}),s.jsx(z.e,{children:s.jsx(de,{...a})})]})}),s.jsx(z.r,{className:e,"data-nav":"true",children:s.jsx(sn,{gamification:t})})]})};exports.GamificationOverlay=pe;exports.default=pe;