npm - @streamlayer/react-ui - Versions diffs - 0.89.2 → 0.89.4 - Mend

@streamlayer/react-ui 0.89.2 → 0.89.4

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 (5) hide show

package/lib/assets/style.css +1 -1
package/lib/ui/app/Notifications/Onboarding/index.d.ts +1 -0
package/lib/ui/app/Notifications/Onboarding/index.js +53 -52
package/lib/ui/app/Notifications/index.js +48 -45
package/package.json +5 -5

package/lib/assets/style.css CHANGED Viewed

	@@ -1 +1 @@
1	- .azqfrs3{width:100vw;height:100vh;padding:20px;box-sizing:border-box;margin:0;font-family:var(--font-family);color:var(--font-color)}.azqfrs3>div{box-sizing:border-box;width:370px;height:100%;border-radius:12px;overflow:auto;padding:10px;background-color:var(--color-bg-transparent)}.d1sqxt7l{position:fixed;bottom:0;right:0;max-width:600px;font-family:system-ui;background:rgba(29,123,255,.5);border-top-left-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.d1a3478s{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-right:60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:10px;margin-top:10px;padding-bottom:10px}.butjcq8{position:absolute;z-index:10000;bottom:10px;right:10px;width:40px;height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-around;-webkit-justify-content:space-around;-ms-flex-pack:space-around;justify-content:space-around;background:rgb(29,123,255);border:none;border-radius:6px;padding:10px;cursor:pointer;-webkit-transition:all .1s ease;transition:all .1s ease}.butjcq8:hover{padding-top:8px;padding-bottom:8px}.butjcq8:active{-webkit-transform:translateY(4px);-ms-transform:translateY(4px);transform:translateY(4px)}.butjcq8[data-opened=true] span:nth-child(odd){opacity:0}.butjcq8 span{display:block;background:#fff;border-radius:4px;width:100%;height:4px}.s14ex8bw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 6px;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.s14ex8bw label{cursor:pointer}.s1fwty0k{width:2rem;height:1rem;background:#fff;border-radius:1em;position:relative;margin-left:5px}.s1fwty0k input{opacity:0;position:relative;z-index:1;width:100%;cursor:pointer}.s1fwty0k input:checked+span{-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);background:green}.s1fwty0k span{display:block;position:absolute;top:0;left:0;height:1rem;width:1rem;border-radius:1em;background:gray;box-shadow:0 .1em .3em #0000004d;-webkit-transition:all .3s;transition:all .3s}.iwjhb00{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:rgb(29,123,255);padding:4px 6px;border-radius:5px;font-size:16px}.iwjhb00 input{display:block;width:100%;color:#fff;font-size:24px;border:none;padding:2px 2px 2px 10px;background:linear-gradient(136.45deg,rgba(60,139,251,.3) .57%,rgba(0,79,190,.3) 100%);border:1px solid transparent;outline:none}.iwjhb00 input:focus{border-color:#1d7bff}.iwjhb00 label{margin-right:4px}.iwjhb00 button{width:150px;color:#fff;background:transparent;margin:0;padding:0;cursor:pointer;border:none;text-transform:uppercase}.iwjhb00 button:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.iwjhb00 button:active{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.iwjhb00 button:disabled{cursor:not-allowed;opacity:.8;-webkit-transform:none;-ms-transform:none;transform:none}.i1vlsnk4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:rgb(29,123,255);padding:4px 6px;border-radius:5px;font-size:16px;margin-bottom:2px}.i1vlsnk4 input{display:block;width:100%;color:#fff;font-size:24px;border:none;padding:2px 2px 2px 10px;background:linear-gradient(136.45deg,rgba(60,139,251,.3) .57%,rgba(0,79,190,.3) 100%);border:1px solid transparent;outline:none}.i1vlsnk4 input:focus{border-color:#1d7bff}.i1vlsnk4 label{margin-right:4px}.i1vlsnk4 button{width:150px;color:#fff;background:transparent;margin:0;padding:0;cursor:pointer;border:none;text-transform:uppercase}.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%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}.i1e83no{background:#222425;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.r165427{font-weight:var(--font-weight-default)}.c1pgyo67{overflow:hidden;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-webkit-animation:containerShowIn-c1pgyo67 var(--animation-function);animation:containerShowIn-c1pgyo67 var(--animation-function);-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration)}@-webkit-keyframes containerShowIn-c1pgyo67{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes containerShowIn-c1pgyo67{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}.hx17qu6{-webkit-animation:containerHide-hx17qu6 var(--animation-function);animation:containerHide-hx17qu6 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-hx17qu6{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes containerHide-hx17qu6{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}.c1kzqw87{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:8px}.d9r1hf9{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;-webkit-justify-content:center;-ms-flex-pack: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-n19lpak2 .5s ease;animation:show-nav-n19lpak2 .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;padding:var(--container-padding);border-bottom:1px solid var(--color-neutrals-gray3)}.n19lpak2>button:not(:last-child){margin-right:8px}@-webkit-keyframes show-nav-n19lpak2{90%{opacity:0}to{height:68px;opacity:1}}@keyframes show-nav-n19lpak2{90%{opacity:0}to{height:68px;opacity:1}}.b6tbwuy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:var(--color-neutrals-white)}.sxxa0c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:36px;max-height:36px;background-color:var(--color-white);border-radius:100px;border:1px solid var(--color-neutrals-gray3);color:var(--color-primary-green1);padding:0 8px;font-size:12px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.5px;-moz-letter-spacing:-.5px;-ms-letter-spacing:-.5px;letter-spacing:-.5px;cursor:pointer}.sxxa0c:hover{border-color:var(--color-primary-green1)}.sxxa0c[data-selected=true]{color:var(--color-white);background-color:var(--color-primary-green1);border-color:var(--color-primary-green1)}.sxxa0c[data-selected=true]:hover{cursor:default}.sxxa0c[data-selected=true]:disabled:hover{border-color:var(--color-primary-green1)}.sxxa0c:disabled{opacity:.5;cursor:default}.sxxa0c:disabled:hover{cursor:default;border-color:var(--color-neutrals-gray3)}.b193dcyu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:22px;height:22px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:5px}.b40tuix{white-space:nowrap}.b180jd7l[data-selected=true] g>path{fill:#fff}.b11des7c[data-selected=true] g>path:nth-child(1){stroke:#fff}.b11des7c[data-selected=true] g>path:nth-child(2){fill:#fff;stroke:#107d57}.b1whzxvd[data-selected=true] g>path:nth-child(1){stroke:#fff}.b1whzxvd[data-selected=true] g>path:nth-child(2){fill:#fff}.p1liu7r{border-radius:8px;padding:0 12px;background-color:var(--color-transparent-item);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.fhf9n1f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:auto;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.fmf7e3h{margin-bottom:20px;font-size:18px}.fg7be0w{margin-bottom:10px;font-size:14px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.fvxx8fg{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;padding:6px;text-transform:uppercase;color:#fff;cursor:pointer;margin-bottom:20px}.fvxx8fg:disabled{opacity:.5;cursor:default}.f1sfffsg{margin-bottom:40px;border-bottom:1px solid white}.f1sfffsg input{font-size:20px;background:transparent;color:#fff;border:none;outline:none}.d1majgb2>div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:20px}.d1majgb2 input{width:20px;height:40px;font-size:40px}.c14ielyq{width:100%;height:100%}.c14ielyq>div:not(:last-child){margin-bottom:16px}.c1tlqx57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;padding:16px 16px 0}.t1hq58md{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;-webkit-transition:transform;transition:transform;-webkit-transition-duration:var(--animation-duration);transition-duration:var(--animation-duration);-webkit-transition-timing-function:var(--animation-function);transition-timing-function:var(--animation-function)}.s1ucohr1[data-nav=true]{height:calc(100% - var(--header-height));-webkit-transform:translateY(var(--header-height));-ms-transform:translateY(var(--header-height));transform:translateY(var(--header-height))}.s1ucohr1[data-question-header=true]{height:calc(100% - var(--question-headers-height,0%));-webkit-transform:translateY(var(--question-headers-height));-ms-transform:translateY(var(--question-headers-height));transform:translateY(var(--question-headers-height))}.s1el4wvm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:var(--container-padding);gap:var(--container-padding)}.s1oe3036.s1el4wvm{background-color:var(--color-neutrals-white)}.c38csyt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:12px;padding-bottom:32px}.ty221rx{color:var(--color-primary-green2);font-size:20px;font-family:var(--font-serif);font-weight:400;line-height:28px;text-align:center}.dlaj9xp{color:var(--color-neutrals-gray9);font-size:14px;font-weight:400;line-height:20px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;text-align:center}.c16sbdnm{width:100%;padding:8px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;font-size:14px}.c16sbdnm[data-isPrediction=true]{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start}.ibhorgl{min-width:24px;width:24px;height:24px;margin-right:14px;margin-left:12px}.ibhorgl g>path{fill:var(--color-primary-green1);fill-opacity:1}.f1g20ja7{min-width:32px;width:32px;height:32px;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-right:16px}.f1g20ja7[data-feedbackType=correct]{background-color:var(--color-primary-green1)}.f1g20ja7[data-feedbackType=incorrect]{background-color:var(--color-secondary-red1)}.f455ozj{font-weight:var(--font-weight-default)}.f1913njx{margin-right:5px}.f1913njx[data-feedbackType=correct]{color:var(--color-primary-green1)}.f1913njx[data-feedbackType=incorrect]{color:var(--color-secondary-red1)}.fzfk69z{color:var(--color-neutrals-gray9)}.fx87qaj{font-weight:400;margin-top:10px}.b1b6dl8t{background-color:var(--color-neutrals-gray2);border:1px solid transparent;box-sizing:border-box;border-radius:4px;position:relative;min-height:44px;width:100%;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;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;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 3px 3px 11px;font-size:14px;-webkit-letter-spacing:-.15px;-moz-letter-spacing:-.15px;-ms-letter-spacing:-.15px;letter-spacing:-.15px}.cgizw4u{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.t1l3ucjp{color:var(--color-neutrals-gray7);margin-right:8px;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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:10px;column-gap:10px;padding:11px 16px;color:var(--color-primary-green1);font-size:14px;font-weight:var(--font-weight-default);line-height:20px;border-radius:40px;border:1px solid var(--color-primary-green1);-webkit-text-decoration:none;text-decoration:none}.c1yrpn9o{padding:12px;font-weight:var(--font-weight-default);background-color:var(--color-primary-green1);border-radius:12px}.t17fwahh{margin-bottom:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:8px;column-gap:8px}.by6w7e9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:8px}.u1g7arbm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;column-gap:8px;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden}.a1ldeata{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.u10d4koz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:6px;overflow:hidden}.u1q6roj0{color:var(--color-white);font-family:var(--font-serif);font-size:16px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui0m425{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;column-gap:8px;height:14px;color:var(--color-neutrals-white);font-size:14px;text-transform:uppercase}.t1el3mrn{width:15px;height:15px}.r2vgnxv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px}.roqn06j{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-column-gap:4px;column-gap:4px}.r15adx7c{font-size:9px;opacity:.8}.dv59lta{width:1px;height:10px;background-color:var(--color-white);opacity:.2}.r55lotb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;column-gap:8px}.s1knfgqt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:8px 12px;border-radius:4px;background-color:var(--color-primary-green2)}.a1mqo824{background:#2d6ffd;border-radius:50%;width:48px;height:48px;text-align:center;text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:18px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.uxareh6{border:none;outline:none;background-color:transparent;cursor:pointer;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;width:100%;height:100%;max-width:48px;max-height:48px}.c1zy8a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:9px 8px;color:var(--color-neutrals-white);border-radius:4px;background-color:var(--color-primary-green2);overflow:hidden}.t1vih9p5{font-size:9px;line-height:14px;text-transform:uppercase;opacity:.8}.i1fbnvpb{font-size:14px;line-height:16px}.ctmhwyc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:4px;padding-top:2px;color:var(--color-neutrals-white);text-align:center}.i1jri200{font-size:14px;line-height:16px}.t8s05oq{font-size:9px;line-height:14px;text-transform:uppercase;opacity:.8}.sxnslc8{position:relative;box-sizing:border-box;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;border-radius:8px;background-color:var(--color-neutrals-gray2);padding:4px}.sxnslc8:before{content:"";position:absolute;background-color:var(--color-white);border-radius:4px;height:28px;left:4px;width:calc(50% - 4px);-webkit-transition:-webkit-transform var(--animation-duration) var(--animation-function);-webkit-transition:transform var(--animation-duration) var(--animation-function);transition:transform var(--animation-duration) var(--animation-function)}.sxnslc8[data-position=left]:before{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}.sxnslc8[data-position=right]:before{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translate(100%)}.b1umzux0{border:none;outline:none;background-color:transparent;color:var(--color-neutrals-gray7);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;font-weight:550;width:50%;box-sizing:border-box;padding:4px 10px;height:28px;cursor:pointer}.b1umzux0:hover{color:var(--color-primary-green1)}.b1umzux0[data-selected=true]{color:var(--color-primary-green1);cursor:default}.tspsaas{position:relative;z-index:2}.q1w97g3p{border-radius:var(--border-radius);padding:var(--container-padding);background-color:var(--color-neutrals-white);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:12px;border:1px solid var(--color-neutrals-white)}.q1w97g3p:hover{border-color:var(--color-neutrals-gray4)}.q2sl39u{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;font-size:12px;font-weight:500;margin-bottom:8px}.qd5h0uc{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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;font-weight:400;width:56px;height:32px}.p1pba9p1:hover{background-color:var(--color-primary-green2);cursor:pointer}.cl56x6b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;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)}.s1nve60q{border-radius:71px;padding:14px 16px 12px;font-size:12px;border:1px solid;font-weight:var(--font-weight-default);outline:none}.s1nve60q[data-variant=primary]{color:var(--color-neutrals-white);background-color:var(--color-primary-green1);border-color:var(--color-primary-green1)}.s1nve60q[data-variant=primary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.s1nve60q[data-variant=secondary]{color:var(--color-primary-green1);background-color:transparent;border-color:var(--color-primary-green1)}.s1nve60q[data-variant=secondary]:hover:enabled{color:var(--color-neutrals-white);background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.s1nve60q:disabled{opacity:.5}.s1nve60q:disabled:hover{cursor:default}.c1eptrjd{box-sizing:border-box;overflow:hidden;border-radius:8px;background:#fff;width:100%;padding:16px;position:relative;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:stretch;-webkit-justify-content:stretch;-ms-flex-pack:stretch;justify-content:stretch}.crylm65{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:20px;height:20px;right:11px;top:11px;cursor:pointer}.c9mrcz7 g>path{stroke:var(--color-neutrals-gray7)}.c9mrcz7:hover path{stroke:var(--color-primary-green2)}.hw3lzv4{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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight: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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight: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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight: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;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:calc(var(--animation-duration) 3);transition-duration:calc(var(--animation-duration) * 3);-webkit-transition-timing-function:var(--animation-function);transition-timing-function:var(--animation-function);-webkit-animation-duration:calc(var(--animation-duration) * 3);animation-duration:calc(var(--animation-duration) * 3);padding:var(--container-padding);width:auto;box-sizing:content-box}.ir6k2eo{width:100%;min-height:118px;border-radius:8px;overflow:hidden;position:relative;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:var(--animation-function);transition-timing-function:var(--animation-function);-webkit-transition-duration:calc(var(--animation-duration) * 3);transition-duration:calc(var(--animation-duration) * 3)}.c1hwoq9l{width:100%;min-height:118px;border-radius:8px;background-color:transparent;position:absolute;z-index:1;padding:22px 16px;color:var(--color-white);font-family:var(--font-serif);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:var(--animation-function);transition-timing-function:var(--animation-function);-webkit-transition-duration:calc(var(--animation-duration) * 3);transition-duration:calc(var(--animation-duration) * 3)}.t4ujo4g{margin-bottom:10px;font-size:20px;font-weight:var(--font-weight-default);line-height:24px;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.s1pjil1h{font-size:12px;font-weight:500;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--font-regular)}.s1iorwr9.s1pjil1h{font-family:var(--font-serif)}.a51sv9d{font-weight:400px;margin-left:5px}.f1lbk2ye{width:14px;height:14px;min-width:14px;min-height:14px;margin-right:6px}.crcvk3t{width:30px;height:30px;border:none;border-radius:50%;outline:none;background-color:transparent;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;right:8px;top:8px;cursor:pointer;z-index:2}.c33p82r path{stroke:var(--color-neutrals-gray7)}.c33p82r:hover path{stroke:var(--color-primary-green2)}.b1dqe0sz{height:100%;width:100%;position:absolute;top:-1px;left:0;z-index:1;display:none}.b1dqe0sz[data-active=true]{display:block}.b1dqe0sz[data-active=true]>div:nth-child(1){-webkit-animation:showLines-b1dqe0sz 1s 50ms ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards;animation:showLines-b1dqe0sz 1s 50ms ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(2){-webkit-animation:showLines-b1dqe0sz .7s .5s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards;animation:showLines-b1dqe0sz .7s .5s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(3){-webkit-animation:showLines-b1dqe0sz .5s .7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards;animation:showLines-b1dqe0sz .5s .7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(4){-webkit-animation:showLines-b1dqe0sz .4s 1s ease-out forwards,hiddenLines-b1dqe0sz .5s 5.5s ease-in forwards;animation:showLines-b1dqe0sz .4s 1s ease-out forwards,hiddenLines-b1dqe0sz .5s 5.5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(1){-webkit-animation:showLines-b1dqe0sz 1s 1s ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards;animation:showLines-b1dqe0sz 1s 1s ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(2){-webkit-animation:showLines-b1dqe0sz .7s 1.4s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards;animation:showLines-b1dqe0sz .7s 1.4s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(3){-webkit-animation:showLines-b1dqe0sz .5s 1.7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards;animation:showLines-b1dqe0sz .5s 1.7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(1){-webkit-animation:showLines-b1dqe0sz 1s 50ms ease-out forwards;animation:showLines-b1dqe0sz 1s 50ms ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(2){-webkit-animation:showLines-b1dqe0sz .7s .5s ease-out forwards;animation:showLines-b1dqe0sz .7s .5s ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(3){-webkit-animation:showLines-b1dqe0sz .5s .7s ease-out forwards;animation:showLines-b1dqe0sz .5s .7s ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(4){-webkit-animation:showLines-b1dqe0sz .4s 1s ease-out forwards;animation:showLines-b1dqe0sz .4s 1s ease-out forwards}.b1dqe0sz>div{background-color:var(--color-white)}.b1dqe0sz[data-correct=true]>div{background-color:var(--color-primary-green2)}.b1dqe0sz[data-correct=false]>div{background-color:var(--color-neutrals-gray6)}@-webkit-keyframes showLines-b1dqe0sz{0%{-webkit-transform:translateX(400px) rotate(137deg);-ms-transform:translateX(400px) rotate(137deg);transform:translate(400px) rotate(137deg)}to{-webkit-transform:translateX(0px) rotate(137deg);-ms-transform:translateX(0px) rotate(137deg);transform:translate(0) rotate(137deg)}}@keyframes showLines-b1dqe0sz{0%{-webkit-transform:translateX(400px) rotate(137deg);-ms-transform:translateX(400px) rotate(137deg);transform:translate(400px) rotate(137deg)}to{-webkit-transform:translateX(0px) rotate(137deg);-ms-transform:translateX(0px) rotate(137deg);transform:translate(0) rotate(137deg)}}@-webkit-keyframes hiddenLines-b1dqe0sz{0%{width:1000px}to{width:2000px;opacity:0}}@keyframes hiddenLines-b1dqe0sz{0%{width:1000px}to{width:2000px;opacity:0}}.b1v6w7ni{position:absolute;opacity:.05;height:1000px;width:1000px;bottom:-580px;-webkit-transform:translateX(400px) rotate(137deg);-ms-transform:translateX(400px) rotate(137deg);transform:translate(400px) rotate(137deg)}.b2nqb1p.b1v6w7ni{right:-818px}.b1xxgmbk.b1v6w7ni{right:-902px}.b63lwcb.b1v6w7ni{right:-997px}.b2iah4.b1v6w7ni{right:-891px}.b1xezvf6.b1v6w7ni{right:-942px}.b1jz1hg0.b1v6w7ni{right:-996px}.b18ho1tk.b1v6w7ni{right:-931px}.b14uvjfm.b1v6w7ni{right:-981px;opacity:.1}.b11c3ns7.b1v6w7ni{right:-1035px;opacity:.15}.b1bqhhet.b1v6w7ni{right:-1088px;opacity:.2}.b1xyzi7o.b1v6w7ni{right:-931px;opacity:.1}.byo0rup.b1v6w7ni{right:-981px;opacity:.1}.b1oyiqgv.b1v6w7ni{right:-1035px;opacity:.1}.bx3ddqw.b1v6w7ni{right:-1088px;opacity:.1}.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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;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;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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight: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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-primary-green2)}@media (max-width:767px){.p1gqe4lh{width:28px;height:28px}}.p15syg2y{width:20px;height:20px}.p15syg2y path{fill:var(--color-neutrals-white)}@media (max-width:767px){.p15syg2y{width:14px;height:14px}}.p12n4f2h{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:var(--color-neutrals-white);font-weight:var(--font-weight-default)}.poqmx89{margin-bottom:1px;font-size:9px;text-transform:uppercase}@media (max-width:767px){.poqmx89{display:none}}.prj9b3v{font-size:18px;line-height:20px}@media (max-width:767px){.prj9b3v{font-size:14px;line-height:22px}}.c18uddbs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:var(--color-neutrals-white)}.cvcfjf6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.o1ie27lw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:12px 12px 12px 16px}.c15cjkwi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;padding:0;width:24px;height:24px;border:none;background-color:transparent;outline:none;cursor:pointer}.i1mavjt2{width:10px;height:10px}.o1x0dyzv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 16px 16px;margin-top:auto}.o1jfi9c3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:0 16px;height:44px;font-size:14px;line-height:20px;cursor:pointer}.c1htq1lb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-bottom:24px}.cjyzpp7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding:0 16px 32px}.g16mldgz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.g16mldgz[data-centered=false]{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.g16mldgz img{display:block;height:auto;margin-bottom:40px}.h69js65{max-width:270px;color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.smm7qmo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:8px;column-gap:8px}.s17knuw2{width:6px;height:6px;border-radius:50%;background-color:var(--color-neutrals-gray4)}.s17knuw2[data-active=true]{background-color:var(--color-primary-green1)}.c1itm4k7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;row-gap:24px;height:100%;padding:16px 16px 56px;background:var(--color-neutrals-white)}.i1w4fsni{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--color-primary-green1)}.i19m85r1{width:24px;height:24px}.c1mbu204{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;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;text-align:center}.l1wot35e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:16px;column-gap:16px;padding:12px 16px;max-width:292px;width:100%;border-radius:8px;border:1px solid var(--color-neutrals-gray3);cursor:pointer}.l1jdw39q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;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;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.l1pqlvw3{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.s1n7kzeh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;column-gap:8px}.s2m9o9y{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:8px;min-width:68px;-webkit-text-decoration:none;text-decoration:none}.sewjbbn{color:var(--color-neutrals-gray9);font-size:12px;font-weight:400;line-height:18px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px}.cm0bev{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-bottom:16px}.ce7x737{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;row-gap:24px;height:100%;padding:0 32px 32px}.tc2tor6{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.r1k5klql{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:24px}.r1tf3ft2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:16px;column-gap:16px}.rwpvg1k{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--color-primary-green1)}.rwpvg1k [data-icon=icon-trophy]{width:18px;height:18px}.rwpvg1k [data-icon=icon-trophy] path{fill:var(--color-neutrals-white)}.rwpvg1k [data-icon=icon-btn-feature-groups] path:first-child{stroke:var(--color-neutrals-white)}.rwpvg1k [data-icon=icon-btn-feature-groups] path:not(:first-child){fill:var(--color-neutrals-white)}.rbxiag0{font-size:14px;font-weight:var(--font-weight-default);line-height:18px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px}.t6cyrry{margin:0 auto;padding:8px 16px;color:var(--color-primary-green1);font-size:12px;font-weight:400;line-height:16px;border:initial;background:initial;outline:initial;cursor:pointer}.s13d8sg6>div{padding:var(--scroll-container-padding);background:var(--scroll-container-background)}.s13d8sg6>div>div{position:relative}.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}.culdu4a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;padding:8px 16px 8px 8px;color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:16px;border:1px solid var(--color-neutrals-gray3);border-radius:8px;background-color:var(--color-neutrals-white);cursor:pointer}.culdu4a:hover{color:var(--color-primary-green1);border-color:var(--color-neutrals-gray5)}.pwf8e69{min-width:28px;text-align:center}.atf4yh4{width:32px;height:32px;border-radius:50%}.a1dg29ja{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;color:var(--color-neutrals-gray9);font-size:12px;border-radius:50%;background:var(--color-grey-primary-onboarding-inapp);text-align:center;text-transform:uppercase}.c10a68rc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;column-gap:8px}.nc4kck5{display:grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;grid-template-columns:1fr auto}.njsrqgr{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.c17uc4zr{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.c1ux29ft{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap: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;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:9px}.gao3b2f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top-left-radius:8px;border-bottom-left-radius:8px;min-width:60px;width:60px;height:100%;background-color:var(--color-blue-question-action-btn);position:relative}.i1k4eec3{width:35px;height:35px}.i1uhyahn{width:35px;height:35px;border-radius:50%}.i2ernmy{position:absolute;left:0;bottom:0;width:60px}.t12j99pr{color:var(--color-white);font-size:12px;font-weight:400px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;text-overflow:ellipsis;max-height:100%;margin-right:35px}.n1uwonpi{width:16px;height:16px}.s8p5v5z{width:100%;height:53px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:16px 0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.c1vwopgc{font-weight:var(--font-weight-default);color:var(--color-neutrals-gray7);border-bottom:1px solid var(--color-neutrals-gray3);background:var(--color-neutrals-white);box-sizing:border-box;width:100%;font-size:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 12px 12px 16px}.qyktpt0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.q951jdx{width:16px;height:16px}.q951jdx[data-type-trivia=true]{width:13px;height:13px}.q951jdx[data-type-poll=true]{width:12px;height:12px}.q951jdx path{fill:var(--color-primary-green1);fill-opacity:1}.qss5f0e{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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.cvsl7l3 path{stroke:var(--color-neutrals-gray7)}.cvsl7l3:hover path{stroke:var(--color-primary-green2)}.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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;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}.c1d7yse1{--pill-offset:60px}.o9squag{width:100%;height:100%;-webkit-animation:onboardingContainerShowIn-o9squag ease-out;animation:onboardingContainerShowIn-o9squag ease-out;-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);position:absolute;z-index:1}@-webkit-keyframes onboardingContainerShowIn-o9squag{0%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);opacity:.9}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes onboardingContainerShowIn-o9squag{0%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);opacity:.9}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}.o1c8wcli{position:relative;height:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:calc(var(--animation-duration) * 3);transition-duration:calc(var(--animation-duration) * 3);-webkit-transition-timing-function:var(--animation-function);transition-timing-function:var(--animation-function);-webkit-animation-duration:calc(var(--animation-duration) * 3);animation-duration:calc(var(--animation-duration) * 3)}.i18oyadd{padding:var(--container-padding)}.cebdc0u{-webkit-animation:onboardingContainerHide-cebdc0u ease-out;animation:onboardingContainerHide-cebdc0u ease-out;-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes onboardingContainerHide-cebdc0u{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);opacity:0}21%{display:none}to{display:none}}@keyframes onboardingContainerHide-cebdc0u{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);opacity:0}21%{display:none}to{display:none}}.ctckejh{position:relative;height:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--animation-duration);transition-duration:var(--animation-duration);-webkit-transition-timing-function:var(--animation-function);transition-timing-function:var(--animation-function);-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration)}.i1ri7tzr{padding:var(--container-padding);overflow:hidden}.n1ng1qh5{position:absolute;inset:var(--container-padding);overflow:hidden;border-radius:8px;-webkit-animation:hide-glow-n1ng1qh5 var(--animation-function);animation:hide-glow-n1ng1qh5 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}.n1ng1qh5: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-n1ng1qh5 var(--animation-function);animation:glow-n1ng1qh5 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-n1ng1qh5{0%{visibility:visible;background:rgba(255,255,255,1)}50%{visibility:visible;background:rgba(255,255,255,0)}to{visibility:hidden}}@keyframes hide-glow-n1ng1qh5{0%{visibility:visible;background:rgba(255,255,255,1)}50%{visibility:visible;background:rgba(255,255,255,0)}to{visibility:hidden}}@-webkit-keyframes glow-n1ng1qh5{0%{-webkit-transform:skewX(-45deg) translateX(-150%);-ms-transform:skewX(-45deg) translateX(-150%);transform:skew(-45deg) translate(-150%)}to{-webkit-transform:skewX(-45deg) translateX(150%);-ms-transform:skewX(-45deg) translateX(150%);transform:skew(-45deg) translate(150%)}}@keyframes glow-n1ng1qh5{0%{-webkit-transform:skewX(-45deg) translateX(-150%);-ms-transform:skewX(-45deg) translateX(-150%);transform:skew(-45deg) translate(-150%)}to{-webkit-transform:skewX(-45deg) translateX(150%);-ms-transform:skewX(-45deg) translateX(150%);transform:skew(-45deg) translate(150%)}}.pruq6ik{position:absolute;left:50%;top:calc(var(--header-height) + 8px + var(--pill-offset));-webkit-animation:show-in-pruq6ik var(--animation-function);animation:show-in-pruq6ik 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-pruq6ik{0%{-webkit-transform:translateY(-40px) translateX(-50%);-ms-transform:translateY(-40px) translateX(-50%);transform:translateY(-40px) translate(-50%)}to{-webkit-transform:translateY(0) translateX(-50%);-ms-transform:translateY(0) translateX(-50%);transform:translateY(0) translate(-50%)}}@keyframes show-in-pruq6ik{0%{-webkit-transform:translateY(-40px) translateX(-50%);-ms-transform:translateY(-40px) translateX(-50%);transform:translateY(-40px) translate(-50%)}to{-webkit-transform:translateY(0) translateX(-50%);-ms-transform:translateY(0) translateX(-50%);transform:translateY(0) translate(-50%)}}.cocfo2g{box-sizing:border-box;overflow:hidden;border-radius:8px;background:#fff;width:100%;padding:16px;position:relative;background-color:var(--color-white);color:var(--color-primary-green2);font-family:var(--font-serif)}.c1pdhxdk{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:20px;height:20px;right:11px;top:11px;cursor:pointer}.c1funj3r g>path{stroke:var(--color-neutrals-gray7)}.c1funj3r:hover path{stroke:var(--color-primary-green2)}.t1okg06y{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-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;-webkit-letter-spacing:3px;-moz-letter-spacing:3px;-ms-letter-spacing:3px;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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:22px;font-weight:400;margin-bottom:6px}.dfvmv3t{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--font-regular);font-size:12px;font-weight: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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight: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}.oar61gl{position:absolute;top:0;right:0;bottom:0;left:0;top:var(--header-height);background:var(--color-neutrals-white);z-index:3}.u14zaal4{background:var(--color-transparent-item);width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.u14zaal4>div{width:100%}.qdri6g3{background:var(--color-transparent-item);width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.i1chxfpe{position:-webkit-sticky;position:sticky;bottom:8px;border-radius:8px;background:white}.i1chxfpe:after{content:"";display:block;position:absolute;height:16px;width:100%;z-index:-1;background:white;bottom:-8px}
1	+ .azqfrs3{width:100vw;height:100vh;padding:20px;box-sizing:border-box;margin:0;font-family:var(--font-family);color:var(--font-color)}.azqfrs3>div{box-sizing:border-box;width:370px;height:100%;border-radius:12px;overflow:auto;padding:10px;background-color:var(--color-bg-transparent)}.d1sqxt7l{position:fixed;bottom:0;right:0;max-width:600px;font-family:system-ui;background:rgba(29,123,255,.5);border-top-left-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.d1a3478s{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-right:60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:10px;margin-top:10px;padding-bottom:10px}.butjcq8{position:absolute;z-index:10000;bottom:10px;right:10px;width:40px;height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-around;-webkit-justify-content:space-around;-ms-flex-pack:space-around;justify-content:space-around;background:rgb(29,123,255);border:none;border-radius:6px;padding:10px;cursor:pointer;-webkit-transition:all .1s ease;transition:all .1s ease}.butjcq8:hover{padding-top:8px;padding-bottom:8px}.butjcq8:active{-webkit-transform:translateY(4px);-ms-transform:translateY(4px);transform:translateY(4px)}.butjcq8[data-opened=true] span:nth-child(odd){opacity:0}.butjcq8 span{display:block;background:#fff;border-radius:4px;width:100%;height:4px}.s14ex8bw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 6px;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.s14ex8bw label{cursor:pointer}.s1fwty0k{width:2rem;height:1rem;background:#fff;border-radius:1em;position:relative;margin-left:5px}.s1fwty0k input{opacity:0;position:relative;z-index:1;width:100%;cursor:pointer}.s1fwty0k input:checked+span{-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);background:green}.s1fwty0k span{display:block;position:absolute;top:0;left:0;height:1rem;width:1rem;border-radius:1em;background:gray;box-shadow:0 .1em .3em #0000004d;-webkit-transition:all .3s;transition:all .3s}.iwjhb00{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:rgb(29,123,255);padding:4px 6px;border-radius:5px;font-size:16px}.iwjhb00 input{display:block;width:100%;color:#fff;font-size:24px;border:none;padding:2px 2px 2px 10px;background:linear-gradient(136.45deg,rgba(60,139,251,.3) .57%,rgba(0,79,190,.3) 100%);border:1px solid transparent;outline:none}.iwjhb00 input:focus{border-color:#1d7bff}.iwjhb00 label{margin-right:4px}.iwjhb00 button{width:150px;color:#fff;background:transparent;margin:0;padding:0;cursor:pointer;border:none;text-transform:uppercase}.iwjhb00 button:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.iwjhb00 button:active{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.iwjhb00 button:disabled{cursor:not-allowed;opacity:.8;-webkit-transform:none;-ms-transform:none;transform:none}.i1vlsnk4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:rgb(29,123,255);padding:4px 6px;border-radius:5px;font-size:16px;margin-bottom:2px}.i1vlsnk4 input{display:block;width:100%;color:#fff;font-size:24px;border:none;padding:2px 2px 2px 10px;background:linear-gradient(136.45deg,rgba(60,139,251,.3) .57%,rgba(0,79,190,.3) 100%);border:1px solid transparent;outline:none}.i1vlsnk4 input:focus{border-color:#1d7bff}.i1vlsnk4 label{margin-right:4px}.i1vlsnk4 button{width:150px;color:#fff;background:transparent;margin:0;padding:0;cursor:pointer;border:none;text-transform:uppercase}.ttkj0ah{--color-bg-transparent:rgba(0,0,0,.8);--color-bg-transparent-vote-container:rgba(10,14,19,.8);--color-bg-transparent-item:rgba(0,0,0,.7);--color-bg-transparent-item-vote:rgba(255,255,255,.1);--color-bg-transparent-item-success:rgba(0,139,251,.2);--color-bg-transparent-item-error:rgba(205,37,37,.2);--color-bg-transparent-vote-progress:rgba(255,255,255,.2);--color-bg-transparent-vote-progress-success:rgba(60,139,251,.5);--color-bg-transparent-vote-progress-error:rgba(205,37,37,.5);--color-bg-transparent-onboarding-inapp:rgba(138,159,182,.2);--color-leaderboard-unit:rgba(255,255,255,.5);--color-blue-primary:#1589EE;--color-red-primary:#CD2525;--color-red-secondary:#EB5757;--color-blue-question-action-btn:#1589ee;--color-white:#FFFFFF;--color-grey-1:#909395;--color-grey-2:#22262b;--color-grey-3:#2d3135;--color-grey-4:#53565a;--color-grey-primary-onboarding-inapp:#B5B7B8;--color-black-1:#161a1f;--color-green-1:#F7B801;--color-red-1:#A30000;--color-red-2:#FF4170;--color-grey-primary:#909395;--color-divider-color-secondary:#53565a;--color-green-primary-btn:#009B77;--color-primary-green1:#107D57;--color-primary-green2:#006747;--color-primary-green3:#1C4932;--color-primary-green4:#193526;--color-secondary-red1:#DF2F3B;--color-secondary-red2:#BA0C2F;--color-secondary-red3:#f9d6d8;--color-secondary-yellow:#fce300;--color-secondary-green5:#C0DC8F;--color-secondary-green6:#cee5de;--color-neutrals-white:#FFFFFF;--color-neutrals-gray1:#F7F7F7;--color-neutrals-gray2:#F2F2F1;--color-neutrals-gray3:#E8E8E8;--color-neutrals-gray4:#D9D9D6;--color-neutrals-gray5:#B1B3B3;--color-neutrals-gray6:#888B8D;--color-neutrals-gray7:#6B6F73;--color-neutrals-gray8:#53565A;--color-neutrals-gray9:#25282A;--color-neutrals-black:#000000;--font-family:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-regular:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-color:#fff;--font-serif:"Tiempos","Tiempos Text",Times New Roman,serif;--font-weight-default:500;--header-height:68px;--animation-duration:.5s;--animation-function:ease;--container-padding:16px;--border-radius:8px;--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%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}.i1e83no{background:#222425;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.r165427{font-weight:var(--font-weight-default)}.c1pgyo67{overflow:hidden;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-webkit-animation:containerShowIn-c1pgyo67 var(--animation-function);animation:containerShowIn-c1pgyo67 var(--animation-function);-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration)}@-webkit-keyframes containerShowIn-c1pgyo67{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes containerShowIn-c1pgyo67{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}.hx17qu6{-webkit-animation:containerHide-hx17qu6 var(--animation-function);animation:containerHide-hx17qu6 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-hx17qu6{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes containerHide-hx17qu6{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}.c1kzqw87{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:8px}.d9r1hf9{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;-webkit-justify-content:center;-ms-flex-pack: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-n19lpak2 .5s ease;animation:show-nav-n19lpak2 .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;padding:var(--container-padding);border-bottom:1px solid var(--color-neutrals-gray3)}.n19lpak2>button:not(:last-child){margin-right:8px}@-webkit-keyframes show-nav-n19lpak2{90%{opacity:0}to{height:68px;opacity:1}}@keyframes show-nav-n19lpak2{90%{opacity:0}to{height:68px;opacity:1}}.b6tbwuy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:var(--color-neutrals-white)}.sxxa0c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:36px;max-height:36px;background-color:var(--color-white);border-radius:100px;border:1px solid var(--color-neutrals-gray3);color:var(--color-primary-green1);padding:0 8px;font-size:12px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.5px;-moz-letter-spacing:-.5px;-ms-letter-spacing:-.5px;letter-spacing:-.5px;cursor:pointer}.sxxa0c:hover{border-color:var(--color-primary-green1)}.sxxa0c[data-selected=true]{color:var(--color-white);background-color:var(--color-primary-green1);border-color:var(--color-primary-green1)}.sxxa0c[data-selected=true]:hover{cursor:default}.sxxa0c[data-selected=true]:disabled:hover{border-color:var(--color-primary-green1)}.sxxa0c:disabled{opacity:.5;cursor:default}.sxxa0c:disabled:hover{cursor:default;border-color:var(--color-neutrals-gray3)}.b193dcyu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:22px;height:22px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:5px}.b40tuix{white-space:nowrap}.b180jd7l[data-selected=true] g>path{fill:#fff}.b11des7c[data-selected=true] g>path:nth-child(1){stroke:#fff}.b11des7c[data-selected=true] g>path:nth-child(2){fill:#fff;stroke:#107d57}.b1whzxvd[data-selected=true] g>path:nth-child(1){stroke:#fff}.b1whzxvd[data-selected=true] g>path:nth-child(2){fill:#fff}.p1liu7r{border-radius:8px;padding:0 12px;background-color:var(--color-transparent-item);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.fhf9n1f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:auto;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.fmf7e3h{margin-bottom:20px;font-size:18px}.fg7be0w{margin-bottom:10px;font-size:14px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.fvxx8fg{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;padding:6px;text-transform:uppercase;color:#fff;cursor:pointer;margin-bottom:20px}.fvxx8fg:disabled{opacity:.5;cursor:default}.f1sfffsg{margin-bottom:40px;border-bottom:1px solid white}.f1sfffsg input{font-size:20px;background:transparent;color:#fff;border:none;outline:none}.d1majgb2>div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:20px}.d1majgb2 input{width:20px;height:40px;font-size:40px}.c14ielyq{width:100%;height:100%}.c14ielyq>div:not(:last-child){margin-bottom:16px}.c1tlqx57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;padding:16px 16px 0}.t1hq58md{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;-webkit-transition:transform;transition:transform;-webkit-transition-duration:var(--animation-duration);transition-duration:var(--animation-duration);-webkit-transition-timing-function:var(--animation-function);transition-timing-function:var(--animation-function)}.s1ucohr1[data-nav=true]{height:calc(100% - var(--header-height));-webkit-transform:translateY(var(--header-height));-ms-transform:translateY(var(--header-height));transform:translateY(var(--header-height))}.s1ucohr1[data-question-header=true]{height:calc(100% - var(--question-headers-height,0%));-webkit-transform:translateY(var(--question-headers-height));-ms-transform:translateY(var(--question-headers-height));transform:translateY(var(--question-headers-height))}.s1el4wvm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:var(--container-padding);gap:var(--container-padding)}.s1oe3036.s1el4wvm{background-color:var(--color-neutrals-white)}.c38csyt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:12px;padding-bottom:32px}.ty221rx{color:var(--color-primary-green2);font-size:20px;font-family:var(--font-serif);font-weight:400;line-height:28px;text-align:center}.dlaj9xp{color:var(--color-neutrals-gray9);font-size:14px;font-weight:400;line-height:20px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;text-align:center}.c16sbdnm{width:100%;padding:8px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;font-size:14px}.c16sbdnm[data-isPrediction=true]{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start}.ibhorgl{min-width:24px;width:24px;height:24px;margin-right:14px;margin-left:12px}.ibhorgl g>path{fill:var(--color-primary-green1);fill-opacity:1}.f1g20ja7{min-width:32px;width:32px;height:32px;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-right:16px}.f1g20ja7[data-feedbackType=correct]{background-color:var(--color-primary-green1)}.f1g20ja7[data-feedbackType=incorrect]{background-color:var(--color-secondary-red1)}.f455ozj{font-weight:var(--font-weight-default)}.f1913njx{margin-right:5px}.f1913njx[data-feedbackType=correct]{color:var(--color-primary-green1)}.f1913njx[data-feedbackType=incorrect]{color:var(--color-secondary-red1)}.fzfk69z{color:var(--color-neutrals-gray9)}.fx87qaj{font-weight:400;margin-top:10px}.b1b6dl8t{background-color:var(--color-neutrals-gray2);border:1px solid transparent;box-sizing:border-box;border-radius:4px;position:relative;min-height:44px;width:100%;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;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;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 3px 3px 11px;font-size:14px;-webkit-letter-spacing:-.15px;-moz-letter-spacing:-.15px;-ms-letter-spacing:-.15px;letter-spacing:-.15px}.cgizw4u{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.t1l3ucjp{color:var(--color-neutrals-gray7);margin-right:8px;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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:10px;column-gap:10px;padding:11px 16px;color:var(--color-primary-green1);font-size:14px;font-weight:var(--font-weight-default);line-height:20px;border-radius:40px;border:1px solid var(--color-primary-green1);-webkit-text-decoration:none;text-decoration:none}.c1yrpn9o{padding:12px;font-weight:var(--font-weight-default);background-color:var(--color-primary-green1);border-radius:12px}.t17fwahh{margin-bottom:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:8px;column-gap:8px}.by6w7e9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:8px}.u1g7arbm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;column-gap:8px;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden}.a1ldeata{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.u10d4koz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:6px;overflow:hidden}.u1q6roj0{color:var(--color-white);font-family:var(--font-serif);font-size:16px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui0m425{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;column-gap:8px;height:14px;color:var(--color-neutrals-white);font-size:14px;text-transform:uppercase}.t1el3mrn{width:15px;height:15px}.r2vgnxv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px}.roqn06j{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-column-gap:4px;column-gap:4px}.r15adx7c{font-size:9px;opacity:.8}.dv59lta{width:1px;height:10px;background-color:var(--color-white);opacity:.2}.r55lotb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;column-gap:8px}.s1knfgqt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:8px 12px;border-radius:4px;background-color:var(--color-primary-green2)}.a1mqo824{background:#2d6ffd;border-radius:50%;width:48px;height:48px;text-align:center;text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:18px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.uxareh6{border:none;outline:none;background-color:transparent;cursor:pointer;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;width:100%;height:100%;max-width:48px;max-height:48px}.c1zy8a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:9px 8px;color:var(--color-neutrals-white);border-radius:4px;background-color:var(--color-primary-green2);overflow:hidden}.t1vih9p5{font-size:9px;line-height:14px;text-transform:uppercase;opacity:.8}.i1fbnvpb{font-size:14px;line-height:16px}.ctmhwyc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:4px;padding-top:2px;color:var(--color-neutrals-white);text-align:center}.i1jri200{font-size:14px;line-height:16px}.t8s05oq{font-size:9px;line-height:14px;text-transform:uppercase;opacity:.8}.sxnslc8{position:relative;box-sizing:border-box;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;border-radius:8px;background-color:var(--color-neutrals-gray2);padding:4px}.sxnslc8:before{content:"";position:absolute;background-color:var(--color-white);border-radius:4px;height:28px;left:4px;width:calc(50% - 4px);-webkit-transition:-webkit-transform var(--animation-duration) var(--animation-function);-webkit-transition:transform var(--animation-duration) var(--animation-function);transition:transform var(--animation-duration) var(--animation-function)}.sxnslc8[data-position=left]:before{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}.sxnslc8[data-position=right]:before{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translate(100%)}.b1umzux0{border:none;outline:none;background-color:transparent;color:var(--color-neutrals-gray7);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;font-weight:550;width:50%;box-sizing:border-box;padding:4px 10px;height:28px;cursor:pointer}.b1umzux0:hover{color:var(--color-primary-green1)}.b1umzux0[data-selected=true]{color:var(--color-primary-green1);cursor:default}.tspsaas{position:relative;z-index:2}.q1w97g3p{border-radius:var(--border-radius);padding:var(--container-padding);background-color:var(--color-neutrals-white);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:12px;border:1px solid var(--color-neutrals-white)}.q1w97g3p:hover{border-color:var(--color-neutrals-gray4)}.q2sl39u{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;font-size:12px;font-weight:500;margin-bottom:8px}.qd5h0uc{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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;font-weight:400;width:56px;height:32px}.p1pba9p1:hover{background-color:var(--color-primary-green2);cursor:pointer}.cl56x6b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;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)}.s1nve60q{border-radius:71px;padding:14px 16px 12px;font-size:12px;border:1px solid;font-weight:var(--font-weight-default);outline:none}.s1nve60q[data-variant=primary]{color:var(--color-neutrals-white);background-color:var(--color-primary-green1);border-color:var(--color-primary-green1)}.s1nve60q[data-variant=primary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.s1nve60q[data-variant=secondary]{color:var(--color-primary-green1);background-color:transparent;border-color:var(--color-primary-green1)}.s1nve60q[data-variant=secondary]:hover:enabled{color:var(--color-neutrals-white);background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.s1nve60q:disabled{opacity:.5}.s1nve60q:disabled:hover{cursor:default}.c1eptrjd{box-sizing:border-box;overflow:hidden;border-radius:8px;background:#fff;width:100%;padding:16px;position:relative;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:stretch;-webkit-justify-content:stretch;-ms-flex-pack:stretch;justify-content:stretch}.crylm65{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:20px;height:20px;right:11px;top:11px;cursor:pointer}.c9mrcz7 g>path{stroke:var(--color-neutrals-gray7)}.c9mrcz7:hover path{stroke:var(--color-primary-green2)}.hw3lzv4{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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight: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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight: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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight: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;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:calc(var(--animation-duration) 3);transition-duration:calc(var(--animation-duration) * 3);-webkit-transition-timing-function:var(--animation-function);transition-timing-function:var(--animation-function);-webkit-animation-duration:calc(var(--animation-duration) * 3);animation-duration:calc(var(--animation-duration) * 3);padding:var(--container-padding);width:auto;box-sizing:content-box}.ir6k2eo{width:100%;min-height:118px;border-radius:8px;overflow:hidden;position:relative;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:var(--animation-function);transition-timing-function:var(--animation-function);-webkit-transition-duration:calc(var(--animation-duration) * 3);transition-duration:calc(var(--animation-duration) * 3)}.c1hwoq9l{width:100%;min-height:118px;border-radius:8px;background-color:transparent;position:absolute;z-index:1;padding:22px 16px;color:var(--color-white);font-family:var(--font-serif);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:var(--animation-function);transition-timing-function:var(--animation-function);-webkit-transition-duration:calc(var(--animation-duration) * 3);transition-duration:calc(var(--animation-duration) * 3)}.t4ujo4g{margin-bottom:10px;font-size:20px;font-weight:var(--font-weight-default);line-height:24px;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.s1pjil1h{font-size:12px;font-weight:500;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--font-regular)}.s1iorwr9.s1pjil1h{font-family:var(--font-serif)}.a51sv9d{font-weight:400px;margin-left:5px}.f1lbk2ye{width:14px;height:14px;min-width:14px;min-height:14px;margin-right:6px}.crcvk3t{width:30px;height:30px;border:none;border-radius:50%;outline:none;background-color:transparent;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;right:8px;top:8px;cursor:pointer;z-index:2}.c33p82r path{stroke:var(--color-neutrals-gray7)}.c33p82r:hover path{stroke:var(--color-primary-green2)}.b1dqe0sz{height:100%;width:100%;position:absolute;top:-1px;left:0;z-index:1;display:none}.b1dqe0sz[data-active=true]{display:block}.b1dqe0sz[data-active=true]>div:nth-child(1){-webkit-animation:showLines-b1dqe0sz 1s 50ms ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards;animation:showLines-b1dqe0sz 1s 50ms ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(2){-webkit-animation:showLines-b1dqe0sz .7s .5s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards;animation:showLines-b1dqe0sz .7s .5s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(3){-webkit-animation:showLines-b1dqe0sz .5s .7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards;animation:showLines-b1dqe0sz .5s .7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(4){-webkit-animation:showLines-b1dqe0sz .4s 1s ease-out forwards,hiddenLines-b1dqe0sz .5s 5.5s ease-in forwards;animation:showLines-b1dqe0sz .4s 1s ease-out forwards,hiddenLines-b1dqe0sz .5s 5.5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(1){-webkit-animation:showLines-b1dqe0sz 1s 1s ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards;animation:showLines-b1dqe0sz 1s 1s ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(2){-webkit-animation:showLines-b1dqe0sz .7s 1.4s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards;animation:showLines-b1dqe0sz .7s 1.4s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(3){-webkit-animation:showLines-b1dqe0sz .5s 1.7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards;animation:showLines-b1dqe0sz .5s 1.7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(1){-webkit-animation:showLines-b1dqe0sz 1s 50ms ease-out forwards;animation:showLines-b1dqe0sz 1s 50ms ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(2){-webkit-animation:showLines-b1dqe0sz .7s .5s ease-out forwards;animation:showLines-b1dqe0sz .7s .5s ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(3){-webkit-animation:showLines-b1dqe0sz .5s .7s ease-out forwards;animation:showLines-b1dqe0sz .5s .7s ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(4){-webkit-animation:showLines-b1dqe0sz .4s 1s ease-out forwards;animation:showLines-b1dqe0sz .4s 1s ease-out forwards}.b1dqe0sz>div{background-color:var(--color-white)}.b1dqe0sz[data-correct=true]>div{background-color:var(--color-primary-green2)}.b1dqe0sz[data-correct=false]>div{background-color:var(--color-neutrals-gray6)}@-webkit-keyframes showLines-b1dqe0sz{0%{-webkit-transform:translateX(400px) rotate(137deg);-ms-transform:translateX(400px) rotate(137deg);transform:translate(400px) rotate(137deg)}to{-webkit-transform:translateX(0px) rotate(137deg);-ms-transform:translateX(0px) rotate(137deg);transform:translate(0) rotate(137deg)}}@keyframes showLines-b1dqe0sz{0%{-webkit-transform:translateX(400px) rotate(137deg);-ms-transform:translateX(400px) rotate(137deg);transform:translate(400px) rotate(137deg)}to{-webkit-transform:translateX(0px) rotate(137deg);-ms-transform:translateX(0px) rotate(137deg);transform:translate(0) rotate(137deg)}}@-webkit-keyframes hiddenLines-b1dqe0sz{0%{width:1000px}to{width:2000px;opacity:0}}@keyframes hiddenLines-b1dqe0sz{0%{width:1000px}to{width:2000px;opacity:0}}.b1v6w7ni{position:absolute;opacity:.05;height:1000px;width:1000px;bottom:-580px;-webkit-transform:translateX(400px) rotate(137deg);-ms-transform:translateX(400px) rotate(137deg);transform:translate(400px) rotate(137deg)}.b2nqb1p.b1v6w7ni{right:-818px}.b1xxgmbk.b1v6w7ni{right:-902px}.b63lwcb.b1v6w7ni{right:-997px}.b2iah4.b1v6w7ni{right:-891px}.b1xezvf6.b1v6w7ni{right:-942px}.b1jz1hg0.b1v6w7ni{right:-996px}.b18ho1tk.b1v6w7ni{right:-931px}.b14uvjfm.b1v6w7ni{right:-981px;opacity:.1}.b11c3ns7.b1v6w7ni{right:-1035px;opacity:.15}.b1bqhhet.b1v6w7ni{right:-1088px;opacity:.2}.b1xyzi7o.b1v6w7ni{right:-931px;opacity:.1}.byo0rup.b1v6w7ni{right:-981px;opacity:.1}.b1oyiqgv.b1v6w7ni{right:-1035px;opacity:.1}.bx3ddqw.b1v6w7ni{right:-1088px;opacity:.1}.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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;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;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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight: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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-primary-green2)}@media (max-width:767px){.p1gqe4lh{width:28px;height:28px}}.p15syg2y{width:20px;height:20px}.p15syg2y path{fill:var(--color-neutrals-white)}@media (max-width:767px){.p15syg2y{width:14px;height:14px}}.p12n4f2h{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:var(--color-neutrals-white);font-weight:var(--font-weight-default)}.poqmx89{margin-bottom:1px;font-size:9px;text-transform:uppercase}@media (max-width:767px){.poqmx89{display:none}}.prj9b3v{font-size:18px;line-height:20px}@media (max-width:767px){.prj9b3v{font-size:14px;line-height:22px}}.c18uddbs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:var(--color-neutrals-white)}.cvcfjf6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.o1ie27lw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:12px 12px 12px 16px}.c15cjkwi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;padding:0;width:24px;height:24px;border:none;background-color:transparent;outline:none;cursor:pointer}.i1mavjt2{width:10px;height:10px}.o1x0dyzv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 16px 16px;margin-top:auto}.o1jfi9c3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:0 16px;height:44px;font-size:14px;line-height:20px;cursor:pointer}.c1htq1lb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-bottom:24px}.cjyzpp7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding:0 16px 32px}.g16mldgz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.g16mldgz[data-centered=false]{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.g16mldgz img{display:block;height:auto;margin-bottom:40px}.h69js65{max-width:270px;color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.smm7qmo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:8px;column-gap:8px}.s17knuw2{width:6px;height:6px;border-radius:50%;background-color:var(--color-neutrals-gray4)}.s17knuw2[data-active=true]{background-color:var(--color-primary-green1)}.c1itm4k7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;row-gap:24px;height:100%;padding:16px 16px 56px;background:var(--color-neutrals-white)}.i1w4fsni{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--color-primary-green1)}.i19m85r1{width:24px;height:24px}.c1mbu204{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;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;text-align:center}.l1wot35e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:16px;column-gap:16px;padding:12px 16px;max-width:292px;width:100%;border-radius:8px;border:1px solid var(--color-neutrals-gray3);cursor:pointer}.l1jdw39q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;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;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.l1pqlvw3{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.s1n7kzeh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;column-gap:8px}.s2m9o9y{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:8px;min-width:68px;-webkit-text-decoration:none;text-decoration:none}.sewjbbn{color:var(--color-neutrals-gray9);font-size:12px;font-weight:400;line-height:18px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px}.cm0bev{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-bottom:16px}.ce7x737{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;row-gap:24px;height:100%;padding:0 32px 32px}.tc2tor6{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.r1k5klql{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:24px}.r1tf3ft2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:16px;column-gap:16px}.rwpvg1k{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--color-primary-green1)}.rwpvg1k [data-icon=icon-trophy]{width:18px;height:18px}.rwpvg1k [data-icon=icon-trophy] path{fill:var(--color-neutrals-white)}.rwpvg1k [data-icon=icon-btn-feature-groups] path:first-child{stroke:var(--color-neutrals-white)}.rwpvg1k [data-icon=icon-btn-feature-groups] path:not(:first-child){fill:var(--color-neutrals-white)}.rbxiag0{font-size:14px;font-weight:var(--font-weight-default);line-height:18px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px}.t6cyrry{margin:0 auto;padding:8px 16px;color:var(--color-primary-green1);font-size:12px;font-weight:400;line-height:16px;border:initial;background:initial;outline:initial;cursor:pointer}.s13d8sg6>div{padding:var(--scroll-container-padding);background:var(--scroll-container-background)}.s13d8sg6>div>div{position:relative}.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}.culdu4a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;padding:8px 16px 8px 8px;color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:16px;border:1px solid var(--color-neutrals-gray3);border-radius:8px;background-color:var(--color-neutrals-white);cursor:pointer}.culdu4a:hover{color:var(--color-primary-green1);border-color:var(--color-neutrals-gray5)}.pwf8e69{min-width:28px;text-align:center}.atf4yh4{width:32px;height:32px;border-radius:50%}.a1dg29ja{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;color:var(--color-neutrals-gray9);font-size:12px;border-radius:50%;background:var(--color-grey-primary-onboarding-inapp);text-align:center;text-transform:uppercase}.c10a68rc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;column-gap:8px}.nc4kck5{display:grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;grid-template-columns:1fr auto}.njsrqgr{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.c17uc4zr{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.c1ux29ft{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap: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;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:9px}.gao3b2f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top-left-radius:8px;border-bottom-left-radius:8px;min-width:60px;width:60px;height:100%;background-color:var(--color-blue-question-action-btn);position:relative}.i1k4eec3{width:35px;height:35px}.i1uhyahn{width:35px;height:35px;border-radius:50%}.i2ernmy{position:absolute;left:0;bottom:0;width:60px}.t12j99pr{color:var(--color-white);font-size:12px;font-weight:400px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;text-overflow:ellipsis;max-height:100%;margin-right:35px}.n1uwonpi{width:16px;height:16px}.s8p5v5z{width:100%;height:53px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:16px 0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.c1vwopgc{font-weight:var(--font-weight-default);color:var(--color-neutrals-gray7);border-bottom:1px solid var(--color-neutrals-gray3);background:var(--color-neutrals-white);box-sizing:border-box;width:100%;font-size:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 12px 12px 16px}.qyktpt0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.q951jdx{width:16px;height:16px}.q951jdx[data-type-trivia=true]{width:13px;height:13px}.q951jdx[data-type-poll=true]{width:12px;height:12px}.q951jdx path{fill:var(--color-primary-green1);fill-opacity:1}.qss5f0e{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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.cvsl7l3 path{stroke:var(--color-neutrals-gray7)}.cvsl7l3:hover path{stroke:var(--color-primary-green2)}.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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;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}.c1d7yse1{--pill-offset:60px}.o9squag{width:100%;height:100%;-webkit-animation:onboardingContainerShowIn-o9squag ease-out;animation:onboardingContainerShowIn-o9squag ease-out;-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}@-webkit-keyframes onboardingContainerShowIn-o9squag{0%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);opacity:.9}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes onboardingContainerShowIn-o9squag{0%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);opacity:.9}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}.o1c8wcli{position:relative;height:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:calc(var(--animation-duration) * 3);transition-duration:calc(var(--animation-duration) * 3);-webkit-transition-timing-function:var(--animation-function);transition-timing-function:var(--animation-function);-webkit-animation-duration:calc(var(--animation-duration) * 3);animation-duration:calc(var(--animation-duration) * 3)}.i18oyadd{padding:var(--container-padding)}.cebdc0u{-webkit-animation:onboardingContainerHide-cebdc0u ease-out;animation:onboardingContainerHide-cebdc0u ease-out;-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes onboardingContainerHide-cebdc0u{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);opacity:0}21%{display:none}to{display:none}}@keyframes onboardingContainerHide-cebdc0u{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);opacity:0}21%{display:none}to{display:none}}.ctckejh{position:relative;height:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--animation-duration);transition-duration:var(--animation-duration);-webkit-transition-timing-function:var(--animation-function);transition-timing-function:var(--animation-function);-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration)}.i1ri7tzr{padding:var(--container-padding);overflow:hidden}.n1ng1qh5{position:absolute;inset:var(--container-padding);overflow:hidden;border-radius:8px;-webkit-animation:hide-glow-n1ng1qh5 var(--animation-function);animation:hide-glow-n1ng1qh5 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}.n1ng1qh5: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-n1ng1qh5 var(--animation-function);animation:glow-n1ng1qh5 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-n1ng1qh5{0%{visibility:visible;background:rgba(255,255,255,1)}50%{visibility:visible;background:rgba(255,255,255,0)}to{visibility:hidden}}@keyframes hide-glow-n1ng1qh5{0%{visibility:visible;background:rgba(255,255,255,1)}50%{visibility:visible;background:rgba(255,255,255,0)}to{visibility:hidden}}@-webkit-keyframes glow-n1ng1qh5{0%{-webkit-transform:skewX(-45deg) translateX(-150%);-ms-transform:skewX(-45deg) translateX(-150%);transform:skew(-45deg) translate(-150%)}to{-webkit-transform:skewX(-45deg) translateX(150%);-ms-transform:skewX(-45deg) translateX(150%);transform:skew(-45deg) translate(150%)}}@keyframes glow-n1ng1qh5{0%{-webkit-transform:skewX(-45deg) translateX(-150%);-ms-transform:skewX(-45deg) translateX(-150%);transform:skew(-45deg) translate(-150%)}to{-webkit-transform:skewX(-45deg) translateX(150%);-ms-transform:skewX(-45deg) translateX(150%);transform:skew(-45deg) translate(150%)}}.pruq6ik{position:absolute;left:50%;top:calc(var(--header-height) + 8px + var(--pill-offset));-webkit-animation:show-in-pruq6ik var(--animation-function);animation:show-in-pruq6ik 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-pruq6ik{0%{-webkit-transform:translateY(-40px) translateX(-50%);-ms-transform:translateY(-40px) translateX(-50%);transform:translateY(-40px) translate(-50%)}to{-webkit-transform:translateY(0) translateX(-50%);-ms-transform:translateY(0) translateX(-50%);transform:translateY(0) translate(-50%)}}@keyframes show-in-pruq6ik{0%{-webkit-transform:translateY(-40px) translateX(-50%);-ms-transform:translateY(-40px) translateX(-50%);transform:translateY(-40px) translate(-50%)}to{-webkit-transform:translateY(0) translateX(-50%);-ms-transform:translateY(0) translateX(-50%);transform:translateY(0) translate(-50%)}}.cocfo2g{box-sizing:border-box;overflow:hidden;border-radius:8px;background:#fff;width:100%;padding:16px;position:relative;background-color:var(--color-white);color:var(--color-primary-green2);font-family:var(--font-serif)}.c1pdhxdk{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:20px;height:20px;right:11px;top:11px;cursor:pointer}.c1funj3r g>path{stroke:var(--color-neutrals-gray7)}.c1funj3r:hover path{stroke:var(--color-primary-green2)}.t1okg06y{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-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;-webkit-letter-spacing:3px;-moz-letter-spacing:3px;-ms-letter-spacing:3px;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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:22px;font-weight:400;margin-bottom:6px}.dfvmv3t{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--font-regular);font-size:12px;font-weight: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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight: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}.oar61gl{position:absolute;top:0;right:0;bottom:0;left:0;top:var(--header-height);background:var(--color-neutrals-white);z-index:3}.u14zaal4{background:var(--color-transparent-item);width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.u14zaal4>div{width:100%}.qdri6g3{background:var(--color-transparent-item);width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.i1chxfpe{position:-webkit-sticky;position:sticky;bottom:8px;border-radius:8px;background:white}.i1chxfpe:after{content:"";display:block;position:absolute;height:16px;width:100%;z-index:-1;background:white;bottom:-8px}

package/lib/ui/app/Notifications/Onboarding/index.d.ts CHANGED Viewed

@@ -5,5 +5,6 @@ export declare const Onboarding: React.FC<{
     sdk: StreamLayerSDK;
     notification: Notification;
     saveHeight: (height: number) => void;
+    appNode: React.MutableRefObject<HTMLDivElement | null>;
     style?: React.CSSProperties;
 }>;

package/lib/ui/app/Notifications/Onboarding/index.js CHANGED Viewed

@@ -1,11 +1,13 @@
 import { jsx as D, jsxs as U, Fragment as S } from "react/jsx-runtime";
 import { cx as Q } from "@linaria/core";
-import { styled as E } from "@linaria/react";
+import { styled as y } from "@linaria/react";
 import { useRef as C, useState as k, useLayoutEffect as w, useEffect as e } from "react";
+import { r as t } from "../../../../index-ba93b6b2.js";
 import { FeatureType as s } from "@streamlayer/sdk-web-types";
-import { Onboarding as t } from "../../../gamification/onboarding/index.js";
+import { Onboarding as r } from "../../../gamification/onboarding/index.js";
 import { ShowIn as o } from "../../../show-in/index.js";
 import { Onboarding as i } from "./Notification/index.js";
+import "../../../../index-39a0b9b6.js";
 import "react-virtualized-auto-sizer";
 import "../../../gamification/onboarding/slides/onboarding-instructions/index.js";
 import "../../../gamification/onboarding/slides/onboarding-instructions/styles.js";
@@ -19,36 +21,36 @@ import "../../../button/index.js";
 import "../../../button/styles.js";
 import "./Notification/styles.js";
 const n = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTIiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCA5MiAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjE3MDEgMC45NTM5OTZDMTMuOTA0NyAwLjg3MzE0NSAxMy42MzkzIDEuMDE3NyAxMy4zNzM5IDEuMTY0N0MxMy4yNzk3IDEuMjE2MTUgMTMuMjEyNyAxLjMwNjggMTMuMTkwNCAxLjQwOTdMMTIuNzczNiAzLjMzMjk4QzEyLjc1ODggMy40MDQwNCAxMi44MjMzIDMuNDY3NzQgMTIuODk1MiAzLjQ1MzA0QzEzLjMzNDIgMy4zNTUwNCAxMy43NTA5IDIuOTc1MjggMTQuMTkgMy4xMDc1OEMxNC42ODExIDMuMjU3MDMgMTUuMTcyMiAyLjY0MjA3IDE1LjY2MzQgMi42NDk0MlYwLjQyOTY4OEMxNS4xNjk4IDAuNDMyMTM4IDE0LjY2MTMgMS4xMDM0NSAxNC4xNzAxIDAuOTUzOTk2WiIgZmlsbD0iIzAwNjc0NyIvPgo8cGF0aCBkPSJNMjAuNDQwNCA2Ljg0Nzg2QzIwLjMzNjIgNi43NzY4MSAyMC4yNzE3IDYuNjYxNjYgMjAuMjcxNyA2LjUzNjcxVjYuMTg2MzVDMjAuMjcxNyA1Ljg3Mjc1IDIwLjAxMzggNS42MTU0OSAxOS42OTM4IDUuNjE1NDlIMTkuNDYzMUMxOS4xODc4IDUuNjE1NDkgMTguOTM0OCA1Ljc1MjY5IDE4Ljc4NTkgNS45ODA1NUwxOC4wNDE4IDcuMTE0OTJDMTcuOTY3NCA3LjIyNzYyIDE3Ljg0MzQgNy4yOTM3NyAxNy43MDk0IDcuMjkzNzdIMTcuMjA4NEMxNi45NjAzIDcuMjkzNzcgMTYuNzMyMSA3LjQyODUyIDE2LjYxMzEgNy42NDQxMkMxNi40OTE1IDcuODY3MDggMTYuMjc1NyA4LjAyMTQzIDE2LjAzMDIgOC4wNzI4OFYwLjE4MTMwM0MxNi4wMzAyIDAuMDgwODUxMyAxNS45NDgzIDAgMTUuODQ2NiAwQzE1Ljc0NDkgMCAxNS42NjMgMC4wODA4NTEzIDE1LjY2MyAwLjE4MTMwM1YwLjQyNjMwN1YyLjY0NjA0VjguMDc3NzhDMTUuNDE3NSA4LjAyNjMzIDE1LjIwMTcgNy44NzE5OCAxNS4wODAxIDcuNjQ2NTdDMTQuOTYzNiA3LjQzMDk3IDE0LjczNTQgNy4yOTYyMiAxNC40ODQ4IDcuMjk2MjJIMTQuMTQ3NUMxMy44Nzk2IDcuMjk2MjIgMTMuNjM5IDcuNDUwNTcgMTMuNTI5OCA3LjY5MzEyTDEzLjI0OTYgOC4zMTI5OUMxMy4yMDQ5IDguNDEwOTkgMTMuMTA1NyA4LjQ3NDY5IDEyLjk5NjUgOC40NzQ2OUMxMi44ODc0IDguNDc0NjkgMTIuNzg4MiA4LjQxMDk5IDEyLjc0MzUgOC4zMTI5OUwxMi40NjMzIDcuNjkzMTJDMTIuMzU0MSA3LjQ1MzAyIDEyLjExMzUgNy4yOTYyMiAxMS44NDU2IDcuMjk2MjJIMi4zMzgwMkMyLjI2MTEzIDcuMjk2MjIgMi4xOTkxMSA3LjM1NzQ3IDIuMTk5MTEgNy40MzM0MkMyLjE5OTExIDcuNTk1MTIgMi4wNjUxNyA3LjcyNDk4IDEuOTAzOTQgNy43MjQ5OEgxLjQ5MjE4QzEuNDE1MjkgNy43MjQ5OCAxLjM1MzI4IDcuNzg2MjMgMS4zNTMyOCA3Ljg2MjE4VjguMzM1MDRDMS4zNTMyOCA4Ljc3ODQ5IDEuMjY2NDYgOS4yMDk3IDEuMDkyODMgOS42MTg4NkwwLjg0MjMwMyAxMC4yMTQyQzAuNjA5MTQgMTAuNzY1NSAwLjUgMTEuMzM2MyAwLjUgMTEuODk3NFYxMy4yNjk0QzAuNSAxMy42Mzk0IDAuNTU0NTcgMTQuMDE0MiAwLjY2MzcxIDE0LjM3OTNDMC45Njg4MDcgMTUuNDAzNCAxLjY2MzM0IDE2LjI0MTMgMi42MTgzMSAxNi43MzYyTDQuMTM4ODMgMTcuNTI3NkM0LjE1ODY4IDE3LjUzNzQgNC4xODEgMTcuNTQyMyA0LjIwMzMyIDE3LjU0MjNMNS4zMjY5NyAxNy41NTIxQzUuNTg5OSAxNy41NTQ1IDUuODQ3ODcgMTcuNjIwNyA2LjA3ODU1IDE3Ljc0ODFMNi42ODEzIDE4LjA4MTNDNi43MDExNSAxOC4wOTM1IDYuNzI1OTUgMTguMDk4NCA2Ljc1MDc2IDE4LjA5ODRINy41NTY5QzcuODM5NjggMTguMDk4NCA4LjExOTk3IDE4LjE3NDQgOC4zNjA1NyAxOC4zMTg5QzguMzYwNTcgMTguMzE4OSA4Ljc1NDk3IDE4LjU1NjYgOC44ODg5MSAxOC42MzI2QzkuMTAyMjMgMTguNzU1MSA5LjM2MDIgMTguODcyNyA5LjgwOTE2IDE4Ljg5NzJDOS45MTA4NiAxOC45MDIxIDEwLjAxMjYgMTguODY1MyAxMC4wODk1IDE4Ljc5NDNDMTAuMTYzOSAxOC43MjMyIDEwLjIwODUgMTguNjIyOCAxMC4yMDg1IDE4LjUyMjNWMTcuOTg4MkMxMC4yMDg1IDE3LjYwMTEgMTAuNDM5MiAxNy4yNDgzIDEwLjc5ODkgMTcuMDkzOUwxMi4wMzE3IDE2LjU1OThDMTIuMjAwMyAxNi40ODYzIDEyLjM4ODggMTYuNDc0MSAxMi41NjQ5IDE2LjUyOEwxMy4wMjYzIDE2LjY2MjdDMTMuMjIyMyAxNi43MTkxIDEzLjQzMDYgMTYuNzIxNSAxMy42MjY2IDE2LjY2MjdMMTQuNzE4IDE2LjM0MThDMTQuODYxOSAxNi4zMDAxIDE1LjAxNTYgMTYuMzAwMSAxNS4xNjIgMTYuMzQ0MkwxNS42MDYgMTYuNDY2N0MxNS44MTE5IDE2LjUyMzEgMTUuOTU4MiAxNi43MTQyIDE1Ljk1ODIgMTYuOTI0OVYxNy45OTMxQzE1Ljk1ODIgMTguNDkwNSAxNi4zNjc1IDE4Ljg5NzIgMTYuODcxIDE4Ljg5NzJDMTcuMjQ4MSAxOC44OTcyIDE3LjU3OCAxOC42NTk1IDE3LjY5MjEgMTguMzA0MkMxNy44OTc5IDE3LjY2NDggMTguMDAyMSAxNi45OTg0IDE4LjAwMjEgMTYuMzI3MVYxNS44NzE0QzE4LjAwMjEgMTUuNTQ4IDE4LjEzODUgMTUuMjM2OCAxOC4zNzY3IDE1LjAxMzhMMTguODMwNiAxNC41OUMxOS4xMzU3IDE0LjMwMzMgMTkuMzExOCAxMy44OTY2IDE5LjMxMTggMTMuNDgwMVYxMC45NDY4QzE5LjMxMTggMTAuNTU0OCAxOS40MzA5IDEwLjE3NSAxOS42NTkxIDkuODUxNjFDMTkuNjc2NCA5LjgyOTU2IDE5LjY4MzkgOS44MDAxNiAxOS42ODM5IDkuNzczMjFWOS4xNzU0QzE5LjY4MzkgOC43ODU4NCAxOS44MDI5IDguNDA4NTQgMjAuMDI2MiA4LjA4NzU4TDIwLjQ3NTEgNy40NDMyMkMyMC40OTI1IDcuNDIxMTcgMjAuNDk5OSA3LjM5NDIyIDIwLjQ5OTkgNy4zNjQ4MlY2Ljk2MDU2QzIwLjUwMjQgNi44ODQ2MSAyMC40NTUzIDYuODU3NjYgMjAuNDQwNCA2Ljg0Nzg2Wk0xNi4wMzAyIDEyLjg1NTRDMTYuMzM1MiAxMi45MDE5IDE2LjU2MzQgMTMuMDU2MyAxNi41NjM0IDEzLjI0MjVDMTYuNTYzNCAxMy40Mjg3IDE2LjMzNzcgMTMuNTgzIDE2LjAzMDIgMTMuNjI5NlYxMi44NTU0Wk0yLjk4MDQ2IDE2LjYxMzdMMi43NDk3OCAxNi40OTM3QzIuMTIyMjIgMTYuMTY3OCAxLjYyMTE3IDE1LjY4MjcgMS4yNzg4NiAxNS4wOTIyVjE0LjM1MjNDMS42NzA3OCAxNC45MTM0IDIuMjA0MDcgMTUuMzkxMiAyLjg1NjQ0IDE1LjczMTdMMi45ODA0NiAxNS43OTU0VjE2LjYxMzdaTTQuMTQxMzEgMTcuMjE4OUwzLjUyNjE2IDE2LjkwMDRWMTYuMDgyMUw0LjEzODgzIDE2LjQwMDZINC4xNDEzMVYxNy4yMTg5Wk02LjcwMTE1IDE3Ljc3NUw2LjIxNDk4IDE3LjUwNTVDNS45NDk1NyAxNy4zNTg1IDUuNjUxOTEgMTcuMjgwMSA1LjM0NjgyIDE3LjI3NTJWMTYuNDIyNkM1LjYwMjMgMTYuNDI3NSA1Ljg1NTMxIDE2LjQ5MzcgNi4wNzg1NSAxNi42MTYyTDYuNjgxMyAxNi45NDk0QzYuNjg2MjYgMTYuOTUxOCA2LjY5MzcgMTYuOTUxOCA2LjcwMTE1IDE2Ljk1NDNWMTcuNzc1Wk05LjkyODIyIDE3Ljk4ODJWMTguNDA0N1YxOC41MjIzQzkuOTI4MjIgMTguNTQ5MyA5LjkxNTgyIDE4LjU3NjIgOS44OTU5OCAxOC41OTU4QzkuODc2MTMgMTguNjE1NCA5Ljg1MTMzIDE4LjYyMjggOS44MjQwNCAxOC42MjI4QzkuNDM0NjEgMTguNjAzMiA5LjIxMTM3IDE4LjUwMjcgOS4wMzAzIDE4LjM5NzNDOC44OTg4MyAxOC4zMjE0IDguNTA2OTIgMTguMDg2MiA4LjUwNDQ0IDE4LjA4NjJDOC4yNTg4NyAxNy45MzkyIDcuOTgxMDYgMTcuODU4MyA3LjY5NTgxIDE3LjgzNjNWMTYuOTc4OEM3LjkyODk3IDE3LjAwMDggOC4xNTcxOCAxNy4wNjk0IDguMzYwNTcgMTcuMTg5NUw4LjcwMDQgMTcuMzkwNEM5LjA3MjQ2IDE3LjYxMDkgOS40OTY2MiAxNy43MzU4IDkuOTI4MjIgMTcuNzYwM1YxNy45ODgyWk0xMy4yODY4IDE2LjQyNzVDMTMuMjI3MiAxNi40MjUxIDEzLjE2NTIgMTYuNDE1MyAxMy4xMDU3IDE2LjM5ODFMMTIuNjQ0MyAxNi4yNjA5QzEyLjU0NTEgMTYuMjMxNSAxMi40NDM0IDE2LjIyMTcgMTIuMzQxNyAxNi4yMjE3VjE1LjM2NjdDMTIuNDE2MSAxNS4zNjY3IDEyLjQ5MDUgMTUuMzc0IDEyLjU2NDkgMTUuMzk2MUwxMy4wMjYzIDE1LjUzMDhDMTMuMTEwNyAxNS41NTUzIDEzLjE5OTkgMTUuNTY3NiAxMy4yODY4IDE1LjU3MjVWMTYuNDI3NVpNMTYuMTc2NSAxNi42MzMzQzE2LjA4NzIgMTYuNDI3NSAxNS45MTExIDE2LjI2MzQgMTUuNjg1NCAxNi4yMDIxTDE1LjI0MzggMTYuMDc5NkMxNS4xMzk3IDE2LjA0NzggMTUuMDMwNSAxNi4wMzU1IDE0LjkyMTQgMTYuMDM1NVYxNS4xODI5QzE1LjAwNTcgMTUuMTgwNCAxNS4wOTAxIDE1LjE5MDIgMTUuMTcxOSAxNS4yMTcyTDE1LjUzNDEgMTUuMzI5OUMxNS45MTg1IDE1LjQ1IDE2LjE3NjUgMTUuNzk3OSAxNi4xNzY1IDE2LjE5NDhWMTYuNjMzM1pNMTcuNDQ5IDE4LjE0NzRDMTcuNDQxNSAxOC4xNzE5IDE3LjQzNjYgMTguMTk2NCAxNy40MjkxIDE4LjIyMDlDMTcuMzUyMiAxOC40NjExIDE3LjEyOSAxOC42MjAzIDE2Ljg3NiAxOC42MjAzQzE2Ljg1MzcgMTguNjIwMyAxNi44MzEzIDE4LjYxNTQgMTYuODA5IDE4LjYxM1YxNy43NjI4QzE2LjgyNjQgMTcuNzY1MiAxNi44NDEzIDE3Ljc2NzcgMTYuODU4NiAxNy43Njc3QzE3LjEwNjcgMTcuNzY3NyAxNy4zMzI0IDE3LjYzMDUgMTcuNDUxNSAxNy40MjIyVjE4LjE0NzRIMTcuNDQ5Wk0xOS44MzAyIDcuNDgyNDJDMTkuNTUyNCA3Ljg3OTMzIDE5LjQwNjEgOC4zNDQ4NCAxOS40MDYxIDguODI3NDlWOS4yNDg5TDE5LjE5MDMgOS41NTc2QzE4LjkxIDkuOTU2OTYgMTguNzYxMSAxMC40MjQ5IDE4Ljc2MTEgMTAuOTFWMTMuMDM0MkMxOC43NjExIDEzLjM3NzIgMTguNjE3MyAxMy43MTI5IDE4LjM2NDMgMTMuOTQ4MUwxNy45MTAzIDE0LjM3NDRDMTcuNjA1MiAxNC42NjEgMTcuNDM2NiAxNS4wNjI4IDE3LjQ0OSAxNS40Nzk0TDE3LjQ1MTUgMTUuNTc0OUMxNy40Njg4IDE2LjEyNjIgMTcuMzk2OSAxNi42NzUgMTcuMjQwNiAxNy4yMDQyQzE3LjE5MSAxNy4zNzMyIDE3LjAzMjMgMTcuNDkwOCAxNi44NTYxIDE3LjQ5MDhDMTYuNjM1NCAxNy40OTA4IDE2LjQ1NDMgMTcuMzE0NCAxNi40NTQzIDE3LjA5MzlWMTYuMTk0OEMxNi40NTQzIDE1LjY3NTQgMTYuMTE3IDE1LjIyMjEgMTUuNjE1OSAxNS4wNjc3TDE1LjI1MzggMTQuOTU1QzE1LjA1MjggMTQuODkzOCAxNC44NDIgMTQuODkxMyAxNC42Mzg2IDE0Ljk1MDFMMTMuNTQ3MiAxNS4yNjg2QzEzLjQwMzMgMTUuMzEwMyAxMy4yNDk2IDE1LjMxMDMgMTMuMTA1NyAxNS4yNjg2TDEyLjY0NDMgMTUuMTMzOUMxMi40MDYyIDE1LjA2MjggMTIuMTQ4MiAxNS4wOCAxMS45MiAxNS4xNzhMMTAuOTUwMiAxNS41OTk0QzEwLjMzMDEgMTUuODY4OSA5LjkzMDcgMTYuNDc0MSA5LjkzMDcgMTcuMTQyOVYxNy40ODg0QzkuNTQ4NzEgMTcuNDY2MyA5LjE3NjY0IDE3LjM1MzYgOC44NDY3NCAxNy4xNTc2TDguNTA2OTIgMTYuOTU2N0M4LjIxOTE5IDE2Ljc4NzcgNy44OTE3NyAxNi42OTcgNy41NTY5IDE2LjY5N0g2Ljc4NTQ4TDYuMjE0OTggMTYuMzgxQzUuOTQ0NjEgMTYuMjMxNSA1LjYzOTUxIDE2LjE1MzEgNS4zMjk0NSAxNi4xNTA3TDQuMjM4MDUgMTYuMTQzM0wyLjk4NTQyIDE1LjQ5MTZDMS4wODUzOSAxNC41MDQyIDAuMjc0Mjc4IDEyLjI4MjEgMS4xMDAyNyAxMC4zMjJMMS4zNTA4IDkuNzI2NjZDMS41MzY4MyA5LjI4NTY1IDEuNjMzNTcgOC44MTc2OSAxLjYzMzU3IDguMzM3NDlWOC4wMDQyOEgxLjkwMzk0QzIuMTcxODMgOC4wMDQyOCAyLjQwMDAzIDcuODIwNTMgMi40NjIwNCA3LjU3MzA3SDExLjg0ODFDMTIuMDA0NCA3LjU3MzA3IDEyLjE0ODIgNy42NjM3MiAxMi4yMTAyIDcuODA1ODNMMTIuNDkwNSA4LjQyNTY5QzEyLjU3OTggOC42MjQxNCAxMi43NzgzIDguNzUxNTQgMTIuOTk5IDguNzUxNTRDMTMuMjE3MyA4Ljc1MTU0IDEzLjQxODIgOC42MjQxNCAxMy41MDc1IDguNDI1NjlMMTMuNzg3OCA3LjgwMzM4QzEzLjg1MjMgNy42NjEyNyAxMy45OTM3IDcuNTcwNjIgMTQuMTUgNy41NzA2MkgxNC40ODczQzE0LjYzMzcgNy41NzA2MiAxNC43Njc2IDcuNjQ5MDIgMTQuODM3IDcuNzc2NDNDMTUuMDA4MiA4LjA5MDAzIDE1LjMxNTggOC4zMDA3NCAxNS42NjU1IDguMzU3MDlWMTIuMjU3NUMxNS4xMDI1IDEyLjMxODggMTQuNjcwOSAxMi42NDk2IDE0LjY3MDkgMTMuMDUxNEMxNC42NzA5IDEzLjQ5NzMgMTUuMTk2NyAxMy44NTc0IDE1Ljg0NjYgMTMuODU3NEMxNi40OTY1IDEzLjg1NzQgMTcuMDIyMyAxMy40OTczIDE3LjAyMjMgMTMuMDUxNEMxNy4wMjIzIDEyLjY0OTYgMTYuNTkwNyAxMi4zMTYzIDE2LjAyNzcgMTIuMjU3NVY4LjM1NDY0QzE2LjM3NzQgOC4yOTgyOCAxNi42ODUgOC4wODc1OCAxNi44NTYxIDcuNzczOThDMTYuOTI1NiA3LjY0NjU3IDE3LjA1OTUgNy41NjgxNyAxNy4yMDU5IDcuNTY4MTdIMTcuNzA2OUMxNy45Mzc2IDcuNTY4MTcgMTguMTQ4NSA3LjQ1MzAyIDE4LjI3NSA3LjI2MTkyTDE5LjAxOTEgNi4xMjc1NUMxOS4xMTU4IDUuOTc4MSAxOS4yODIgNS44ODk5IDE5LjQ2MzEgNS44ODk5SDE5LjY5MzhDMTkuODU3NSA1Ljg4OTkgMTkuOTkxNCA2LjAyMjIgMTkuOTkxNCA2LjE4MzlWNi41MzQyNkMxOS45OTE0IDYuNzAzMzEgMjAuMDU4NCA2Ljg2NTAxIDIwLjE3NSA2Ljk4NTA2TDE5LjgzMDIgNy40ODI0MlpNMTUuNjYzIDEyLjg1NTRWMTMuNjI5NkMxNS4zNTc5IDEzLjU4MyAxNS4xMzIyIDEzLjQyODcgMTUuMTMyMiAxMy4yNDI1QzE1LjEzMjIgMTMuMDU2MyAxNS4zNTc5IDEyLjg5OTUgMTUuNjYzIDEyLjg1NTRaIiBmaWxsPSIjMDA2NzQ3Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDMuNjM1NSAxNC4yMjEyTDQ1Ljc4MyA2LjYzNjI3QzQ2LjAxNzUgNS44MDkwMSA0Ni42MjkgNS4xNDQ5OCA0Ny40Mjg4IDQuODQ4TDQ3LjQ4NzQgNC42MDEwN0g0NC41MDI4TDM5LjQzNCAxMC42OTg5TDM3LjQ5NDIgNC42MDEwN0gzNC43NjM2TDM0LjY5NzggNC44NDhDMzUuMTY1MyA1LjA4MjEzIDM1LjQyMyA1Ljc4MTc2IDM1LjQyMyA2LjM1MDk3VjYuMzg2MjhDMzUuNDIzIDkuNjM0NjkgMzMuMDQ0MyAxNS4yMTgzIDI5LjY5ODQgMTUuMjE4M0MyOC4zOTgyIDE1LjIxODMgMjcuNzI0MiAxNC4yOTAxIDI3LjcyNDIgMTMuNTE2NUMyNy43MjQyIDEyLjU3OTQgMjguNTAwMyAxMS45MTI5IDI5LjMxOTEgMTEuOTEyOUMzMC4xMTIgMTEuOTEyOSAzMC4yMzQyIDEyLjIxMSAzMC42OTA5IDEyLjIxMUMzMC45Njk2IDEyLjIxMSAzMS4yMzY2IDEyLjA2NjcgMzEuMzcwMSAxMS44MTk1QzMxLjU3OTcgMTEuNDMxMyAzMS40MjA4IDEwLjk1NzIgMzEuMDM3NiAxMC43NzE0TDMwLjgyODMgMTAuNjcwNUMyOC44Nzc1IDkuNzIyMjggMjYuNjE1MiAxMS4xNTgyIDI2LjYxNTIgMTMuMzQ1M1YxMy4zNzU2QzI2LjYxNTIgMTQuOTY3NSAyNy44NTI1IDE2LjI5ODkgMjkuNDI3NSAxNi4zNTQ1QzMzLjQ4NjcgMTYuNDk4MyAzNi4yMDE5IDEwLjk2NjEgMzYuNjMzOCA2LjkxNjg0TDM2Ljk0NTggOC4wMTI0M0wzOC41NDQ4IDEyLjg1NDVIMzkuMTUwNEw0NC4xNDUyIDYuODM0MjVMNDIuMDQ5OCAxNC4yMjlDNDEuODA5NCAxNS4wNzczIDQxLjE0MzcgMTUuNzM0NCA0MC4yOTg1IDE1Ljk1OEw0MC4yMzk5IDE2LjIwNDlINDQuMjU2MUw0NC4zMjE2IDE1Ljk1OEM0My43MjgzIDE1LjYwNDMgNDMuNDQ2MSAxNC44OTAyIDQzLjYzNTUgMTQuMjIxMloiIGZpbGw9IiMwMDY3NDciLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01MS45ODQ3IDEyLjYzMzVINTAuMDYyNUM1MC4yODA4IDEyLjAzNCA1MC40ODk4IDExLjQ2MTcgNTAuNTYwMyAxMS4yNzQzQzUxLjA0NjUgOS45NzY4MiA1MS45NzEgOS40NTE4MyA1Mi44NjY1IDkuMzc4NDJMNTIuODU3MiA5LjM4NjJMNTEuOTg0NyAxMi42MzM1Wk01My43MTU5IDguNzI2MDdINTMuNjgxN0M1MS44MDcxIDguNzI4MyA0OS43OTE2IDguOTExNTUgNDguNzE5IDExLjk5MDNDNDcuODE3OSAxNC41NzY3IDQ3LjU3NDUgMTUuNjQ4MSA0Ni44NzA1IDE1LjY0ODFDNDYuNDIwNCAxNS42NDgxIDQ2LjUyOTcgMTQuNzYzIDQ1Ljg1NDkgMTQuNzYzQzQ1LjU1MDkgMTQuNzYzIDQ1LjIzMzIgMTUuMDA5MyA0NS4yMTA0IDE1LjM2NjFDNDUuMTcwNSAxNS45ODI2IDQ1Ljk5MDkgMTYuMzU1NSA0Ni42MDkyIDE2LjM1NTVDNDguNDkyOSAxNi4zNTU1IDQ5LjIxNDggMTQuOTY3MSA0OS40NTA1IDE0LjMyMDNDNDkuNDgxIDE0LjIzNTggNDkuNjQ3MyAxMy43NzggNDkuODQzNiAxMy4yMzg2SDUxLjgyMzFMNTEuNDg3OCAxNC40ODY2QzUxLjMxMDcgMTUuMTQ1IDUwLjk0NjUgMTUuNjgzOSA1MC4zMzA0IDE1Ljk1OTVMNTAuMjc3MiAxNi4yMDYySDUzLjUxNTRMNTMuNTc1NSAxNS45NTk1QzUzLjEzNzIgMTUuNTk0MSA1Mi45NDY5IDE1LjAwODIgNTMuMDg5IDE0LjQ2MjdMNTQuMzA3NSA5Ljc4MzAyQzU0LjQwMTEgOS40MjQwMyA1NC42NDcyIDkuMTI3ODkgNTQuOTgwOSA4Ljk3M0w1NS4wMzM4IDguNzI2MDdINTMuOTc4NUg1My43MTU5WiIgZmlsbD0iIzAwNjc0NyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcwLjA1NiA5LjI2MDI2QzcwLjE2MDEgOS4wODYxOSA3MC4yNTk1IDguODIwMzUgNzAuMjU5NSA4LjY3MTg2TDcwLjI1OTcgOC42NzEwM0M3MC4yNzQxIDguMzkwMTggNzAuMDIwOCA4LjE3MjczIDY5Ljc0ODggOC4yMzE5Nkg2OS43NDgyQzY5LjUzMDQgOC4yNzk1MSA2OS4zNzMgOC40NzQ5OSA2OS4zNzcxIDguNzAwMjNDNjkuMzgwNyA4LjkzNDM2IDY5LjMzNDEgOS4xODU3NCA2OS4yMzUzIDkuMzA4MzZDNjkuMDA4MiA5LjU5MTE2IDY4LjY0NSA5LjU2Njk3IDY2Ljk3MTcgOS4wODE3NFY5LjA3ODk2QzY2LjgxODYgOS4wMzM2MyA2Ni42NTA0IDguOTg0MTQgNjYuNDczMSA4LjkzNDkyQzY2LjQ2MzcgOC45MzI0MSA2Ni40NTQ5IDguOTI5NjMgNjYuNDQ1MyA4LjkyNjU3TDY2LjQ0NTYgOC45Mjc0MUM2NS42MTA2IDguNjk4IDY0LjU3MzIgOC40ODc1IDYzLjg5MjkgOC44Mjg2OUM2My44ODc0IDguODMxNDggNjMuODgxNiA4LjgzNDUzIDYzLjg3NjQgOC44MzcwNEM2My4yMTE4IDkuMTc0MDYgNjIuNzQ3OSA5LjgxMjIzIDYyLjYwODYgMTAuNTUwMkM2Mi41ODc5IDEwLjY1ODcgNjIuNTcyOCAxMC43NDY4IDYyLjU3MTEgMTAuNzc4OFYxMC43Nzk5QzYyLjU1MTMgMTEuMTY3NSA2Mi45MDA5IDExLjQ2NzkgNjMuMjc2NyAxMS4zODY0TDYzLjI3NzMgMTEuMzg1OEM2My41ODIxIDExLjMxOTYgNjMuNzk2NSAxMS4wNDQxIDYzLjc5MDIgMTAuNzI5NkM2My43ODM2IDEwLjQxMTcgNjMuNzIwNSA5Ljk4NzQxIDYzLjg5MTggOS43MDI2N0M2NC4xNjc0IDkuMzEwNTkgNjQuNDUzNyA5LjI4Mjc4IDY1LjczNjEgOS43MTQ2Mkw2NC4zNDM2IDE0LjQ4NzdDNjQuMTUxNCAxNS4xNDU2IDYzLjY4MTIgMTUuNjg0OCA2My4wNTkgMTUuOTYwMUw2My4wMDAxIDE2LjIwNzNINjYuMzMxOUw2Ni4zOTc3IDE1Ljk2MDFDNjUuOTY3OSAxNS41OTUgNjUuNzkwNiAxNS4wMDg4IDY1Ljk0NTMgMTQuNDYzNUw2Ny4xNjI4IDEwLjE2MzdDNjcuNjk2OSAxMC4yNzYgNjguMjM4MSAxMC4zMDUgNjguNzY1MSAxMC4xNTMxTDY4Ljk1NDggMTAuMDk4NkM2OS4zNzg3IDkuOTc2MjkgNjkuODEyOSA5LjY2NjggNzAuMDU2IDkuMjYwMjZaIiBmaWxsPSIjMDA2NzQ3Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzEuMzg4OSA4LjcyNjA3TDcxLjMyMzQgOC45NzMyOEM3MS43MzYgOS4yNjEwOCA3MS45MjE5IDkuNzgwNzkgNzEuNzg4NiAxMC4yNjcxTDcwLjU1MDYgMTQuNDgxNkM3MC4zNTg0IDE1LjE0IDY5Ljg4ODIgMTUuNjc4OSA2OS4yNjU5IDE1Ljk1NDJMNjkuMjA3IDE2LjIwMTFINzAuOTY5Nkg3MS4xMzA2SDc1LjE4NjhMNzUuNzIyNiAxNC4yMjUySDc1LjQ3MDlMNzUuMzgwNiAxNC40MTQ1Qzc1LjA0NDcgMTUuMTIwNiA3NC4zMzcyIDE1LjU2OTkgNzMuNTYxNCAxNS41Njk5SDcxLjg0MTVMNzIuNzU3MiAxMi4yNjIzTDczLjQ4NzggMTIuMjYxNUM3My45ODA3IDEyLjI2MTIgNzQuMzUxMiAxMi43MTUzIDc0LjI1NjggMTMuMjAzNkg3NC41MDg0TDc1LjEwOTQgMTAuOTY3OUg3NC44NTc4Qzc0LjcxMjIgMTEuMzgxNCA3NC4zMjUzIDExLjY1NzggNzMuODkwNCAxMS42NThMNzIuOTI0MyAxMS42NTkyTDczLjU1OTcgOS4zNjM0MUw3NS4zODI1IDkuMzYyMDJDNzUuOTc3NSA5LjM2MTQ2IDc2LjQyMjkgOS45MTI2IDc2LjMwNCAxMC41MDE1SDc2LjU1NTZMNzcuMDMzIDguNzI2MDdINzEuMzg4OVoiIGZpbGw9IiMwMDY3NDciLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04Mi44NjU1IDEwLjUzMjRDODIuNjY2OCAxMS4yMDI4IDgyLjA1NjQgMTEuNjYyNyA4MS4zNjMyIDExLjY2MjdMODAuMzA3NiAxMS42NjM2TDgwLjk0NjYgOS4zNjcyNkw4Mi4wMDU1IDkuMzY2N0M4Mi42MDY3IDkuMzY2NDIgODMuMDM3OSA5Ljk1MTIgODIuODY1NSAxMC41MzI0Wk04Mi43OTc4IDguNzI5OThINzguNzcxMUw3OC43MDUzIDguOTc2OTFDNzkuMDkxOSA5LjI0NjM2IDc5LjI3OTEgOS43MTkzNSA3OS4xOTIxIDEwLjE3NzlMNzcuOTMxMSAxNC40ODQ2Qzc3LjczOSAxNS4xNDMxIDc3LjI2OSAxNS42ODIgNzYuNjQ2NSAxNS45NTczTDc2LjU4NzkgMTYuMjA0OEg3OS45MTY0TDc5Ljk4MjIgMTUuOTU3M0M3OS41NTI0IDE1LjU5MjIgNzkuMzc1NCAxNS4wMDYgNzkuNTI5NiAxNC40NjA3TDgwLjE0IDEyLjI2NjJIODAuMzk0NEM4MC43Nzg3IDEyLjI2NjUgODEuMTAxNCAxMi41NTg0IDgxLjE0MzggMTIuOTQ0NEM4MS4xNTc4IDEzLjA2OSA4MS4zNTA1IDE0LjU5NDcgODEuNTA0NCAxNS4xMTk1QzgxLjcwNTkgMTUuODA1MiA4MS45NzA1IDE2LjIwNSA4Mi41NzI5IDE2LjIwNUg4NC4wNzg4TDg0LjEzNzUgMTUuOTU3OEw4My45MjE5IDE1LjgyODhDODMuNDk2NiAxNS41NzM4IDgzLjE4ODUgMTUuMTc3MyA4My4wNTA4IDE0LjY1MzFDODIuOTIwMyAxNC4xNTg1IDgyLjY3NyAxMy4yMzcyIDgyLjU1NzggMTIuNzQ5NUM4Mi40OTYxIDEyLjQ5ODEgODIuMTg2NiAxMi4yNjU0IDgxLjg2NjcgMTIuMjY1NEw4Mi4zNzQxIDEyLjI2NTFDODMuMjg0IDEyLjI2NDUgODQuMDgyNyAxMS42NTI1IDg0LjMyOCAxMC43NjcxQzg0LjYxMSA5Ljc0MzgyIDgzLjg0OTUgOC43Mjk5OCA4Mi43OTc4IDguNzI5OThaIiBmaWxsPSIjMDA2NzQ3Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNjAuNjg0MiA5LjEwOTMxQzYwLjU3NiA5LjEwOTMxIDYwLjM0MzEgOS4wMzQ3OCA1OS45ODU4IDguODg0NjNDNTkuNjI4MSA4LjczNDQ3IDU5LjI2NjkgOC42NTk2NyA1OC45MDI3IDguNjU5NjdDNTguMTQ2NyA4LjY1OTY3IDU3LjUxNTcgOC45MDY4NyA1Ni45OTk3IDkuNDM1MkM1Ni41NzAzIDkuODc0ODMgNTYuMzc5NSAxMC4zNjI4IDU2LjM3OTUgMTAuNzg1MkM1Ni4zNzk1IDExLjIzNDkgNTYuNjM5OSAxMS43NjM1IDU3LjE2MTYgMTIuMTkwOUM1Ny42NTQyIDEyLjU5NDkgNTguMTY2OCAxMi45ODIgNTguNjggMTMuMzc3MUM1OS4yMTk2IDEzLjgxMzQgNTkuNDg5NyAxNC4yMTU4IDU5LjQ4OTcgMTQuNTQzMUM1OS40ODk3IDE1LjI2MTYgNTkuMDI2OSAxNS42NDgxIDU4LjA2ODggMTUuNjQ4MUM1Ny4wOTUzIDE1LjY0ODEgNTYuNDIyMSAxNC45Mjc2IDU2LjIwNjMgMTMuNTc4Mkg1NS45NDMxTDU1LjE3NzcgMTYuMjA0NUg1NS40MjAzQzU1LjczNjYgMTUuOTgwNyA1NS45NjE1IDE1LjgzNjYgNTYuNDIwMiAxNS44MzY2QzU2Ljg1OCAxNS44MzY2IDU3LjMyNTcgMTYuMzU1OCA1OC4zMjI5IDE2LjM1NThDNTkuMTE5MSAxNi4zNTU4IDU5Ljc0OTMgMTYuMTg5IDYwLjI4OTIgMTUuNjQzNEM2MC43NDgxIDE1LjE2NjggNjAuOTc3NSAxNC40OTk0IDYwLjk3NzUgMTMuOTUzOEM2MC45Nzc1IDEzLjQ0OTQgNjAuNjY0NCAxMi44NjEzIDYwLjExNzQgMTIuNDM3NUM1OS42NDggMTIuMDc0MSA1OS4xNDUzIDExLjc0OTYgNTguNjU5NiAxMS4zOTQ4QzU4LjEzMzIgMTAuOTk5MyA1Ny44NyAxMC42NjM3IDU3Ljg3IDEwLjI5NTZDNTcuODcgMTAuMDkwNiA1Ny45NzEzIDkuODg2NTEgNTguMTc0IDkuNjgyMTNDNTguNDMgOS40MjMyNSA1OC43NzMgOS4zNjU5NiA1OS4yMzIgOS4zNjU5NkM2MC4xNTI5IDkuMzY1OTYgNjAuNzk3NCA5Ljg4NDI5IDYwLjg1MTYgMTAuOTc0Nkg2MS4wOTQ1TDYxLjczNjggOC42NTk2N0g2MS40OTM5QzYxLjIzNzMgOC45NTk3MSA2MC45Njc1IDkuMTA5MzEgNjAuNjg0MiA5LjEwOTMxWiIgZmlsbD0iIzAwNjc0NyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTg5LjE3MTcgOS4zNjU2OUM5MC4wOTI2IDkuMzY1NjkgOTAuNzM3NCA5Ljg4NDAxIDkwLjc5MTQgMTAuOTc0M0g5MS4wMzQ1TDkxLjY3NjUgOC42NTk2N0g5MS40MzM0QzkxLjE3NzEgOC45NTkxNSA5MC45MDc1IDkuMTA5MDMgOTAuNjIzNyA5LjEwOTAzQzkwLjUxNTggOS4xMDkwMyA5MC4yODI5IDkuMDM0MjMgODkuOTI1MiA4Ljg4NDM1Qzg5LjU2NzYgOC43MzQ0NyA4OS4yMDY3IDguNjU5NjcgODguODQyMiA4LjY1OTY3Qzg4LjA4NjQgOC42NTk2NyA4Ny40NTU0IDguOTA2ODcgODYuOTM5NSA5LjQzNDkzQzg2LjUxIDkuODc0NTUgODYuMzE5MiAxMC4zNjI4IDg2LjMxOTIgMTAuNzg1Qzg2LjMxOTIgMTEuMjM1MSA4Ni41Nzk2IDExLjc2MjkgODcuMTAxNCAxMi4xOTA5Qzg3LjU5MzkgMTIuNTk0OSA4OC4xMDY1IDEyLjk4MTcgODguNjE5NyAxMy4zNzY4Qzg5LjE1OSAxMy44MTM0IDg5LjQyOTQgMTQuMjE1OCA4OS40Mjk0IDE0LjU0MjhDODkuNDI5NCAxNS4yNjEzIDg4Ljk2NjYgMTUuNjQ3OCA4OC4wMDg1IDE1LjY0NzhDODcuMDM1IDE1LjY0NzggODYuMzYxOSAxNC45Mjc0IDg2LjE0NTggMTMuNTc4Mkg4NS44ODI2TDg1LjExNzIgMTYuMjA0NUg4NS4zNjAzQzg1LjY3NjMgMTUuOTgwNyA4NS45MDEzIDE1LjgzNjYgODYuMzU5NyAxNS44MzY2Qzg2Ljc5NzcgMTUuODM2NiA4Ny4yNjUyIDE2LjM1NTggODguMjYyNiAxNi4zNTU4Qzg5LjA1ODggMTYuMzU1OCA4OS42ODkgMTYuMTg4NCA5MC4yMjg5IDE1LjY0MzRDOTAuNjg3OCAxNS4xNjYyIDkwLjkxNzIgMTQuNDk5MSA5MC45MTcyIDEzLjk1MzhDOTAuOTE3MiAxMy40NDk0IDkwLjYwNDEgMTIuODYxMyA5MC4wNTc0IDEyLjQzNzVDODkuNTg3NyAxMi4wNzM4IDg5LjA4NTMgMTEuNzQ5MyA4OC41OTk2IDExLjM5NDVDODguMDcyOSAxMC45OTkzIDg3LjgwOTcgMTAuNjYzMiA4Ny44MDk3IDEwLjI5NUM4Ny44MDk3IDEwLjA5MDkgODcuOTExIDkuODg2MjMgODguMTEzNCA5LjY4MTg1Qzg4LjM2OTcgOS40MjI5NyA4OC43MTI4IDkuMzY1NjkgODkuMTcxNyA5LjM2NTY5WiIgZmlsbD0iIzAwNjc0NyIvPgo8L3N2Zz4K";
-const r = /* @__PURE__ */ E("div")({
+const a = /* @__PURE__ */ y("div")({
   name: "OnboardingContainer",
   class: "o9squag",
   propsAsIs: !1
-}), a = () => o, l = /* @__PURE__ */ E(a())({
+}), l = () => o, d = /* @__PURE__ */ y(l())({
   name: "OnboardingNotificationContainer",
   class: "o1c8wcli",
   propsAsIs: !0
-}), Y = /* @__PURE__ */ E("div")({
+}), Y = /* @__PURE__ */ y("div")({
   name: "InnerContainer",
   class: "i18oyadd",
   propsAsIs: !1
-}), d = "cebdc0u", m = ({
+}), m = "cebdc0u", p = ({
   deepLink: O,
-  onboardingOpts: M,
+  onboardingOpts: N,
   notification: j,
-  gamification: L
+  gamification: E
 }) => {
-  var z, I, N, A, T, y;
-  const [g, x] = k(void 0);
+  var M, L, I, g, z, A;
+  const [T, u] = k(void 0);
   return e(() => {
-    const u = O.$store.subscribe((c) => {
-      c && x(c.data);
+    const x = O.$store.subscribe((c) => {
+      c && u(c.data);
     });
     return () => {
-      u();
+      x();
     };
-  }, [O.$store]), /* @__PURE__ */ D(r, {
-    className: Q(j.hiding && d),
-    children: /* @__PURE__ */ D(t, {
+  }, [O.$store]), /* @__PURE__ */ D(a, {
+    className: Q(j.hiding && m),
+    children: /* @__PURE__ */ D(r, {
       rules: [{
         label: "Answer as many questions as you like.",
         icon: "icon-btn-feature-groups"
@@ -59,8 +61,8 @@ const r = /* @__PURE__ */ E("div")({
         label: "Top the leader board and best your friends.",
         icon: "icon-trophy"
       }],
-      rulesBtnLabel: (z = M.rules) == null ? void 0 : z.buttonLabel,
-      rulesTitle: (I = M.rules) == null ? void 0 : I.heading,
+      rulesBtnLabel: (M = N.rules) == null ? void 0 : M.buttonLabel,
+      rulesTitle: (L = N.rules) == null ? void 0 : L.heading,
       steps: [{
         graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_1.png",
         headline: "Welcome to the Featured Groups +",
@@ -79,14 +81,14 @@ const r = /* @__PURE__ */ E("div")({
         graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_5.png",
         headline: "Compete against friends on the leaderboard"
       }],
-      primaryColor: (N = M.inviteCard) == null ? void 0 : N.iconColor,
-      inviteLink: g == null ? void 0 : g.url,
-      inviteCardTitle: (A = M.inviteCard) == null ? void 0 : A.heading,
-      inviteCardSubtext: (T = M.inviteCard) == null ? void 0 : T.subtext,
-      inviteCardBtnLabel: (y = M.inviteCard) == null ? void 0 : y.buttonLabel,
+      primaryColor: (I = N.inviteCard) == null ? void 0 : I.iconColor,
+      inviteLink: T == null ? void 0 : T.url,
+      inviteCardTitle: (g = N.inviteCard) == null ? void 0 : g.heading,
+      inviteCardSubtext: (z = N.inviteCard) == null ? void 0 : z.subtext,
+      inviteCardBtnLabel: (A = N.inviteCard) == null ? void 0 : A.buttonLabel,
       onClose: () => {
-        var u;
-        (u = j.close) == null || u.call(j);
+        var x;
+        (x = j.close) == null || x.call(j);
       },
       socialLinks: [{
         icon: "icon-facebook",
@@ -97,31 +99,30 @@ const r = /* @__PURE__ */ E("div")({
         link: "https://twitter.com/@TheMasters",
         label: "X"
       }],
-      gamification: L
+      gamification: E
     })
   });
-}, MM = ({
+}, jM = ({
   sdk: O,
-  notification: M,
+  notification: N,
   saveHeight: j,
-  style: L
+  style: E,
+  appNode: T
 }) => {
-  var A;
-  const g = C(null), [x, z] = k(!1), I = O.getFeature(s.GAMES), N = M.data.onboarding;
-  return (A = N == null ? void 0 : N.titleCard) != null && A.media && (N.titleCard.media.sponsorLogo = n), w(() => {
-    var T;
-    j(((T = g.current) == null ? void 0 : T.getBoundingClientRect().height) || 0);
-  }, [j]), x && I && N ? /* @__PURE__ */ D(m, {
-    notification: M,
-    setOpened: z,
-    gamification: I,
-    onboardingOpts: N,
-    deepLink: I.deepLink
-  }) : /* @__PURE__ */ U(S, {
+  var z;
+  const u = C(null), M = N.data.onboarding, [L, I] = k(M == null ? void 0 : M.instantOpen), g = O.getFeature(s.GAMES);
+  return (z = M == null ? void 0 : M.titleCard) != null && z.media && (M.titleCard.media.sponsorLogo = n), w(() => {
+    var A;
+    j(((A = u.current) == null ? void 0 : A.getBoundingClientRect().height) || 0);
+  }, [j]), L && g && M && T.current ? t.createPortal(/* @__PURE__ */ D(p, {
+    notification: N,
+    setOpened: I,
+    gamification: g,
+    onboardingOpts: M,
+    deepLink: g.deepLink
+  }), T.current) : /* @__PURE__ */ U(S, {
     children: [/* @__PURE__ */ D(Y, {
-      ref: (T) => {
-        g.current = T;
-      },
+      ref: u,
       style: {
         position: "absolute",
         visibility: "hidden"
@@ -131,21 +132,21 @@ const r = /* @__PURE__ */ E("div")({
         },
         action: () => {
         },
-        onboarding: N
+        onboarding: M
       })
-    }), /* @__PURE__ */ D(l, {
-      style: L,
-      hiding: M.hiding,
+    }), /* @__PURE__ */ D(d, {
+      style: E,
+      hiding: N.hiding,
       children: /* @__PURE__ */ D(Y, {
         children: /* @__PURE__ */ D(i, {
-          close: M.close,
-          action: () => z(!0),
-          onboarding: N
+          close: N.close,
+          action: () => I(!0),
+          onboarding: M
         })
       })
     })]
   });
 };
 export {
-  MM as Onboarding
+  jM as Onboarding
 };

package/lib/ui/app/Notifications/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { jsxs as h, Fragment as S, jsx as o } from "react/jsx-runtime";
+import { jsxs as h, Fragment as S, jsx as s } from "react/jsx-runtime";
 import { useStore as b } from "@nanostores/react";
 import { useState as a, useMemo as T, useEffect as d, useRef as x, useCallback as v } from "react";
 import { r as D } from "../../../index-ba93b6b2.js";
@@ -43,77 +43,79 @@ import "./Onboarding/Notification/index.js";
 import "./Onboarding/Notification/styles.js";
 import "../../gamification/question/notification/pill/index.js";
 import "../../gamification/question/notification/pill/styles.js";
-const w = (s) => {
-  const [t, n] = a(0), i = x(null), m = v((e) => {
-    i.current = e;
+const w = (p) => {
+  const [t, o] = a(0), e = x(null), m = v((i) => {
+    e.current = i;
   }, []);
   d(() => {
-    var p;
-    const e = (p = i.current) == null ? void 0 : p.getBoundingClientRect();
-    e && n(e.height);
-  }, [s]);
-  const r = v((e) => {
-    n(e);
+    var n;
+    const i = (n = e.current) == null ? void 0 : n.getBoundingClientRect();
+    i && o(i.height);
+  }, [p]);
+  const r = v((i) => {
+    o(i);
   }, []);
   return [m, t, r];
 }, H = ({
-  sdk: s,
-  notification: t
+  sdk: p,
+  notification: t,
+  appNode: o
 }) => {
-  var r, e;
-  const [n, i, m] = w(t.id);
+  var i, n;
+  const [e, m, r] = w(t.id);
   return t.type === c.QUESTION ? /* @__PURE__ */ h(S, {
-    children: [/* @__PURE__ */ o(R, {
-      ref: n,
+    children: [/* @__PURE__ */ s(R, {
+      ref: e,
       style: {
         position: "absolute",
         visibility: "hidden"
       },
-      children: /* @__PURE__ */ o(O, {
+      children: /* @__PURE__ */ s(O, {
         ...t
       })
     }), /* @__PURE__ */ h(q, {
       style: {
-        height: t.hiding ? 0 : i
+        height: t.hiding ? 0 : m
       },
       hiding: t.hiding,
-      children: [/* @__PURE__ */ o(R, {
+      children: [/* @__PURE__ */ s(R, {
         style: {
           height: "100%"
         },
-        children: /* @__PURE__ */ o(O, {
+        children: /* @__PURE__ */ s(O, {
           ...t
         })
-      }), /* @__PURE__ */ o(B, {}, t.id)]
+      }), /* @__PURE__ */ s(B, {}, t.id)]
     })]
-  }) : t.type === c.QUESTION_RESOLVED && ((e = (r = t.data) == null ? void 0 : r.question) != null && e.predictionResult) ? /* @__PURE__ */ o(P, {
+  }) : t.type === c.QUESTION_RESOLVED && ((n = (i = t.data) == null ? void 0 : i.question) != null && n.predictionResult) ? /* @__PURE__ */ s(P, {
     style: {
-      height: t.hiding ? 0 : i
+      height: t.hiding ? 0 : m
     },
-    saveHeight: m,
+    saveHeight: r,
     close: t.close,
     hiding: t.hiding,
     ...t.data.question
-  }) : t.type === c.ONBOARDING ? /* @__PURE__ */ o(C, {
+  }) : t.type === c.ONBOARDING && o.current ? /* @__PURE__ */ s(C, {
     style: {
-      height: t.hiding ? 0 : i
+      height: t.hiding ? 0 : m
     },
-    saveHeight: m,
-    sdk: s,
-    notification: t
+    saveHeight: r,
+    sdk: p,
+    notification: t,
+    appNode: o
   }) : null;
 }, Dt = ({
-  sdk: s,
+  sdk: p,
   scrollNode: t,
-  appNode: n,
-  scrollStore: i
+  appNode: o,
+  scrollStore: e
 }) => {
   var f, y;
-  const [m] = a(s.getNotificationsStore()), r = b(m), {
-    tabsShown: e
-  } = b(i, {
+  const [m] = a(p.getNotificationsStore()), r = b(m), {
+    tabsShown: i
+  } = b(e, {
     keys: ["tabsShown"]
-  }), [p, g] = a(null), l = T(() => {
+  }), [n, g] = a(null), l = T(() => {
     if (!(r != null && r.size))
       return null;
     for (const N of r.values())
@@ -122,15 +124,16 @@ const w = (s) => {
     return r.values().next().value;
   }, [r]);
   return d(() => {
-    l && i.get().scrollPosition > 0 && g(l);
-  }, [l, i]), d(() => i.listen((u) => {
+    l && e.get().scrollPosition > 0 && g(l);
+  }, [l, e]), d(() => e.listen((u) => {
     u.scrollPosition === 0 && g(null);
-  }), [i]), /* @__PURE__ */ h(S, {
-    children: [!p && l && /* @__PURE__ */ o(H, {
-      sdk: s,
+  }), [e]), /* @__PURE__ */ h(S, {
+    children: [!n && l && /* @__PURE__ */ s(H, {
+      appNode: o,
+      sdk: p,
       notification: l
-    }), p && n.current && D.createPortal(/* @__PURE__ */ o(I, {
-      title: `New ${((y = E[(f = p.data) == null ? void 0 : f.questionType]) == null ? void 0 : y.label) || "notification"}`,
+    }), n && o.current && D.createPortal(/* @__PURE__ */ s(I, {
+      title: `New ${((y = E[(f = n.data) == null ? void 0 : f.questionType]) == null ? void 0 : y.label) || "notification"}`,
       onClick: () => {
         var u;
         (u = t.current) == null || u.scrollTo({
@@ -138,8 +141,8 @@ const w = (s) => {
           behavior: "smooth"
         });
       },
-      className: e ? "c1d7yse1" : void 0
-    }), n.current)]
+      className: i ? "c1d7yse1" : void 0
+    }), o.current)]
   });
 };
 export {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.89.2",
+  "version": "0.89.4",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -43,15 +43,15 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "react-window": "^1.8.9",
     "react-window-infinite-loader": "^1.0.9",
-    "@streamlayer/feature-gamification": "^0.33.1",
+    "@streamlayer/feature-gamification": "^0.33.3",
     "@streamlayer/sdk-web": "^0.29.5",
     "@streamlayer/sdk-web-anonymous-auth": "^0.11.30",
     "@streamlayer/sdk-web-api": "^0.0.1",
+    "@streamlayer/sdk-web-features": "^0.11.9",
     "@streamlayer/sdk-web-core": "^0.0.1",
-    "@streamlayer/sdk-web-features": "^0.11.7",
     "@streamlayer/sdk-web-interfaces": "^0.18.21",
     "@streamlayer/sdk-web-logger": "^0.0.1",
-    "@streamlayer/sdk-web-notifications": "^0.0.5",
+    "@streamlayer/sdk-web-notifications": "^0.0.6",
     "@streamlayer/sdk-web-storage": "^0.0.4",
     "@streamlayer/sdk-web-types": "^0.1.0"
   },
@@ -95,6 +95,6 @@
     "vite-plugin-svgr": "^4.1.0",
     "vite-svg-loader": "^4.0.0",
     "vite-tsconfig-paths": "^4.2.1",
-    "@streamlayer/react": "^0.34.9"
+    "@streamlayer/react": "^0.34.11"
   }
 }