@streamlayer/react-ui 0.74.3 → 0.75.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 (18) hide show
  1. package/lib/assets/style.css +1 -1
  2. package/lib/ui/app/Features/Gamification/UserSummary.js +14 -7
  3. package/lib/ui/app/Notifications/Onboarding/index.d.ts +3 -2
  4. package/lib/ui/app/Notifications/Onboarding/index.js +85 -49
  5. package/lib/ui/app/Notifications/index.js +60 -23
  6. package/lib/ui/app/Notifications/styles.d.ts +2 -0
  7. package/lib/ui/app/Notifications/styles.js +9 -4
  8. package/lib/ui/app/masters.js +6 -6
  9. package/lib/ui/app/useMastersApp.js +19 -17
  10. package/lib/ui/gamification/question/notification/index.js +24 -28
  11. package/lib/ui/gamification/question/notification/prediction-result/index.d.ts +3 -0
  12. package/lib/ui/gamification/question/notification/prediction-result/index.js +99 -67
  13. package/lib/ui/gamification/question/notification/prediction-result/styles.d.ts +3 -2
  14. package/lib/ui/gamification/question/notification/prediction-result/styles.js +27 -24
  15. package/lib/ui/show-in/index.js +2 -2
  16. package/package.json +7 -7
  17. package/lib/ui/theme/masters.d.ts +0 -2
  18. package/lib/ui/theme/masters.js +0 -4
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;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)}.iwjhb00 button:disabled{cursor:not-allowed;opacity:.8;-webkit-transform:none;-ms-transform:none;transform:none}.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}.b40tuix{white-space:nowrap}.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{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)}.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);width:100%}.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-family:var(--font-serif);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;width:100%}.g16mldgz[data-centered=false]{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.g16mldgz img{display:block;height:auto;margin-bottom:40px}.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;background:var(--color-neutrals-white)}.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}.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)}.iwjhb00 button:disabled{cursor:not-allowed;opacity:.8;-webkit-transform:none;-ms-transform:none;transform:none}.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}.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;-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}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes containerShowIn-c1pgyo67{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}.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}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes containerHide-hx17qu6{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}.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}.b40tuix{white-space:nowrap}.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{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)}.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);width:100%}.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-family:var(--font-serif);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;height:100%;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:stretch;-webkit-justify-content:stretch;-ms-flex-pack:stretch;justify-content:stretch}.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);-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden}.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;margin-top:auto}.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}.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}.c10131zw{top:var(--header-height);position:relative;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:calc(var(--animation-duration) * 3);transition-duration:calc(var(--animation-duration) * 3);-webkit-transition-timing-function:var(--animation-function);transition-timing-function:var(--animation-function);-webkit-animation-duration:calc(var(--animation-duration) * 3);animation-duration:calc(var(--animation-duration) * 3);padding:var(--container-padding);width:auto;box-sizing:content-box}.ir6k2eo{width:100%;min-height:118px;border-radius:8px;overflow:hidden;position:relative;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:var(--animation-function);transition-timing-function:var(--animation-function);-webkit-transition-duration:calc(var(--animation-duration) * 3);transition-duration:calc(var(--animation-duration) * 3)}.c1hwoq9l{width:100%;min-height:118px;border-radius:8px;background-color:transparent;position:absolute;z-index:1;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;box-sizing:border-box;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:var(--animation-function);transition-timing-function:var(--animation-function);-webkit-transition-duration:calc(var(--animation-duration) * 3);transition-duration:calc(var(--animation-duration) * 3)}.t4ujo4g{margin-bottom:10px;font-size:20px;font-weight:var(--font-weight-default);line-height:24px;text-align:center;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}.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)}.s1iorwr9.s1pjil1h{font-family:var(--font-serif)}.a51sv9d{font-weight:400px;margin-left:5px}.f1lbk2ye{width:14px;height:14px;min-width:14px;min-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;z-index:2}.c33p82r path{stroke:var(--color-neutrals-gray7)}.c33p82r:hover path{stroke:var(--color-primary-green2)}.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;margin-top:auto}.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;width:100%}.g16mldgz[data-centered=false]{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.g16mldgz img{display:block;height:auto;margin-bottom:40px}.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;background:var(--color-neutrals-white)}.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}.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{width:100%;height:100%;-webkit-animation:onboardingContainerShowIn-o9squag ease-out;animation:onboardingContainerShowIn-o9squag ease-out;-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);position:absolute;z-index:1}@-webkit-keyframes onboardingContainerShowIn-o9squag{0%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);opacity:.9}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes onboardingContainerShowIn-o9squag{0%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);opacity:.9}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}.o1c8wcli{position:relative;top:var(--header-height);height:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:calc(var(--animation-duration) * 3);transition-duration:calc(var(--animation-duration) * 3);-webkit-transition-timing-function:var(--animation-function);transition-timing-function:var(--animation-function);-webkit-animation-duration:calc(var(--animation-duration) * 3);animation-duration:calc(var(--animation-duration) * 3)}.i18oyadd{padding:var(--container-padding)}.cebdc0u{-webkit-animation:onboardingContainerHide-cebdc0u ease-out;animation:onboardingContainerHide-cebdc0u ease-out;-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes onboardingContainerHide-cebdc0u{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);opacity:0}21%{display:none}to{display:none}}@keyframes onboardingContainerHide-cebdc0u{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);opacity:0}21%{display:none}to{display:none}}.ctckejh{position:relative;top:var(--header-height);height:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:calc(var(--animation-duration) * 3);transition-duration:calc(var(--animation-duration) * 3);-webkit-transition-timing-function:var(--animation-function);transition-timing-function:var(--animation-function);-webkit-animation-duration:calc(var(--animation-duration) * 3);animation-duration:calc(var(--animation-duration) * 3)}.i1ri7tzr{padding:var(--container-padding);overflow:hidden}.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/Features/Gamification/UserSummary.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { useStore as i } from "@nanostores/react";
3
- import { UserStatistics as s } from "../../../gamification/user-statistics/index.js";
2
+ import { useState as c, useEffect as p } from "react";
3
+ import { UserStatistics as n } from "../../../gamification/user-statistics/index.js";
4
4
  import "../../../../utils/common.js";
5
5
  import "../../../gamification/user-statistics/components/rank/index.js";
6
6
  import "../../../gamification/user-statistics/components/rank/styles.js";
