@streamlayer/react-ui 0.90.0 → 0.91.1

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 (19) hide show
  1. package/lib/assets/style.css +1 -1
  2. package/lib/ui/app/Features/Gamification/Friends.d.ts +1 -0
  3. package/lib/ui/app/Features/Gamification/Friends.js +12 -7
  4. package/lib/ui/app/Features/Gamification/Leaderboard.d.ts +1 -0
  5. package/lib/ui/app/Features/Gamification/Leaderboard.js +31 -35
  6. package/lib/ui/app/Features/Gamification/Tabs.d.ts +1 -0
  7. package/lib/ui/app/Features/Gamification/Tabs.js +34 -22
  8. package/lib/ui/app/Features/Gamification/gamification-feature.js +5 -3
  9. package/lib/ui/app/Features/Gamification/index.js +13 -10
  10. package/lib/ui/app/Notifications/Onboarding/index.js +6 -4
  11. package/lib/ui/app/Notifications/index.js +24 -22
  12. package/lib/ui/app/masters.js +6 -4
  13. package/lib/ui/app/useClipboardCopy.d.ts +2 -0
  14. package/lib/ui/app/useClipboardCopy.js +11 -0
  15. package/lib/ui/gamification/onboarding/index.js +25 -21
  16. package/lib/ui/gamification/onboarding/slides/onboarding-invite-card/index.d.ts +1 -0
  17. package/lib/ui/gamification/onboarding/slides/onboarding-invite-card/index.js +37 -35
  18. package/lib/{index-jRXrW6ie.js → useClipboardCopy-E5rEe6It.js} +1537 -1513
  19. package/package.json +13 -13
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)}.i1vlsnk4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:#1d7bff;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,#3c8bfb4d .57%,#004fbe4d);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}.iwjhb00{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:#1d7bff;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,#3c8bfb4d .57%,#004fbe4d);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);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.iwjhb00 button:active{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.iwjhb00 button:disabled{cursor:not-allowed;opacity:.8;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}.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);-moz-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}.d1sqxt7l{position:fixed;bottom:0;right:0;max-width:600px;font-family:system-ui;background:#1d7bff80;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;-ms-flex-pack:space-around;-webkit-justify-content:space-around;justify-content:space-around;background:#1d7bff;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);-moz-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}.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;--pill-offset:0px}.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%);-moz-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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.r165427{font-weight:var(--font-weight-default)}.c1pgyo67{overflow:hidden;width:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-webkit-animation:containerShowIn var(--animation-function);animation:containerShowIn var(--animation-function);-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration)}@-webkit-keyframes containerShowIn{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}80%{opacity:0;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}85%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes containerShowIn{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}80%{opacity:0;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}85%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}.hx17qu6{-webkit-animation:containerHide var(--animation-function);animation:containerHide var(--animation-function);-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{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}80%{opacity:0;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}85%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes containerHide{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}80%{opacity:0;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}85%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);-moz-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{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}.bezygt5{color:var(--color-neutrals-gray9);font-size:12px;font-weight:400;line-height:18px}.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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative}.i2g9g4l{width:46px;height:46px;object-fit:cover;object-position:center;border-radius:50%;background-color:var(--color-neutrals-gray3)}.t1c454nm{position:absolute;border-radius:50%;border:1px solid var(--color-neutrals-gray2);bottom:0;right:0}.d11nigc3{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)}.nrxa4k8{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)}.u1p051g3{font-size:12px;font-weight:400;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);overflow:hidden;word-break:break-word}.d1i2kpk2{color:var(--color-neutrals-gray9);font-size:14px;line-height:24px;font-weight:400}.dd3lh3p{color:var(--color-neutrals-gray7);font-size:12px;font-weight:400;line-height:18px}.i1gfjeu5{border-radius:8px;max-width:100%}.n19lpak2{position:absolute;top:0;left:0;right:0;z-index:100;box-sizing:border-box;overflow:hidden;opacity:0;-webkit-animation:show-nav .5s ease;animation:show-nav .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{90%{opacity:0}to{height:68px;opacity:1}}@keyframes show-nav{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;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;-ms-flex-pack:center;-webkit-justify-content: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);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;-ms-flex-pack:center;-webkit-justify-content: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{color:var(--color-primary-green2);font-size:16px;font-weight:400;font-family:var(--font-serif);line-height:24px;margin:16px 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;transition:transform;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-function)}.s1ucohr1[data-nav=true]{height:calc(100% - var(--header-height));-webkit-transform:translateY(var(--header-height));-moz-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));-moz-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)}.tzk7mst{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100%;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.lkdzy61.s1oe3036.s1el4wvm{padding-top:8px;padding-bottom:8px;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.tvdam54.s1oe3036.s1el4wvm{padding-bottom:8px;position:-webkit-sticky;position:sticky;-webkit-transition:top calc(var(--animation-duration) / 2) var(--animation-function);transition:top calc(var(--animation-duration) / 2) var(--animation-function)}.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;-ms-flex-pack:center;-webkit-justify-content: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:28px;text-align:center}.dlaj9xp{color:var(--color-neutrals-gray9);font-size:14px;font-weight:400;line-height:20px;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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-right:16px}.f1g20ja7[data-feedback-type=correct]{background-color:var(--color-primary-green1)}.f1g20ja7[data-feedback-type=incorrect]{background-color:var(--color-secondary-red1)}.f455ozj{font-weight:var(--font-weight-default)}.f1913njx{margin-right:5px}.f1913njx[data-feedback-type=correct]{color:var(--color-primary-green1)}.f1913njx[data-feedback-type=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%;padding:0}.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-answer-state=correct]{position:relative;border-color:var(--color-primary-green1)}.b1b6dl8t[data-answer-state=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-answer-state=incorrect]{position:relative;border-color:var(--color-secondary-red1)}.b1b6dl8t[data-answer-state=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-is-not-checked=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-answer-state=correct]{background-color:var(--color-primary-green1);opacity:.3}.b4iik8i[data-answer-state=incorrect]{background-color:var(--color-secondary-red1);opacity:.3}.b4iik8i[data-answer-state=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:0;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain;width:52px;height:52px;border-bottom-left-radius:3px}.i1tubmma{margin-right:8px}.i1grrgwj.i1tubmma{height:32px;width:32px}.ibemyq8.i1tubmma{border-radius:50%;height:32px;width:32px;background-color:var(--color-neutrals-gray5)}.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:3px}.pu9kmlb{margin-left:8px;line-height:17px}.c1j2j0s0{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;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;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;font-weight:400}.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;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:var(--container-padding);background-color:var(--color-neutrals-white)}.db4q22c{color:var(--color-neutrals-gray7);font-size:12px;font-weight:400;line-height:18px;margin-bottom:8px}.q111mmic{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);margin-bottom:8px}.q111mmic:before{content:"";width:2px;background-color:var(--color-primary-green2)}.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%;overflow:auto}.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;-ms-flex-pack:center;-webkit-justify-content: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;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;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;-ms-flex-pack:center;-webkit-justify-content: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;-ms-flex-pack:center;-webkit-justify-content: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;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:4px;height:28px;left:4px;width:calc(50% - 4px);-webkit-transition:-webkit-transform var(--animation-duration) var(--animation-function);transition:transform var(--animation-duration) var(--animation-function)}.sxnslc8[data-position=left]:before{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}.sxnslc8[data-position=right]:before{-webkit-transform:translateX(100%);-moz-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;-ms-flex-pack:center;-webkit-justify-content: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;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;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;font-size:12px;font-weight:500;margin-bottom:8px}.qd5h0uc{color:var(--color-primary-green2);font-size:14px;font-weight:400;font-family:var(--font-serif);line-height:20px}.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;font-weight:400;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;font-weight:400;width:56px;height:32px}.p1pba9p1:hover{background-color:var(--color-primary-green2);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}.cl56x6b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;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;font-weight:400;font-family:var(--font-regular);line-height:20px;margin-top:16px;cursor:pointer}.d1hbaleq{color:var(--color-neutrals-gray7);font-size:12px;font-weight:400;line-height:18px;margin-bottom:8px}.qvvgqjm{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);margin-bottom:8px}.qvvgqjm:before{content:"";width:2px;background-color:var(--color-primary-green2)}.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;-ms-flex-pack:stretch;-webkit-justify-content: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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:20px;height:20px;right:11px;top:11px;cursor:pointer;z-index:1}.c9mrcz7 g>path{stroke:var(--color-neutrals-gray7)}.c9mrcz7:hover path{stroke:var(--color-primary-green2)}.hw3lzv4{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:12px}.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-size:12px;font-weight:400;line-height:16px}.qlf90cl{font-size:16px;font-weight:400;font-family:var(--font-serif);line-height:24px;color:var(--color-primary-green2);margin-bottom:12px;padding-right:10px;-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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:400;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%;max-height:148px;border-radius:8px;object-fit:cover}.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:24px;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:18px;font-weight:400;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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:400;font-family:var(--font-regular);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%}.c1t4f0x4 .bezygt5{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;text-overflow:ellipsis;max-height:40px}.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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:400;font-family:var(--font-regular);width:100%;padding:0 16px;height:44px;margin-top:16px}.a16w1nl6:hover{background-color:var(--color-primary-green2);cursor:pointer}.q14u54rf{padding-bottom:12px;border-bottom:.7px solid var(--color-neutrals-gray3);margin-bottom:12px}.q1hxm6zo{position:relative;display:-webkit-box;padding:0 16px 0 14px;color:var(--color-primary-green2);font-size:12px;font-family:var(--font-serif);font-weight:var(--font-weight-default);-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;text-overflow:ellipsis;max-height:35px}.q1hxm6zo:before{content:"";position:absolute;top:0;left:0;bottom:0;width:2px;background-color:var(--color-primary-green2)}.c10131zw{position:relative;transition-property:all;transition-duration:calc(var(--animation-duration) * 3);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;transition-property:all;transition-timing-function:var(--animation-function);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;row-gap:6px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;transition-property:all;transition-timing-function:var(--animation-function);transition-duration:calc(var(--animation-duration) * 3)}.t4ujo4g{font-size:20px;font-weight:400;line-height:26px;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.p1pjil1h.t4ujo4g{margin-bottom:15px;font-size:24px}.s1iorwr9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.s51sv9d{font-size:11px;font-weight:400;line-height:28px;letter-spacing:2px;text-transform:uppercase}.a1lbk2ye{font-size:11px;font-weight:400;font-family:var(--font-regular);line-height:16px}.a1lbk2ye span{font-weight:var(--font-weight-default)}.frcvk3t{width:14px;height:14px;min-width:14px;min-height:14px;margin-right:5px}.c33p82r{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;-ms-flex-pack:center;-webkit-justify-content: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}.c12r9net path{stroke:var(--color-neutrals-gray7)}.c12r9net: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 1s 50ms ease-out forwards,hiddenLines 1.5s 4.5s ease-in forwards;animation:showLines 1s 50ms ease-out forwards,hiddenLines 1.5s 4.5s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(2){-webkit-animation:showLines .7s .5s ease-out forwards,hiddenLines 1s 5s ease-in forwards;animation:showLines .7s .5s ease-out forwards,hiddenLines 1s 5s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(3){-webkit-animation:showLines .5s .7s ease-out forwards,hiddenLines .7s 5.3s ease-in forwards;animation:showLines .5s .7s ease-out forwards,hiddenLines .7s 5.3s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(4){-webkit-animation:showLines .4s 1s ease-out forwards,hiddenLines .5s 5.5s ease-in forwards;animation:showLines .4s 1s ease-out forwards,hiddenLines .5s 5.5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(1){-webkit-animation:showLines 1s 1s ease-out forwards,hiddenLines 1.5s 4.5s ease-in forwards;animation:showLines 1s 1s ease-out forwards,hiddenLines 1.5s 4.5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(2){-webkit-animation:showLines .7s 1.4s ease-out forwards,hiddenLines 1s 5s ease-in forwards;animation:showLines .7s 1.4s ease-out forwards,hiddenLines 1s 5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(3){-webkit-animation:showLines .5s 1.7s ease-out forwards,hiddenLines .7s 5.3s ease-in forwards;animation:showLines .5s 1.7s ease-out forwards,hiddenLines .7s 5.3s ease-in forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(1){-webkit-animation:showLines 1s 50ms ease-out forwards;animation:showLines 1s 50ms ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(2){-webkit-animation:showLines .7s .5s ease-out forwards;animation:showLines .7s .5s ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(3){-webkit-animation:showLines .5s .7s ease-out forwards;animation:showLines .5s .7s ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(4){-webkit-animation:showLines .4s 1s ease-out forwards;animation:showLines .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{0%{-webkit-transform:translateX(400px) rotate(137deg);-moz-transform:translateX(400px) rotate(137deg);-ms-transform:translateX(400px) rotate(137deg);transform:translate(400px) rotate(137deg)}to{-webkit-transform:translateX(0px) rotate(137deg);-moz-transform:translateX(0px) rotate(137deg);-ms-transform:translateX(0px) rotate(137deg);transform:translate(0) rotate(137deg)}}@keyframes showLines{0%{-webkit-transform:translateX(400px) rotate(137deg);-moz-transform:translateX(400px) rotate(137deg);-ms-transform:translateX(400px) rotate(137deg);transform:translate(400px) rotate(137deg)}to{-webkit-transform:translateX(0px) rotate(137deg);-moz-transform:translateX(0px) rotate(137deg);-ms-transform:translateX(0px) rotate(137deg);transform:translate(0) rotate(137deg)}}@-webkit-keyframes hiddenLines{0%{width:1000px}to{width:2000px;opacity:0}}@keyframes hiddenLines{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);-moz-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}.crkmfw1{outline:none;background-color:var(--color-white);cursor:pointer;padding:0 10px;border:1px solid var(--color-primary-green1);border-radius:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-height:100%;height:32px}.c11awpy4{color:var(--color-primary-green1);font-size:12px;font-weight:550;line-height:20px;white-space:nowrap;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:6px;column-gap:6px}.t154z7mh{padding-right:6px}.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;min-height:100%;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:12px 16px 16px;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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:400;font-family:var(--font-regular);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;-ms-flex-pack:center;-webkit-justify-content: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;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;-ms-flex-pack:center;-webkit-justify-content: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;-ms-flex-pack:center;-webkit-justify-content: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;-ms-flex-pack:center;-webkit-justify-content: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;-ms-flex-pack:center;-webkit-justify-content: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;-ms-flex-pack:center;-webkit-justify-content: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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--color-primary-green1)}.i19m85r1{width:24px;height:24px}.c1mbu204{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}.h1amdqtv{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.s1lhlj9j{max-width:260px;color:var(--color-neutrals-gray9);font-size:14px;font-weight:400;line-height:20px;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;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;overflow:hidden}.l1cr5mk{color:var(--color-primary-green1);font-size:16px;font-weight:var(--font-weight-default);line-height:24px}.lvi87q4{color:var(--color-neutrals-gray9);font-size:14px;font-weight:400;line-height:20px;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:400;line-height:18px;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;-ms-flex-pack:center;-webkit-justify-content: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;-ms-flex-pack:center;-webkit-justify-content: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;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;-ms-flex-pack:center;-webkit-justify-content: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:-ms-grid;display:grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;-ms-grid-columns:1fr auto;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}.c16btbfp{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8px}.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:8px;column-gap:8px;width:100%;padding:12px 16px;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;font-weight:var(--font-weight-default)}.tj6cq7w{color:var(--color-neutrals-white);font-size:16px;line-height:24px}.d1ag78xo{color:var(--color-white);font-size:14px;font-weight:400;line-height:20px}.awohrz6 path{fill:var(--color-neutrals-white)}.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;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;-ms-flex-pack:center;-webkit-justify-content: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;-ms-flex-pack:center;-webkit-justify-content: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;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{margin-left:9px;font-weight:400;font-family:var(--font-regular);line-height:16px}.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;-ms-flex-pack:center;-webkit-justify-content: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)}.cpjnajb{outline:none;background-color:var(--color-primary-green1);padding:0 10px;border-radius:40px;border:none;cursor:default;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-height:100%;height:36px}.c4m6kaz{color:var(--color-white);font-size:12px;font-weight:550;line-height:16px;white-space:nowrap;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:6px;column-gap:6px}.t1h8t9cc{padding-right:6px}.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;-ms-flex-pack:center;-webkit-justify-content: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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;font-size:10px;font-weight:400;margin-bottom:6px;letter-spacing:3px}.sb1n923{max-height:19px;margin-right:8px}.p1stllxd{padding-bottom:1px;line-height:13px}.s13kvdzw{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content: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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;font-family:var(--font-regular);font-size:12px;font-weight:400}.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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:400;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}.o9squag{width:100%;-webkit-animation:onboardingContainerShowIn ease-out;animation:onboardingContainerShowIn ease-out;-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);position:absolute;right:0;bottom:0;left:0;top:0;z-index:200}@-webkit-keyframes onboardingContainerShowIn{0%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);opacity:.9}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes onboardingContainerShowIn{0%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);opacity:.9}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}.o1c8wcli{position:relative;height:0;transition-property:all;transition-duration:calc(var(--animation-duration) * 3);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 ease-out;animation:onboardingContainerHide 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{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);opacity:0}21%{display:none}to{display:none}}@keyframes onboardingContainerHide{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);opacity:0}21%{display:none}to{display:none}}.ctckejh{position:relative;height:0;transition-property:all;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-function);-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration)}.i1ri7tzr{padding:var(--container-padding);overflow:hidden}.h1ng1qh5.i1ri7tzr{opacity:0;visibility:hidden}.nruq6ik{position:absolute;inset:var(--container-padding);overflow:hidden;border-radius:8px;-webkit-animation:hide-glow var(--animation-function);animation:hide-glow var(--animation-function);-webkit-animation-duration:calc(var(--animation-duration) * 3);animation-duration:calc(var(--animation-duration) * 3);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.nruq6ik:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8));-webkit-animation:glow var(--animation-function);animation:glow var(--animation-function);-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes hide-glow{0%{visibility:visible;background:#fff}50%{visibility:visible;background:#fff0}to{visibility:hidden}}@keyframes hide-glow{0%{visibility:visible;background:#fff}50%{visibility:visible;background:#fff0}to{visibility:hidden}}@-webkit-keyframes glow{0%{-webkit-transform:skewX(-45deg) translateX(-150%);-moz-transform:skewX(-45deg) translateX(-150%);-ms-transform:skewX(-45deg) translateX(-150%);transform:skew(-45deg) translate(-150%)}to{-webkit-transform:skewX(-45deg) translateX(150%);-moz-transform:skewX(-45deg) translateX(150%);-ms-transform:skewX(-45deg) translateX(150%);transform:skew(-45deg) translate(150%)}}@keyframes glow{0%{-webkit-transform:skewX(-45deg) translateX(-150%);-moz-transform:skewX(-45deg) translateX(-150%);-ms-transform:skewX(-45deg) translateX(-150%);transform:skew(-45deg) translate(-150%)}to{-webkit-transform:skewX(-45deg) translateX(150%);-moz-transform:skewX(-45deg) translateX(150%);-ms-transform:skewX(-45deg) translateX(150%);transform:skew(-45deg) translate(150%)}}.pj6uyys{position:absolute;left:50%;top:calc(var(--header-height) + 8px + var(--pill-offset));-webkit-animation:show-in var(--animation-function);animation:show-in var(--animation-function);-webkit-animation-duration:calc(var(--animation-duration) / 2);animation-duration:calc(var(--animation-duration) / 2);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transition:top var(--animation-function) calc(var(--animation-duration) / 2);transition:top var(--animation-function) calc(var(--animation-duration) / 2)}@-webkit-keyframes show-in{0%{-webkit-transform:translateY(-40px) translateX(-50%);-moz-transform:translateY(-40px) translateX(-50%);-ms-transform:translateY(-40px) translateX(-50%);transform:translateY(-40px) translate(-50%)}to{-webkit-transform:translateY(0) translateX(-50%);-moz-transform:translateY(0) translateX(-50%);-ms-transform:translateY(0) translateX(-50%);transform:translateY(0) translate(-50%)}}@keyframes show-in{0%{-webkit-transform:translateY(-40px) translateX(-50%);-moz-transform:translateY(-40px) translateX(-50%);-ms-transform:translateY(-40px) translateX(-50%);transform:translateY(-40px) translate(-50%)}to{-webkit-transform:translateY(0) translateX(-50%);-moz-transform:translateY(0) translateX(-50%);-ms-transform:translateY(0) translateX(-50%);transform:translateY(0) translate(-50%)}}.c1d7yse1{--pill-offset:60px}.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;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.i1chxfpe{position:-webkit-sticky;position:sticky;bottom:8px;border-radius:8px;background:#fff}.i1chxfpe:after{content:"";display:block;position:absolute;height:16px;width:100%;z-index:-1;background:#fff;bottom:-8px}.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;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.u14zaal4>div{width: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)}.i1vlsnk4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:#1d7bff;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,#3c8bfb4d .57%,#004fbe4d);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}.iwjhb00{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:#1d7bff;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,#3c8bfb4d .57%,#004fbe4d);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);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.iwjhb00 button:active{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.iwjhb00 button:disabled{cursor:not-allowed;opacity:.8;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}.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);-moz-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}.d1sqxt7l{position:fixed;bottom:0;right:0;max-width:600px;font-family:system-ui;background:#1d7bff80;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;-ms-flex-pack:space-around;-webkit-justify-content:space-around;justify-content:space-around;background:#1d7bff;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);-moz-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}.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;--pill-offset:0px}.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%);-moz-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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.r165427{font-weight:var(--font-weight-default)}.c1pgyo67{overflow:hidden;width:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-webkit-animation:containerShowIn var(--animation-function);animation:containerShowIn var(--animation-function);-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration)}@-webkit-keyframes containerShowIn{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}80%{opacity:0;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}85%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes containerShowIn{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}80%{opacity:0;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}85%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}.hx17qu6{-webkit-animation:containerHide var(--animation-function);animation:containerHide var(--animation-function);-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{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}80%{opacity:0;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}85%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes containerHide{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}80%{opacity:0;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}85%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);-moz-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{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}.bezygt5{color:var(--color-neutrals-gray9);font-size:12px;font-weight:400;line-height:18px}.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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative}.i2g9g4l{width:46px;height:46px;object-fit:cover;object-position:center;border-radius:50%;background-color:var(--color-neutrals-gray3)}.t1c454nm{position:absolute;border-radius:50%;border:1px solid var(--color-neutrals-gray2);bottom:0;right:0}.d11nigc3{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)}.nrxa4k8{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)}.u1p051g3{font-size:12px;font-weight:400;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);overflow:hidden;word-break:break-word}.d1i2kpk2{color:var(--color-neutrals-gray9);font-size:14px;line-height:24px;font-weight:400}.dd3lh3p{color:var(--color-neutrals-gray7);font-size:12px;font-weight:400;line-height:18px}.i1gfjeu5{border-radius:8px;max-width:100%}.n19lpak2{position:absolute;top:0;left:0;right:0;z-index:100;box-sizing:border-box;overflow:hidden;opacity:0;-webkit-animation:show-nav .5s ease;animation:show-nav .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{90%{opacity:0}to{height:68px;opacity:1}}@keyframes show-nav{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;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;-ms-flex-pack:center;-webkit-justify-content: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);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;-ms-flex-pack:center;-webkit-justify-content: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{color:var(--color-primary-green2);font-size:16px;font-weight:400;font-family:var(--font-serif);line-height:24px;margin:16px 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;transition:transform;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-function)}.s1ucohr1[data-nav=true]{height:calc(100% - var(--header-height));-webkit-transform:translateY(var(--header-height));-moz-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));-moz-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)}.tzk7mst{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100%;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.lkdzy61.s1oe3036.s1el4wvm{padding-top:8px;padding-bottom:8px;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.tvdam54.s1oe3036.s1el4wvm{padding-bottom:8px;position:-webkit-sticky;position:sticky;-webkit-transition:top calc(var(--animation-duration) / 2) var(--animation-function);transition:top calc(var(--animation-duration) / 2) var(--animation-function)}.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;-ms-flex-pack:center;-webkit-justify-content: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:28px;text-align:center}.dlaj9xp{color:var(--color-neutrals-gray9);font-size:14px;font-weight:400;line-height:20px;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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-right:16px}.f1g20ja7[data-feedback-type=correct]{background-color:var(--color-primary-green1)}.f1g20ja7[data-feedback-type=incorrect]{background-color:var(--color-secondary-red1)}.f455ozj{font-weight:var(--font-weight-default)}.f1913njx{margin-right:5px}.f1913njx[data-feedback-type=correct]{color:var(--color-primary-green1)}.f1913njx[data-feedback-type=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%;padding:0}.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-answer-state=correct]{position:relative;border-color:var(--color-primary-green1)}.b1b6dl8t[data-answer-state=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-answer-state=incorrect]{position:relative;border-color:var(--color-secondary-red1)}.b1b6dl8t[data-answer-state=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-is-not-checked=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-answer-state=correct]{background-color:var(--color-primary-green1);opacity:.3}.b4iik8i[data-answer-state=incorrect]{background-color:var(--color-secondary-red1);opacity:.3}.b4iik8i[data-answer-state=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:0;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain;width:52px;height:52px;border-bottom-left-radius:3px}.i1tubmma{margin-right:8px}.i1grrgwj.i1tubmma{height:32px;width:32px}.ibemyq8.i1tubmma{border-radius:50%;height:32px;width:32px;background-color:var(--color-neutrals-gray5)}.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:3px}.pu9kmlb{margin-left:8px;line-height:17px}.c1j2j0s0{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;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;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;font-weight:400}.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;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:var(--container-padding);background-color:var(--color-neutrals-white)}.db4q22c{color:var(--color-neutrals-gray7);font-size:12px;font-weight:400;line-height:18px;margin-bottom:8px}.q111mmic{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);margin-bottom:8px}.q111mmic:before{content:"";width:2px;background-color:var(--color-primary-green2)}.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%;overflow:auto}.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;-ms-flex-pack:center;-webkit-justify-content: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;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;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;-ms-flex-pack:center;-webkit-justify-content: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;-ms-flex-pack:center;-webkit-justify-content: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;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:4px;height:28px;left:4px;width:calc(50% - 4px);-webkit-transition:-webkit-transform var(--animation-duration) var(--animation-function);transition:transform var(--animation-duration) var(--animation-function)}.sxnslc8[data-position=left]:before{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}.sxnslc8[data-position=right]:before{-webkit-transform:translateX(100%);-moz-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;-ms-flex-pack:center;-webkit-justify-content: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;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;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;font-size:12px;font-weight:500;margin-bottom:8px}.qd5h0uc{color:var(--color-primary-green2);font-size:14px;font-weight:400;font-family:var(--font-serif);line-height:20px}.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;font-weight:400;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;font-weight:400;width:56px;height:32px}.p1pba9p1:hover{background-color:var(--color-primary-green2);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}.cl56x6b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;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;font-weight:400;font-family:var(--font-regular);line-height:20px;margin-top:16px;cursor:pointer}.d1hbaleq{color:var(--color-neutrals-gray7);font-size:12px;font-weight:400;line-height:18px;margin-bottom:8px}.qvvgqjm{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);margin-bottom:8px}.qvvgqjm:before{content:"";width:2px;background-color:var(--color-primary-green2)}.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;-ms-flex-pack:stretch;-webkit-justify-content: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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:20px;height:20px;right:11px;top:11px;cursor:pointer;z-index:1}.c9mrcz7 g>path{stroke:var(--color-neutrals-gray7)}.c9mrcz7:hover path{stroke:var(--color-primary-green2)}.hw3lzv4{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:12px}.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-size:12px;font-weight:400;line-height:16px}.qlf90cl{font-size:16px;font-weight:400;font-family:var(--font-serif);line-height:24px;color:var(--color-primary-green2);margin-bottom:12px;padding-right:10px;-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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:400;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%;max-height:148px;border-radius:8px;object-fit:cover}.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:24px;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:18px;font-weight:400;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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:400;font-family:var(--font-regular);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%}.c1t4f0x4 .bezygt5{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;text-overflow:ellipsis;max-height:40px}.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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:400;font-family:var(--font-regular);width:100%;padding:0 16px;height:44px;margin-top:16px}.a16w1nl6:hover{background-color:var(--color-primary-green2);cursor:pointer}.q14u54rf{padding-bottom:12px;border-bottom:.7px solid var(--color-neutrals-gray3);margin-bottom:12px}.q1hxm6zo{position:relative;display:-webkit-box;padding:0 16px 0 14px;color:var(--color-primary-green2);font-size:12px;font-family:var(--font-serif);font-weight:var(--font-weight-default);-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;text-overflow:ellipsis;max-height:35px}.q1hxm6zo:before{content:"";position:absolute;top:0;left:0;bottom:0;width:2px;background-color:var(--color-primary-green2)}.c10131zw{position:relative;transition-property:all;transition-duration:calc(var(--animation-duration) * 3);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;transition-property:all;transition-timing-function:var(--animation-function);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;row-gap:6px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;transition-property:all;transition-timing-function:var(--animation-function);transition-duration:calc(var(--animation-duration) * 3)}.t4ujo4g{font-size:20px;font-weight:400;line-height:26px;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.p1pjil1h.t4ujo4g{margin-bottom:15px;font-size:24px}.s1iorwr9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.s51sv9d{font-size:11px;font-weight:400;line-height:28px;letter-spacing:2px;text-transform:uppercase}.a1lbk2ye{font-size:11px;font-weight:400;font-family:var(--font-regular);line-height:16px}.a1lbk2ye span{font-weight:var(--font-weight-default)}.frcvk3t{width:14px;height:14px;min-width:14px;min-height:14px;margin-right:5px}.c33p82r{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;-ms-flex-pack:center;-webkit-justify-content: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}.c12r9net path{stroke:var(--color-neutrals-gray7)}.c12r9net: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 1s 50ms ease-out forwards,hiddenLines 1.5s 4.5s ease-in forwards;animation:showLines 1s 50ms ease-out forwards,hiddenLines 1.5s 4.5s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(2){-webkit-animation:showLines .7s .5s ease-out forwards,hiddenLines 1s 5s ease-in forwards;animation:showLines .7s .5s ease-out forwards,hiddenLines 1s 5s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(3){-webkit-animation:showLines .5s .7s ease-out forwards,hiddenLines .7s 5.3s ease-in forwards;animation:showLines .5s .7s ease-out forwards,hiddenLines .7s 5.3s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(4){-webkit-animation:showLines .4s 1s ease-out forwards,hiddenLines .5s 5.5s ease-in forwards;animation:showLines .4s 1s ease-out forwards,hiddenLines .5s 5.5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(1){-webkit-animation:showLines 1s 1s ease-out forwards,hiddenLines 1.5s 4.5s ease-in forwards;animation:showLines 1s 1s ease-out forwards,hiddenLines 1.5s 4.5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(2){-webkit-animation:showLines .7s 1.4s ease-out forwards,hiddenLines 1s 5s ease-in forwards;animation:showLines .7s 1.4s ease-out forwards,hiddenLines 1s 5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(3){-webkit-animation:showLines .5s 1.7s ease-out forwards,hiddenLines .7s 5.3s ease-in forwards;animation:showLines .5s 1.7s ease-out forwards,hiddenLines .7s 5.3s ease-in forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(1){-webkit-animation:showLines 1s 50ms ease-out forwards;animation:showLines 1s 50ms ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(2){-webkit-animation:showLines .7s .5s ease-out forwards;animation:showLines .7s .5s ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(3){-webkit-animation:showLines .5s .7s ease-out forwards;animation:showLines .5s .7s ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(4){-webkit-animation:showLines .4s 1s ease-out forwards;animation:showLines .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{0%{-webkit-transform:translateX(400px) rotate(137deg);-moz-transform:translateX(400px) rotate(137deg);-ms-transform:translateX(400px) rotate(137deg);transform:translate(400px) rotate(137deg)}to{-webkit-transform:translateX(0px) rotate(137deg);-moz-transform:translateX(0px) rotate(137deg);-ms-transform:translateX(0px) rotate(137deg);transform:translate(0) rotate(137deg)}}@keyframes showLines{0%{-webkit-transform:translateX(400px) rotate(137deg);-moz-transform:translateX(400px) rotate(137deg);-ms-transform:translateX(400px) rotate(137deg);transform:translate(400px) rotate(137deg)}to{-webkit-transform:translateX(0px) rotate(137deg);-moz-transform:translateX(0px) rotate(137deg);-ms-transform:translateX(0px) rotate(137deg);transform:translate(0) rotate(137deg)}}@-webkit-keyframes hiddenLines{0%{width:1000px}to{width:2000px;opacity:0}}@keyframes hiddenLines{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);-moz-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}.crkmfw1{outline:none;background-color:var(--color-white);cursor:pointer;padding:0 10px;border:1px solid var(--color-primary-green1);border-radius:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-height:100%;height:32px}.c11awpy4{color:var(--color-primary-green1);font-size:12px;font-weight:550;line-height:20px;white-space:nowrap;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:6px;column-gap:6px}.t154z7mh{padding-right:6px}.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;min-height:100%;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:12px 16px 16px;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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:400;font-family:var(--font-regular);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;-ms-flex-pack:center;-webkit-justify-content: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;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;-ms-flex-pack:center;-webkit-justify-content: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;-ms-flex-pack:center;-webkit-justify-content: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;-ms-flex-pack:center;-webkit-justify-content: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;-ms-flex-pack:center;-webkit-justify-content: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;-ms-flex-pack:center;-webkit-justify-content: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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--color-primary-green1)}.i19m85r1{width:24px;height:24px}.c1mbu204{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}.h1amdqtv{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.s1lhlj9j{max-width:260px;color:var(--color-neutrals-gray9);font-size:14px;font-weight:400;line-height:20px;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;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;overflow:hidden}.l1cr5mk{color:var(--color-primary-green1);font-size:16px;font-weight:var(--font-weight-default);line-height:24px}.lvi87q4{color:var(--color-neutrals-gray9);font-size:14px;font-weight:400;line-height:20px;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:400;line-height:18px;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;-ms-flex-pack:center;-webkit-justify-content: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;-ms-flex-pack:center;-webkit-justify-content: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;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}.cpjnajb{outline:none;background-color:var(--color-primary-green1);padding:0 10px;border-radius:40px;border:none;cursor:default;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:37px;max-width:190px;position:absolute;left:50%;top:15px;z-index:101;-webkit-animation:show-in var(--animation-function);animation:show-in var(--animation-function);-webkit-animation-duration:calc(var(--animation-duration) / 2);animation-duration:calc(var(--animation-duration) / 2);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transition:top var(--animation-function) calc(var(--animation-duration) / 2);transition:top var(--animation-function) calc(var(--animation-duration) / 2)}.c4m6kaz{color:var(--color-white);font-size:12px;font-weight:550;line-height:16px;white-space:nowrap;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:6px;column-gap:6px}.t1h8t9cc{padding-right:6px}.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;-ms-flex-pack:center;-webkit-justify-content: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:-ms-grid;display:grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;-ms-grid-columns:1fr auto;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}.c16btbfp{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8px}.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:8px;column-gap:8px;width:100%;padding:12px 16px;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;font-weight:var(--font-weight-default)}.tj6cq7w{color:var(--color-neutrals-white);font-size:16px;line-height:24px}.d1ag78xo{color:var(--color-white);font-size:14px;font-weight:400;line-height:20px}.awohrz6 path{fill:var(--color-neutrals-white)}.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;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;-ms-flex-pack:center;-webkit-justify-content: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;-ms-flex-pack:center;-webkit-justify-content: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;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{margin-left:9px;font-weight:400;font-family:var(--font-regular);line-height:16px}.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;-ms-flex-pack:center;-webkit-justify-content: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)}.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;-ms-flex-pack:center;-webkit-justify-content: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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;font-size:10px;font-weight:400;margin-bottom:6px;letter-spacing:3px}.sb1n923{max-height:19px;margin-right:8px}.p1stllxd{padding-bottom:1px;line-height:13px}.s13kvdzw{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content: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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;font-family:var(--font-regular);font-size:12px;font-weight:400}.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;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:400;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}.o9squag{width:100%;-webkit-animation:onboardingContainerShowIn ease-out;animation:onboardingContainerShowIn ease-out;-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);position:absolute;right:0;bottom:0;left:0;top:0;z-index:200}@-webkit-keyframes onboardingContainerShowIn{0%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);opacity:.9}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes onboardingContainerShowIn{0%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);opacity:.9}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}.o1c8wcli{position:relative;height:0;transition-property:all;transition-duration:calc(var(--animation-duration) * 3);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 ease-out;animation:onboardingContainerHide 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{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);opacity:0}21%{display:none}to{display:none}}@keyframes onboardingContainerHide{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);opacity:0}21%{display:none}to{display:none}}.ctckejh{position:relative;height:0;transition-property:all;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-function);-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration)}.i1ri7tzr{padding:var(--container-padding);overflow:hidden}.h1ng1qh5.i1ri7tzr{opacity:0;visibility:hidden}.nruq6ik{position:absolute;inset:var(--container-padding);overflow:hidden;border-radius:8px;-webkit-animation:hide-glow var(--animation-function);animation:hide-glow var(--animation-function);-webkit-animation-duration:calc(var(--animation-duration) * 3);animation-duration:calc(var(--animation-duration) * 3);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.nruq6ik:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8));-webkit-animation:glow var(--animation-function);animation:glow var(--animation-function);-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes hide-glow{0%{visibility:visible;background:#fff}50%{visibility:visible;background:#fff0}to{visibility:hidden}}@keyframes hide-glow{0%{visibility:visible;background:#fff}50%{visibility:visible;background:#fff0}to{visibility:hidden}}@-webkit-keyframes glow{0%{-webkit-transform:skewX(-45deg) translateX(-150%);-moz-transform:skewX(-45deg) translateX(-150%);-ms-transform:skewX(-45deg) translateX(-150%);transform:skew(-45deg) translate(-150%)}to{-webkit-transform:skewX(-45deg) translateX(150%);-moz-transform:skewX(-45deg) translateX(150%);-ms-transform:skewX(-45deg) translateX(150%);transform:skew(-45deg) translate(150%)}}@keyframes glow{0%{-webkit-transform:skewX(-45deg) translateX(-150%);-moz-transform:skewX(-45deg) translateX(-150%);-ms-transform:skewX(-45deg) translateX(-150%);transform:skew(-45deg) translate(-150%)}to{-webkit-transform:skewX(-45deg) translateX(150%);-moz-transform:skewX(-45deg) translateX(150%);-ms-transform:skewX(-45deg) translateX(150%);transform:skew(-45deg) translate(150%)}}.pj6uyys{position:absolute;left:50%;top:calc(var(--header-height) + 8px + var(--pill-offset));-webkit-animation:show-in var(--animation-function);animation:show-in var(--animation-function);-webkit-animation-duration:calc(var(--animation-duration) / 2);animation-duration:calc(var(--animation-duration) / 2);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transition:top var(--animation-function) calc(var(--animation-duration) / 2);transition:top var(--animation-function) calc(var(--animation-duration) / 2)}@-webkit-keyframes show-in{0%{-webkit-transform:translateY(-40px) translateX(-50%);-moz-transform:translateY(-40px) translateX(-50%);-ms-transform:translateY(-40px) translateX(-50%);transform:translateY(-40px) translate(-50%)}to{-webkit-transform:translateY(0) translateX(-50%);-moz-transform:translateY(0) translateX(-50%);-ms-transform:translateY(0) translateX(-50%);transform:translateY(0) translate(-50%)}}@keyframes show-in{0%{-webkit-transform:translateY(-40px) translateX(-50%);-moz-transform:translateY(-40px) translateX(-50%);-ms-transform:translateY(-40px) translateX(-50%);transform:translateY(-40px) translate(-50%)}to{-webkit-transform:translateY(0) translateX(-50%);-moz-transform:translateY(0) translateX(-50%);-ms-transform:translateY(0) translateX(-50%);transform:translateY(0) translate(-50%)}}.c1d7yse1{--pill-offset:60px}.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;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.i1chxfpe{position:-webkit-sticky;position:sticky;bottom:8px;border-radius:8px;background:#fff}.i1chxfpe:after{content:"";display:block;position:absolute;height:16px;width:100%;z-index:-1;background:#fff;bottom:-8px}.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;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.u14zaal4>div{width:100%}
package/lib/ui/app/Features/Gamification/Friends.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  export declare const Friends: React.FC<{
3
+ appNode: React.MutableRefObject<HTMLDivElement | null>;
3
4
  deepLink?: string;
4
5
  }>;
