@streamlayer/react-ui 0.70.0 → 0.71.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/lib/assets/style.css +1 -1
  2. package/lib/ui/app/Notifications/Onboarding/index.js +11 -13
  3. package/lib/ui/app/Notifications/index.js +2 -4
  4. package/lib/ui/app/Points/index.d.ts +5 -0
  5. package/lib/ui/app/Points/index.js +32 -0
  6. package/lib/ui/app/masters.js +2 -4
  7. package/lib/ui/gamification/onboarding/index.js +10 -12
  8. package/lib/ui/gamification/onboarding/slides/onboarding-instructions/index.js +9 -12
  9. package/lib/ui/gamification/onboarding/slides/onboarding-instructions/styles.js +4 -4
  10. package/lib/ui/gamification/vote/feedback/index.js +29 -29
  11. package/lib/ui/gamification/vote/vote-option/index.js +29 -29
  12. package/lib/utils/createDemo.js +7 -6
  13. package/lib/utils/debug/components/copyLogs.js +13 -0
  14. package/lib/utils/debug/components/developer.js +13 -12
  15. package/lib/utils/debug/index.js +12 -11
  16. package/package.json +9 -9
package/lib/assets/style.css CHANGED
@@ -1 +1 @@
1
- .azqfrs3{width:100vw;height:100vh;padding:20px;box-sizing:border-box;margin:0;font-family:var(--font-family);color:var(--font-color)}.azqfrs3>div{box-sizing:border-box;width:370px;height:100%;border-radius:12px;overflow:auto;padding:10px;background-color:var(--color-bg-transparent)}.d1sqxt7l{position:fixed;bottom:0;right:0;max-width:600px;font-family:system-ui;background:rgba(29,123,255,.5);border-top-left-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.d1a3478s{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-right:60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:10px;margin-top:10px}.butjcq8{position:absolute;z-index:10000;bottom:10px;right:10px;width:40px;height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-around;-webkit-justify-content:space-around;-ms-flex-pack:space-around;justify-content:space-around;background:rgb(29,123,255);border:none;border-radius:6px;padding:10px;cursor:pointer;-webkit-transition:all .1s ease;transition:all .1s ease}.butjcq8:hover{padding-top:8px;padding-bottom:8px}.butjcq8:active{-webkit-transform:translateY(4px);-ms-transform:translateY(4px);transform:translateY(4px)}.butjcq8[data-opened=true] span:nth-child(odd){opacity:0}.butjcq8 span{display:block;background:#fff;border-radius:4px;width:100%;height:4px}.iwjhb00{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:rgb(29,123,255);padding:4px 6px;border-radius:5px;font-size:16px}.iwjhb00 input{display:block;width:100%;color:#fff;font-size:24px;border:none;padding:2px 2px 2px 10px;background:linear-gradient(136.45deg,rgba(60,139,251,.3) .57%,rgba(0,79,190,.3) 100%);border:1px solid transparent;outline:none}.iwjhb00 input:focus{border-color:#1d7bff}.iwjhb00 label{margin-right:4px}.iwjhb00 button{width:150px;color:#fff;background:transparent;margin:0;padding:0;cursor:pointer;border:none;text-transform:uppercase}.iwjhb00 button:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.iwjhb00 button:active{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.s14ex8bw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 6px;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.s14ex8bw label{cursor:pointer}.s1fwty0k{width:2rem;height:1rem;background:#fff;border-radius:1em;position:relative;margin-left:5px}.s1fwty0k input{opacity:0;position:relative;z-index:1;width:100%;cursor:pointer}.s1fwty0k input:checked+span{-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);background:green}.s1fwty0k span{display:block;position:absolute;top:0;left:0;height:1rem;width:1rem;border-radius:1em;background:gray;box-shadow:0 .1em .3em #0000004d;-webkit-transition:all .3s;transition:all .3s}.i1vlsnk4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:rgb(29,123,255);padding:4px 6px;border-radius:5px;font-size:16px;margin-bottom:2px}.i1vlsnk4 input{display:block;width:100%;color:#fff;font-size:24px;border:none;padding:2px 2px 2px 10px;background:linear-gradient(136.45deg,rgba(60,139,251,.3) .57%,rgba(0,79,190,.3) 100%);border:1px solid transparent;outline:none}.i1vlsnk4 input:focus{border-color:#1d7bff}.i1vlsnk4 label{margin-right:4px}.i1vlsnk4 button{width:150px;color:#fff;background:transparent;margin:0;padding:0;cursor:pointer;border:none;text-transform:uppercase}.m17a8r9z{--header-height:68px;--question-headers-height:117px;--animation-duration:.5s;--animation-function:ease;--container-padding:16px}.ttkj0ah{--color-bg-transparent:rgba(0,0,0,.8);--color-bg-transparent-vote-container:rgba(10,14,19,.8);--color-bg-transparent-item:rgba(0,0,0,.7);--color-bg-transparent-item-vote:rgba(255,255,255,.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:rgba(255,255,255,.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:rgba(255,255,255,.5);--color-blue-primary:#1589EE;--color-red-primary:#CD2525;--color-red-secondary:#EB5757;--color-blue-question-action-btn:#1589ee;--color-white:#FFFFFF;--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:#FFFFFF;--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:#000000;--font-family:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-regular:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-color:#fff;--font-serif:"Tiempos","Tiempos Text",Times New Roman,serif;--font-weight-default:500;--header-height:68px;--animation-duration:.5s;--animation-function:ease;--container-padding:16px;--border-radius:8px}.ttkj0ah *{box-sizing:border-box}.c1bgb86j{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;border-radius:8px;overflow:hidden;cursor:pointer}.p6703cq{width:100%}.p12ow7zo{position:absolute;top:0;left:0;width:100%;height:100%}.cdpal9o{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}.i1e83no{background:#222425;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.r165427{font-weight:var(--font-weight-default)}.c1pgyo67{overflow:hidden;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;max-height:2500px;-webkit-animation:containerShowIn-c1pgyo67 ease-out;animation:containerShowIn-c1pgyo67 ease-out;-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration)}@-webkit-keyframes containerShowIn-c1pgyo67{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;max-height:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;max-height:2500px}}@keyframes containerShowIn-c1pgyo67{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;max-height:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;max-height:2500px}}.hx17qu6{-webkit-animation:containerHide-hx17qu6 ease-out;animation:containerHide-hx17qu6 ease-out;-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);-webkit-animation-direction:reverse;animation-direction:reverse;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes containerHide-hx17qu6{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;max-height:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;max-height:2500px}}@keyframes containerHide-hx17qu6{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;max-height:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;max-height:2500px}}.c1kzqw87{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:8px}.d9r1hf9{color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.qezygt5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:12px;column-gap:12px;padding:4px 16px 8px 0;color:var(--color-primary-green2);font-size:12px;font-family:var(--font-serif);font-weight:var(--font-weight-default)}.qezygt5:before{content:"";width:2px;background-color:var(--color-primary-green2)}.d1y8f7ym{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px}.b18gwonx{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.i3g0xjd{max-width:100%;border-radius:8px}.cjq447q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;column-gap:8px}.i14egogb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.i2g9g4l{width:46px;height:46px;object-fit:cover;object-position:center;border-radius:50%}.d1c454nm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:2px;color:var(--color-neutrals-gray9);font-weight:var(--font-weight-default)}.n11nigc3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;font-size:12px;font-family:var(--font-serif)}.urxa4k8{font-size:12px;line-height:20px}.cgn5uen{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:16px}.c1px8nt6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px}.t5et2jt{color:var(--color-primary-green1);font-size:16px;line-height:26px;font-family:var(--font-serif);font-weight:var(--font-weight-default)}.d1i2kpk2{color:var(--color-neutrals-gray9);font-size:14px;line-height:24px;font-weight:var(--font-weight-default)}.dd3lh3p{color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.i1gfjeu5{border-radius:8px;max-width:100%}.n19lpak2{position:absolute;top:0;left:0;right:0;box-sizing:border-box;overflow:hidden;opacity:0;-webkit-animation:show-nav-n19lpak2 .5s ease;animation:show-nav-n19lpak2 .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;padding:var(--container-padding);border-bottom:1px solid var(--color-neutrals-gray3)}.n19lpak2>button:not(:last-child){margin-right:8px}@-webkit-keyframes show-nav-n19lpak2{90%{opacity:0}to{height:68px;opacity:1}}@keyframes show-nav-n19lpak2{90%{opacity:0}to{height:68px;opacity:1}}.b6tbwuy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:var(--color-neutrals-white)}.sxxa0c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:36px;max-height:36px;background-color:var(--color-white);border-radius:100px;border:1px solid var(--color-neutrals-gray3);color:var(--color-primary-green1);padding:0 8px;font-size:12px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.5px;-moz-letter-spacing:-.5px;-ms-letter-spacing:-.5px;letter-spacing:-.5px;cursor:pointer}.sxxa0c:hover{border-color:var(--color-primary-green1)}.sxxa0c[data-selected=true]{color:var(--color-white);background-color:var(--color-primary-green1);border-color:var(--color-primary-green1)}.sxxa0c[data-selected=true]:hover{cursor:default}.sxxa0c[data-selected=true]:disabled:hover{border-color:var(--color-primary-green1)}.sxxa0c:disabled{opacity:.5;cursor:default}.sxxa0c:disabled:hover{cursor:default;border-color:var(--color-neutrals-gray3)}.b193dcyu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:22px;height:22px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:5px}.b180jd7l[data-selected=true] g>path{fill:#fff}.b11des7c[data-selected=true] g>path:nth-child(1){stroke:#fff}.b11des7c[data-selected=true] g>path:nth-child(2){fill:#fff;stroke:#107d57}.b1whzxvd[data-selected=true] g>path:nth-child(1){stroke:#fff}.b1whzxvd[data-selected=true] g>path:nth-child(2){fill:#fff}.p1liu7r{border-radius:8px;padding:0 12px;background-color:var(--color-transparent-item);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.fhf9n1f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:auto;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.fmf7e3h{margin-bottom:20px;font-size:18px}.fg7be0w{margin-bottom:10px;font-size:14px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.fvxx8fg{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;padding:6px;text-transform:uppercase;color:#fff;cursor:pointer;margin-bottom:20px}.fvxx8fg:disabled{opacity:.5;cursor:default}.f1sfffsg{margin-bottom:40px;border-bottom:1px solid white}.f1sfffsg input{font-size:20px;background:transparent;color:#fff;border:none;outline:none}.d1majgb2>div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:20px}.d1majgb2 input{width:20px;height:40px;font-size:40px}.c14ielyq{width:100%;height:100%}.c14ielyq>div:not(:last-child){margin-bottom:16px}.c1tlqx57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;padding:16px 16px 0}.t1hq58md{font-family:var(--font-serif);font-size:16px;color:var(--color-primary-green2);font-weight:400;margin:16px 0}.t1hq58md[data-isPrediction=true]{margin-top:0}.o1c8nxcx{position:relative;gap:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.stu11h7{height:100%;background:transparent;font-family:var(--font-regular);position:relative;min-width:324px;overflow:hidden}.s1ucohr1{width:100%;overflow-y:auto;height:100%;-webkit-transition:-webkit-transform;-webkit-transition:transform;transition:transform;-webkit-transition-duration:var(--animation-duration);transition-duration:var(--animation-duration);-webkit-transition-timing-function:var(--animation-function);transition-timing-function:var(--animation-function)}.s1ucohr1[data-nav=true]{height:calc(100% - var(--header-height));-webkit-transform:translateY(var(--header-height));-ms-transform:translateY(var(--header-height));transform:translateY(var(--header-height))}.s1ucohr1[data-question-header=true]{height:calc(100% - var(--question-headers-height,0%));-webkit-transform:translateY(var(--question-headers-height));-ms-transform:translateY(var(--question-headers-height));transform:translateY(var(--question-headers-height))}.s1el4wvm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:var(--container-padding);gap:var(--container-padding)}.s1oe3036.s1el4wvm{background-color:var(--color-neutrals-white)}.c38csyt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:12px;padding-bottom:32px}.ty221rx{color:var(--color-primary-green2);font-size:20px;font-family:var(--font-serif);font-weight:400;line-height:26px;text-align:center}.dlaj9xp{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);line-height:20px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;text-align:center}.c16sbdnm{width:100%;padding:8px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;font-size:14px}.c16sbdnm[data-isPrediction=true]{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start}.ibhorgl{min-width:24px;width:24px;height:24px;margin-right:14px;margin-left:12px}.ibhorgl g>path{fill:var(--color-primary-green1);fill-opacity:1}.f1g20ja7{min-width:32px;width:32px;height:32px;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-right:16px}.f1g20ja7[data-feedbackType=correct]{background-color:var(--color-primary-green1)}.f1g20ja7[data-feedbackType=incorrect]{background-color:var(--color-secondary-red1)}.f455ozj{font-weight:var(--font-weight-default)}.f1913njx{margin-right:5px}.f1913njx[data-feedbackType=correct]{color:var(--color-primary-green1)}.f1913njx[data-feedbackType=incorrect]{color:var(--color-secondary-red1)}.fzfk69z{color:var(--color-neutrals-gray9)}.fx87qaj{font-weight:400;margin-top:10px}.b1b6dl8t{background-color:var(--color-neutrals-gray2);border:1px solid transparent;box-sizing:border-box;border-radius:4px;position:relative;min-height:44px;width:100%}.b1b6dl8t:hover:not(:disabled){border-color:var(--color-neutrals-gray5);cursor:pointer}.b1b6dl8t[data-selected=true]{border-color:var(--color-neutrals-gray9);background-color:var(--color-white)}.b1b6dl8t[data-answerState=correct]{position:relative;border-color:var(--color-primary-green1)}.b1b6dl8t[data-answerState=correct]:before{content:"";top:0;left:0;opacity:.1;display:block;width:100%;height:100%;position:absolute;background-color:var(--color-primary-green1)}.b1b6dl8t[data-answerState=incorrect]{position:relative;border-color:var(--color-secondary-red1)}.b1b6dl8t[data-answerState=incorrect]:before{content:"";top:0;left:0;opacity:.1;display:block;width:100%;height:100%;position:absolute;background-color:var(--color-secondary-red1)}.b1b6dl8t[data-isNotChecked=true]{border-color:var(--color-neutrals-gray3);background-color:var(--color-white)}.b4iik8i{-webkit-transition:width 1s ease-in;transition:width 1s ease-in;position:absolute;border-radius:3px;height:100%;z-index:0;left:0;top:0;background-color:var(--color-neutrals-gray3)}.b4iik8i[data-answerState=correct]{background-color:var(--color-primary-green1);opacity:.3}.b4iik8i[data-answerState=incorrect]{background-color:var(--color-secondary-red1);opacity:.3}.b4iik8i[data-answerState=unset]{background-color:var(--color-neutrals-gray3)}.b1gq1lnf{font-weight:var(--font-weight-default);color:var(--color-neutrals-gray9);font-family:var(--font-regular);background-color:transparent;padding:5px 15px 5px 9px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:2px;position:relative;font-size:12px;outline:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;border:none;width:100%}.i1j65z51{width:60px}.i19tpfua{position:absolute;left:0;bottom:-1px;background-repeat:no-repeat;background-size:contain;width:52px;height:52px}.i1tubmma{margin-right:8px}.i1grrgwj.i1tubmma{height:32px;width:32px}.ibemyq8.i1tubmma{border-radius:50%;height:32px;width:32px}.t1dceht{overflow:hidden;text-align:left;-webkit-flex:1;-ms-flex:1;flex:1;word-wrap:break-word}.i116q4vq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.p17ajcu2{margin-left:8px;line-height:17px}.cu9kmlb{margin-left:8px;height:16px;width:16px}.wie6cqo{border:1px solid var(--color-neutrals-gray3);font-family:var(--font-regular);font-weight:var(--font-weight-default);color:var(--color-neutrals-gray9);width:100%;min-height:40px;border-radius:100px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 3px 3px 11px;font-size:14px;-webkit-letter-spacing:-.15px;-moz-letter-spacing:-.15px;-ms-letter-spacing:-.15px;letter-spacing:-.15px}.cgizw4u{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.t1l3ucjp{color:var(--color-neutrals-gray7);margin-right:8px}.wx7j799{margin-right:4px}.p4lwuj0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end}.po9i64o{margin-right:6px;font-size:14px;line-height:14px}.pe5g05h{font-size:10px}.c1dcxmvf,.c1euiow{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px;padding:var(--container-padding);background-color:var(--color-neutrals-white)}.w19zie3h{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:10px;column-gap:10px;padding:11px 16px;color:var(--color-primary-green1);font-size:14px;font-weight:var(--font-weight-default);line-height:20px;border-radius:40px;border:1px solid var(--color-primary-green1);-webkit-text-decoration:none;text-decoration:none}.c1yrpn9o{padding:12px;font-weight:var(--font-weight-default);background-color:var(--color-primary-green1);border-radius:12px}.t17fwahh{margin-bottom:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:8px;column-gap:8px}.by6w7e9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:8px}.u1g7arbm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;column-gap:8px;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden}.a1ldeata{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.u10d4koz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:6px;overflow:hidden}.u1q6roj0{color:var(--color-white);font-size:16px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui0m425{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;column-gap:8px;height:14px;color:var(--color-neutrals-white);font-size:14px;text-transform:uppercase}.t1el3mrn{width:15px;height:15px}.r2vgnxv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px}.roqn06j{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-column-gap:4px;column-gap:4px}.r15adx7c{font-size:9px;opacity:.8}.dv59lta{width:1px;height:10px;background-color:var(--color-white);opacity:.2}.r55lotb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;column-gap:8px}.s1knfgqt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:8px 12px;border-radius:4px;background-color:var(--color-primary-green2)}.a1mqo824{background:#2d6ffd;border-radius:50%;width:48px;height:48px;text-align:center;text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:18px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.uxareh6{border:none;outline:none;background-color:transparent;cursor:pointer;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;width:100%;height:100%;max-width:48px;max-height:48px}.c1zy8a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:9px 8px;color:var(--color-neutrals-white);border-radius:4px;background-color:var(--color-primary-green2);overflow:hidden}.t1vih9p5{font-size:9px;line-height:14px;text-transform:uppercase;opacity:.8}.i1fbnvpb{font-size:14px;line-height:16px}.ctmhwyc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:4px;padding-top:2px;color:var(--color-neutrals-white);text-align:center}.i1jri200{font-size:14px;line-height:16px}.t8s05oq{font-size:9px;line-height:14px;text-transform:uppercase;opacity:.8}.sxnslc8{position:relative;box-sizing:border-box;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;border-radius:8px;background-color:var(--color-neutrals-gray2);padding:4px}.sxnslc8:before{content:"";position:absolute;background-color:var(--color-white);border-radius:6px;height:28px;left:4px;width:calc(50% - 4px);-webkit-transition:-webkit-transform var(--animation-duration) var(--animation-function);-webkit-transition:transform var(--animation-duration) var(--animation-function);transition:transform var(--animation-duration) var(--animation-function)}.sxnslc8[data-position=left]:before{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}.sxnslc8[data-position=right]:before{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translate(100%)}.b1umzux0{border:none;outline:none;background-color:transparent;color:var(--color-neutrals-gray7);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;font-weight:550;width:50%;box-sizing:border-box;padding:4px 10px;height:28px;cursor:pointer}.b1umzux0:hover{color:var(--color-primary-green1)}.b1umzux0[data-selected=true]{color:var(--color-primary-green1);cursor:default}.tspsaas{position:relative;z-index:2}.q1w97g3p{border-radius:var(--border-radius);padding:var(--container-padding);background-color:var(--color-neutrals-white);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:12px;border:1px solid var(--color-neutrals-white)}.q1w97g3p:hover{border-color:var(--color-neutrals-gray4)}.q2sl39u{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;font-size:12px;font-weight:500;margin-bottom:8px}.qd5h0uc{font-family:var(--font-serif);color:var(--color-primary-green2);font-size:14px;font-weight:400}.qxlt78s{width:16px;height:16px}.qxlt78s[data-type-trivia=true]{width:13px;height:13px}.qxlt78s[data-type-poll=true]{width:12px;height:12px}.qxlt78s path{fill:var(--color-primary-green1);fill-opacity:1}.qmg0vkx{color:var(--color-neutrals-gray7);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;margin-left:6px}.q1uz5j1g{font-weight:700;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.qc3icwa{color:var(--color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qmx43d1{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;font-size:8px;padding:6px;height:20px;text-transform:uppercase;color:#fff;cursor:pointer}.q1uc7n5z{width:16px;height:16px}.qcpp4y6{text-transform:uppercase}.e1rdw3wd{text-transform:uppercase;border-left:1px solid var(--color-grey-primary);padding-left:5px;margin-left:5px}.p1pba9p1{border:none;outline:none;background-color:var(--color-primary-green1);color:var(--color-white);border-radius:71px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;font-weight:550;width:56px;height:32px}.p1pba9p1:hover{background-color:var(--color-primary-green2);cursor:pointer}.cl56x6b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:16px;padding:12px 16px 16px;border:1px solid var(--color-neutrals-white);border-radius:8px;background-color:var(--color-neutrals-white)}.cl56x6b:hover{border-color:var(--color-neutrals-gray4)}.a11pzf92{height:44px;padding:0 16px;font-size:14px;line-height:20px;cursor:pointer}.s1nve60q{border-radius:71px;padding:14px 16px 12px;font-size:12px;border:1px solid;font-weight:var(--font-weight-default);outline:none}.s1nve60q[data-variant=primary]{color:var(--color-neutrals-white);background-color:var(--color-primary-green1);border-color:var(--color-primary-green1)}.s1nve60q[data-variant=primary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.s1nve60q[data-variant=secondary]{color:var(--color-primary-green1);background-color:transparent;border-color:var(--color-primary-green1)}.s1nve60q[data-variant=secondary]:hover:enabled{color:var(--color-neutrals-white);background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.s1nve60q:disabled{opacity:.5}.s1nve60q:disabled:hover{cursor:default}.c1eptrjd{box-sizing:border-box;overflow:hidden;border-radius:8px;background:#fff;width:100%;padding:16px;position:relative}.crylm65{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:20px;height:20px;right:11px;top:11px;cursor:pointer}.c9mrcz7 g>path{stroke:var(--color-neutrals-gray7)}.c9mrcz7:hover path{stroke:var(--color-primary-green2)}.hw3lzv4{margin-bottom:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.t1rrb3kf{margin-right:4px;width:16px;height:16px}.t1rrb3kf[data-type-trivia=true]{width:13px;height:13px}.t1rrb3kf[data-type-poll=true]{width:12px;height:12px}.t1rrb3kf path{fill:var(--color-primary-green1);fill-opacity:1}.t1ydnjov{color:var(--color-neutrals-gray7);font-weight:550;font-size:12px}.qlf90cl{font-weight:400;font-size:16px;color:var(--color-primary-green2);margin-bottom:12px;padding-right:10px;font-family:var(--font-serif)}.a1e0nhcl{background-color:var(--color-primary-green1);color:var(--color-white);border-radius:40px;border:none;outline:none;cursor:pointer;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:550;padding:0 16px;height:44px}.a1e0nhcl:hover{background-color:var(--color-primary-green2);cursor:pointer}.i1pqqgpo{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:16px;background-color:var(--color-neutrals-white);border-radius:8px;width:100%}.igj7luu{max-width:100%;border-radius:8px}.i1qne9g6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px}.ttpr98r{color:var(--color-primary-green2);font-size:16px;line-height:26px;font-weight:400;font-family:var(--font-serif);font-weight:var(--font-weight-default);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;text-overflow:ellipsis;max-height:50px}.d17iaqp8{color:var(--color-neutrals-gray9);font-size:12px;line-height:24px;font-weight:var(--font-weight-default);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;text-overflow:ellipsis;max-height:50px}.a16t3y7s{border:none;outline:none;background-color:var(--color-primary-green1);color:var(--color-white);border-radius:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:550;width:100%;padding:0 16px;height:44px}.a16t3y7s:hover{background-color:var(--color-primary-green2);cursor:pointer}.c10131zw{box-sizing:border-box;width:100%;height:118px;border-radius:8px;overflow:hidden;position:relative;background-color:var(--color-primary-green2);-webkit-transition:background-color .7s ease-in;transition:background-color .7s ease-in}.c10131zw[data-bg-color-white=true]{background-color:var(--color-white)}.ar6k2eo{width:100%;background-color:transparent;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0);-webkit-transition:-webkit-transform 1s ease-in;-webkit-transition:transform 1s ease-in;transition:transform 1s ease-in;position:absolute;top:0;right:0;z-index:2}.ar6k2eo[data-active-number="2"]{-webkit-transform:translateY(-118px);-ms-transform:translateY(-118px);transform:translateY(-118px)}.ar6k2eo[data-active-number="3"]{-webkit-transform:translateY(-236px);-ms-transform:translateY(-236px);transform:translateY(-236px)}.ar6k2eo[data-active-number="4"]{-webkit-transform:translateY(-354px);-ms-transform:translateY(-354px);transform:translateY(-354px)}.ar6k2eo[data-active-number="5"]{-webkit-transform:translateY(-472px);-ms-transform:translateY(-472px);transform:translateY(-472px)}.c1hwoq9l{width:100%;height:118px;border-radius:8px;background-color:transparent;position:relative;padding:22px 16px;color:var(--color-white);font-family:var(--font-serif);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.c1hwoq9l[data-color-green=true]{color:var(--color-primary-green1)}.t4ujo4g{margin-bottom:10px;font-size:20px;font-weight:var(--font-weight-default);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.t4ujo4g[data-incorrect=true]{color:var(--color-neutrals-gray9)}.s1pjil1h{font-size:12px;font-weight:500;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--font-regular)}.s1pjil1h[data-incorrect=true]{color:var(--color-secondary-red1)}.s1iorwr9.s1pjil1h{font-family:var(--font-serif)}.a51sv9d{font-weight:400px;margin-left:5px}.f1lbk2ye{width:14px;height:14px;margin-right:6px}.crcvk3t{width:30px;height:30px;border:none;border-radius:50%;outline:none;background-color:transparent;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;right:8px;top:8px;cursor:pointer}.c33p82r path{stroke:var(--color-neutrals-gray7)}.c33p82r:hover path{stroke:var(--color-primary-green2)}.c1t4f0x4{box-sizing:border-box;background-color:var(--color-neutrals-white);border-radius:8px;width:100%}.a16w1nl6{border:none;outline:none;background-color:var(--color-primary-green1);color:var(--color-white);border-radius:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:550;width:100%;padding:0 16px;height:44px}.a16w1nl6:hover{background-color:var(--color-primary-green2);cursor:pointer}.b14u54rf{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.i1hxm6zo{max-width:100%;border-radius:8px}.d1s19yop{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px;color:var(--color-neutrals-gray9);font-weight:var(--font-weight-default);margin-bottom:16px}.q1qyx94r{padding-bottom:12px;border-bottom:.7px solid var(--color-neutrals-gray3);margin-bottom:12px}.qs97clu{padding:0 24px 0 12px;color:var(--color-primary-green2);border-left:2px solid var(--color-primary-green2);font-size:12px;font-family:var(--font-serif);font-weight:var(--font-weight-default);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;text-overflow:ellipsis;max-height:32px}.b1dqe0sz{height:100%;width:100%;position:absolute;top:-1px;left:0;z-index:1;display:none}.b1dqe0sz[data-active=true]{display:block}.b1dqe0sz[data-active=true]>div:nth-child(1){-webkit-animation:showLines-b1dqe0sz 1s 50ms ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards;animation:showLines-b1dqe0sz 1s 50ms ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(2){-webkit-animation:showLines-b1dqe0sz .7s .5s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards;animation:showLines-b1dqe0sz .7s .5s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(3){-webkit-animation:showLines-b1dqe0sz .5s .7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards;animation:showLines-b1dqe0sz .5s .7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(4){-webkit-animation:showLines-b1dqe0sz .4s 1s ease-out forwards,hiddenLines-b1dqe0sz .5s 5.5s ease-in forwards;animation:showLines-b1dqe0sz .4s 1s ease-out forwards,hiddenLines-b1dqe0sz .5s 5.5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(1){-webkit-animation:showLines-b1dqe0sz 1s 1s ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards;animation:showLines-b1dqe0sz 1s 1s ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(2){-webkit-animation:showLines-b1dqe0sz .7s 1.4s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards;animation:showLines-b1dqe0sz .7s 1.4s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(3){-webkit-animation:showLines-b1dqe0sz .5s 1.7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards;animation:showLines-b1dqe0sz .5s 1.7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(1){-webkit-animation:showLines-b1dqe0sz 1s 50ms ease-out forwards;animation:showLines-b1dqe0sz 1s 50ms ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(2){-webkit-animation:showLines-b1dqe0sz .7s .5s ease-out forwards;animation:showLines-b1dqe0sz .7s .5s ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(3){-webkit-animation:showLines-b1dqe0sz .5s .7s ease-out forwards;animation:showLines-b1dqe0sz .5s .7s ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(4){-webkit-animation:showLines-b1dqe0sz .4s 1s ease-out forwards;animation:showLines-b1dqe0sz .4s 1s ease-out forwards}.b1dqe0sz>div{background-color:var(--color-white)}.b1dqe0sz[data-correct=true]>div{background-color:var(--color-primary-green2)}.b1dqe0sz[data-correct=false]>div{background-color:var(--color-neutrals-gray6)}@-webkit-keyframes showLines-b1dqe0sz{0%{-webkit-transform:translateX(400px) rotate(137deg);-ms-transform:translateX(400px) rotate(137deg);transform:translate(400px) rotate(137deg)}to{-webkit-transform:translateX(0px) rotate(137deg);-ms-transform:translateX(0px) rotate(137deg);transform:translate(0) rotate(137deg)}}@keyframes showLines-b1dqe0sz{0%{-webkit-transform:translateX(400px) rotate(137deg);-ms-transform:translateX(400px) rotate(137deg);transform:translate(400px) rotate(137deg)}to{-webkit-transform:translateX(0px) rotate(137deg);-ms-transform:translateX(0px) rotate(137deg);transform:translate(0) rotate(137deg)}}@-webkit-keyframes hiddenLines-b1dqe0sz{0%{width:1000px}to{width:2000px;opacity:0}}@keyframes hiddenLines-b1dqe0sz{0%{width:1000px}to{width:2000px;opacity:0}}.b1v6w7ni{position:absolute;opacity:.05;height:1000px;width:1000px;bottom:-580px;-webkit-transform:translateX(400px) rotate(137deg);-ms-transform:translateX(400px) rotate(137deg);transform:translate(400px) rotate(137deg)}.b2nqb1p.b1v6w7ni{right:-818px}.b1xxgmbk.b1v6w7ni{right:-902px}.b63lwcb.b1v6w7ni{right:-997px}.b2iah4.b1v6w7ni{right:-891px}.b1xezvf6.b1v6w7ni{right:-942px}.b1jz1hg0.b1v6w7ni{right:-996px}.b18ho1tk.b1v6w7ni{right:-931px}.b14uvjfm.b1v6w7ni{right:-981px;opacity:.1}.b11c3ns7.b1v6w7ni{right:-1035px;opacity:.15}.b1bqhhet.b1v6w7ni{right:-1088px;opacity:.2}.b1xyzi7o.b1v6w7ni{right:-931px;opacity:.1}.byo0rup.b1v6w7ni{right:-981px;opacity:.1}.b1oyiqgv.b1v6w7ni{right:-1035px;opacity:.1}.bx3ddqw.b1v6w7ni{right:-1088px;opacity:.1}.qvghv3l{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;max-height:100%;gap:8px}.cll3md7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px;padding:var(--container-padding);border:1px solid var(--color-neutrals-white);border-radius:8px;background-color:var(--color-neutrals-white)}.cll3md7:hover{border-color:var(--color-neutrals-gray4)}.cll3md7 .t5et2jt{font-weight:400;line-height:24px}.cll3md7 .d1i2kpk2{display:-webkit-box;font-size:12px;line-height:18px;text-overflow:ellipsis;word-break:break-all;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.a10g1iik{border:none;outline:none;background-color:var(--color-primary-green1);color:var(--color-white);border-radius:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:550;width:100%;padding:0 16px;height:44px}.a10g1iik:hover{background-color:var(--color-primary-green2);cursor:pointer}.psiob9b{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;column-gap:8px;padding:4px 17px 4px 4px;border-radius:40px}.psiob9b:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:40px;border:1px solid var(--color-neutrals-white);opacity:.4;z-index:-1}@media (max-width:767px){.psiob9b{padding-right:10px}}.p1gqe4lh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-primary-green2)}@media (max-width:767px){.p1gqe4lh{width:28px;height:28px}}.p15syg2y{width:20px;height:20px}.p15syg2y path{fill:var(--color-neutrals-white)}@media (max-width:767px){.p15syg2y{width:14px;height:14px}}.p12n4f2h{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:var(--color-neutrals-white);font-weight:var(--font-weight-default)}.poqmx89{margin-bottom:1px;font-size:9px;text-transform:uppercase}@media (max-width:767px){.poqmx89{display:none}}.prj9b3v{font-size:18px;line-height:20px}@media (max-width:767px){.prj9b3v{font-size:14px;line-height:22px}}.c18uddbs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:var(--color-neutrals-white)}.cvcfjf6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.o1ie27lw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:12px 12px 12px 16px}.c15cjkwi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;padding:0;width:24px;height:24px;border:none;background-color:transparent;outline:none;cursor:pointer}.i1mavjt2{width:10px;height:10px}.o1x0dyzv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 16px 16px}.o1jfi9c3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:0 16px;height:44px;font-size:14px;line-height:20px;cursor:pointer}.c1htq1lb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-bottom:24px}.cjyzpp7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding:0 16px 32px}.g16mldgz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:100%}.h69js65{max-width:270px;color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.smm7qmo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:8px;column-gap:8px}.s17knuw2{width:6px;height:6px;border-radius:50%;background-color:var(--color-neutrals-gray4)}.s17knuw2[data-active=true]{background-color:var(--color-primary-green1)}.c1itm4k7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;row-gap:24px;height:100%;padding:16px 16px 56px}.i1w4fsni{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--color-primary-green1)}.i19m85r1{width:24px;height:24px}.c1mbu204{max-width:270px;width:100%}.h1amdqtv{margin-bottom:8px;color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.s1lhlj9j{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);line-height:20px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;text-align:center}.l1wot35e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:16px;column-gap:16px;padding:12px 16px;max-width:292px;width:100%;border-radius:8px;border:1px solid var(--color-neutrals-gray3);cursor:pointer}.l1jdw39q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-weight:var(--font-weight-default);overflow:hidden}.l1cr5mk{color:var(--color-primary-green1);font-size:16px;line-height:24px}.lvi87q4{color:var(--color-neutrals-gray9);font-size:14px;line-height:20px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.l1pqlvw3{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.s1n7kzeh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;column-gap:8px}.s2m9o9y{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:8px;min-width:68px;-webkit-text-decoration:none;text-decoration:none}.sewjbbn{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:18px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px}.cm0bev{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-bottom:16px}.ce7x737{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;row-gap:24px;height:100%;padding:0 32px 32px}.tc2tor6{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.r1k5klql{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:24px}.r1tf3ft2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:16px;column-gap:16px}.rwpvg1k{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--color-primary-green1)}.rwpvg1k [data-icon=icon-trophy]{width:18px;height:18px}.rwpvg1k [data-icon=icon-trophy] path{fill:var(--color-neutrals-white)}.rwpvg1k [data-icon=icon-btn-feature-groups] path:first-child{stroke:var(--color-neutrals-white)}.rwpvg1k [data-icon=icon-btn-feature-groups] path:not(:first-child){fill:var(--color-neutrals-white)}.rbxiag0{font-size:14px;font-weight:var(--font-weight-default);line-height:18px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px}.t6cyrry{margin:0 auto;padding:8px 16px;color:var(--color-primary-green1);font-size:12px;font-weight:400;line-height:16px;border:initial;background:initial;outline:initial;cursor:pointer}.s13d8sg6>div{padding:var(--scroll-container-padding);background:var(--scroll-container-background)}.s13d8sg6>div>div{position:relative}.culdu4a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;padding:8px 16px 8px 8px;color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:16px;border:1px solid var(--color-neutrals-gray3);border-radius:8px;background-color:var(--color-neutrals-white);cursor:pointer}.culdu4a:hover{color:var(--color-primary-green1);border-color:var(--color-neutrals-gray5)}.pwf8e69{min-width:28px;text-align:center}.atf4yh4{width:32px;height:32px;border-radius:50%}.a1dg29ja{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;color:var(--color-neutrals-gray9);font-size:12px;border-radius:50%;background:var(--color-grey-primary-onboarding-inapp);text-align:center;text-transform:uppercase}.c10a68rc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;column-gap:8px}.nc4kck5{display:grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;grid-template-columns:1fr auto}.njsrqgr{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.c17uc4zr{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.c1ux29ft{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;width:100%;height:58px;min-height:58px;max-height:58px;padding:4px 12px;border-radius:8px;box-sizing:border-box;background-color:var(--color-primary-green1);overflow:hidden;cursor:pointer}.f10ncfg2{width:32px;height:32px}.c1yc07bd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:6px;padding:0 4px;font-weight:var(--font-weight-default)}.tj6cq7w{color:var(--color-neutrals-white);font-size:11px;line-height:14px;text-transform:uppercase;opacity:.8}.d1ag78xo{color:var(--color-white);font-size:14px;line-height:13px}.awohrz6{margin-right:8px;width:18px;height:18px}.cddmj9e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-radius:13px;height:100%}.i16t83sg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;max-height:100%}.i16t83sg>div{margin-bottom:8px}.cygkmjj{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;min-height:55px;height:55px;background-color:var(--color-transparent-item);border-radius:8px;cursor:pointer}.c71yvf9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:9px}.gao3b2f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top-left-radius:8px;border-bottom-left-radius:8px;min-width:60px;width:60px;height:100%;background-color:var(--color-blue-question-action-btn);position:relative}.i1k4eec3{width:35px;height:35px}.i1uhyahn{width:35px;height:35px;border-radius:50%}.i2ernmy{position:absolute;left:0;bottom:0;width:60px}.t12j99pr{color:var(--color-white);font-size:12px;font-weight:400px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;text-overflow:ellipsis;max-height:100%;margin-right:35px}.n1uwonpi{width:16px;height:16px}.s8p5v5z{width:100%;height:53px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:16px 0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.s755yti{max-width:20px}.c1vwopgc{font-weight:var(--font-weight-default);color:var(--color-neutrals-gray7);border-bottom:1px solid var(--color-neutrals-gray3);background:var(--color-neutrals-white);box-sizing:border-box;width:100%;font-size:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 12px 12px 16px}.qyktpt0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.q951jdx{width:16px;height:16px}.q951jdx[data-type-trivia=true]{width:13px;height:13px}.q951jdx[data-type-poll=true]{width:12px;height:12px}.q951jdx path{fill:var(--color-primary-green1);fill-opacity:1}.qss5f0e{font-family:var(--font-regular);margin-left:9px;font-weight:550}.c1ao1jtv{width:24px;height:24px;border:none;outline:none;background-color:transparent;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.cvsl7l3 path{stroke:var(--color-neutrals-gray7)}.cvsl7l3:hover path{stroke:var(--color-primary-green2)}.o9squag{height:100%;-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration)}.ctckejh{position:relative;top:var(--header-height);-webkit-animation-duration:calc(var(--animation-duration) * 3);animation-duration:calc(var(--animation-duration) * 3)}.ctckejh>div{padding:var(--container-padding)}.cocfo2g{box-sizing:border-box;overflow:hidden;border-radius:8px;background:#fff;width:100%;padding:16px;position:relative;background-color:var(--color-white);color:var(--color-primary-green2);font-family:var(--font-serif)}.c1pdhxdk{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:20px;height:20px;right:11px;top:11px;cursor:pointer}.c1funj3r g>path{stroke:var(--color-neutrals-gray7)}.c1funj3r:hover path{stroke:var(--color-primary-green2)}.t1okg06y{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:10px;font-weight:400;margin-bottom:6px;-webkit-letter-spacing:3px;-moz-letter-spacing:3px;-ms-letter-spacing:3px;letter-spacing:3px}.sb1n923{max-height:19px;margin-right:6px}.p1stllxd{padding-bottom:3px}.s13kvdzw{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:22px;font-weight:400;margin-bottom:6px}.dfvmv3t{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--font-regular);font-size:12px;font-weight:550}.ay8e3j9{border-radius:40px;border:none;outline:none;cursor:pointer;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:550;padding:0 16px;height:44px;color:var(--color-white);background-color:var(--color-primary-green1);font-family:var(--font-regular);margin-top:16px}.ay8e3j9:hover{background-color:var(--color-primary-green2);cursor:pointer}.oar61gl{position:absolute;top:0;right:0;bottom:0;left:0;top:var(--header-height);background:var(--color-neutrals-white);z-index:3}.u14zaal4{background:var(--color-transparent-item);width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.u14zaal4>div{width:100%}.qdri6g3{background:var(--color-transparent-item);width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.c1bp9dj2{--scroll-container-padding:12px 16px 8px 16px;--scroll-container-background:var(--color-neutrals-white);height:100%}
1
+ .azqfrs3{width:100vw;height:100vh;padding:20px;box-sizing:border-box;margin:0;font-family:var(--font-family);color:var(--font-color)}.azqfrs3>div{box-sizing:border-box;width:370px;height:100%;border-radius:12px;overflow:auto;padding:10px;background-color:var(--color-bg-transparent)}.d1sqxt7l{position:fixed;bottom:0;right:0;max-width:600px;font-family:system-ui;background:rgba(29,123,255,.5);border-top-left-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.d1a3478s{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-right:60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:10px;margin-top:10px;padding-bottom:10px}.butjcq8{position:absolute;z-index:10000;bottom:10px;right:10px;width:40px;height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-around;-webkit-justify-content:space-around;-ms-flex-pack:space-around;justify-content:space-around;background:rgb(29,123,255);border:none;border-radius:6px;padding:10px;cursor:pointer;-webkit-transition:all .1s ease;transition:all .1s ease}.butjcq8:hover{padding-top:8px;padding-bottom:8px}.butjcq8:active{-webkit-transform:translateY(4px);-ms-transform:translateY(4px);transform:translateY(4px)}.butjcq8[data-opened=true] span:nth-child(odd){opacity:0}.butjcq8 span{display:block;background:#fff;border-radius:4px;width:100%;height:4px}.s14ex8bw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 6px;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.s14ex8bw label{cursor:pointer}.s1fwty0k{width:2rem;height:1rem;background:#fff;border-radius:1em;position:relative;margin-left:5px}.s1fwty0k input{opacity:0;position:relative;z-index:1;width:100%;cursor:pointer}.s1fwty0k input:checked+span{-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);background:green}.s1fwty0k span{display:block;position:absolute;top:0;left:0;height:1rem;width:1rem;border-radius:1em;background:gray;box-shadow:0 .1em .3em #0000004d;-webkit-transition:all .3s;transition:all .3s}.iwjhb00{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:rgb(29,123,255);padding:4px 6px;border-radius:5px;font-size:16px}.iwjhb00 input{display:block;width:100%;color:#fff;font-size:24px;border:none;padding:2px 2px 2px 10px;background:linear-gradient(136.45deg,rgba(60,139,251,.3) .57%,rgba(0,79,190,.3) 100%);border:1px solid transparent;outline:none}.iwjhb00 input:focus{border-color:#1d7bff}.iwjhb00 label{margin-right:4px}.iwjhb00 button{width:150px;color:#fff;background:transparent;margin:0;padding:0;cursor:pointer;border:none;text-transform:uppercase}.iwjhb00 button:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.iwjhb00 button:active{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.i1vlsnk4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:rgb(29,123,255);padding:4px 6px;border-radius:5px;font-size:16px;margin-bottom:2px}.i1vlsnk4 input{display:block;width:100%;color:#fff;font-size:24px;border:none;padding:2px 2px 2px 10px;background:linear-gradient(136.45deg,rgba(60,139,251,.3) .57%,rgba(0,79,190,.3) 100%);border:1px solid transparent;outline:none}.i1vlsnk4 input:focus{border-color:#1d7bff}.i1vlsnk4 label{margin-right:4px}.i1vlsnk4 button{width:150px;color:#fff;background:transparent;margin:0;padding:0;cursor:pointer;border:none;text-transform:uppercase}.m17a8r9z{--header-height:68px;--question-headers-height:117px;--animation-duration:.5s;--animation-function:ease;--container-padding:16px}.ttkj0ah{--color-bg-transparent:rgba(0,0,0,.8);--color-bg-transparent-vote-container:rgba(10,14,19,.8);--color-bg-transparent-item:rgba(0,0,0,.7);--color-bg-transparent-item-vote:rgba(255,255,255,.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:rgba(255,255,255,.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:rgba(255,255,255,.5);--color-blue-primary:#1589EE;--color-red-primary:#CD2525;--color-red-secondary:#EB5757;--color-blue-question-action-btn:#1589ee;--color-white:#FFFFFF;--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:#FFFFFF;--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:#000000;--font-family:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-regular:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-color:#fff;--font-serif:"Tiempos","Tiempos Text",Times New Roman,serif;--font-weight-default:500;--header-height:68px;--animation-duration:.5s;--animation-function:ease;--container-padding:16px;--border-radius:8px}.ttkj0ah *{box-sizing:border-box}.c1bgb86j{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;border-radius:8px;overflow:hidden;cursor:pointer}.p6703cq{width:100%}.p12ow7zo{position:absolute;top:0;left:0;width:100%;height:100%}.cdpal9o{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}.i1e83no{background:#222425;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.r165427{font-weight:var(--font-weight-default)}.c1pgyo67{overflow:hidden;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;max-height:2500px;-webkit-animation:containerShowIn-c1pgyo67 ease-out;animation:containerShowIn-c1pgyo67 ease-out;-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration)}@-webkit-keyframes containerShowIn-c1pgyo67{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;max-height:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;max-height:2500px}}@keyframes containerShowIn-c1pgyo67{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;max-height:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;max-height:2500px}}.hx17qu6{-webkit-animation:containerHide-hx17qu6 ease-out;animation:containerHide-hx17qu6 ease-out;-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);-webkit-animation-direction:reverse;animation-direction:reverse;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes containerHide-hx17qu6{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;max-height:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;max-height:2500px}}@keyframes containerHide-hx17qu6{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;max-height:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;max-height:2500px}}.c1kzqw87{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:8px}.d9r1hf9{color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.qezygt5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:12px;column-gap:12px;padding:4px 16px 8px 0;color:var(--color-primary-green2);font-size:12px;font-family:var(--font-serif);font-weight:var(--font-weight-default)}.qezygt5:before{content:"";width:2px;background-color:var(--color-primary-green2)}.d1y8f7ym{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px}.b18gwonx{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.i3g0xjd{max-width:100%;border-radius:8px}.cjq447q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;column-gap:8px}.i14egogb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.i2g9g4l{width:46px;height:46px;object-fit:cover;object-position:center;border-radius:50%}.d1c454nm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:2px;color:var(--color-neutrals-gray9);font-weight:var(--font-weight-default)}.n11nigc3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;font-size:12px;font-family:var(--font-serif)}.urxa4k8{font-size:12px;line-height:20px}.cgn5uen{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:16px}.c1px8nt6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px}.t5et2jt{color:var(--color-primary-green1);font-size:16px;line-height:26px;font-family:var(--font-serif);font-weight:var(--font-weight-default)}.d1i2kpk2{color:var(--color-neutrals-gray9);font-size:14px;line-height:24px;font-weight:var(--font-weight-default)}.dd3lh3p{color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.i1gfjeu5{border-radius:8px;max-width:100%}.n19lpak2{position:absolute;top:0;left:0;right:0;box-sizing:border-box;overflow:hidden;opacity:0;-webkit-animation:show-nav-n19lpak2 .5s ease;animation:show-nav-n19lpak2 .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;padding:var(--container-padding);border-bottom:1px solid var(--color-neutrals-gray3)}.n19lpak2>button:not(:last-child){margin-right:8px}@-webkit-keyframes show-nav-n19lpak2{90%{opacity:0}to{height:68px;opacity:1}}@keyframes show-nav-n19lpak2{90%{opacity:0}to{height:68px;opacity:1}}.b6tbwuy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:var(--color-neutrals-white)}.sxxa0c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:36px;max-height:36px;background-color:var(--color-white);border-radius:100px;border:1px solid var(--color-neutrals-gray3);color:var(--color-primary-green1);padding:0 8px;font-size:12px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.5px;-moz-letter-spacing:-.5px;-ms-letter-spacing:-.5px;letter-spacing:-.5px;cursor:pointer}.sxxa0c:hover{border-color:var(--color-primary-green1)}.sxxa0c[data-selected=true]{color:var(--color-white);background-color:var(--color-primary-green1);border-color:var(--color-primary-green1)}.sxxa0c[data-selected=true]:hover{cursor:default}.sxxa0c[data-selected=true]:disabled:hover{border-color:var(--color-primary-green1)}.sxxa0c:disabled{opacity:.5;cursor:default}.sxxa0c:disabled:hover{cursor:default;border-color:var(--color-neutrals-gray3)}.b193dcyu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:22px;height:22px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:5px}.b180jd7l[data-selected=true] g>path{fill:#fff}.b11des7c[data-selected=true] g>path:nth-child(1){stroke:#fff}.b11des7c[data-selected=true] g>path:nth-child(2){fill:#fff;stroke:#107d57}.b1whzxvd[data-selected=true] g>path:nth-child(1){stroke:#fff}.b1whzxvd[data-selected=true] g>path:nth-child(2){fill:#fff}.p1liu7r{border-radius:8px;padding:0 12px;background-color:var(--color-transparent-item);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.fhf9n1f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:auto;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.fmf7e3h{margin-bottom:20px;font-size:18px}.fg7be0w{margin-bottom:10px;font-size:14px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.fvxx8fg{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;padding:6px;text-transform:uppercase;color:#fff;cursor:pointer;margin-bottom:20px}.fvxx8fg:disabled{opacity:.5;cursor:default}.f1sfffsg{margin-bottom:40px;border-bottom:1px solid white}.f1sfffsg input{font-size:20px;background:transparent;color:#fff;border:none;outline:none}.d1majgb2>div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:20px}.d1majgb2 input{width:20px;height:40px;font-size:40px}.c14ielyq{width:100%;height:100%}.c14ielyq>div:not(:last-child){margin-bottom:16px}.c1tlqx57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;padding:16px 16px 0}.t1hq58md{font-family:var(--font-serif);font-size:16px;color:var(--color-primary-green2);font-weight:400;margin:16px 0}.t1hq58md[data-isPrediction=true]{margin-top:0}.o1c8nxcx{position:relative;gap:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.stu11h7{height:100%;background:transparent;font-family:var(--font-regular);position:relative;min-width:324px;overflow:hidden}.s1ucohr1{width:100%;overflow-y:auto;height:100%;-webkit-transition:-webkit-transform;-webkit-transition:transform;transition:transform;-webkit-transition-duration:var(--animation-duration);transition-duration:var(--animation-duration);-webkit-transition-timing-function:var(--animation-function);transition-timing-function:var(--animation-function)}.s1ucohr1[data-nav=true]{height:calc(100% - var(--header-height));-webkit-transform:translateY(var(--header-height));-ms-transform:translateY(var(--header-height));transform:translateY(var(--header-height))}.s1ucohr1[data-question-header=true]{height:calc(100% - var(--question-headers-height,0%));-webkit-transform:translateY(var(--question-headers-height));-ms-transform:translateY(var(--question-headers-height));transform:translateY(var(--question-headers-height))}.s1el4wvm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:var(--container-padding);gap:var(--container-padding)}.s1oe3036.s1el4wvm{background-color:var(--color-neutrals-white)}.c38csyt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:12px;padding-bottom:32px}.ty221rx{color:var(--color-primary-green2);font-size:20px;font-family:var(--font-serif);font-weight:400;line-height:26px;text-align:center}.dlaj9xp{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);line-height:20px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;text-align:center}.c16sbdnm{width:100%;padding:8px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;font-size:14px}.c16sbdnm[data-isPrediction=true]{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start}.ibhorgl{min-width:24px;width:24px;height:24px;margin-right:14px;margin-left:12px}.ibhorgl g>path{fill:var(--color-primary-green1);fill-opacity:1}.f1g20ja7{min-width:32px;width:32px;height:32px;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-right:16px}.f1g20ja7[data-feedbackType=correct]{background-color:var(--color-primary-green1)}.f1g20ja7[data-feedbackType=incorrect]{background-color:var(--color-secondary-red1)}.f455ozj{font-weight:var(--font-weight-default)}.f1913njx{margin-right:5px}.f1913njx[data-feedbackType=correct]{color:var(--color-primary-green1)}.f1913njx[data-feedbackType=incorrect]{color:var(--color-secondary-red1)}.fzfk69z{color:var(--color-neutrals-gray9)}.fx87qaj{font-weight:400;margin-top:10px}.b1b6dl8t{background-color:var(--color-neutrals-gray2);border:1px solid transparent;box-sizing:border-box;border-radius:4px;position:relative;min-height:44px;width:100%}.b1b6dl8t:hover:not(:disabled){border-color:var(--color-neutrals-gray5);cursor:pointer}.b1b6dl8t[data-selected=true]{border-color:var(--color-neutrals-gray9);background-color:var(--color-white)}.b1b6dl8t[data-answerState=correct]{position:relative;border-color:var(--color-primary-green1)}.b1b6dl8t[data-answerState=correct]:before{content:"";top:0;left:0;opacity:.1;display:block;width:100%;height:100%;position:absolute;background-color:var(--color-primary-green1)}.b1b6dl8t[data-answerState=incorrect]{position:relative;border-color:var(--color-secondary-red1)}.b1b6dl8t[data-answerState=incorrect]:before{content:"";top:0;left:0;opacity:.1;display:block;width:100%;height:100%;position:absolute;background-color:var(--color-secondary-red1)}.b1b6dl8t[data-isNotChecked=true]{border-color:var(--color-neutrals-gray3);background-color:var(--color-white)}.b4iik8i{-webkit-transition:width 1s ease-in;transition:width 1s ease-in;position:absolute;border-radius:3px;height:100%;z-index:0;left:0;top:0;background-color:var(--color-neutrals-gray3)}.b4iik8i[data-answerState=correct]{background-color:var(--color-primary-green1);opacity:.3}.b4iik8i[data-answerState=incorrect]{background-color:var(--color-secondary-red1);opacity:.3}.b4iik8i[data-answerState=unset]{background-color:var(--color-neutrals-gray3)}.b1gq1lnf{font-weight:var(--font-weight-default);color:var(--color-neutrals-gray9);font-family:var(--font-regular);background-color:transparent;padding:5px 15px 5px 9px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:2px;position:relative;font-size:12px;outline:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;border:none;width:100%}.i1j65z51{width:60px}.i19tpfua{position:absolute;left:0;bottom:-1px;background-repeat:no-repeat;background-size:contain;width:52px;height:52px}.i1tubmma{margin-right:8px}.i1grrgwj.i1tubmma{height:32px;width:32px}.ibemyq8.i1tubmma{border-radius:50%;height:32px;width:32px}.t1dceht{overflow:hidden;text-align:left;-webkit-flex:1;-ms-flex:1;flex:1;word-wrap:break-word}.i116q4vq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.p17ajcu2{margin-left:8px;line-height:17px}.cu9kmlb{margin-left:8px;height:16px;width:16px}.wie6cqo{border:1px solid var(--color-neutrals-gray3);font-family:var(--font-regular);font-weight:var(--font-weight-default);color:var(--color-neutrals-gray9);width:100%;min-height:40px;border-radius:100px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 3px 3px 11px;font-size:14px;-webkit-letter-spacing:-.15px;-moz-letter-spacing:-.15px;-ms-letter-spacing:-.15px;letter-spacing:-.15px}.cgizw4u{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.t1l3ucjp{color:var(--color-neutrals-gray7);margin-right:8px}.wx7j799{margin-right:4px}.p4lwuj0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end}.po9i64o{margin-right:6px;font-size:14px;line-height:14px}.pe5g05h{font-size:10px}.c1dcxmvf,.c1euiow{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px;padding:var(--container-padding);background-color:var(--color-neutrals-white)}.w19zie3h{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:10px;column-gap:10px;padding:11px 16px;color:var(--color-primary-green1);font-size:14px;font-weight:var(--font-weight-default);line-height:20px;border-radius:40px;border:1px solid var(--color-primary-green1);-webkit-text-decoration:none;text-decoration:none}.c1yrpn9o{padding:12px;font-weight:var(--font-weight-default);background-color:var(--color-primary-green1);border-radius:12px}.t17fwahh{margin-bottom:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:8px;column-gap:8px}.by6w7e9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:8px}.u1g7arbm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;column-gap:8px;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden}.a1ldeata{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.u10d4koz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:6px;overflow:hidden}.u1q6roj0{color:var(--color-white);font-size:16px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui0m425{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;column-gap:8px;height:14px;color:var(--color-neutrals-white);font-size:14px;text-transform:uppercase}.t1el3mrn{width:15px;height:15px}.r2vgnxv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px}.roqn06j{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-column-gap:4px;column-gap:4px}.r15adx7c{font-size:9px;opacity:.8}.dv59lta{width:1px;height:10px;background-color:var(--color-white);opacity:.2}.r55lotb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;column-gap:8px}.s1knfgqt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:8px 12px;border-radius:4px;background-color:var(--color-primary-green2)}.a1mqo824{background:#2d6ffd;border-radius:50%;width:48px;height:48px;text-align:center;text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:18px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.uxareh6{border:none;outline:none;background-color:transparent;cursor:pointer;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;width:100%;height:100%;max-width:48px;max-height:48px}.c1zy8a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:9px 8px;color:var(--color-neutrals-white);border-radius:4px;background-color:var(--color-primary-green2);overflow:hidden}.t1vih9p5{font-size:9px;line-height:14px;text-transform:uppercase;opacity:.8}.i1fbnvpb{font-size:14px;line-height:16px}.ctmhwyc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:4px;padding-top:2px;color:var(--color-neutrals-white);text-align:center}.i1jri200{font-size:14px;line-height:16px}.t8s05oq{font-size:9px;line-height:14px;text-transform:uppercase;opacity:.8}.sxnslc8{position:relative;box-sizing:border-box;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;border-radius:8px;background-color:var(--color-neutrals-gray2);padding:4px}.sxnslc8:before{content:"";position:absolute;background-color:var(--color-white);border-radius:6px;height:28px;left:4px;width:calc(50% - 4px);-webkit-transition:-webkit-transform var(--animation-duration) var(--animation-function);-webkit-transition:transform var(--animation-duration) var(--animation-function);transition:transform var(--animation-duration) var(--animation-function)}.sxnslc8[data-position=left]:before{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}.sxnslc8[data-position=right]:before{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translate(100%)}.b1umzux0{border:none;outline:none;background-color:transparent;color:var(--color-neutrals-gray7);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;font-weight:550;width:50%;box-sizing:border-box;padding:4px 10px;height:28px;cursor:pointer}.b1umzux0:hover{color:var(--color-primary-green1)}.b1umzux0[data-selected=true]{color:var(--color-primary-green1);cursor:default}.tspsaas{position:relative;z-index:2}.q1w97g3p{border-radius:var(--border-radius);padding:var(--container-padding);background-color:var(--color-neutrals-white);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:12px;border:1px solid var(--color-neutrals-white)}.q1w97g3p:hover{border-color:var(--color-neutrals-gray4)}.q2sl39u{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;font-size:12px;font-weight:500;margin-bottom:8px}.qd5h0uc{font-family:var(--font-serif);color:var(--color-primary-green2);font-size:14px;font-weight:400}.qxlt78s{width:16px;height:16px}.qxlt78s[data-type-trivia=true]{width:13px;height:13px}.qxlt78s[data-type-poll=true]{width:12px;height:12px}.qxlt78s path{fill:var(--color-primary-green1);fill-opacity:1}.qmg0vkx{color:var(--color-neutrals-gray7);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;margin-left:6px}.q1uz5j1g{font-weight:700;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.qc3icwa{color:var(--color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qmx43d1{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;font-size:8px;padding:6px;height:20px;text-transform:uppercase;color:#fff;cursor:pointer}.q1uc7n5z{width:16px;height:16px}.qcpp4y6{text-transform:uppercase}.e1rdw3wd{text-transform:uppercase;border-left:1px solid var(--color-grey-primary);padding-left:5px;margin-left:5px}.p1pba9p1{border:none;outline:none;background-color:var(--color-primary-green1);color:var(--color-white);border-radius:71px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;font-weight:550;width:56px;height:32px}.p1pba9p1:hover{background-color:var(--color-primary-green2);cursor:pointer}.cl56x6b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:16px;padding:12px 16px 16px;border:1px solid var(--color-neutrals-white);border-radius:8px;background-color:var(--color-neutrals-white)}.cl56x6b:hover{border-color:var(--color-neutrals-gray4)}.a11pzf92{height:44px;padding:0 16px;font-size:14px;line-height:20px;cursor:pointer}.s1nve60q{border-radius:71px;padding:14px 16px 12px;font-size:12px;border:1px solid;font-weight:var(--font-weight-default);outline:none}.s1nve60q[data-variant=primary]{color:var(--color-neutrals-white);background-color:var(--color-primary-green1);border-color:var(--color-primary-green1)}.s1nve60q[data-variant=primary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.s1nve60q[data-variant=secondary]{color:var(--color-primary-green1);background-color:transparent;border-color:var(--color-primary-green1)}.s1nve60q[data-variant=secondary]:hover:enabled{color:var(--color-neutrals-white);background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.s1nve60q:disabled{opacity:.5}.s1nve60q:disabled:hover{cursor:default}.c1eptrjd{box-sizing:border-box;overflow:hidden;border-radius:8px;background:#fff;width:100%;padding:16px;position:relative}.crylm65{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:20px;height:20px;right:11px;top:11px;cursor:pointer}.c9mrcz7 g>path{stroke:var(--color-neutrals-gray7)}.c9mrcz7:hover path{stroke:var(--color-primary-green2)}.hw3lzv4{margin-bottom:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.t1rrb3kf{margin-right:4px;width:16px;height:16px}.t1rrb3kf[data-type-trivia=true]{width:13px;height:13px}.t1rrb3kf[data-type-poll=true]{width:12px;height:12px}.t1rrb3kf path{fill:var(--color-primary-green1);fill-opacity:1}.t1ydnjov{color:var(--color-neutrals-gray7);font-weight:550;font-size:12px}.qlf90cl{font-weight:400;font-size:16px;color:var(--color-primary-green2);margin-bottom:12px;padding-right:10px;font-family:var(--font-serif)}.a1e0nhcl{background-color:var(--color-primary-green1);color:var(--color-white);border-radius:40px;border:none;outline:none;cursor:pointer;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:550;padding:0 16px;height:44px}.a1e0nhcl:hover{background-color:var(--color-primary-green2);cursor:pointer}.i1pqqgpo{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:16px;background-color:var(--color-neutrals-white);border-radius:8px;width:100%}.igj7luu{max-width:100%;border-radius:8px}.i1qne9g6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px}.ttpr98r{color:var(--color-primary-green2);font-size:16px;line-height:26px;font-weight:400;font-family:var(--font-serif);font-weight:var(--font-weight-default);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;text-overflow:ellipsis;max-height:50px}.d17iaqp8{color:var(--color-neutrals-gray9);font-size:12px;line-height:24px;font-weight:var(--font-weight-default);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;text-overflow:ellipsis;max-height:50px}.a16t3y7s{border:none;outline:none;background-color:var(--color-primary-green1);color:var(--color-white);border-radius:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:550;width:100%;padding:0 16px;height:44px}.a16t3y7s:hover{background-color:var(--color-primary-green2);cursor:pointer}.c10131zw{box-sizing:border-box;width:100%;height:118px;border-radius:8px;overflow:hidden;position:relative;background-color:var(--color-primary-green2);-webkit-transition:background-color .7s ease-in;transition:background-color .7s ease-in}.c10131zw[data-bg-color-white=true]{background-color:var(--color-white)}.ar6k2eo{width:100%;background-color:transparent;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0);-webkit-transition:-webkit-transform 1s ease-in;-webkit-transition:transform 1s ease-in;transition:transform 1s ease-in;position:absolute;top:0;right:0;z-index:2}.ar6k2eo[data-active-number="2"]{-webkit-transform:translateY(-118px);-ms-transform:translateY(-118px);transform:translateY(-118px)}.ar6k2eo[data-active-number="3"]{-webkit-transform:translateY(-236px);-ms-transform:translateY(-236px);transform:translateY(-236px)}.ar6k2eo[data-active-number="4"]{-webkit-transform:translateY(-354px);-ms-transform:translateY(-354px);transform:translateY(-354px)}.ar6k2eo[data-active-number="5"]{-webkit-transform:translateY(-472px);-ms-transform:translateY(-472px);transform:translateY(-472px)}.c1hwoq9l{width:100%;height:118px;border-radius:8px;background-color:transparent;position:relative;padding:22px 16px;color:var(--color-white);font-family:var(--font-serif);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.c1hwoq9l[data-color-green=true]{color:var(--color-primary-green1)}.t4ujo4g{margin-bottom:10px;font-size:20px;font-weight:var(--font-weight-default);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.t4ujo4g[data-incorrect=true]{color:var(--color-neutrals-gray9)}.s1pjil1h{font-size:12px;font-weight:500;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--font-regular)}.s1pjil1h[data-incorrect=true]{color:var(--color-secondary-red1)}.s1iorwr9.s1pjil1h{font-family:var(--font-serif)}.a51sv9d{font-weight:400px;margin-left:5px}.f1lbk2ye{width:14px;height:14px;margin-right:6px}.crcvk3t{width:30px;height:30px;border:none;border-radius:50%;outline:none;background-color:transparent;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;right:8px;top:8px;cursor:pointer}.c33p82r path{stroke:var(--color-neutrals-gray7)}.c33p82r:hover path{stroke:var(--color-primary-green2)}.c1t4f0x4{box-sizing:border-box;background-color:var(--color-neutrals-white);border-radius:8px;width:100%}.a16w1nl6{border:none;outline:none;background-color:var(--color-primary-green1);color:var(--color-white);border-radius:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:550;width:100%;padding:0 16px;height:44px}.a16w1nl6:hover{background-color:var(--color-primary-green2);cursor:pointer}.b14u54rf{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.i1hxm6zo{max-width:100%;border-radius:8px}.d1s19yop{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px;color:var(--color-neutrals-gray9);font-weight:var(--font-weight-default);margin-bottom:16px}.q1qyx94r{padding-bottom:12px;border-bottom:.7px solid var(--color-neutrals-gray3);margin-bottom:12px}.qs97clu{padding:0 24px 0 12px;color:var(--color-primary-green2);border-left:2px solid var(--color-primary-green2);font-size:12px;font-family:var(--font-serif);font-weight:var(--font-weight-default);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;text-overflow:ellipsis;max-height:32px}.b1dqe0sz{height:100%;width:100%;position:absolute;top:-1px;left:0;z-index:1;display:none}.b1dqe0sz[data-active=true]{display:block}.b1dqe0sz[data-active=true]>div:nth-child(1){-webkit-animation:showLines-b1dqe0sz 1s 50ms ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards;animation:showLines-b1dqe0sz 1s 50ms ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(2){-webkit-animation:showLines-b1dqe0sz .7s .5s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards;animation:showLines-b1dqe0sz .7s .5s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(3){-webkit-animation:showLines-b1dqe0sz .5s .7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards;animation:showLines-b1dqe0sz .5s .7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(4){-webkit-animation:showLines-b1dqe0sz .4s 1s ease-out forwards,hiddenLines-b1dqe0sz .5s 5.5s ease-in forwards;animation:showLines-b1dqe0sz .4s 1s ease-out forwards,hiddenLines-b1dqe0sz .5s 5.5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(1){-webkit-animation:showLines-b1dqe0sz 1s 1s ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards;animation:showLines-b1dqe0sz 1s 1s ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(2){-webkit-animation:showLines-b1dqe0sz .7s 1.4s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards;animation:showLines-b1dqe0sz .7s 1.4s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(3){-webkit-animation:showLines-b1dqe0sz .5s 1.7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards;animation:showLines-b1dqe0sz .5s 1.7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(1){-webkit-animation:showLines-b1dqe0sz 1s 50ms ease-out forwards;animation:showLines-b1dqe0sz 1s 50ms ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(2){-webkit-animation:showLines-b1dqe0sz .7s .5s ease-out forwards;animation:showLines-b1dqe0sz .7s .5s ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(3){-webkit-animation:showLines-b1dqe0sz .5s .7s ease-out forwards;animation:showLines-b1dqe0sz .5s .7s ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(4){-webkit-animation:showLines-b1dqe0sz .4s 1s ease-out forwards;animation:showLines-b1dqe0sz .4s 1s ease-out forwards}.b1dqe0sz>div{background-color:var(--color-white)}.b1dqe0sz[data-correct=true]>div{background-color:var(--color-primary-green2)}.b1dqe0sz[data-correct=false]>div{background-color:var(--color-neutrals-gray6)}@-webkit-keyframes showLines-b1dqe0sz{0%{-webkit-transform:translateX(400px) rotate(137deg);-ms-transform:translateX(400px) rotate(137deg);transform:translate(400px) rotate(137deg)}to{-webkit-transform:translateX(0px) rotate(137deg);-ms-transform:translateX(0px) rotate(137deg);transform:translate(0) rotate(137deg)}}@keyframes showLines-b1dqe0sz{0%{-webkit-transform:translateX(400px) rotate(137deg);-ms-transform:translateX(400px) rotate(137deg);transform:translate(400px) rotate(137deg)}to{-webkit-transform:translateX(0px) rotate(137deg);-ms-transform:translateX(0px) rotate(137deg);transform:translate(0) rotate(137deg)}}@-webkit-keyframes hiddenLines-b1dqe0sz{0%{width:1000px}to{width:2000px;opacity:0}}@keyframes hiddenLines-b1dqe0sz{0%{width:1000px}to{width:2000px;opacity:0}}.b1v6w7ni{position:absolute;opacity:.05;height:1000px;width:1000px;bottom:-580px;-webkit-transform:translateX(400px) rotate(137deg);-ms-transform:translateX(400px) rotate(137deg);transform:translate(400px) rotate(137deg)}.b2nqb1p.b1v6w7ni{right:-818px}.b1xxgmbk.b1v6w7ni{right:-902px}.b63lwcb.b1v6w7ni{right:-997px}.b2iah4.b1v6w7ni{right:-891px}.b1xezvf6.b1v6w7ni{right:-942px}.b1jz1hg0.b1v6w7ni{right:-996px}.b18ho1tk.b1v6w7ni{right:-931px}.b14uvjfm.b1v6w7ni{right:-981px;opacity:.1}.b11c3ns7.b1v6w7ni{right:-1035px;opacity:.15}.b1bqhhet.b1v6w7ni{right:-1088px;opacity:.2}.b1xyzi7o.b1v6w7ni{right:-931px;opacity:.1}.byo0rup.b1v6w7ni{right:-981px;opacity:.1}.b1oyiqgv.b1v6w7ni{right:-1035px;opacity:.1}.bx3ddqw.b1v6w7ni{right:-1088px;opacity:.1}.qvghv3l{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;max-height:100%;gap:8px}.cll3md7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px;padding:var(--container-padding);border:1px solid var(--color-neutrals-white);border-radius:8px;background-color:var(--color-neutrals-white)}.cll3md7:hover{border-color:var(--color-neutrals-gray4)}.cll3md7 .t5et2jt{font-weight:400;line-height:24px}.cll3md7 .d1i2kpk2{display:-webkit-box;font-size:12px;line-height:18px;text-overflow:ellipsis;word-break:break-all;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.a10g1iik{border:none;outline:none;background-color:var(--color-primary-green1);color:var(--color-white);border-radius:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:550;width:100%;padding:0 16px;height:44px}.a10g1iik:hover{background-color:var(--color-primary-green2);cursor:pointer}.psiob9b{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;column-gap:8px;padding:4px 17px 4px 4px;border-radius:40px}.psiob9b:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:40px;border:1px solid var(--color-neutrals-white);opacity:.4;z-index:-1}@media (max-width:767px){.psiob9b{padding-right:10px}}.p1gqe4lh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-primary-green2)}@media (max-width:767px){.p1gqe4lh{width:28px;height:28px}}.p15syg2y{width:20px;height:20px}.p15syg2y path{fill:var(--color-neutrals-white)}@media (max-width:767px){.p15syg2y{width:14px;height:14px}}.p12n4f2h{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:var(--color-neutrals-white);font-weight:var(--font-weight-default)}.poqmx89{margin-bottom:1px;font-size:9px;text-transform:uppercase}@media (max-width:767px){.poqmx89{display:none}}.prj9b3v{font-size:18px;line-height:20px}@media (max-width:767px){.prj9b3v{font-size:14px;line-height:22px}}.c18uddbs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:var(--color-neutrals-white)}.cvcfjf6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.o1ie27lw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:12px 12px 12px 16px}.c15cjkwi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;padding:0;width:24px;height:24px;border:none;background-color:transparent;outline:none;cursor:pointer}.i1mavjt2{width:10px;height:10px}.o1x0dyzv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 16px 16px}.o1jfi9c3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:0 16px;height:44px;font-size:14px;line-height:20px;cursor:pointer}.c1htq1lb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-bottom:24px}.cjyzpp7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding:0 16px 32px}.g16mldgz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:100%}.g16mldgz img{display:block;width:auto;max-width:300px;height:auto}.h69js65{max-width:270px;color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.smm7qmo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:8px;column-gap:8px}.s17knuw2{width:6px;height:6px;border-radius:50%;background-color:var(--color-neutrals-gray4)}.s17knuw2[data-active=true]{background-color:var(--color-primary-green1)}.c1itm4k7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;row-gap:24px;height:100%;padding:16px 16px 56px}.i1w4fsni{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--color-primary-green1)}.i19m85r1{width:24px;height:24px}.c1mbu204{max-width:270px;width:100%}.h1amdqtv{margin-bottom:8px;color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.s1lhlj9j{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);line-height:20px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;text-align:center}.l1wot35e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:16px;column-gap:16px;padding:12px 16px;max-width:292px;width:100%;border-radius:8px;border:1px solid var(--color-neutrals-gray3);cursor:pointer}.l1jdw39q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-weight:var(--font-weight-default);overflow:hidden}.l1cr5mk{color:var(--color-primary-green1);font-size:16px;line-height:24px}.lvi87q4{color:var(--color-neutrals-gray9);font-size:14px;line-height:20px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.l1pqlvw3{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.s1n7kzeh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;column-gap:8px}.s2m9o9y{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:8px;min-width:68px;-webkit-text-decoration:none;text-decoration:none}.sewjbbn{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:18px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px}.cm0bev{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-bottom:16px}.ce7x737{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;row-gap:24px;height:100%;padding:0 32px 32px}.tc2tor6{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.r1k5klql{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:24px}.r1tf3ft2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:16px;column-gap:16px}.rwpvg1k{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--color-primary-green1)}.rwpvg1k [data-icon=icon-trophy]{width:18px;height:18px}.rwpvg1k [data-icon=icon-trophy] path{fill:var(--color-neutrals-white)}.rwpvg1k [data-icon=icon-btn-feature-groups] path:first-child{stroke:var(--color-neutrals-white)}.rwpvg1k [data-icon=icon-btn-feature-groups] path:not(:first-child){fill:var(--color-neutrals-white)}.rbxiag0{font-size:14px;font-weight:var(--font-weight-default);line-height:18px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px}.t6cyrry{margin:0 auto;padding:8px 16px;color:var(--color-primary-green1);font-size:12px;font-weight:400;line-height:16px;border:initial;background:initial;outline:initial;cursor:pointer}.s13d8sg6>div{padding:var(--scroll-container-padding);background:var(--scroll-container-background)}.s13d8sg6>div>div{position:relative}.culdu4a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;padding:8px 16px 8px 8px;color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:16px;border:1px solid var(--color-neutrals-gray3);border-radius:8px;background-color:var(--color-neutrals-white);cursor:pointer}.culdu4a:hover{color:var(--color-primary-green1);border-color:var(--color-neutrals-gray5)}.pwf8e69{min-width:28px;text-align:center}.atf4yh4{width:32px;height:32px;border-radius:50%}.a1dg29ja{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;color:var(--color-neutrals-gray9);font-size:12px;border-radius:50%;background:var(--color-grey-primary-onboarding-inapp);text-align:center;text-transform:uppercase}.c10a68rc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;column-gap:8px}.nc4kck5{display:grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;grid-template-columns:1fr auto}.njsrqgr{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.c17uc4zr{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.c1ux29ft{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;width:100%;height:58px;min-height:58px;max-height:58px;padding:4px 12px;border-radius:8px;box-sizing:border-box;background-color:var(--color-primary-green1);overflow:hidden;cursor:pointer}.f10ncfg2{width:32px;height:32px}.c1yc07bd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:6px;padding:0 4px;font-weight:var(--font-weight-default)}.tj6cq7w{color:var(--color-neutrals-white);font-size:11px;line-height:14px;text-transform:uppercase;opacity:.8}.d1ag78xo{color:var(--color-white);font-size:14px;line-height:13px}.awohrz6{margin-right:8px;width:18px;height:18px}.cddmj9e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-radius:13px;height:100%}.i16t83sg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;max-height:100%}.i16t83sg>div{margin-bottom:8px}.cygkmjj{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;min-height:55px;height:55px;background-color:var(--color-transparent-item);border-radius:8px;cursor:pointer}.c71yvf9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:9px}.gao3b2f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top-left-radius:8px;border-bottom-left-radius:8px;min-width:60px;width:60px;height:100%;background-color:var(--color-blue-question-action-btn);position:relative}.i1k4eec3{width:35px;height:35px}.i1uhyahn{width:35px;height:35px;border-radius:50%}.i2ernmy{position:absolute;left:0;bottom:0;width:60px}.t12j99pr{color:var(--color-white);font-size:12px;font-weight:400px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;text-overflow:ellipsis;max-height:100%;margin-right:35px}.n1uwonpi{width:16px;height:16px}.s8p5v5z{width:100%;height:53px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:16px 0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.s755yti{max-width:20px}.c1vwopgc{font-weight:var(--font-weight-default);color:var(--color-neutrals-gray7);border-bottom:1px solid var(--color-neutrals-gray3);background:var(--color-neutrals-white);box-sizing:border-box;width:100%;font-size:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 12px 12px 16px}.qyktpt0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.q951jdx{width:16px;height:16px}.q951jdx[data-type-trivia=true]{width:13px;height:13px}.q951jdx[data-type-poll=true]{width:12px;height:12px}.q951jdx path{fill:var(--color-primary-green1);fill-opacity:1}.qss5f0e{font-family:var(--font-regular);margin-left:9px;font-weight:550}.c1ao1jtv{width:24px;height:24px;border:none;outline:none;background-color:transparent;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.cvsl7l3 path{stroke:var(--color-neutrals-gray7)}.cvsl7l3:hover path{stroke:var(--color-primary-green2)}.o9squag{height:100%;-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration)}.ctckejh{position:relative;top:var(--header-height);-webkit-animation-duration:calc(var(--animation-duration) * 3);animation-duration:calc(var(--animation-duration) * 3)}.ctckejh>div{padding:var(--container-padding)}.cocfo2g{box-sizing:border-box;overflow:hidden;border-radius:8px;background:#fff;width:100%;padding:16px;position:relative;background-color:var(--color-white);color:var(--color-primary-green2);font-family:var(--font-serif)}.c1pdhxdk{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:20px;height:20px;right:11px;top:11px;cursor:pointer}.c1funj3r g>path{stroke:var(--color-neutrals-gray7)}.c1funj3r:hover path{stroke:var(--color-primary-green2)}.t1okg06y{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:10px;font-weight:400;margin-bottom:6px;-webkit-letter-spacing:3px;-moz-letter-spacing:3px;-ms-letter-spacing:3px;letter-spacing:3px}.sb1n923{max-height:19px;margin-right:6px}.p1stllxd{padding-bottom:3px}.s13kvdzw{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:22px;font-weight:400;margin-bottom:6px}.dfvmv3t{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--font-regular);font-size:12px;font-weight:550}.ay8e3j9{border-radius:40px;border:none;outline:none;cursor:pointer;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:550;padding:0 16px;height:44px;color:var(--color-white);background-color:var(--color-primary-green1);font-family:var(--font-regular);margin-top:16px}.ay8e3j9:hover{background-color:var(--color-primary-green2);cursor:pointer}.oar61gl{position:absolute;top:0;right:0;bottom:0;left:0;top:var(--header-height);background:var(--color-neutrals-white);z-index:3}.u14zaal4{background:var(--color-transparent-item);width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.u14zaal4>div{width:100%}.qdri6g3{background:var(--color-transparent-item);width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.c1bp9dj2{--scroll-container-padding:12px 16px 8px 16px;--scroll-container-background:var(--color-neutrals-white);height:100%}
package/lib/ui/app/Notifications/Onboarding/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
- import { styled as u } from "@linaria/react";
3
- import { useStore as g } from "@nanostores/react";
2
+ import { styled as g } from "@linaria/react";
3
+ import { useStore as u } from "@nanostores/react";
4
4
  import { useState as y } from "react";
5
5
  import { FeatureType as k } from "@streamlayer/sdk-web-types";
6
6
  import { Onboarding as w } from "../../../gamification/onboarding/index.js";
@@ -8,8 +8,6 @@ import { ShowIn as f } from "../../../show-in/index.js";
8
8
  import { Onboarding as C } from "./Notification/index.js";
9
9
  import "react-virtualized-auto-sizer";
10
10
  import "../../../gamification/onboarding/slides/onboarding-instructions/index.js";
11
- import "../../../lottie/index.js";
12
- import "@lottiefiles/react-lottie-player";
13
11
  import "../../../gamification/onboarding/slides/onboarding-instructions/styles.js";
14
12
  import "../../../gamification/onboarding/slides/onboarding-invite-card/index.js";
15
13
  import "../../../icons/index.js";
@@ -21,7 +19,7 @@ import "../../../button/index.js";
21
19
  import "../../../button/styles.js";
22
20
  import "@linaria/core";
23
21
  import "./Notification/styles.js";
24
- const v = () => f, S = /* @__PURE__ */ u(v())({
22
+ const v = () => f, S = /* @__PURE__ */ g(v())({
25
23
  name: "OnboardingContainer",
26
24
  class: "o9squag",
27
25
  propsAsIs: !0
@@ -36,7 +34,7 @@ const v = () => f, S = /* @__PURE__ */ u(v())({
36
34
  var p, d, l, c, m, b;
37
35
  const {
38
36
  data: a
39
- } = g(t.$store);
37
+ } = u(t.$store);
40
38
  return /* @__PURE__ */ s(S, {
41
39
  hiding: n,
42
40
  children: /* @__PURE__ */ s(w, {
@@ -53,19 +51,19 @@ const v = () => f, S = /* @__PURE__ */ u(v())({
53
51
  rulesBtnLabel: (p = e.rules) == null ? void 0 : p.buttonLabel,
54
52
  rulesTitle: (d = e.rules) == null ? void 0 : d.heading,
55
53
  steps: [{
56
- graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_01.json",
54
+ graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_1.png",
57
55
  headline: "Welcome to the Featured Groups +"
58
56
  }, {
59
- graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_02.json",
57
+ graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_2.png",
60
58
  headline: "Get real-time insights"
61
59
  }, {
62
- graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_03.json",
60
+ graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_3.png",
63
61
  headline: "Predictions, trivia & polls synced to match play"
64
62
  }, {
65
- graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_04.json",
63
+ graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_4.png",
66
64
  headline: "Win points for every answer you get right"
67
65
  }, {
68
- graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_05.json",
66
+ graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_5.png",
69
67
  headline: "Compete against friends on the leaderboard"
70
68
  }],
71
69
  primaryColor: (l = e.inviteCard) == null ? void 0 : l.iconColor,
@@ -89,7 +87,7 @@ const v = () => f, S = /* @__PURE__ */ u(v())({
89
87
  gamification: o
90
88
  })
91
89
  });
92
- }, Q = ({
90
+ }, K = ({
93
91
  sdk: n,
94
92
  notification: t
95
93
  }) => {
@@ -109,5 +107,5 @@ const v = () => f, S = /* @__PURE__ */ u(v())({
109
107
  });
110
108
  };
111
109
  export {
112
- Q as Onboarding
110
+ K as Onboarding
113
111
  };
package/lib/ui/app/Notifications/index.js CHANGED
@@ -25,8 +25,6 @@ import "../../gamification/question/notification/tweet/styles.js";
25
25
  import "../../gamification/onboarding/index.js";
26
26
  import "react-virtualized-auto-sizer";
27
27
  import "../../gamification/onboarding/slides/onboarding-instructions/index.js";
28
- import "../../lottie/index.js";
29
- import "@lottiefiles/react-lottie-player";
30
28
  import "../../gamification/onboarding/slides/onboarding-instructions/styles.js";
31
29
  import "../../gamification/onboarding/slides/onboarding-invite-card/index.js";
32
30
  import "../../gamification/onboarding/slides/onboarding-invite-card/styles.js";
@@ -39,7 +37,7 @@ import "../../show-in/index.js";
39
37
  import "@linaria/core";
40
38
  import "./Onboarding/Notification/index.js";
41
39
  import "./Onboarding/Notification/styles.js";
42
- const N = ({ sdk: o, notification: r }) => r.type === m.QUESTION ? /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(n, { ...r }) }) : r.type === m.QUESTION_RESOLVED ? /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(n, { ...r }) }) : r.type === m.ONBOARDING ? /* @__PURE__ */ t(c, { sdk: o, notification: r, hiding: r.hiding }) : null, ir = ({ sdk: o }) => {
40
+ const N = ({ sdk: o, notification: r }) => r.type === m.QUESTION ? /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(n, { ...r }) }) : r.type === m.QUESTION_RESOLVED ? /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(n, { ...r }) }) : r.type === m.ONBOARDING ? /* @__PURE__ */ t(c, { sdk: o, notification: r, hiding: r.hiding }) : null, rr = ({ sdk: o }) => {
43
41
  const [r] = u(o.getNotificationsStore()), i = f(r), p = s(() => {
44
42
  if (!(i != null && i.size))
45
43
  return null;
@@ -51,5 +49,5 @@ const N = ({ sdk: o, notification: r }) => r.type === m.QUESTION ? /* @__PURE__
51
49
  return p ? /* @__PURE__ */ t(l, { hiding: p.hiding, children: /* @__PURE__ */ t(N, { sdk: o, notification: p }) }) : null;
52
50
  };
53
51
  export {
54
- ir as SDKNotifications
52
+ rr as SDKNotifications
55
53
  };
package/lib/ui/app/Points/index.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import { type StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
3
+ export declare const StreamLayerSDKPoints: React.FC<{
4
+ sdk: StreamLayerSDK;
5
+ }>;
package/lib/ui/app/Points/index.js ADDED
@@ -0,0 +1,32 @@
1
+ import { jsx as m } from "react/jsx-runtime";
2
+ import { useStore as u } from "@nanostores/react";
3
+ import { useState as a, useEffect as p } from "react";
4
+ import { FeatureType as c } from "@streamlayer/sdk-web-types";
5
+ import { Points as f } from "../../gamification/points/index.js";
6
+ import "../../animated-counter/index.js";
7
+ import "react-countup";
8
+ import "../../theme/theme.js";
9
+ import "../../theme/constants.js";
10
+ import "../../gamification/points/styles.js";
11
+ import "@linaria/react";
12
+ import "../../icons/index.js";
13
+ const S = ({ userSummary: t }) => {
14
+ const [o, r] = a(0);
15
+ return p(() => {
16
+ const n = t.subscribe((e) => {
17
+ var s, i;
18
+ (i = (s = e.data) == null ? void 0 : s.summary) != null && i.points && r(e.data.summary.points);
19
+ });
20
+ return () => {
21
+ n();
22
+ };
23
+ }, [t]), /* @__PURE__ */ m(f, { points: o });
24
+ }, j = ({ sdk: t }) => {
25
+ if (u(t.sdkStore.status) !== "ready")
26
+ return null;
27
+ const r = t.getFeature(c.GAMES);
28
+ return r ? /* @__PURE__ */ m(S, { userSummary: r.userSummary.getStore() }) : null;
29
+ };
30
+ export {
31
+ j as StreamLayerSDKPoints
32
+ };
package/lib/ui/app/masters.js CHANGED
@@ -41,8 +41,6 @@ import "./Notifications/Onboarding/index.js";
41
41
  import "../gamification/onboarding/index.js";
42
42
  import "react-virtualized-auto-sizer";
43
43
  import "../gamification/onboarding/slides/onboarding-instructions/index.js";
44
- import "../lottie/index.js";
45
- import "@lottiefiles/react-lottie-player";
46
44
  import "../gamification/onboarding/slides/onboarding-instructions/styles.js";
47
45
  import "../gamification/onboarding/slides/onboarding-invite-card/index.js";
48
46
  import "../gamification/onboarding/slides/onboarding-invite-card/styles.js";
@@ -62,7 +60,7 @@ import "../navigation/button/index.js";
62
60
  const B = ({ sdk: r, className: i }) => {
63
61
  const [, m] = A(r);
64
62
  return /* @__PURE__ */ t(S, { className: i, feature: m, sdk: r });
65
- }, Mt = ({ sdk: r, overlays: i, children: m }) => {
63
+ }, Kt = ({ sdk: r, overlays: i, children: m }) => {
66
64
  const { sdkEnabled: p, sdkReady: e, activeOverlay: o, activateAndLoadOverlay: d, enableSdk: l, disableSdk: c, isLogged: f } = k(r);
67
65
  return y(() => {
68
66
  import("./Features/Gamification/gamification-feature.js");
@@ -98,5 +96,5 @@ const B = ({ sdk: r, className: i }) => {
98
96
  ] });
99
97
  };
100
98
  export {
101
- Mt as MastersApp
99
+ Kt as MastersApp
102
100
  };
package/lib/ui/gamification/onboarding/index.js CHANGED
@@ -5,8 +5,6 @@ import { OnboardingInstructions as w } from "./slides/onboarding-instructions/in
5
5
  import { OnboardingInviteCard as A } from "./slides/onboarding-invite-card/index.js";
6
6
  import { OnboardingRules as z } from "./slides/onboarding-rules/index.js";
7
7
  import { Container as E, OnboardingHeader as F, CloseBtn as G, IconClose as H, Content as M, OnboardingFooter as P, OnboardingActionBtn as R } from "./styles.js";
8
- import "../../lottie/index.js";
9
- import "@lottiefiles/react-lottie-player";
10
8
  import "./slides/onboarding-instructions/styles.js";
11
9
  import "@linaria/react";
12
10
  import "../../icons/index.js";
@@ -18,48 +16,48 @@ const a = {
18
16
  steps: !1,
19
17
  rules: !1,
20
18
  inviteCard: !1
21
- }, tn = ({
19
+ }, s = ({
22
20
  gamification: u,
23
21
  steps: n,
24
22
  rules: t,
25
- rulesBtnLabel: m,
23
+ rulesBtnLabel: d,
26
24
  rulesTitle: b,
27
- primaryColor: d,
25
+ primaryColor: m,
28
26
  inviteLink: C,
29
27
  socialLinks: S,
30
28
  inviteCardTitle: y,
31
29
  inviteCardSubtext: O,
32
30
  inviteCardBtnLabel: c,
33
- onClose: p
31
+ onClose: v
34
32
  }) => {
35
33
  const [r, f] = h(0), [i, e] = h(a);
36
34
  k(() => {
37
35
  n != null && n.length ? e({ ...a, steps: !0 }) : t != null && t.length ? e({ ...a, rules: !0 }) : e({ ...a, inviteCard: !0 });
38
36
  }, []);
39
- const v = D(() => i.steps && r === 0 ? "Continue" : i.rules ? m || "Got it" : i.inviteCard ? c || "Play Now" : "Next", [i, r, m, c]), I = T(() => {
37
+ const I = D(() => i.steps && r === 0 ? "Continue" : i.rules ? d || "Got it" : i.inviteCard ? c || "Play Now" : "Next", [i, r, d, c]), p = T(() => {
40
38
  n != null && n.length && r < n.length - 1 ? f((l) => ++l) : t != null && t.length && i.steps ? e({ ...a, rules: !0 }) : i.rules && e({ ...a, inviteCard: !0 });
41
39
  }, [r, n == null ? void 0 : n.length, t == null ? void 0 : t.length, i, f, e]), x = async () => {
42
40
  await u.onboardingStatus.submitInplay();
43
41
  };
44
42
  return /* @__PURE__ */ o(j, { children: ({ width: l, height: N }) => /* @__PURE__ */ g(E, { style: { width: l, height: N }, children: [
45
- /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o(G, { onClick: p, children: /* @__PURE__ */ o(H, { name: "icon-close-btn-gray" }) }) }),
43
+ /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o(G, { onClick: v, children: /* @__PURE__ */ o(H, { name: "icon-close-btn-gray" }) }) }),
46
44
  /* @__PURE__ */ g(M, { children: [
47
45
  i.steps && (n == null ? void 0 : n.length) && /* @__PURE__ */ o(w, { stepsCount: n.length, currentStep: r, ...n[r] }),
48
- i.rules && /* @__PURE__ */ o(z, { rules: t, rulesTitle: b, primaryColor: d }),
46
+ i.rules && /* @__PURE__ */ o(z, { rules: t, rulesTitle: b, primaryColor: m }),
49
47
  i.inviteCard && /* @__PURE__ */ o(
50
48
  A,
51
49
  {
52
50
  inviteLink: C,
53
51
  inviteCardTitle: y,
54
52
  inviteCardSubtext: O,
55
- primaryColor: d,
53
+ primaryColor: m,
56
54
  socialLinks: S
57
55
  }
58
56
  )
59
57
  ] }),
60
- /* @__PURE__ */ o(P, { children: /* @__PURE__ */ o(R, { onClick: i.inviteCard ? x : I, children: v }) })
58
+ /* @__PURE__ */ o(P, { children: /* @__PURE__ */ o(R, { onClick: i.inviteCard ? x : p, children: I }) })
61
59
  ] }) });
62
60
  };
63
61
  export {
64
- tn as Onboarding
62
+ s as Onboarding
65
63
  };
package/lib/ui/gamification/onboarding/slides/onboarding-instructions/index.js CHANGED
@@ -1,21 +1,18 @@
1
- import { jsxs as o, jsx as r } from "react/jsx-runtime";
2
- import { Lottie as m } from "../../../../lottie/index.js";
3
- import { Container as p, Content as a, Graphic as d, Headline as s, StepsContainer as h, StepIndicator as l } from "./styles.js";
4
- import "@lottiefiles/react-lottie-player";
5
- import "react-virtualized-auto-sizer";
1
+ import { jsxs as i, jsx as r } from "react/jsx-runtime";
2
+ import { Container as a, Content as m, Graphic as p, Headline as s, StepsContainer as d, StepIndicator as l } from "./styles.js";
6
3
  import "@linaria/react";
7
- const S = ({
8
- graphicSrc: i,
4
+ const C = ({
5
+ graphicSrc: o,
9
6
  headline: t,
10
7
  stepsCount: e,
11
8
  currentStep: c
12
- }) => /* @__PURE__ */ o(p, { children: [
13
- /* @__PURE__ */ o(a, { children: [
14
- /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r(m, { src: i }) }),
9
+ }) => /* @__PURE__ */ i(a, { children: [
10
+ /* @__PURE__ */ i(m, { children: [
11
+ /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r("img", { src: o, alt: t }) }),
15
12
  t && /* @__PURE__ */ r(s, { children: t })
16
13
  ] }),
17
- /* @__PURE__ */ r(h, { children: Array.from({ length: e }).map((f, n) => /* @__PURE__ */ r(l, { "data-active": c === n }, n)) })
14
+ /* @__PURE__ */ r(d, { children: Array.from({ length: e }).map((h, n) => /* @__PURE__ */ r(l, { "data-active": c === n }, n)) })
18
15
  ] });
19
16
  export {
20
- S as OnboardingInstructions
17
+ C as OnboardingInstructions
21
18
  };
package/lib/ui/gamification/onboarding/slides/onboarding-instructions/styles.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { styled as s } from "@linaria/react";
2
- const e = /* @__PURE__ */ s("div")({
2
+ const a = /* @__PURE__ */ s("div")({
3
3
  name: "Container",
4
4
  class: "c1htq1lb",
5
5
  propsAsIs: !1
6
- }), a = /* @__PURE__ */ s("div")({
6
+ }), e = /* @__PURE__ */ s("div")({
7
7
  name: "Content",
8
8
  class: "cjyzpp7",
9
9
  propsAsIs: !1
@@ -25,8 +25,8 @@ const e = /* @__PURE__ */ s("div")({
25
25
  propsAsIs: !1
26
26
  });
27
27
  export {
28
- e as Container,
29
- a as Content,
28
+ a as Container,
29
+ e as Content,
30
30
  t as Graphic,
31
31
  o as Headline,
32
32
  c as StepIndicator,
package/lib/ui/gamification/vote/feedback/index.js CHANGED
@@ -1,42 +1,42 @@
1
- import { jsxs as i, Fragment as t, jsx as e } from "react/jsx-runtime";
2
- import { QuestionType as n, QuestionStatus as b } from "@streamlayer/sdk-web-types";
3
- import { SvgIcon as k } from "../../../icons/index.js";
4
- import { Container as f, FeedbackIconWrap as s, FeedbackHeader as E, FeedbackDescription as a, FeedbackText as u, IconPrediction as x, FeedbackTitle as T } from "./styles.js";
1
+ import { jsxs as c, Fragment as l, jsx as e } from "react/jsx-runtime";
2
+ import { QuestionType as n, QuestionStatus as p } from "@streamlayer/sdk-web-types";
3
+ import { SvgIcon as b } from "../../../icons/index.js";
4
+ import { Container as f, FeedbackIconWrap as k, FeedbackHeader as R, FeedbackDescription as h, FeedbackText as x, IconPrediction as D, FeedbackTitle as T } from "./styles.js";
5
5
  import "@linaria/react";
6
6
  import "react";
7
- const w = ({
8
- feedbackMessages: l,
9
- questionVotedCorrectly: p,
10
- questionVoted: h,
11
- questionType: c,
12
- hasCorrectAnswer: m,
13
- questionStatus: F
7
+ const v = ({
8
+ feedbackMessages: m,
9
+ questionVotedCorrectly: I,
10
+ questionVoted: d,
11
+ questionType: i,
12
+ hasCorrectAnswer: E,
13
+ questionStatus: o
14
14
  }) => {
15
- const d = h && (c === n.TRIVIA || c === n.PREDICTION);
16
- if (!d && F !== b.RESOLVED)
15
+ const t = d && (i === n.TRIVIA || i === n.PREDICTION);
16
+ if (!t && o !== p.RESOLVED || o === p.RESOLVED && i === n.PREDICTION && !d)
17
17
  return null;
18
- const I = c === n.PREDICTION && !m, o = p ? "correct" : "incorrect", r = p ? l.correctFeedback : l.incorrectFeedback;
19
- return /* @__PURE__ */ i(f, { "data-isPrediction": I, children: [
20
- F === b.RESOLVED && c === n.TRIVIA && !h && /* @__PURE__ */ i(t, { children: [
21
- /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(k, { name: "questionExpired" }) }),
22
- /* @__PURE__ */ i("div", { children: [
23
- /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(a, { children: "Question Expired" }) }),
24
- /* @__PURE__ */ e(u, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
18
+ const F = i === n.PREDICTION && !E, a = I ? "correct" : "incorrect", r = I ? m.correctFeedback : m.incorrectFeedback;
19
+ return /* @__PURE__ */ c(f, { "data-isPrediction": F, children: [
20
+ o === p.RESOLVED && i === n.TRIVIA && !d && /* @__PURE__ */ c(l, { children: [
21
+ /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(b, { name: "questionExpired" }) }),
22
+ /* @__PURE__ */ c("div", { children: [
23
+ /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(h, { children: "Question Expired" }) }),
24
+ /* @__PURE__ */ e(x, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
25
25
  ] })
26
26
  ] }),
27
- d && I && /* @__PURE__ */ i(t, { children: [
28
- /* @__PURE__ */ e(x, { name: "icon-prediction" }),
29
- /* @__PURE__ */ e(a, { children: "Stay tuned to see if your prediction was correct." })
27
+ t && F && /* @__PURE__ */ c(l, { children: [
28
+ /* @__PURE__ */ e(D, { name: "icon-prediction" }),
29
+ /* @__PURE__ */ e(h, { children: "Stay tuned to see if your prediction was correct." })
30
30
  ] }),
31
- d && m && /* @__PURE__ */ i(t, { children: [
32
- /* @__PURE__ */ e(s, { "data-feedbackType": o, children: /* @__PURE__ */ e(k, { name: o }) }),
33
- /* @__PURE__ */ e("div", { children: /* @__PURE__ */ i(E, { children: [
34
- /* @__PURE__ */ e(T, { "data-feedbackType": o, children: r == null ? void 0 : r.title }),
35
- /* @__PURE__ */ e(a, { children: r == null ? void 0 : r.description })
31
+ t && E && /* @__PURE__ */ c(l, { children: [
32
+ /* @__PURE__ */ e(k, { "data-feedbackType": a, children: /* @__PURE__ */ e(b, { name: a }) }),
33
+ /* @__PURE__ */ e("div", { children: /* @__PURE__ */ c(R, { children: [
34
+ /* @__PURE__ */ e(T, { "data-feedbackType": a, children: r == null ? void 0 : r.title }),
35
+ /* @__PURE__ */ e(h, { children: r == null ? void 0 : r.description })
36
36
  ] }) })
37
37
  ] })
38
38
  ] });
39
39
  };
40
40
  export {
41
- w as Feedback
41
+ v as Feedback
42
42
  };
package/lib/ui/gamification/vote/vote-option/index.js CHANGED
@@ -1,17 +1,17 @@
1
1
  import { jsx as r, jsxs as u } from "react/jsx-runtime";
2
- import { QuestionImages as a, QuestionStatus as N, QuestionType as c } from "@streamlayer/sdk-web-types";
3
- import { AnimatedCounter as T } from "../../../animated-counter/index.js";
4
- import { IconDefault as O, IconContainer as P, IconWrap as A, IconCircle as k, ButtonContainer as x, ButtonPct as L, ButtonBody as B, Title as Q, Indicators as b, CheckIcon as j, Percentage as U } from "./styles.js";
2
+ import { QuestionImages as s, QuestionStatus as S, QuestionType as c } from "@streamlayer/sdk-web-types";
3
+ import { AnimatedCounter as O } from "../../../animated-counter/index.js";
4
+ import { IconDefault as P, IconContainer as A, IconWrap as k, IconCircle as x, ButtonContainer as L, ButtonPct as B, ButtonBody as Q, Title as b, Indicators as j, CheckIcon as v, Percentage as U } from "./styles.js";
5
5
  import "react-countup";
6
6
  import "@linaria/react";
7
7
  import "../../../icons/index.js";
8
8
  import "react";
9
9
  const d = {
10
- [a.CENTERED]: (t) => /* @__PURE__ */ r(O, { alt: "option-icon", src: t }),
11
- [a.TRANSPARENT]: (t) => /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(A, { style: { backgroundImage: `url(${t})` } }) }),
12
- [a.ROUNDED]: (t) => /* @__PURE__ */ r(k, { alt: "option-icon", src: t }),
13
- [a.NONE]: () => null,
14
- [a.UNSET]: () => null
10
+ [s.CENTERED]: (t) => /* @__PURE__ */ r(P, { alt: "option-icon", src: t }),
11
+ [s.TRANSPARENT]: (t) => /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(k, { style: { backgroundImage: `url(${t})` } }) }),
12
+ [s.ROUNDED]: (t) => /* @__PURE__ */ r(x, { alt: "option-icon", src: t }),
13
+ [s.NONE]: () => null,
14
+ [s.UNSET]: () => null
15
15
  }, V = ({ questionType: t, hasCorrectAnswer: o, correct: e, youVoted: n, questionVoted: i }) => {
16
16
  if (t === c.POLL && n)
17
17
  return "correct";
@@ -28,8 +28,8 @@ const d = {
28
28
  correct: e,
29
29
  hasCorrectAnswer: n,
30
30
  questionStatus: i
31
- }) => t === c.TRIVIA ? o && e : t === c.PREDICTION ? o && e && n || i === N.RESOLVED && e : !1, K = (t) => {
32
- var E;
31
+ }) => t === c.TRIVIA ? o && e : t === c.PREDICTION ? o && e && n || i === S.RESOLVED && e : !1, X = (t) => {
32
+ var N;
33
33
  const {
34
34
  // option props
35
35
  id: o,
@@ -37,35 +37,35 @@ const d = {
37
37
  text: n,
38
38
  percentageDecimal: i,
39
39
  // extra props
40
- onVote: S,
40
+ onVote: p,
41
41
  youSelected: f,
42
- questionVoted: s,
42
+ questionVoted: a,
43
43
  // ToDo: Figure out why imageMode is not in the response, and delete default value
44
44
  imageMode: m,
45
- answerTimeExpired: p,
45
+ answerTimeExpired: R,
46
46
  questionStatus: I,
47
- isLoading: R,
47
+ isLoading: g,
48
48
  questionType: h,
49
- correct: g,
50
- hasCorrectAnswer: w
51
- } = t, l = V(t), D = $({ questionType: h, questionVoted: s, correct: g, hasCorrectAnswer: w, questionStatus: I }), C = s || I === N.RESOLVED && h === c.PREDICTION;
49
+ correct: w,
50
+ hasCorrectAnswer: D
51
+ } = t, l = V(t), T = $({ questionType: h, questionVoted: a, correct: w, hasCorrectAnswer: D, questionStatus: I }), C = I === S.RESOLVED && h === c.PREDICTION, E = a || C;
52
52
  return /* @__PURE__ */ u(
53
- x,
53
+ L,
54
54
  {
55
55
  value: o,
56
56
  "data-selected": f,
57
57
  "data-answerState": l,
58
- disabled: s || R || p,
59
- "data-isNotChecked": s && !f && l !== "incorrect",
60
- onClick: S,
58
+ disabled: a || g || R || C,
59
+ "data-isNotChecked": a && !f && l !== "incorrect",
60
+ onClick: p,
61
61
  children: [
62
- /* @__PURE__ */ r(L, { "data-answerState": l, style: { width: `${C ? i : 0}%` } }),
63
- /* @__PURE__ */ u(B, { children: [
64
- e && m && ((E = d[m]) == null ? void 0 : E.call(d, e)),
65
- /* @__PURE__ */ r(Q, { children: n }),
66
- C && /* @__PURE__ */ u(b, { children: [
67
- D && /* @__PURE__ */ r(j, { name: "selected" }),
68
- /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r(T, { value: i, suffix: "%" }) })
62
+ /* @__PURE__ */ r(B, { "data-answerState": l, style: { width: `${E ? i : 0}%` } }),
63
+ /* @__PURE__ */ u(Q, { children: [
64
+ e && m && ((N = d[m]) == null ? void 0 : N.call(d, e)),
65
+ /* @__PURE__ */ r(b, { children: n }),
66
+ E && /* @__PURE__ */ u(j, { children: [
67
+ T && /* @__PURE__ */ r(v, { name: "selected" }),
68
+ /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r(O, { value: i, suffix: "%" }) })
69
69
  ] })
70
70
  ] })
71
71
  ]
@@ -73,5 +73,5 @@ const d = {
73
73
  );
74
74
  };
75
75
  export {
76
- K as VotingOption
76
+ X as VotingOption
77
77
  };
package/lib/utils/createDemo.js CHANGED
@@ -6,11 +6,12 @@ import { DeveloperStorage as w } from "./storage.js";
6
6
  import { useStreamLayerApp as x } from "./useStreamLayerApp.js";
7
7
  import "@linaria/react";
8
8
  import "./debug/components/bypassLogin.js";
9
+ import "./debug/components/copyLogs.js";
10
+ import "./debug/components/styles.js";
9
11
  import "./debug/components/envToggle.js";
10
12
  import "./debug/components/eventInput.js";
11
13
  import "@nanostores/react";
12
14
  import "@streamlayer/sdk-web-core";
13
- import "./debug/components/styles.js";
14
15
  import "./debug/components/sdkKey.js";
15
16
  import "@streamlayer/sdk-web-storage";
16
17
  import "@streamlayer/sdk-web";
@@ -20,12 +21,12 @@ function K({
20
21
  args: n,
21
22
  autoEnable: a
22
23
  }) {
23
- const s = u(() => new w(), []), [p, f] = i(s.getEnv()), [c, v] = i(s.getSdkKey() || "set-sdk-key"), [m, k] = i(s.getEvent() || ""), S = u(() => {
24
+ const m = u(() => new w(), []), [p, f] = i(m.getEnv()), [c, v] = i(m.getSdkKey() || "set-sdk-key"), [s, k] = i(m.getEvent() || ""), S = u(() => {
24
25
  const d = /* @__PURE__ */ new Set();
25
26
  return d.add(l), d;
26
27
  }, []), t = x(c, S, p === "production", a);
27
28
  return E(() => {
28
- m && t && t.createEventSession(m);
29
+ s && t && t.createEventSession(s);
29
30
  }, [t]), /* @__PURE__ */ g(y, { children: [
30
31
  t ? /* @__PURE__ */ e(o, { Story: r, sdk: t, args: n }) : /* @__PURE__ */ e("div", { children: "wait sdk..." }),
31
32
  /* @__PURE__ */ e(
@@ -36,13 +37,13 @@ function K({
36
37
  setSdkKey: v,
37
38
  env: p,
38
39
  setEnv: f,
39
- event: m,
40
+ event: s,
40
41
  setEvent: k
41
42
  }
42
43
  )
43
44
  ] });
44
45
  }
45
- function O(o, r = !0) {
46
+ function P(o, r = !0) {
46
47
  return {
47
48
  decorators: [
48
49
  (n) => /* @__PURE__ */ e(K, { Story: n, Component: o, autoEnable: r })
@@ -50,5 +51,5 @@ function O(o, r = !0) {
50
51
  };
51
52
  }
52
53
  export {
53
- O as createDemo
54
+ P as createDemo
54
55
  };
package/lib/utils/debug/components/copyLogs.js ADDED
@@ -0,0 +1,13 @@
1
+ import { jsxs as e, jsx as t } from "react/jsx-runtime";
2
+ import { InputField as n } from "./styles.js";
3
+ import "@linaria/react";
4
+ const d = () => /* @__PURE__ */ e(n, { children: [
5
+ /* @__PURE__ */ t("label", { children: "Store Logs" }),
6
+ /* @__PURE__ */ t("button", { onClick: () => {
7
+ const o = document.createElement("a");
8
+ o.download = "store_logs_" + (/* @__PURE__ */ new Date()).toISOString() + ".log", o.href = URL.createObjectURL(new Blob([JSON.stringify(window.slStore, null, 2)])), o.click();
9
+ }, children: "Download" })
10
+ ] });
11
+ export {
12
+ d as CopyLogs
13
+ };
package/lib/utils/debug/components/developer.js CHANGED
@@ -3,26 +3,27 @@ import { styled as s } from "@linaria/react";
3
3
  import { useMemo as g, useState as u } from "react";
4
4
  import { DeveloperStorage as D } from "../../storage.js";
5
5
  import { BypassLogin as I } from "./bypassLogin.js";
6
- import { EnvToggle as B } from "./envToggle.js";
6
+ import { CopyLogs as B } from "./copyLogs.js";
7
+ import { EnvToggle as h } from "./envToggle.js";
7
8
  import { EventInput as x } from "./eventInput.js";
8
- import { SdkKey as h } from "./sdkKey.js";
9
+ import { SdkKey as C } from "./sdkKey.js";
9
10
  import "@streamlayer/sdk-web-storage";
11
+ import "./styles.js";
10
12
  import "@nanostores/react";
11
13
  import "@streamlayer/sdk-web-core";
12
- import "./styles.js";
13
14
  const j = /* @__PURE__ */ s("div")({
14
15
  name: "DeveloperContainer",
15
16
  class: "d1sqxt7l",
16
17
  propsAsIs: !1
17
- }), A = /* @__PURE__ */ s("div")({
18
+ }), y = /* @__PURE__ */ s("div")({
18
19
  name: "DeveloperItems",
19
20
  class: "d1a3478s",
20
21
  propsAsIs: !1
21
- }), C = /* @__PURE__ */ s("button")({
22
+ }), A = /* @__PURE__ */ s("button")({
22
23
  name: "BurgerBtn",
23
24
  class: "butjcq8",
24
25
  propsAsIs: !1
25
- }), F = ({
26
+ }), H = ({
26
27
  sdk: o,
27
28
  sdkKey: i,
28
29
  setSdkKey: p,
@@ -34,16 +35,16 @@ const j = /* @__PURE__ */ s("div")({
34
35
  }) => {
35
36
  const r = g(() => new D(), []), [m, d] = u(!1);
36
37
  return /* @__PURE__ */ t(j, {
37
- children: [/* @__PURE__ */ t(C, {
38
+ children: [/* @__PURE__ */ t(A, {
38
39
  "data-opened": m.toString(),
39
40
  onClick: () => d((v) => !v),
40
41
  children: [/* @__PURE__ */ e("span", {}), /* @__PURE__ */ e("span", {}), /* @__PURE__ */ e("span", {})]
41
- }), m && /* @__PURE__ */ t(A, {
42
- children: [n && /* @__PURE__ */ e(B, {
42
+ }), m && /* @__PURE__ */ t(y, {
43
+ children: [n && /* @__PURE__ */ e(h, {
43
44
  env: a,
44
45
  setEnv: n,
45
46
  storage: r
46
- }), p && /* @__PURE__ */ e(h, {
47
+ }), p && /* @__PURE__ */ e(C, {
47
48
  sdkKey: i,
48
49
  setSdkKey: p,
49
50
  storage: r
@@ -55,10 +56,10 @@ const j = /* @__PURE__ */ s("div")({
55
56
  }), !f && o && /* @__PURE__ */ e(I, {
56
57
  sdk: o,
57
58
  storage: r
58
- })]
59
+ }), /* @__PURE__ */ e(B, {})]
59
60
  })]
60
61
  });
61
62
  };
62
63
  export {
63
- F as Developer
64
+ H as Developer
64
65
  };
package/lib/utils/debug/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsx as i } from "react/jsx-runtime";
1
+ import { jsx as n } from "react/jsx-runtime";
2
2
  import { useMemo as a, useState as r } from "react";
3
3
  import { useStreamLayer as u } from "@streamlayer/react";
4
4
  import { Developer as v } from "./components/developer.js";
@@ -7,27 +7,28 @@ import "@linaria/react";
7
7
  import "../storage.js";
8
8
  import "@streamlayer/sdk-web-storage";
9
9
  import "./components/bypassLogin.js";
10
+ import "./components/copyLogs.js";
11
+ import "./components/styles.js";
10
12
  import "./components/envToggle.js";
11
13
  import "./components/eventInput.js";
12
14
  import "@nanostores/react";
13
15
  import "@streamlayer/sdk-web-core";
14
- import "./components/styles.js";
15
16
  import "./components/sdkKey.js";
16
- const M = () => {
17
- const e = a(() => new c(), []), [t, o] = r(e.getEnv()), [m, s] = r(e.getSdkKey() || "set-sdk-key"), [p, n] = r(e.getEvent() || "");
17
+ const h = () => {
18
+ const t = a(() => new c(), []), [e, o] = r(t.getEnv()), [m, s] = r(t.getSdkKey() || "set-sdk-key"), [p, i] = r(t.getEvent() || "");
18
19
  return {
19
- env: t,
20
+ env: e,
20
21
  setEnv: o,
21
22
  sdkKey: m,
22
23
  setSdkKey: s,
23
24
  event: p,
24
- setEvent: n
25
+ setEvent: i
25
26
  };
26
- }, h = (e) => {
27
- const t = u();
28
- return /* @__PURE__ */ i(v, { sdk: t, ...e });
27
+ }, q = (t) => {
28
+ const e = u();
29
+ return /* @__PURE__ */ n(v, { sdk: e, ...t });
29
30
  };
30
31
  export {
31
- h as StreamLayerDebug,
32
- M as useStreamLayerDebug
32
+ q as StreamLayerDebug,
33
+ h as useStreamLayerDebug
33
34
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@streamlayer/react-ui",
3
- "version": "0.70.0",
3
+ "version": "0.71.0",
4
4
  "type": "module",
5
5
  "main": "./src/index.js",
6
6
  "typings": "./lib/index.d.ts",
@@ -8,22 +8,22 @@
8
8
  ".": {
9
9
  "import": "./lib/index.js",
10
10
  "default": "./lib/index.js",
11
- "types": "./lib/index.d.js"
11
+ "types": "./lib/index.d.ts"
12
12
  },
13
13
  "./masters": {
14
14
  "import": "./lib/ui/app/masters.js",
15
15
  "default": "./lib/ui/app/masters.js",
16
- "types": "./lib/ui/app/masters.d.js"
16
+ "types": "./lib/ui/app/masters.d.ts"
17
17
  },
18
18
  "./points": {
19
- "import": "./lib/ui/gamification/points/index.js",
20
- "default": "./lib/ui/gamification/points/index.js",
21
- "types": "./lib/ui/gamification/points/index.d.js"
19
+ "import": "./lib/ui/app/Points/index.js",
20
+ "default": "./lib/ui/app/Points/index.js",
21
+ "types": "./lib/ui/app/Points/index.d.ts"
22
22
  },
23
23
  "./*": {
24
24
  "import": "./lib/*/index.js",
25
25
  "default": "./lib/*/index.js",
26
- "types": "./lib/*/index.d.js"
26
+ "types": "./lib/*/index.d.ts"
27
27
  },
28
28
  "./style.css": {
29
29
  "import": "./lib/assets/style.css",
@@ -40,8 +40,8 @@
40
40
  "react-virtualized-auto-sizer": "^1.0.20",
41
41
  "react-window": "^1.8.9",
42
42
  "react-window-infinite-loader": "^1.0.9",
43
- "@streamlayer/sdk-web": "^0.28.29",
44
43
  "@streamlayer/feature-gamification": "^0.26.7",
44
+ "@streamlayer/sdk-web": "^0.28.29",
45
45
  "@streamlayer/sdk-web-anonymous-auth": "^0.11.24",
46
46
  "@streamlayer/sdk-web-api": "^0.0.1",
47
47
  "@streamlayer/sdk-web-core": "^0.0.4",
@@ -90,6 +90,6 @@
90
90
  "vite-plugin-svgr": "^4.1.0",
91
91
  "vite-svg-loader": "^4.0.0",
92
92
  "vite-tsconfig-paths": "^4.2.1",
93
- "@streamlayer/react": "^0.31.8"
93
+ "@streamlayer/react": "^0.31.10"
94
94
  }
95
95
  }