@@ -8,11 +8,18 @@ import "@linaria/react";
8
8
  import "../../../gamification/user-statistics/components/statistic/index.js";
9
9
  import "../../../gamification/user-statistics/components/statistic/styles.js";
10
10
  import "../../../gamification/user-statistics/styles.js";
11
- const x = ({ userSummary: e }) => {
12
- var t, m;
13
- const r = i(e.getStore());
14
- return (t = r.data) != null && t.summary ? /* @__PURE__ */ o(s, { ...r.data.summary, successRate: (m = r.data.percentage) == null ? void 0 : m.correct }) : /* @__PURE__ */ o("div", { children: "wait user..." });
11
+ const g = ({ userSummary: e }) => {
12
+ var i;
13
+ const [r, s] = c(void 0);
14
+ return p(() => {
15
+ const m = e.subscribe((t) => {
16
+ t != null && t.data && s(t.data);
17
+ });
18
+ return () => {
19
+ m();
20
+ };
21
+ }, [e]), r != null && r.summary ? /* @__PURE__ */ o(n, { ...r.summary, successRate: (i = r.percentage) == null ? void 0 : i.correct }) : /* @__PURE__ */ o("div", { children: "wait user..." });
15
22
  };
16
23
  export {
17
- x as UserSummary
24
+ g as UserSummary
18
25
  };
package/lib/ui/app/Notifications/Onboarding/index.d.ts CHANGED
@@ -1,8 +1,9 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { type StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
3
3
  import { type Notification } from '@streamlayer/sdk-web-notifications';
4
4
  export declare const Onboarding: React.FC<{
5
5
  sdk: StreamLayerSDK;
6
6
  notification: Notification;
7
- hiding?: boolean;
7
+ saveHeight: (height: number) => void;
8
+ style?: React.CSSProperties;
8
9
  }>;
package/lib/ui/app/Notifications/Onboarding/index.js CHANGED
@@ -1,11 +1,11 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import { styled as g } from "@linaria/react";
3
- import { useStore as u } from "@nanostores/react";
4
- import { useState as w } from "react";
5
- import { FeatureType as y } from "@streamlayer/sdk-web-types";
6
- import { Onboarding as k } from "../../../gamification/onboarding/index.js";
7
- import { ShowIn as f } from "../../../show-in/index.js";
8
- import { Onboarding as C } from "./Notification/index.js";
1
+ import { jsx as t, jsxs as C, Fragment as w } from "react/jsx-runtime";
2
+ import { cx as k } from "@linaria/core";
3
+ import { styled as m } from "@linaria/react";
4
+ import { useRef as v, useState as y, useLayoutEffect as S, useEffect as x } from "react";
5
+ import { FeatureType as L } from "@streamlayer/sdk-web-types";
6
+ import { Onboarding as O } from "../../../gamification/onboarding/index.js";
7
+ import { ShowIn as _ } from "../../../show-in/index.js";
8
+ import { Onboarding as u } from "./Notification/index.js";
9
9
  import "react-virtualized-auto-sizer";
10
10
  import "../../../gamification/onboarding/slides/onboarding-instructions/index.js";
11
11
  import "../../../gamification/onboarding/slides/onboarding-instructions/styles.js";
@@ -17,27 +17,37 @@ import "../../../gamification/onboarding/slides/onboarding-rules/styles.js";
17
17
  import "../../../gamification/onboarding/styles.js";
18
18
  import "../../../button/index.js";
19
19
  import "../../../button/styles.js";
20
- import "@linaria/core";
21
20
  import "./Notification/styles.js";
22
- const v = () => f, S = /* @__PURE__ */ g(v())({
21
+ const A = /* @__PURE__ */ m("div")({
23
22
  name: "OnboardingContainer",
24
23
  class: "o9squag",
24
+ propsAsIs: !1
25
+ }), I = () => _, T = /* @__PURE__ */ m(I())({
26
+ name: "OnboardingNotificationContainer",
27
+ class: "o1c8wcli",
25
28
  propsAsIs: !0
26
- }), L = ({
27
- hiding: n,
28
- deepLink: t,
29
+ }), f = /* @__PURE__ */ m("div")({
30
+ name: "InnerContainer",
31
+ class: "i18oyadd",
32
+ propsAsIs: !1
33
+ }), F = "cebdc0u", $ = ({
34
+ deepLink: c,
29
35
  onboardingOpts: e,
30
- setOpened: i,
31
36
  notification: r,
32
- gamification: o
37
+ gamification: l
33
38
  }) => {
34
- var p, d, l, c, m, b;
35
- const {
36
- data: a
37
- } = u(t.$store);
38
- return /* @__PURE__ */ s(S, {
39
- hiding: n,
40
- children: /* @__PURE__ */ s(k, {
39
+ var a, s, n, i, b, h;
40
+ const [o, p] = y(void 0);
41
+ return x(() => {
42
+ const d = c.$store.subscribe((g) => {
43
+ g && p(g.data);
44
+ });
45
+ return () => {
46
+ d();
47
+ };
48
+ }, [c.$store]), /* @__PURE__ */ t(A, {
49
+ className: k(r.hiding && F),
50
+ children: /* @__PURE__ */ t(O, {
41
51
  rules: [{
42
52
  label: "Answer as many questions as you like.",
43
53
  icon: "icon-btn-feature-groups"
@@ -48,8 +58,8 @@ const v = () => f, S = /* @__PURE__ */ g(v())({
48
58
  label: "Top the leader board and best your friends.",
49
59
  icon: "icon-trophy"
50
60
  }],
51
- rulesBtnLabel: (p = e.rules) == null ? void 0 : p.buttonLabel,
52
- rulesTitle: (d = e.rules) == null ? void 0 : d.heading,
61
+ rulesBtnLabel: (a = e.rules) == null ? void 0 : a.buttonLabel,
62
+ rulesTitle: (s = e.rules) == null ? void 0 : s.heading,
53
63
  steps: [{
54
64
  graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_1.png",
55
65
  headline: "Welcome to the Featured Groups +",
@@ -68,14 +78,14 @@ const v = () => f, S = /* @__PURE__ */ g(v())({
68
78
  graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_5.png",
69
79
  headline: "Compete against friends on the leaderboard"
70
80
  }],
71
- primaryColor: (l = e.inviteCard) == null ? void 0 : l.iconColor,
72
- inviteLink: a == null ? void 0 : a.url,
73
- inviteCardTitle: (c = e.inviteCard) == null ? void 0 : c.heading,
74
- inviteCardSubtext: (m = e.inviteCard) == null ? void 0 : m.subtext,
75
- inviteCardBtnLabel: (b = e.inviteCard) == null ? void 0 : b.buttonLabel,
81
+ primaryColor: (n = e.inviteCard) == null ? void 0 : n.iconColor,
82
+ inviteLink: o == null ? void 0 : o.url,
83
+ inviteCardTitle: (i = e.inviteCard) == null ? void 0 : i.heading,
84
+ inviteCardSubtext: (b = e.inviteCard) == null ? void 0 : b.subtext,
85
+ inviteCardBtnLabel: (h = e.inviteCard) == null ? void 0 : h.buttonLabel,
76
86
  onClose: () => {
77
- var h;
78
- i(!1), (h = r.close) == null || h.call(r);
87
+ var d;
88
+ (d = r.close) == null || d.call(r);
79
89
  },
80
90
  socialLinks: [{
81
91
  icon: "icon-facebook",
@@ -86,28 +96,54 @@ const v = () => f, S = /* @__PURE__ */ g(v())({
86
96
  link: "https://twitter.com/@TheMasters",
87
97
  label: "X"
88
98
  }],
89
- gamification: o
99
+ gamification: l
90
100
  })
91
101
  });
92
- }, K = ({
93
- sdk: n,
94
- notification: t
102
+ }, H = ({
103
+ sdk: c,
104
+ notification: e,
105
+ saveHeight: r,
106
+ style: l
95
107
  }) => {
96
- const [e, i] = w(!1), r = n.getFeature(y.GAMES), o = t.data.onboarding;
97
- return e && r && o ? /* @__PURE__ */ s(L, {
98
- notification: t,
99
- setOpened: i,
100
- gamification: r,
101
- onboardingOpts: o,
102
- deepLink: r.deepLink
103
- }) : /* @__PURE__ */ s("div", {
104
- children: /* @__PURE__ */ s(C, {
105
- close: t.close,
106
- action: () => i(!0),
107
- onboarding: o
108
- })
108
+ const o = v(null), [p, a] = y(!1), s = c.getFeature(L.GAMES), n = e.data.onboarding;
109
+ return S(() => {
110
+ var i;
111
+ r(((i = o.current) == null ? void 0 : i.getBoundingClientRect().height) || 0);
112
+ }, [r]), p && s && n ? /* @__PURE__ */ t($, {
113
+ notification: e,
114
+ setOpened: a,
115
+ gamification: s,
116
+ onboardingOpts: n,
117
+ deepLink: s.deepLink
118
+ }) : /* @__PURE__ */ C(w, {
119
+ children: [/* @__PURE__ */ t(f, {
120
+ ref: (i) => {
121
+ o.current = i;
122
+ },
123
+ style: {
124
+ position: "absolute",
125
+ visibility: "hidden"
126
+ },
127
+ children: /* @__PURE__ */ t(u, {
128
+ close: () => {
129
+ },
130
+ action: () => {
131
+ },
132
+ onboarding: n
133
+ })
134
+ }), /* @__PURE__ */ t(T, {
135
+ style: l,
136
+ hiding: e.hiding,
137
+ children: /* @__PURE__ */ t(f, {
138
+ children: /* @__PURE__ */ t(u, {
139
+ close: e.close,
140
+ action: () => a(!0),
141
+ onboarding: n
142
+ })
143
+ })
144
+ })]
109
145
  });
110
146
  };
111
147
  export {
112
- K as Onboarding
148
+ H as Onboarding
113
149
  };
package/lib/ui/app/Notifications/index.js CHANGED
@@ -1,10 +1,11 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import { useStore as f } from "@nanostores/react";
3
- import { useState as u, useMemo as s } from "react";
4
- import { NotificationType as m } from "@streamlayer/sdk-web-notifications";
5
- import { Notification as n } from "../../gamification/question/notification/index.js";
6
- import { Onboarding as c } from "./Onboarding/index.js";
7
- import { Container as l } from "./styles.js";
1
+ import { jsx as o, jsxs as d, Fragment as f } from "react/jsx-runtime";
2
+ import { useStore as y } from "@nanostores/react";
3
+ import { useState as g, useMemo as a, useRef as N, useCallback as h, useEffect as S } from "react";
4
+ import { NotificationType as s } from "@streamlayer/sdk-web-notifications";
5
+ import { Notification as l } from "../../gamification/question/notification/index.js";
6
+ import { PredictionResult as O } from "../../gamification/question/notification/prediction-result/index.js";
7
+ import { Onboarding as R } from "./Onboarding/index.js";
8
+ import { InnerContainer as c, Container as v } from "./styles.js";
8
9
  import "@streamlayer/sdk-web-types";
9
10
  import "../../gamification/constants.js";
10
11
  import "../../gamification/question/notification/insight/index.js";
@@ -13,15 +14,16 @@ import "../../icons/index.js";
13
14
  import "@linaria/react";
14
15
  import "../../video-player/styles.js";
15
16
  import "../../gamification/question/notification/insight/styles.js";
16
- import "../../gamification/question/notification/prediction-result/index.js";
17
- import "../../gamification/question/notification/prediction-result/animation-lines/index.js";
18
- import "../../gamification/question/notification/prediction-result/animation-lines/styles.js";
19
- import "../../gamification/question/notification/prediction-result/styles.js";
20
17
  import "../../gamification/question/notification/styles.js";
21
18
  import "../../gamification/question/notification/tweet/index.js";
22
19
  import "../../questions/twitter/account/index.js";
23
20
  import "../../questions/twitter/account/styles.js";
24
21
  import "../../gamification/question/notification/tweet/styles.js";
22
+ import "../../gamification/question/notification/prediction-result/animation-lines/index.js";
23
+ import "../../gamification/question/notification/prediction-result/animation-lines/styles.js";
24
+ import "../../gamification/question/notification/prediction-result/styles.js";
25
+ import "../../show-in/index.js";
26
+ import "@linaria/core";
25
27
  import "../../gamification/onboarding/index.js";
26
28
  import "react-virtualized-auto-sizer";
27
29
  import "../../gamification/onboarding/slides/onboarding-instructions/index.js";
@@ -33,21 +35,56 @@ import "../../gamification/onboarding/slides/onboarding-rules/styles.js";
33
35
  import "../../gamification/onboarding/styles.js";
34
36
  import "../../button/index.js";
35
37
  import "../../button/styles.js";
36
- import "../../show-in/index.js";
37
- import "@linaria/core";
38
38
  import "./Onboarding/Notification/index.js";
39
39
  import "./Onboarding/Notification/styles.js";
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 }) => {
41
- const [r] = u(o.getNotificationsStore()), i = f(r), p = s(() => {
42
- if (!(i != null && i.size))
40
+ const E = (p) => {
41
+ const [t, r] = g(0), e = N(null), n = h((i) => {
42
+ e.current = i;
43
+ }, []);
44
+ S(() => {
45
+ var u;
46
+ const i = (u = e.current) == null ? void 0 : u.getBoundingClientRect();
47
+ i && r(i.height);
48
+ }, [p]);
49
+ const m = h((i) => {
50
+ r(i);
51
+ }, []);
52
+ return [n, t, m];
53
+ }, I = ({ sdk: p, notification: t }) => {
54
+ var m, i;
55
+ const [r, e, n] = E(t.id);
56
+ return t.type === s.QUESTION ? /* @__PURE__ */ d(f, { children: [
57
+ /* @__PURE__ */ o(c, { ref: r, style: { position: "absolute", visibility: "hidden" }, children: /* @__PURE__ */ o(l, { ...t }) }),
58
+ /* @__PURE__ */ o(v, { style: { height: t.hiding ? 0 : e }, hiding: t.hiding, children: /* @__PURE__ */ o(c, { style: { height: "100%" }, children: /* @__PURE__ */ o(l, { ...t }) }) })
59
+ ] }) : t.type === s.QUESTION_RESOLVED && ((i = (m = t.data) == null ? void 0 : m.question) != null && i.predictionResult) ? /* @__PURE__ */ o(
60
+ O,
61
+ {
62
+ style: { height: t.hiding ? 0 : e },
63
+ saveHeight: n,
64
+ close: t.close,
65
+ hiding: t.hiding,
66
+ ...t.data.question
67
+ }
68
+ ) : t.type === s.ONBOARDING ? /* @__PURE__ */ o(
69
+ R,
70
+ {
71
+ style: { height: t.hiding ? 0 : e },
72
+ saveHeight: n,
73
+ sdk: p,
74
+ notification: t
75
+ }
76
+ ) : null;
77
+ }, ht = ({ sdk: p }) => {
78
+ const [t] = g(p.getNotificationsStore()), r = y(t), e = a(() => {
79
+ if (!(r != null && r.size))
43
80
  return null;
44
- for (const e of i.values())
45
- if (e.type === m.ONBOARDING)
46
- return e;
47
- return i.values().next().value;
48
- }, [i]);
49
- return p ? /* @__PURE__ */ t(l, { hiding: p.hiding, children: /* @__PURE__ */ t(N, { sdk: o, notification: p }) }) : null;
81
+ for (const m of r.values())
82
+ if (m.type === s.ONBOARDING)
83
+ return m;
84
+ return r.values().next().value;
85
+ }, [r]);
86
+ return e ? /* @__PURE__ */ o(I, { sdk: p, notification: e }) : null;
50
87
  };
51
88
  export {
52
- rr as SDKNotifications
89
+ ht as SDKNotifications
53
90
  };
package/lib/ui/app/Notifications/styles.d.ts CHANGED
@@ -1 +1,3 @@
1
+ /// <reference types="react" />
1
2
  export declare const Container: any;
3
+ export declare const InnerContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
package/lib/ui/app/Notifications/styles.js CHANGED
@@ -1,12 +1,17 @@
1
- import { styled as o } from "@linaria/react";
2
- import { ShowIn as t } from "../../show-in/index.js";
1
+ import { styled as n } from "@linaria/react";
2
+ import { ShowIn as o } from "../../show-in/index.js";
3
3
  import "react/jsx-runtime";
4
4
  import "@linaria/core";
5
- const r = () => t, m = /* @__PURE__ */ o(r())({
5
+ const r = () => o, p = /* @__PURE__ */ n(r())({
6
6
  name: "Container",
7
7
  class: "ctckejh",
8
8
  propsAsIs: !0
9
+ }), a = /* @__PURE__ */ n("div")({
10
+ name: "InnerContainer",
11
+ class: "i1ri7tzr",
12
+ propsAsIs: !1
9
13
  });
10
14
  export {
11
- m as Container
15
+ p as Container,
16
+ a as InnerContainer
12
17
  };
package/lib/ui/app/masters.js CHANGED
@@ -28,15 +28,17 @@ import "../video-player/index.js";
28
28
  import "../icons/index.js";
29
29
  import "../video-player/styles.js";
30
30
  import "../gamification/question/notification/insight/styles.js";
31
- import "../gamification/question/notification/prediction-result/index.js";
32
- import "../gamification/question/notification/prediction-result/animation-lines/index.js";
33
- import "../gamification/question/notification/prediction-result/animation-lines/styles.js";
34
- import "../gamification/question/notification/prediction-result/styles.js";
35
31
  import "../gamification/question/notification/styles.js";
36
32
  import "../gamification/question/notification/tweet/index.js";
37
33
  import "../questions/twitter/account/index.js";
38
34
  import "../questions/twitter/account/styles.js";
39
35
  import "../gamification/question/notification/tweet/styles.js";
36
+ import "../gamification/question/notification/prediction-result/index.js";
37
+ import "../gamification/question/notification/prediction-result/animation-lines/index.js";
38
+ import "../gamification/question/notification/prediction-result/animation-lines/styles.js";
39
+ import "../gamification/question/notification/prediction-result/styles.js";
40
+ import "../show-in/index.js";
41
+ import "@linaria/core";
40
42
  import "./Notifications/Onboarding/index.js";
41
43
  import "../gamification/onboarding/index.js";
42
44
  import "react-virtualized-auto-sizer";
@@ -49,8 +51,6 @@ import "../gamification/onboarding/slides/onboarding-rules/styles.js";
49
51
  import "../gamification/onboarding/styles.js";
50
52
  import "../button/index.js";
51
53
  import "../button/styles.js";
52
- import "../show-in/index.js";
53
- import "@linaria/core";
54
54
  import "./Notifications/Onboarding/Notification/index.js";
55
55
  import "./Notifications/Onboarding/Notification/styles.js";
56
56
  import "./Notifications/styles.js";
package/lib/ui/app/useMastersApp.js CHANGED
@@ -1,9 +1,9 @@
1
- import { useStore as m } from "@nanostores/react";
2
- import { useRef as y, useState as v, useCallback as F, useEffect as d } from "react";
1
+ import { useStore as l } from "@nanostores/react";
2
+ import { useRef as F, useState as d, useCallback as y, useEffect as v } from "react";
3
3
  import { FeatureType as I } from "@streamlayer/sdk-web-types";
4
4
  import "react/jsx-runtime";
5
5
  import { ChannelsButtonId as c } from "../navigation/button/Channels.js";
6
- import { FeaturedGroupsButtonId as a } from "../navigation/button/FeaturedGroups.js";
6
+ import { FeaturedGroupsButtonId as n } from "../navigation/button/FeaturedGroups.js";
7
7
  import "@linaria/react";
8
8
  import "../icons/index.js";
9
9
  import "../navigation/button/styles.js";
@@ -11,26 +11,28 @@ import "../../LeaderBoard_16p26hz-4ed993c7.js";
11
11
  import "../../index_4nhkck-4ed993c7.js";
12
12
  import "../../masters_k70xsy-4ed993c7.js";
13
13
  import "../navigation/button/index.js";
14
- const j = (e) => {
15
- const n = y(""), [f, l] = v(!1), A = m(e.status), r = m(e.userId()), i = A === "ready", [s, u] = v(a), p = F(
14
+ const U = (e) => {
15
+ const a = F(""), [m, f] = d(!1), A = l(e.status), r = l(e.userId()), i = A === "ready", [s, u] = d(n), p = y(
16
16
  (t, o) => {
17
- u(o), o === a ? (t && e.createEventSession(t), e.openFeature(I.GAMES)) : e.closeFeature();
17
+ u(o), o === n ? (t && e.createEventSession(t), window.requestAnimationFrame(() => {
18
+ e.openFeature(I.GAMES);
19
+ })) : e.closeFeature();
18
20
  },
19
21
  [e]
20
22
  );
21
- d(() => {
22
- !i && s === a && (u(c), e.closeFeature());
23
+ v(() => {
24
+ !i && s === n && (u(c), e.closeFeature());
23
25
  }, [i, s, e]);
24
26
  const E = (t) => {
25
- n.current = t, e.initializeApp().then(({ enabled: o, err: b }) => {
26
- if (l(!0), b) {
27
+ a.current = t, f(!0), e.initializeApp().then(({ enabled: o, err: b }) => {
28
+ if (b) {
27
29
  p(t, c);
28
30
  return;
29
31
  }
30
32
  if (o) {
31
33
  e.isUserAuthorized().then((h) => {
32
34
  if (h) {
33
- p(t, a);
35
+ p(t, n);
34
36
  return;
35
37
  } else
36
38
  e.disableApp();
@@ -39,18 +41,18 @@ const j = (e) => {
39
41
  }
40
42
  });
41
43
  }, S = () => {
42
- l(!1), e.disableApp();
44
+ f(!1), e.disableApp();
43
45
  };
44
- return d(() => {
46
+ return v(() => {
45
47
  if (!r) {
46
48
  i && (u(c), e.disableApp());
47
49
  return;
48
50
  }
49
- r && n.current && f && e.initializeApp().then(() => {
50
- e.createEventSession(n.current);
51
+ r && a.current && m && e.initializeApp().then(() => {
52
+ e.createEventSession(a.current);
51
53
  });
52
54
  }, [r]), {
53
- sdkEnabled: f,
55
+ sdkEnabled: m,
54
56
  sdkReady: i,
55
57
  activeOverlay: s,
56
58
  activateAndLoadOverlay: p,
@@ -60,5 +62,5 @@ const j = (e) => {
60
62
  };
61
63
  };
62
64
  export {
63
- j as useMastersApp
65
+ U as useMastersApp
64
66
  };
package/lib/ui/gamification/question/notification/index.js CHANGED
@@ -1,52 +1,48 @@
1
- import { jsx as r, jsxs as a, Fragment as n } from "react/jsx-runtime";
2
- import { QuestionType as o } from "@streamlayer/sdk-web-types";
1
+ import { jsxs as a, jsx as o, Fragment as c } from "react/jsx-runtime";
2
+ import { QuestionType as t } from "@streamlayer/sdk-web-types";
3
3
  import { QuestionTypeData as d } from "../../constants.js";
4
4
  import { Insight as f } from "./insight/index.js";
5
- import { PredictionResult as h } from "./prediction-result/index.js";
6
- import { Container as I, CloseIconWrap as T, CloseIcon as C, Header as E, TypeIcon as A, TypeName as D, Question as W, AnswerButton as w } from "./styles.js";
7
- import { Tweet as x } from "./tweet/index.js";
5
+ import { Container as h, CloseIconWrap as I, CloseIcon as T, Header as C, TypeIcon as E, TypeName as s, Question as A, AnswerButton as D } from "./styles.js";
6
+ import { Tweet as W } from "./tweet/index.js";
8
7
  import "../../../video-player/index.js";
9
8
  import "react";
10
9
  import "../../../icons/index.js";
11
10
  import "@linaria/react";
12
11
  import "../../../video-player/styles.js";
13
12
  import "./insight/styles.js";
14
- import "./prediction-result/animation-lines/index.js";
15
- import "./prediction-result/animation-lines/styles.js";
16
- import "./prediction-result/styles.js";
17
13
  import "../../../questions/twitter/account/index.js";
18
14
  import "../../../questions/twitter/account/styles.js";
19
15
  import "./tweet/styles.js";
20
- const J = ({
21
- close: l,
16
+ const R = ({
17
+ close: e,
22
18
  action: i,
23
- data: { questionType: t, question: m, insight: c, tweet: e }
19
+ data: { questionType: r, question: m, insight: l, tweet: p }
24
20
  }) => {
25
- const p = d[t];
26
- return p ? m != null && m.predictionResult ? /* @__PURE__ */ r(h, { close: l, ...m }) : /* @__PURE__ */ a(I, { children: [
27
- /* @__PURE__ */ r(T, { onClick: l, children: /* @__PURE__ */ r(C, { name: "icon-cross" }) }),
28
- t !== o.TWEET && /* @__PURE__ */ a(E, { children: [
29
- /* @__PURE__ */ r(
30
- A,
21
+ const n = d[r];
22
+ return n ? /* @__PURE__ */ a(h, { children: [
23
+ /* @__PURE__ */ o(I, { onClick: e, children: /* @__PURE__ */ o(T, { name: "icon-cross" }) }),
24
+ r !== t.TWEET && /* @__PURE__ */ a(C, { children: [
25
+ /* @__PURE__ */ o(
26
+ E,
31
27
  {
32
- "data-type-trivia": t === o.TRIVIA,
33
- "data-type-poll": t === o.POLL,
34
- name: p.iconName
28
+ "data-type-trivia": r === t.TRIVIA,
29
+ "data-type-poll": r === t.POLL,
30
+ name: n.iconName
35
31
  }
36
32
  ),
37
- /* @__PURE__ */ r(D, { children: p.label })
33
+ /* @__PURE__ */ o(s, { children: n.label })
38
34
  ] }),
39
- t === o.FACTOID && /* @__PURE__ */ r(f, { ...c, action: i }),
40
- t === o.TWEET && // ToDo: connect with real Api data
35
+ r === t.FACTOID && /* @__PURE__ */ o(f, { ...l, action: i }),
36
+ r === t.TWEET && // ToDo: connect with real Api data
41
37
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
42
38
  // @ts-ignore
43
- /* @__PURE__ */ r(x, { ...e, action: i }),
44
- t !== o.FACTOID && t !== o.TWEET && /* @__PURE__ */ a(n, { children: [
45
- /* @__PURE__ */ r(W, { children: m == null ? void 0 : m.title }),
46
- /* @__PURE__ */ r(w, { onClick: i, children: "Answer" })
39
+ /* @__PURE__ */ o(W, { ...p, action: i }),
40
+ r !== t.FACTOID && r !== t.TWEET && /* @__PURE__ */ a(c, { children: [
41
+ /* @__PURE__ */ o(A, { children: m == null ? void 0 : m.title }),
42
+ /* @__PURE__ */ o(D, { onClick: i, children: "Answer" })
47
43
  ] })
48
44
  ] }) : null;
49
45
  };
50
46
  export {
51
- J as Notification
47
+ R as Notification
52
48
  };
package/lib/ui/gamification/question/notification/prediction-result/index.d.ts CHANGED
@@ -2,4 +2,7 @@
2
2
  import type { NotificationData } from '@streamlayer/sdk-web-notifications';
3
3
  export declare const PredictionResult: React.FC<NotificationData['question'] & {
4
4
  close?: () => void;
5
+ saveHeight: (h: number) => void;
6
+ style: React.CSSProperties;
7
+ hiding: boolean;
5
8
  }>;
package/lib/ui/gamification/question/notification/prediction-result/index.js CHANGED
@@ -1,78 +1,110 @@
1
- import { jsxs as c, jsx as i, Fragment as f } from "react/jsx-runtime";
2
- import { useState as b, useEffect as g } from "react";
3
- import { AnimationLines as S } from "./animation-lines/index.js";
4
- import { Container as x, AnimateContent as E, Content as t, Title as n, SubtitleFG as d, Subtitle as a, AnswerText as h, FeedbackIcon as m, CloseButton as C, CloseIcon as p } from "./styles.js";
1
+ import { jsx as n, jsxs as i, Fragment as x } from "react/jsx-runtime";
2
+ import { useState as F, useRef as S, useEffect as y } from "react";
3
+ import { AnimationLines as b } from "./animation-lines/index.js";
4
+ import { MIN_CONTENT_HEIGHT as B, Container as G, InnerContainer as N, Content as o, Title as a, SubtitleFG as k, Subtitle as d, AnswerText as g, FeedbackIcon as p, CloseButton as P, CloseIcon as T } from "./styles.js";
5
5
  import "./animation-lines/styles.js";
6
6
  import "@linaria/react";
7
7
  import "../../../../icons/index.js";
8
- const j = ({
9
- close: u,
10
- votedAnswer: l,
11
- correct: r,
12
- correctAnswerTitle: k
13
- }) => {
14
- const [o, s] = b(1);
15
- return g(() => {
16
- const P = setInterval(() => {
17
- s((e) => r && e > 4 || !r && e > 3 ? e : ++e);
8
+ import "../../../../show-in/index.js";
9
+ import "@linaria/core";
10
+ const h = (m, r) => m === r ? "translateY(0px)" : m > r ? "translateY(100%)" : "translateY(-100%)", z = ({ close: m, votedAnswer: r, correct: s, correctAnswerTitle: Y, questionTitle: E, saveHeight: C, style: u, hiding: I }) => {
11
+ const [e, R] = F(1), f = S({});
12
+ y(() => {
13
+ const c = setInterval(() => {
14
+ R((t) => s && t > 4 || !s && t > 3 ? t : ++t);
18
15
  }, 6e3);
19
- return () => clearInterval(P);
20
- }, [r]), /* @__PURE__ */ c(x, { "data-bg-color-white": o > 3, children: [
21
- /* @__PURE__ */ i(S, { step: o, correct: r }),
22
- /* @__PURE__ */ c(E, { "data-active-number": o, children: [
23
- /* @__PURE__ */ c(t, { children: [
24
- /* @__PURE__ */ i(n, { children: "Master" }),
25
- /* @__PURE__ */ i(d, { children: "FEATURED GROUPS +" })
26
- ] }),
27
- /* @__PURE__ */ c(t, { children: [
28
- /* @__PURE__ */ i(n, { children: "Prediction results are in!" }),
29
- /* @__PURE__ */ i(d, { children: "FEATURED GROUPS +" })
30
- ] }),
31
- /* @__PURE__ */ c(t, { children: [
32
- /* @__PURE__ */ i(n, { children: "Who holds the most birdies in golf?" }),
33
- /* @__PURE__ */ c(a, { children: [
34
- "Your Pick: ",
35
- /* @__PURE__ */ i(h, { children: l == null ? void 0 : l.title })
36
- ] })
37
- ] }),
38
- r ? /* @__PURE__ */ c(f, { children: [
39
- /* @__PURE__ */ c(t, { "data-color-green": "true", children: [
40
- /* @__PURE__ */ i(n, { children: "Congratulations! You answered correctly." }),
41
- /* @__PURE__ */ c(a, { children: [
42
- /* @__PURE__ */ i(m, { name: "selected" }),
43
- "Your Pick: ",
44
- /* @__PURE__ */ i(h, { children: l == null ? void 0 : l.title })
45
- ] })
16
+ return () => clearInterval(c);
17
+ }, [s]), y(() => {
18
+ var c, t;
19
+ f.current[e] && C(((t = (c = f.current[e]) == null ? void 0 : c.getBoundingClientRect()) == null ? void 0 : t.height) || B);
20
+ }, [e, C]);
21
+ const l = (c) => (t) => {
22
+ f.current && (f.current[c] = t);
23
+ };
24
+ return /* @__PURE__ */ n(G, { style: u.height ? u : { ...u, paddingTop: 0, paddingBottom: 0 }, hiding: I, children: /* @__PURE__ */ i(
25
+ N,
26
+ {
27
+ style: {
28
+ height: u.height,
29
+ minHeight: u.height,
30
+ backgroundColor: e > 3 ? "var(--color-white)" : "var(--color-primary-green2)"
31
+ },
32
+ children: [
33
+ /* @__PURE__ */ n(b, { step: e, correct: s }),
34
+ /* @__PURE__ */ i(o, { ref: l(1), style: { transform: h(1, e) }, children: [
35
+ /* @__PURE__ */ n(a, { children: "Master" }),
36
+ /* @__PURE__ */ n(k, { children: "FEATURED GROUPS +" })
46
37
  ] }),
47
- /* @__PURE__ */ c(t, { "data-color-green": "true", children: [
48
- /* @__PURE__ */ i(C, { onClick: u, children: /* @__PURE__ */ i(p, { name: "icon-cross" }) }),
49
- /* @__PURE__ */ c(n, { children: [
50
- "+",
51
- l == null ? void 0 : l.points,
52
- " points"
53
- ] }),
54
- /* @__PURE__ */ c(a, { children: [
55
- /* @__PURE__ */ i(m, { name: "selected" }),
38
+ /* @__PURE__ */ i(o, { ref: l(2), style: { transform: h(2, e) }, children: [
39
+ /* @__PURE__ */ n(a, { children: "Prediction results are in!" }),
40
+ /* @__PURE__ */ n(k, { children: "FEATURED GROUPS +" })
41
+ ] }),
42
+ /* @__PURE__ */ i(o, { ref: l(3), style: { transform: h(3, e) }, children: [
43
+ /* @__PURE__ */ n(a, { children: E }),
44
+ /* @__PURE__ */ n(d, { children: /* @__PURE__ */ i(g, { children: [
56
45
  "Your Pick: ",
57
- /* @__PURE__ */ i(h, { children: l == null ? void 0 : l.title })
58
- ] })
59
- ] })
60
- ] }) : /* @__PURE__ */ c(t, { children: [
61
- /* @__PURE__ */ i(C, { onClick: u, children: /* @__PURE__ */ i(p, { name: "icon-cross" }) }),
62
- /* @__PURE__ */ c(n, { "data-incorrect": "true", children: [
63
- "Better luck next time! Correct: ",
64
- k,
65
- "."
46
+ r == null ? void 0 : r.title
47
+ ] }) })
66
48
  ] }),
67
- /* @__PURE__ */ c(a, { "data-incorrect": "true", children: [
68
- /* @__PURE__ */ i(m, { name: "circleClose" }),
69
- "Your Pick: ",
70
- /* @__PURE__ */ i(h, { children: l == null ? void 0 : l.title })
49
+ s ? /* @__PURE__ */ i(x, { children: [
50
+ /* @__PURE__ */ i(
51
+ o,
52
+ {
53
+ ref: l(4),
54
+ style: { transform: h(4, e), color: "var(--color-primary-green1)" },
55
+ children: [
56
+ /* @__PURE__ */ n(a, { children: "Congratulations! You answered correctly." }),
57
+ /* @__PURE__ */ i(d, { children: [
58
+ /* @__PURE__ */ n(p, { name: "selected" }),
59
+ /* @__PURE__ */ i(g, { children: [
60
+ "Your Pick: ",
61
+ r == null ? void 0 : r.title
62
+ ] })
63
+ ] })
64
+ ]
65
+ }
66
+ ),
67
+ /* @__PURE__ */ i(
68
+ o,
69
+ {
70
+ ref: l(5),
71
+ style: { transform: h(5, e), color: "var(--color-primary-green1)" },
72
+ children: [
73
+ /* @__PURE__ */ i(a, { children: [
74
+ "+",
75
+ r == null ? void 0 : r.points,
76
+ " points"
77
+ ] }),
78
+ /* @__PURE__ */ i(d, { children: [
79
+ /* @__PURE__ */ n(p, { name: "selected" }),
80
+ /* @__PURE__ */ i(g, { children: [
81
+ "Your Pick: ",
82
+ r == null ? void 0 : r.title
83
+ ] })
84
+ ] }),
85
+ /* @__PURE__ */ n(P, { onClick: m, children: /* @__PURE__ */ n(T, { name: "icon-cross" }) })
86
+ ]
87
+ }
88
+ )
89
+ ] }) : /* @__PURE__ */ i(o, { ref: l(4), style: { transform: h(4, e) }, children: [
90
+ /* @__PURE__ */ i(a, { style: { color: "var(--color-neutrals-gray9)" }, children: [
91
+ "Better luck next time! Correct: ",
92
+ Y,
93
+ "."
94
+ ] }),
95
+ /* @__PURE__ */ i(d, { style: { color: "var(--color-secondary-red1)" }, children: [
96
+ /* @__PURE__ */ n(p, { name: "circleClose" }),
97
+ /* @__PURE__ */ i(g, { children: [
98
+ "Your Pick: ",
99
+ r == null ? void 0 : r.title
100
+ ] })
101
+ ] }),
102
+ /* @__PURE__ */ n(P, { onClick: m, children: /* @__PURE__ */ n(T, { name: "icon-cross" }) })
71
103
  ] })
72
- ] })
73
- ] })
74
- ] });
104
+ ]
105
+ }
106
+ ) });
75
107
  };
76
108
  export {
77
- j as PredictionResult
109
+ z as PredictionResult
78
110
  };
package/lib/ui/gamification/question/notification/prediction-result/styles.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
- export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
3
- export declare const AnimateContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
2
+ export declare const MIN_CONTENT_HEIGHT = 118;
3
+ export declare const Container: any;
4
+ export declare const InnerContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
4
5
  export declare const Content: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
5
6
  export declare const Title: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
6
7
  export declare const Subtitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
package/lib/ui/gamification/question/notification/prediction-result/styles.js CHANGED
@@ -1,57 +1,60 @@
1
1
  import { styled as s } from "@linaria/react";
2
- import { SvgIcon as t } from "../../../../icons/index.js";
2
+ import { SvgIcon as o } from "../../../../icons/index.js";
3
+ import { ShowIn as t } from "../../../../show-in/index.js";
3
4
  import "react/jsx-runtime";
4
5
  import "react";
5
- const i = /* @__PURE__ */ s("div")({
6
+ import "@linaria/core";
7
+ const A = 118, e = () => t, f = /* @__PURE__ */ s(e())({
6
8
  name: "Container",
7
9
  class: "c10131zw",
10
+ propsAsIs: !0
11
+ }), C = /* @__PURE__ */ s("div")({
12
+ name: "InnerContainer",
13
+ class: "ir6k2eo",
8
14
  propsAsIs: !1
9
- }), m = /* @__PURE__ */ s("div")({
10
- name: "AnimateContent",
11
- class: "ar6k2eo",
12
- propsAsIs: !1
13
- }), I = /* @__PURE__ */ s("div")({
15
+ }), d = /* @__PURE__ */ s("div")({
14
16
  name: "Content",
15
17
  class: "c1hwoq9l",
16
18
  propsAsIs: !1
17
- }), A = /* @__PURE__ */ s("div")({
19
+ }), b = /* @__PURE__ */ s("div")({
18
20
  name: "Title",
19
21
  class: "t4ujo4g",
20
22
  propsAsIs: !1
21
- }), e = /* @__PURE__ */ s("div")({
23
+ }), n = /* @__PURE__ */ s("div")({
22
24
  name: "Subtitle",
23
25
  class: "s1pjil1h",
24
26
  propsAsIs: !1
25
- }), o = () => e, d = /* @__PURE__ */ s(o())({
27
+ }), c = () => n, v = /* @__PURE__ */ s(c())({
26
28
  name: "SubtitleFG",
27
29
  class: "s1iorwr9",
28
30
  propsAsIs: !0
29
- }), u = /* @__PURE__ */ s("div")({
31
+ }), x = /* @__PURE__ */ s("div")({
30
32
  name: "AnswerText",
31
33
  class: "a51sv9d",
32
34
  propsAsIs: !1
33
- }), n = () => t, f = /* @__PURE__ */ s(n())({
35
+ }), r = () => o, T = /* @__PURE__ */ s(r())({
34
36
  name: "FeedbackIcon",
35
37
  class: "f1lbk2ye",
36
38
  propsAsIs: !0
37
- }), C = /* @__PURE__ */ s("button")({
39
+ }), _ = /* @__PURE__ */ s("button")({
38
40
  name: "CloseButton",
39
41
  class: "crcvk3t",
40
42
  propsAsIs: !1
41
- }), c = () => t, v = /* @__PURE__ */ s(c())({
43
+ }), p = () => o, w = /* @__PURE__ */ s(p())({
42
44
  name: "CloseIcon",
43
45
  class: "c33p82r",
44
46
  propsAsIs: !0
45
47
  });
46
48
  export {
47
- m as AnimateContent,
48
- u as AnswerText,
49
- C as CloseButton,
50
- v as CloseIcon,
51
- i as Container,
52
- I as Content,
53
- f as FeedbackIcon,
54
- e as Subtitle,
55
- d as SubtitleFG,
56
- A as Title
49
+ x as AnswerText,
50
+ _ as CloseButton,
51
+ w as CloseIcon,
52
+ f as Container,
53
+ d as Content,
54
+ T as FeedbackIcon,
55
+ C as InnerContainer,
56
+ A as MIN_CONTENT_HEIGHT,
57
+ n as Subtitle,
58
+ v as SubtitleFG,
59
+ b as Title
57
60
  };
package/lib/ui/show-in/index.js CHANGED
@@ -5,7 +5,7 @@ const m = /* @__PURE__ */ e("div")({
5
5
  name: "Container",
6
6
  class: "c1pgyo67",
7
7
  propsAsIs: !1
8
- }), a = "hx17qu6", d = ({
8
+ }), a = "hx17qu6", f = ({
9
9
  children: o,
10
10
  style: n,
11
11
  className: s,
@@ -16,5 +16,5 @@ const m = /* @__PURE__ */ e("div")({
16
16
  children: o
17
17
  });
18
18
  export {
19
- d as ShowIn
19
+ f as ShowIn
20
20
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@streamlayer/react-ui",
3
- "version": "0.74.3",
3
+ "version": "0.75.0",
4
4
  "type": "module",
5
5
  "main": "./src/index.js",
6
6
  "typings": "./lib/index.d.ts",
@@ -40,14 +40,14 @@
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/feature-gamification": "^0.27.2",
44
- "@streamlayer/sdk-web": "^0.29.3",
45
- "@streamlayer/sdk-web-anonymous-auth": "^0.11.28",
43
+ "@streamlayer/feature-gamification": "^0.28.0",
44
+ "@streamlayer/sdk-web": "^0.29.4",
45
+ "@streamlayer/sdk-web-anonymous-auth": "^0.11.29",
46
46
  "@streamlayer/sdk-web-api": "^0.1.0",
47
47
  "@streamlayer/sdk-web-core": "^0.0.6",
48
- "@streamlayer/sdk-web-features": "^0.10.35",
48
+ "@streamlayer/sdk-web-features": "^0.10.36",
49
49
  "@streamlayer/sdk-web-interfaces": "^0.0.1",
50
- "@streamlayer/sdk-web-notifications": "^0.13.4",
50
+ "@streamlayer/sdk-web-notifications": "^0.1.0",
51
51
  "@streamlayer/sdk-web-storage": "^0.0.4",
52
52
  "@streamlayer/sdk-web-logger": "^0.0.1",
53
53
  "@streamlayer/sdk-web-types": "^0.0.1"
@@ -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.32.4"
93
+ "@streamlayer/react": "^0.32.5"
94
94
  }
95
95
  }
package/lib/ui/theme/masters.d.ts DELETED
@@ -1,2 +0,0 @@
1
- /** @deprecated all variables moved to main theme */
2
- export declare const mastersVariables: import("@linaria/core").LinariaClassName;
package/lib/ui/theme/masters.js DELETED
@@ -1,4 +0,0 @@
1
- const s = "m17a8r9z";
2
- export {
3
- s as mastersVariables
4
- };