package/lib/ui/app/Features/Gamification/Friends.js CHANGED
@@ -1,13 +1,18 @@
1
- import { jsx as i } from "react/jsx-runtime";
2
- import { OnboardingInviteCard as o } from "../../../gamification/onboarding/slides/onboarding-invite-card/index.js";
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import { OnboardingInviteCard as r } from "../../../gamification/onboarding/slides/onboarding-invite-card/index.js";
3
+ import "../../../../useClipboardCopy-E5rEe6It.js";
4
+ import "react";
5
+ import "../../../../index-uEuzH3jr.js";
6
+ import "../../../gamification/copyNotification/index.js";
3
7
  import "../../../icons/index.js";
4
8
  import "@linaria/react";
5
- import "react";
9
+ import "../../../gamification/copyNotification/styles.js";
6
10
  import "../../../gamification/onboarding/slides/onboarding-invite-card/styles.js";
7
- const p = ({ deepLink: t }) => /* @__PURE__ */ i(
8
- o,
11
+ const h = ({ appNode: t, deepLink: i }) => /* @__PURE__ */ o(
12
+ r,
9
13
  {
10
- inviteLink: t,
14
+ appNode: t,
15
+ inviteLink: i,
11
16
  socialLinks: [
12
17
  {
13
18
  icon: "icon-facebook",
@@ -25,5 +30,5 @@ const p = ({ deepLink: t }) => /* @__PURE__ */ i(
25
30
  }
26
31
  );
27
32
  export {
28
- p as Friends
33
+ h as Friends
29
34
  };
package/lib/ui/app/Features/Gamification/Leaderboard.d.ts CHANGED
@@ -5,4 +5,5 @@ export declare const Leaderboard: React.FC<{
5
5
  gamification: Gamification;
6
6
  scrollNode: React.MutableRefObject<HTMLDivElement | null>;
7
7
  scrollStore: ScrollStore;
8
+ appNode: React.MutableRefObject<HTMLDivElement | null>;
8
9
  }>;
package/lib/ui/app/Features/Gamification/Leaderboard.js CHANGED
@@ -1,6 +1,7 @@
1
- import { jsx as o, jsxs as a, Fragment as c } from "react/jsx-runtime";
2
- import { styled as l } from "@linaria/react";
3
- import { useStore as i } from "@nanostores/react";
1
+ import { jsx as e, jsxs as l, Fragment as a } from "react/jsx-runtime";
2
+ import { styled as L } from "@linaria/react";
3
+ import { useStore as p } from "@nanostores/react";
4
+ import { u as f } from "../../../../useClipboardCopy-E5rEe6It.js";
4
5
  import { InviteLink as h } from "../../../gamification/invite-link/index.js";
5
6
  import "react-virtualized-auto-sizer";
6
7
  import "react-window";
@@ -9,59 +10,54 @@ import "react";
9
10
  import "../../../icons/index.js";
10
11
  import "../../../gamification/leaderboard/list-item/styles.js";
11
12
  import "../../../../styles_z07sl8-w40geAFS.js";
12
- import { LeaderboardStaticList as L } from "../../../gamification/leaderboard/static.js";
13
- import { Friends as f } from "./Friends.js";
13
+ import { LeaderboardStaticList as I } from "../../../gamification/leaderboard/static.js";
14
+ import { Friends as u } from "./Friends.js";
15
+ import "../../../../index-uEuzH3jr.js";
16
+ import "../../../gamification/copyNotification/index.js";
17
+ import "../../../gamification/copyNotification/styles.js";
14
18
  import "../../../gamification/invite-link/styles.js";
15
19
  import "react-infinite-scroller";
16
20
  import "../../../gamification/leaderboard/list-item/index.js";
17
21
  import "../../../../utils/common.js";
18
22
  import "../../../gamification/onboarding/slides/onboarding-invite-card/index.js";
19
23
  import "../../../gamification/onboarding/slides/onboarding-invite-card/styles.js";
20
- const I = /* @__PURE__ */ l("div")({
24
+ const k = /* @__PURE__ */ L("div")({
21
25
  name: "InviteLinkContainer",
22
26
  class: "i1chxfpe",
23
27
  propsAsIs: !1
24
- }), z = ({
28
+ }), N = ({
25
29
  gamification: r,
26
- scrollNode: n,
27
- scrollStore: p
30
+ scrollNode: m,
31
+ scrollStore: n,
32
+ appNode: i
28
33
  }) => {
29
34
  const {
30
- data: e,
35
+ data: t,
31
36
  hasMore: s
32
- } = i(r.leaderboardList.$store), {
33
- data: t
34
- } = i(r.deepLink.$store);
35
- if (!(e != null && e.length))
36
- return /* @__PURE__ */ o(f, {
37
- deepLink: t
38
- });
39
- const m = async () => {
40
- if (t)
41
- try {
42
- await navigator.clipboard.writeText(t);
43
- } catch (d) {
44
- console.error("Unable to copy to clipboard", d);
45
- }
46
- };
47
- return /* @__PURE__ */ a(c, {
48
- children: [/* @__PURE__ */ o(L, {
49
- items: e,
50
- scrollNode: n,
51
- scrollStore: p,
37
+ } = p(r.leaderboardList.$store), {
38
+ data: o
39
+ } = p(r.deepLink.$store), [d, c] = f(i);
40
+ return t != null && t.length ? /* @__PURE__ */ l(a, {
41
+ children: [/* @__PURE__ */ e(I, {
42
+ items: t,
43
+ scrollNode: m,
44
+ scrollStore: n,
52
45
  fetchMore: r.leaderboardList.fetchMore,
53
46
  hasMore: s,
54
47
  openItemDetail: r.openUser,
55
48
  currentUserId: r.currentUserId.get()
56
- }), t && /* @__PURE__ */ o(I, {
57
- children: /* @__PURE__ */ o(h, {
58
- onClick: m,
49
+ }), o && /* @__PURE__ */ e(k, {
50
+ children: /* @__PURE__ */ e(h, {
51
+ onClick: () => d(o),
59
52
  title: "Invite Friends",
60
53
  description: "Challenge them now!"
61
54
  })
62
- })]
55
+ }), c]
56
+ }) : /* @__PURE__ */ e(u, {
57
+ appNode: i,
58
+ deepLink: o
63
59
  });
64
60
  };
65
61
  export {
66
- z as Leaderboard
62
+ N as Leaderboard
67
63
  };
package/lib/ui/app/Features/Gamification/Tabs.d.ts CHANGED
@@ -2,6 +2,7 @@
2
2
  import { type Gamification } from '@streamlayer/feature-gamification';
3
3
  import { ScrollStore } from '../../useSdkScroll';
4
4
  export declare const Tabs: React.FC<{
5
+ appNode: React.MutableRefObject<HTMLDivElement | null>;
5
6
  gamification: Gamification;
6
7
  scrollStore: ScrollStore;
7
8
  scrollNode: React.MutableRefObject<HTMLDivElement | null>;
package/lib/ui/app/Features/Gamification/Tabs.js CHANGED
@@ -1,16 +1,20 @@
1
- import { jsxs as n, jsx as t, Fragment as h } from "react/jsx-runtime";
2
- import { useState as a, useTransition as T, useEffect as g } from "react";
3
- import { TabsContainer as y, TabsNavContainer as x, SDKWhiteContainer as C, SDKContentContainer as D, LeaderboardContainer as v } from "../../styles.js";
4
- import { ActivePages as e, Tabs as A } from "../../../gamification/tabs/index.js";
5
- import { Leaderboard as E } from "./Leaderboard.js";
6
- import { QuestionsList as L } from "./QuestionsList.js";
7
- import { UserSummary as P } from "./UserSummary.js";
1
+ import { jsxs as n, jsx as t, Fragment as T } from "react/jsx-runtime";
2
+ import { useState as a, useTransition as g, useEffect as y } from "react";
3
+ import { TabsContainer as x, TabsNavContainer as C, SDKWhiteContainer as D, SDKContentContainer as v, LeaderboardContainer as A } from "../../styles.js";
4
+ import { ActivePages as p, Tabs as E } from "../../../gamification/tabs/index.js";
5
+ import { Leaderboard as L } from "./Leaderboard.js";
6
+ import { QuestionsList as P } from "./QuestionsList.js";
7
+ import { UserSummary as S } from "./UserSummary.js";
8
8
  import "@linaria/react";
9
9
  import "../../../gamification/tabs/styles.js";
10
10
  import "@nanostores/react";
11
+ import "../../../../useClipboardCopy-E5rEe6It.js";
12
+ import "../../../../index-uEuzH3jr.js";
13
+ import "../../../gamification/copyNotification/index.js";
14
+ import "../../../icons/index.js";
15
+ import "../../../gamification/copyNotification/styles.js";
11
16
  import "../../../gamification/invite-link/index.js";
12
17
  import "../../../gamification/invite-link/styles.js";
13
- import "../../../icons/index.js";
14
18
  import "react-virtualized-auto-sizer";
15
19
  import "react-window";
16
20
  import "react-window-infinite-loader";
@@ -49,35 +53,43 @@ import "../../../gamification/user-statistics/components/rank/styles.js";
49
53
  import "../../../gamification/user-statistics/components/statistic/index.js";
50
54
  import "../../../gamification/user-statistics/components/statistic/styles.js";
51
55
  import "../../../gamification/user-statistics/styles.js";
52
- const Et = ({ gamification: i, className: d, scrollStore: o, scrollNode: c }) => {
53
- const [f, l] = a(!1), [m, u] = a(e.HOME), [, p] = T(), b = (r) => {
54
- p(() => u(r));
56
+ const Kt = ({ gamification: i, className: d, scrollStore: o, scrollNode: c, appNode: f }) => {
57
+ const [l, u] = a(!1), [m, b] = a(p.HOME), [, e] = g(), h = (r) => {
58
+ e(() => b(r));
55
59
  }, s = (r) => {
56
- p(() => l(r));
60
+ e(() => u(r));
57
61
  };
58
- return g(() => o.listen((r) => {
62
+ return y(() => o.listen((r) => {
59
63
  if (r.scrollPosition === 0) {
60
64
  s(!1), o.setKey("tabsShown", !1);
61
65
  return;
62
66
  }
63
67
  s(r.scrollDirection === "forward"), o.setKey("tabsShown", r.scrollDirection !== "forward");
64
- }), [o]), /* @__PURE__ */ n(y, { className: d, children: [
68
+ }), [o]), /* @__PURE__ */ n(x, { className: d, children: [
65
69
  /* @__PURE__ */ t(
66
- x,
70
+ C,
67
71
  {
68
72
  style: {
69
- top: f ? "-60px" : "0px"
73
+ top: l ? "-60px" : "0px"
70
74
  },
71
- children: /* @__PURE__ */ t(A, { activePage: m, toggleActivePage: b })
75
+ children: /* @__PURE__ */ t(E, { activePage: m, toggleActivePage: h })
72
76
  }
73
77
  ),
74
- m === e.HOME && /* @__PURE__ */ n(h, { children: [
75
- /* @__PURE__ */ t(C, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ t(P, { userSummary: i.userSummary }) }),
76
- /* @__PURE__ */ t(D, { style: { flex: 1 }, children: /* @__PURE__ */ t(L, { openQuestion: i.openQuestion, store: i.feedList.getStore() }) })
78
+ m === p.HOME && /* @__PURE__ */ n(T, { children: [
79
+ /* @__PURE__ */ t(D, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ t(S, { userSummary: i.userSummary }) }),
80
+ /* @__PURE__ */ t(v, { style: { flex: 1 }, children: /* @__PURE__ */ t(P, { openQuestion: i.openQuestion, store: i.feedList.getStore() }) })
77
81
  ] }),
78
- m === e.LEADERBOARD && /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t(E, { scrollStore: o, scrollNode: c, gamification: i }) })
82
+ m === p.LEADERBOARD && /* @__PURE__ */ t(A, { children: /* @__PURE__ */ t(
83
+ L,
84
+ {
85
+ appNode: f,
86
+ scrollStore: o,
87
+ scrollNode: c,
88
+ gamification: i
89
+ }
90
+ ) })
79
91
  ] });
80
92
  };
81
93
  export {
82
- Et as Tabs
94
+ Kt as Tabs
83
95
  };