npm - @streamlayer/react-ui - Versions diffs - 0.67.2 → 0.67.4 - Mend

@streamlayer/react-ui 0.67.2 → 0.67.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 (13) hide show

package/lib/assets/style.css +1 -1
package/lib/ui/app/Features/Gamification/QuestionsList.js +3 -5
package/lib/ui/app/Features/Gamification/Tabs.js +7 -9
package/lib/ui/app/Features/Gamification/gamification-feature.js +0 -2
package/lib/ui/app/Features/Gamification/index.js +2 -4
package/lib/ui/app/useMastersApp.js +17 -17
package/lib/ui/gamification/question/index.js +24 -26
package/lib/ui/gamification/question/list/index.js +6 -8
package/lib/ui/gamification/question/styles.d.ts +1 -0
package/lib/ui/gamification/question/styles.js +15 -10
package/lib/ui/gamification/vote/index.js +48 -44
package/lib/ui/gamification/vote/vote-option/index.js +31 -31
package/package.json +9 -9

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}.butjcq8{position:absolute;z-index:10000;bottom:10px;right:10px;width:40px;height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-around;-webkit-justify-content:space-around;-ms-flex-pack:space-around;justify-content:space-around;background:rgb(29,123,255);border:none;border-radius:6px;padding:10px;cursor:pointer;-webkit-transition:all .1s ease;transition:all .1s ease}.butjcq8:hover{padding-top:8px;padding-bottom:8px}.butjcq8:active{-webkit-transform:translateY(4px);-ms-transform:translateY(4px);transform:translateY(4px)}.butjcq8[data-opened=true] span:nth-child(odd){opacity:0}.butjcq8 span{display:block;background:#fff;border-radius:4px;width:100%;height:4px}.iwjhb00{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:rgb(29,123,255);padding:4px 6px;border-radius:5px;font-size:16px}.iwjhb00 input{display:block;width:100%;color:#fff;font-size:24px;border:none;padding:2px 2px 2px 10px;background:linear-gradient(136.45deg,rgba(60,139,251,.3) .57%,rgba(0,79,190,.3) 100%);border:1px solid transparent;outline:none}.iwjhb00 input:focus{border-color:#1d7bff}.iwjhb00 label{margin-right:4px}.iwjhb00 button{width:150px;color:#fff;background:transparent;margin:0;padding:0;cursor:pointer;border:none;text-transform:uppercase}.iwjhb00 button:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.iwjhb00 button:active{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.s14ex8bw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 6px;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.s14ex8bw label{cursor:pointer}.s1fwty0k{width:2rem;height:1rem;background:#fff;border-radius:1em;position:relative;margin-left:5px}.s1fwty0k input{opacity:0;position:relative;z-index:1;width:100%;cursor:pointer}.s1fwty0k input:checked+span{-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);background:green}.s1fwty0k span{display:block;position:absolute;top:0;left:0;height:1rem;width:1rem;border-radius:1em;background:gray;box-shadow:0 .1em .3em #0000004d;-webkit-transition:all .3s;transition:all .3s}.i1vlsnk4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:rgb(29,123,255);padding:4px 6px;border-radius:5px;font-size:16px;margin-bottom:2px}.i1vlsnk4 input{display:block;width:100%;color:#fff;font-size:24px;border:none;padding:2px 2px 2px 10px;background:linear-gradient(136.45deg,rgba(60,139,251,.3) .57%,rgba(0,79,190,.3) 100%);border:1px solid transparent;outline:none}.i1vlsnk4 input:focus{border-color:#1d7bff}.i1vlsnk4 label{margin-right:4px}.i1vlsnk4 button{width:150px;color:#fff;background:transparent;margin:0;padding:0;cursor:pointer;border:none;text-transform:uppercase}.m17a8r9z{--header-height:68px;--question-headers-height:117px;--animation-duration:.5s;--animation-function:ease;--container-padding:16px}.ttkj0ah{--color-bg-transparent:rgba(0,0,0,.8);--color-bg-transparent-vote-container:rgba(10,14,19,.8);--color-bg-transparent-item:rgba(0,0,0,.7);--color-bg-transparent-item-vote:rgba(255,255,255,.1);--color-bg-transparent-item-success:rgba(0,139,251,.2);--color-bg-transparent-item-error:rgba(205,37,37,.2);--color-bg-transparent-vote-progress:rgba(255,255,255,.2);--color-bg-transparent-vote-progress-success:rgba(60,139,251,.5);--color-bg-transparent-vote-progress-error:rgba(205,37,37,.5);--color-bg-transparent-onboarding-inapp:rgba(138,159,182,.2);--color-leaderboard-unit:rgba(255,255,255,.5);--color-blue-primary:#1589EE;--color-red-primary:#CD2525;--color-red-secondary:#EB5757;--color-blue-question-action-btn:#1589ee;--color-white:#FFFFFF;--color-grey-1:#909395;--color-grey-2:#22262b;--color-grey-3:#2d3135;--color-grey-4:#53565a;--color-grey-primary-onboarding-inapp:#B5B7B8;--color-black-1:#161a1f;--color-green-1:#F7B801;--color-red-1:#A30000;--color-red-2:#FF4170;--color-grey-primary:#909395;--color-divider-color-secondary:#53565a;--color-green-primary-btn:#009B77;--color-primary-green1:#107D57;--color-primary-green2:#006747;--color-primary-green3:#1C4932;--color-primary-green4:#193526;--color-secondary-red1:#DF2F3B;--color-secondary-red2:#BA0C2F;--color-secondary-red3:#f9d6d8;--color-secondary-yellow:#fce300;--color-secondary-green5:#C0DC8F;--color-secondary-green6:#cee5de;--color-neutrals-white:#FFFFFF;--color-neutrals-gray1:#F7F7F7;--color-neutrals-gray2:#F2F2F1;--color-neutrals-gray3:#E8E8E8;--color-neutrals-gray4:#D9D9D6;--color-neutrals-gray5:#B1B3B3;--color-neutrals-gray6:#888B8D;--color-neutrals-gray7:#6B6F73;--color-neutrals-gray8:#53565A;--color-neutrals-gray9:#25282A;--color-neutrals-black:#000000;--font-family:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-regular:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-color:#fff;--font-serif:"Tiempos","Tiempos Text",Times New Roman,serif;--font-weight-default:500;--header-height:68px;--animation-duration:.5s;--animation-function:ease;--container-padding:16px;--border-radius:8px}.ttkj0ah {box-sizing:border-box}.c1bgb86j{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;border-radius:8px;overflow:hidden;cursor:pointer}.p6703cq{width:100%}.p12ow7zo{position:absolute;top:0;left:0;width:100%;height:100%}.cdpal9o{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}.i1e83no{background:#222425;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.r165427{font-weight:var(--font-weight-default)}.c1pgyo67{overflow:hidden;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;max-height:2500px;-webkit-animation:containerShowIn-c1pgyo67 ease-out;animation:containerShowIn-c1pgyo67 ease-out;-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration)}@-webkit-keyframes containerShowIn-c1pgyo67{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;max-height:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;max-height:2500px}}@keyframes containerShowIn-c1pgyo67{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;max-height:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;max-height:2500px}}.hx17qu6{-webkit-animation:containerHide-hx17qu6 ease-out;animation:containerHide-hx17qu6 ease-out;-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);-webkit-animation-direction:reverse;animation-direction:reverse;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes containerHide-hx17qu6{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;max-height:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;max-height:2500px}}@keyframes containerHide-hx17qu6{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;max-height:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;max-height:2500px}}.c1kzqw87{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:8px}.d9r1hf9{color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.qezygt5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:12px;column-gap:12px;padding:4px 16px 8px 0;color:var(--color-primary-green2);font-size:12px;font-family:var(--font-serif);font-weight:var(--font-weight-default)}.qezygt5:before{content:"";width:2px;background-color:var(--color-primary-green2)}.d1y8f7ym{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px}.b18gwonx{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.i3g0xjd{max-width:100%;border-radius:8px}.cjq447q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;column-gap:8px}.i14egogb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.i2g9g4l{width:46px;height:46px;object-fit:cover;object-position:center;border-radius:50%}.d1c454nm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:2px;color:var(--color-neutrals-gray9);font-weight:var(--font-weight-default)}.n11nigc3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;font-size:12px;font-family:var(--font-serif)}.urxa4k8{font-size:12px;line-height:20px}.cgn5uen{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:16px}.c1px8nt6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px}.t5et2jt{color:var(--color-primary-green1);font-size:16px;line-height:26px;font-family:var(--font-serif);font-weight:var(--font-weight-default)}.d1i2kpk2{color:var(--color-neutrals-gray9);font-size:14px;line-height:24px;font-weight:var(--font-weight-default)}.dd3lh3p{color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.n19lpak2{position:absolute;top:0;left:0;right:0;box-sizing:border-box;overflow:hidden;opacity:0;-webkit-animation:show-nav-n19lpak2 .5s ease;animation:show-nav-n19lpak2 .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;padding:var(--container-padding);border-bottom:1px solid var(--color-neutrals-gray3)}.n19lpak2>button:not(:last-child){margin-right:8px}@-webkit-keyframes show-nav-n19lpak2{90%{opacity:0}to{height:68px;opacity:1}}@keyframes show-nav-n19lpak2{90%{opacity:0}to{height:68px;opacity:1}}.b6tbwuy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:var(--color-neutrals-white)}.sxxa0c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:36px;max-height:36px;background-color:var(--color-white);border-radius:100px;border:1px solid var(--color-neutrals-gray3);color:var(--color-primary-green1);padding:0 8px;font-size:12px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.5px;-moz-letter-spacing:-.5px;-ms-letter-spacing:-.5px;letter-spacing:-.5px;cursor:pointer}.sxxa0c:hover{border-color:var(--color-primary-green1)}.sxxa0c[data-selected=true]{color:var(--color-white);background-color:var(--color-primary-green1);border-color:var(--color-primary-green1)}.sxxa0c[data-selected=true]:hover{cursor:default}.sxxa0c[data-selected=true]:disabled:hover{border-color:var(--color-primary-green1)}.sxxa0c:disabled{opacity:.5;cursor:default}.sxxa0c:disabled:hover{cursor:default;border-color:var(--color-neutrals-gray3)}.b193dcyu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:22px;height:22px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:5px}.b180jd7l[data-selected=true] g>path{fill:#fff}.b11des7c[data-selected=true] g>path:nth-child(1){stroke:#fff}.b11des7c[data-selected=true] g>path:nth-child(2){fill:#fff;stroke:#107d57}.b1whzxvd[data-selected=true] g>path:nth-child(1){stroke:#fff}.b1whzxvd[data-selected=true] g>path:nth-child(2){fill:#fff}.p1liu7r{border-radius:8px;padding:0 12px;background-color:var(--color-transparent-item);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.fhf9n1f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:auto;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.fmf7e3h{margin-bottom:20px;font-size:18px}.fg7be0w{margin-bottom:10px;font-size:14px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.fvxx8fg{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;padding:6px;text-transform:uppercase;color:#fff;cursor:pointer;margin-bottom:20px}.fvxx8fg:disabled{opacity:.5;cursor:default}.f1sfffsg{margin-bottom:40px;border-bottom:1px solid white}.f1sfffsg input{font-size:20px;background:transparent;color:#fff;border:none;outline:none}.d1majgb2>div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:20px}.d1majgb2 input{width:20px;height:40px;font-size:40px}.c14ielyq{width:100%;height:100%}.c14ielyq>div:not(:last-child){margin-bottom:16px}.c1tlqx57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;padding:16px 16px 0}.t1hq58md{font-family:var(--font-serif);font-size:16px;color:var(--color-primary-green2);font-weight:400;margin:16px 0}.o1c8nxcx{position:relative;gap:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.stu11h7{height:100%;background:transparent;font-family:var(--font-regular);position:relative;min-width:324px;overflow:hidden}.s1ucohr1{width:100%;overflow-y:auto;height:100%;-webkit-transition:-webkit-transform;-webkit-transition:transform;transition:transform;-webkit-transition-duration:var(--animation-duration);transition-duration:var(--animation-duration);-webkit-transition-timing-function:var(--animation-function);transition-timing-function:var(--animation-function)}.s1ucohr1[data-nav=true]{height:calc(100% - var(--header-height));-webkit-transform:translateY(var(--header-height));-ms-transform:translateY(var(--header-height));transform:translateY(var(--header-height))}.s1ucohr1[data-question-header=true]{height:calc(100% - var(--question-headers-height,0%));-webkit-transform:translateY(var(--question-headers-height));-ms-transform:translateY(var(--question-headers-height));transform:translateY(var(--question-headers-height))}.s1el4wvm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:var(--container-padding);gap:var(--container-padding)}.s1oe3036.s1el4wvm{background-color:var(--color-neutrals-white)}.c38csyt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:12px;padding-bottom:32px}.ty221rx{color:var(--color-primary-green2);font-size:20px;font-family:var(--font-serif);font-weight:400;line-height:26px;text-align:center}.dlaj9xp{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);line-height:20px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;text-align:center}.c16sbdnm{width:100%;padding:8px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;font-size:14px}.c16sbdnm[data-isPrediction=true]{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start}.ibhorgl{min-width:24px;width:24px;height:24px;margin-right:14px;margin-left:12px}.ibhorgl g>path{fill:var(--color-primary-green1);fill-opacity:1}.f1g20ja7{min-width:32px;width:32px;height:32px;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-right:16px}.f1g20ja7[data-feedbackType=correct]{background-color:var(--color-primary-green1)}.f1g20ja7[data-feedbackType=incorrect]{background-color:var(--color-secondary-red1)}.f455ozj{font-weight:var(--font-weight-default)}.f1913njx{margin-right:5px}.f1913njx[data-feedbackType=correct]{color:var(--color-primary-green1)}.f1913njx[data-feedbackType=incorrect]{color:var(--color-secondary-red1)}.fzfk69z{color:var(--color-neutrals-gray9)}.fx87qaj{font-weight:400;margin-top:10px}.b1b6dl8t{background-color:var(--color-neutrals-gray2);border:1px solid transparent;box-sizing:border-box;border-radius:4px;position:relative;max-height:44px;min-height:44px;height:44px;width:100%}.b1b6dl8t:hover:not(:disabled){border-color:var(--color-neutrals-gray5);cursor:pointer}.b1b6dl8t[data-selected=true]{border-color:var(--color-neutrals-gray9);background-color:var(--color-white)}.b1b6dl8t[data-answerState=correct]{position:relative;border-color:var(--color-primary-green1)}.b1b6dl8t[data-answerState=correct]:before{content:"";top:0;left:0;opacity:.1;display:block;width:100%;height:100%;position:absolute;background-color:var(--color-primary-green1)}.b1b6dl8t[data-answerState=incorrect]{position:relative;border-color:var(--color-secondary-red1)}.b1b6dl8t[data-answerState=incorrect]:before{content:"";top:0;left:0;opacity:.1;display:block;width:100%;height:100%;position:absolute;background-color:var(--color-secondary-red1)}.b1b6dl8t[data-isNotChecked=true]{border-color:var(--color-neutrals-gray3);background-color:var(--color-white)}.b4iik8i{-webkit-transition:width 1s ease-in;transition:width 1s ease-in;position:absolute;border-radius:3px;height:100%;z-index:0;left:0;top:0;background-color:var(--color-neutrals-gray3)}.b4iik8i[data-answerState=correct]{background-color:var(--color-primary-green1);opacity:.3}.b4iik8i[data-answerState=incorrect]{background-color:var(--color-secondary-red1);opacity:.3}.b4iik8i[data-answerState=unset]{background-color:var(--color-neutrals-gray3)}.b1gq1lnf{font-weight:var(--font-weight-default);color:var(--color-neutrals-gray9);font-family:var(--font-regular);background-color:transparent;padding:5px 15px 5px 9px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:2px;position:relative;font-size:12px;outline:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;border:none;width:100%}.i1j65z51{width:60px}.i19tpfua{position:absolute;left:0;bottom:-1px;background-repeat:no-repeat;background-size:contain;width:52px;height:52px}.i1tubmma{margin-right:8px}.i1grrgwj.i1tubmma{height:32px;width:32px}.ibemyq8.i1tubmma{border-radius:50%;height:32px;width:32px}.t1dceht{overflow:hidden;text-align:left;white-space:nowrap;text-overflow:ellipsis;-webkit-flex:1;-ms-flex:1;flex:1}.i116q4vq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.p17ajcu2{margin-left:8px;line-height:17px}.cu9kmlb{margin-left:8px;height:16px;width:16px}.wie6cqo{border:1px solid var(--color-neutrals-gray3);font-family:var(--font-regular);font-weight:var(--font-weight-default);color:var(--color-neutrals-gray9);width:100%;min-height:40px;border-radius:100px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 3px 3px 11px;font-size:14px;-webkit-letter-spacing:-.15px;-moz-letter-spacing:-.15px;-ms-letter-spacing:-.15px;letter-spacing:-.15px}.wie6cqo>div:first-child:last-child{margin-left:auto;margin-right:auto}.cgizw4u{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.t1l3ucjp{color:var(--color-neutrals-gray7);margin-right:8px}.wx7j799{margin-right:4px}.p4lwuj0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end}.po9i64o{margin-right:6px;font-size:14px;line-height:14px}.pe5g05h{font-size:10px}.c1dcxmvf,.c1euiow{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px;padding:var(--container-padding);background-color:var(--color-neutrals-white)}.w19zie3h{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:10px;column-gap:10px;padding:11px 16px;color:var(--color-primary-green1);font-size:14px;font-weight:var(--font-weight-default);line-height:20px;border-radius:40px;border:1px solid var(--color-primary-green1);-webkit-text-decoration:none;text-decoration:none}.c1yrpn9o{padding:12px;font-weight:var(--font-weight-default);background-color:var(--color-primary-green1);border-radius:12px}.t17fwahh{margin-bottom:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:8px;column-gap:8px}.by6w7e9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:8px}.u1g7arbm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;column-gap:8px;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden}.a1ldeata{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.u10d4koz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:6px;overflow:hidden}.u1q6roj0{color:var(--color-white);font-size:16px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui0m425{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;column-gap:8px;height:14px;color:var(--color-neutrals-white);font-size:14px;text-transform:uppercase}.t1el3mrn{width:15px;height:15px}.r2vgnxv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px}.roqn06j{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-column-gap:4px;column-gap:4px}.r15adx7c{font-size:9px;opacity:.8}.dv59lta{width:1px;height:10px;background-color:var(--color-white);opacity:.2}.r55lotb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;column-gap:8px}.s1knfgqt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:8px 12px;border-radius:4px;background-color:var(--color-primary-green2)}.a1mqo824{background:#2d6ffd;border-radius:50%;width:48px;height:48px;text-align:center;text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:18px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.uxareh6{border:none;outline:none;background-color:transparent;cursor:pointer;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;width:100%;height:100%;max-width:48px;max-height:48px}.c1zy8a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:9px 8px;color:var(--color-neutrals-white);border-radius:4px;background-color:var(--color-primary-green2);overflow:hidden}.t1vih9p5{font-size:9px;line-height:14px;text-transform:uppercase;opacity:.8}.i1fbnvpb{font-size:14px;line-height:16px}.ctmhwyc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:4px;padding-top:2px;color:var(--color-neutrals-white);text-align:center}.i1jri200{font-size:14px;line-height:16px}.t8s05oq{font-size:9px;line-height:14px;text-transform:uppercase;opacity:.8}.sxnslc8{position:relative;box-sizing:border-box;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;border-radius:8px;background-color:var(--color-neutrals-gray2);padding:4px}.sxnslc8:before{content:"";position:absolute;background-color:var(--color-white);border-radius:6px;height:28px;left:4px;width:calc(50% - 4px);-webkit-transition:-webkit-transform var(--animation-duration) var(--animation-function);-webkit-transition:transform var(--animation-duration) var(--animation-function);transition:transform var(--animation-duration) var(--animation-function)}.sxnslc8[data-position=left]:before{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}.sxnslc8[data-position=right]:before{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translate(100%)}.b1umzux0{border:none;outline:none;background-color:transparent;color:var(--color-neutrals-gray7);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;font-weight:550;width:50%;box-sizing:border-box;padding:4px 10px;height:28px;cursor:pointer}.b1umzux0:hover{color:var(--color-primary-green1)}.b1umzux0[data-selected=true]{color:var(--color-primary-green1);cursor:default}.tspsaas{position:relative;z-index:2}.q1w97g3p{border-radius:var(--border-radius);padding:var(--container-padding);background-color:var(--color-neutrals-white);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:12px;border:1px solid var(--color-neutrals-white)}.q1w97g3p:hover{border-color:var(--color-neutrals-gray4)}.q2sl39u{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;font-size:12px;font-weight:500;margin-bottom:8px}.qd5h0uc{font-family:var(--font-serif);color:var(--color-primary-green2);font-size:14px;font-weight:400}.q1fa0b9h{width:24px;height:24px}.qxlt78s{width:16px;height:16px}.qxlt78s path{fill:var(--color-primary-green1);fill-opacity:1}.qmg0vkx{color:var(--color-neutrals-gray7);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;margin-left:6px}.q1uz5j1g{font-weight:700;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.qc3icwa{color:var(--color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qmx43d1{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;font-size:8px;padding:6px;height:20px;text-transform:uppercase;color:#fff;cursor:pointer}.q1uc7n5z{width:16px;height:16px}.qcpp4y6{text-transform:uppercase}.e1rdw3wd{text-transform:uppercase;border-left:1px solid var(--color-grey-primary);padding-left:5px;margin-left:5px}.s1nve60q{border-radius:71px;padding:14px 16px 12px;font-size:12px;border:1px solid;font-weight:var(--font-weight-default);outline:none}.s1nve60q[data-variant=primary]{color:var(--color-neutrals-white);background-color:var(--color-primary-green1);border-color:var(--color-primary-green1)}.s1nve60q[data-variant=primary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.s1nve60q[data-variant=secondary]{color:var(--color-primary-green1);background-color:transparent;border-color:var(--color-primary-green1)}.s1nve60q[data-variant=secondary]:hover:enabled{color:var(--color-neutrals-white);background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.s1nve60q:disabled{opacity:.5}.s1nve60q:disabled:hover{cursor:default}.cl56x6b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:16px;padding:12px 16px 16px;border:1px solid var(--color-neutrals-white);border-radius:8px;background-color:var(--color-neutrals-white)}.cl56x6b:hover{border-color:var(--color-neutrals-gray4)}.a11pzf92{height:44px;padding:0 16px;font-size:14px;line-height:20px;cursor:pointer}.c1eptrjd{box-sizing:border-box;overflow:hidden;border-radius:8px;background:#fff;width:100%;padding:16px;position:relative}.crylm65{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:20px;height:20px;right:11px;top:11px;cursor:pointer}.c9mrcz7 g>path{stroke:var(--color-neutrals-gray7)}.c9mrcz7:hover path{stroke:var(--color-primary-green2)}.hw3lzv4{margin-bottom:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.t1rrb3kf{width:13px;height:13px;margin-right:4px}.t1rrb3kf path{fill:var(--color-primary-green1);fill-opacity:1}.t1ydnjov{color:var(--color-neutrals-gray7);font-weight:550;font-size:12px}.qlf90cl{font-weight:400;font-size:16px;color:var(--color-primary-green2);margin-bottom:12px;padding-right:10px;font-family:var(--font-serif)}.a1e0nhcl{background-color:var(--color-primary-green1);color:var(--color-white);border-radius:40px;border:none;outline:none;cursor:pointer;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:550;padding:0 16px;height:44px}.a1e0nhcl:hover{background-color:var(--color-primary-green2);cursor:pointer}.i1pqqgpo{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:16px;background-color:var(--color-neutrals-white);border-radius:8px;width:100%}.igj7luu{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}.t1qne9g6{color:var(--color-primary-green2);font-size:16px;line-height:26px;font-weight:400;font-family:var(--font-serif);font-weight:var(--font-weight-default);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;text-overflow:ellipsis;max-height:50px}.dtpr98r{color:var(--color-neutrals-gray9);font-size:12px;line-height:24px;font-weight:var(--font-weight-default);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;text-overflow:ellipsis;max-height:50px}.a17iaqp8{border:none;outline:none;background-color:var(--color-primary-green1);color:var(--color-white);border-radius:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:550;width:100%;padding:0 16px;height:44px}.a17iaqp8:hover{background-color:var(--color-primary-green2);cursor:pointer}.c10131zw{box-sizing:border-box;width:100%;height:118px;border-radius:8px;overflow:hidden;position:relative;background-color:var(--color-primary-green2);-webkit-transition:background-color .7s ease-in;transition:background-color .7s ease-in}.c10131zw[data-bg-color-white=true]{background-color:var(--color-white)}.ar6k2eo{width:100%;background-color:transparent;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0);-webkit-transition:-webkit-transform 1s ease-in;-webkit-transition:transform 1s ease-in;transition:transform 1s ease-in;position:absolute;top:0;right:0;z-index:2}.ar6k2eo[data-active-number="2"]{-webkit-transform:translateY(-118px);-ms-transform:translateY(-118px);transform:translateY(-118px)}.ar6k2eo[data-active-number="3"]{-webkit-transform:translateY(-236px);-ms-transform:translateY(-236px);transform:translateY(-236px)}.ar6k2eo[data-active-number="4"]{-webkit-transform:translateY(-354px);-ms-transform:translateY(-354px);transform:translateY(-354px)}.ar6k2eo[data-active-number="5"]{-webkit-transform:translateY(-472px);-ms-transform:translateY(-472px);transform:translateY(-472px)}.c1hwoq9l{width:100%;height:118px;border-radius:8px;background-color:transparent;position:relative;padding:22px 16px;color:var(--color-white);font-family:var(--font-serif);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.c1hwoq9l[data-color-green=true]{color:var(--color-primary-green1)}.t4ujo4g{margin-bottom:10px;font-size:20px;font-weight:var(--font-weight-default);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.t4ujo4g[data-incorrect=true]{color:var(--color-neutrals-gray9)}.s1pjil1h{font-size:12px;font-weight:500;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--font-regular)}.s1pjil1h[data-incorrect=true]{color:var(--color-secondary-red1)}.s1iorwr9.s1pjil1h{font-family:var(--font-serif)}.a51sv9d{font-weight:400px;margin-left:5px}.f1lbk2ye{width:14px;height:14px;margin-right:6px}.crcvk3t{width:30px;height:30px;border:none;border-radius:50%;outline:none;background-color:transparent;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;right:8px;top:8px;cursor:pointer}.c33p82r{width:20px;height:20px}.c33p82r path{stroke:var(--color-neutrals-gray7)}.c33p82r:hover path{stroke:var(--color-primary-green2)}.c1t4f0x4{box-sizing:border-box;background-color:var(--color-neutrals-white);border-radius:8px;width:100%}.a16w1nl6{border:none;outline:none;background-color:var(--color-primary-green1);color:var(--color-white);border-radius:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:550;width:100%;padding:0 16px;height:44px}.a16w1nl6:hover{background-color:var(--color-primary-green2);cursor:pointer}.b14u54rf{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.i1hxm6zo{max-width:100%;border-radius:8px}.d1s19yop{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px;color:var(--color-neutrals-gray9);font-weight:var(--font-weight-default);margin-bottom:16px}.q1qyx94r{padding-bottom:12px;border-bottom:.7px solid var(--color-neutrals-gray3);margin-bottom:12px}.qs97clu{padding:0 24px 0 12px;color:var(--color-primary-green2);border-left:2px solid var(--color-primary-green2);font-size:12px;font-family:var(--font-serif);font-weight:var(--font-weight-default);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;text-overflow:ellipsis;max-height:32px}.b1dqe0sz{height:100%;width:100%;position:absolute;top:-1px;left:0;z-index:1;display:none}.b1dqe0sz[data-active=true]{display:block}.b1dqe0sz[data-active=true]>div:nth-child(1){-webkit-animation:showLines-b1dqe0sz 1s 50ms ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards;animation:showLines-b1dqe0sz 1s 50ms ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(2){-webkit-animation:showLines-b1dqe0sz .7s .5s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards;animation:showLines-b1dqe0sz .7s .5s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(3){-webkit-animation:showLines-b1dqe0sz .5s .7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards;animation:showLines-b1dqe0sz .5s .7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(4){-webkit-animation:showLines-b1dqe0sz .4s 1s ease-out forwards,hiddenLines-b1dqe0sz .5s 5.5s ease-in forwards;animation:showLines-b1dqe0sz .4s 1s ease-out forwards,hiddenLines-b1dqe0sz .5s 5.5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(1){-webkit-animation:showLines-b1dqe0sz 1s 1s ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards;animation:showLines-b1dqe0sz 1s 1s ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(2){-webkit-animation:showLines-b1dqe0sz .7s 1.4s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards;animation:showLines-b1dqe0sz .7s 1.4s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(3){-webkit-animation:showLines-b1dqe0sz .5s 1.7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards;animation:showLines-b1dqe0sz .5s 1.7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(1){-webkit-animation:showLines-b1dqe0sz 1s 50ms ease-out forwards;animation:showLines-b1dqe0sz 1s 50ms ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(2){-webkit-animation:showLines-b1dqe0sz .7s .5s ease-out forwards;animation:showLines-b1dqe0sz .7s .5s ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(3){-webkit-animation:showLines-b1dqe0sz .5s .7s ease-out forwards;animation:showLines-b1dqe0sz .5s .7s ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(4){-webkit-animation:showLines-b1dqe0sz .4s 1s ease-out forwards;animation:showLines-b1dqe0sz .4s 1s ease-out forwards}.b1dqe0sz>div{background-color:var(--color-white)}.b1dqe0sz[data-correct=true]>div{background-color:var(--color-primary-green2)}.b1dqe0sz[data-correct=false]>div{background-color:var(--color-neutrals-gray6)}@-webkit-keyframes showLines-b1dqe0sz{0%{-webkit-transform:translateX(400px) rotate(137deg);-ms-transform:translateX(400px) rotate(137deg);transform:translate(400px) rotate(137deg)}to{-webkit-transform:translateX(0px) rotate(137deg);-ms-transform:translateX(0px) rotate(137deg);transform:translate(0) rotate(137deg)}}@keyframes showLines-b1dqe0sz{0%{-webkit-transform:translateX(400px) rotate(137deg);-ms-transform:translateX(400px) rotate(137deg);transform:translate(400px) rotate(137deg)}to{-webkit-transform:translateX(0px) rotate(137deg);-ms-transform:translateX(0px) rotate(137deg);transform:translate(0) rotate(137deg)}}@-webkit-keyframes hiddenLines-b1dqe0sz{0%{width:1000px}to{width:2000px;opacity:0}}@keyframes hiddenLines-b1dqe0sz{0%{width:1000px}to{width:2000px;opacity:0}}.b1v6w7ni{position:absolute;opacity:.05;height:1000px;width:1000px;bottom:-580px;-webkit-transform:translateX(400px) rotate(137deg);-ms-transform:translateX(400px) rotate(137deg);transform:translate(400px) rotate(137deg)}.b2nqb1p.b1v6w7ni{right:-818px}.b1xxgmbk.b1v6w7ni{right:-902px}.b63lwcb.b1v6w7ni{right:-997px}.b2iah4.b1v6w7ni{right:-891px}.b1xezvf6.b1v6w7ni{right:-942px}.b1jz1hg0.b1v6w7ni{right:-996px}.b18ho1tk.b1v6w7ni{right:-931px}.b14uvjfm.b1v6w7ni{right:-981px;opacity:.1}.b11c3ns7.b1v6w7ni{right:-1035px;opacity:.15}.b1bqhhet.b1v6w7ni{right:-1088px;opacity:.2}.b1xyzi7o.b1v6w7ni{right:-931px;opacity:.1}.byo0rup.b1v6w7ni{right:-981px;opacity:.1}.b1oyiqgv.b1v6w7ni{right:-1035px;opacity:.1}.bx3ddqw.b1v6w7ni{right:-1088px;opacity:.1}.qvghv3l{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;max-height:100%;gap:8px}.cll3md7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px;padding:var(--container-padding);border:1px solid var(--color-neutrals-white);border-radius:8px;background-color:var(--color-neutrals-white)}.cll3md7:hover{border-color:var(--color-neutrals-gray4)}.cll3md7 .t5et2jt{font-weight:400;line-height:24px}.cll3md7 .d1i2kpk2{display:-webkit-box;font-size:12px;line-height:18px;text-overflow:ellipsis;word-break:break-all;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.a10g1iik{border:none;outline:none;background-color:var(--color-primary-green1);color:var(--color-white);border-radius:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:550;width:100%;padding:0 16px;height:44px}.a10g1iik:hover{background-color:var(--color-primary-green2);cursor:pointer}.psiob9b{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;column-gap:8px;padding:4px 17px 4px 4px;border-radius:40px}.psiob9b:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:40px;border:1px solid var(--color-neutrals-white);opacity:.4;z-index:-1}@media (max-width:767px){.psiob9b{padding-right:10px}}.p1gqe4lh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-primary-green2)}@media (max-width:767px){.p1gqe4lh{width:28px;height:28px}}.p15syg2y{width:20px;height:20px}.p15syg2y path{fill:var(--color-neutrals-white)}@media (max-width:767px){.p15syg2y{width:14px;height:14px}}.p12n4f2h{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:var(--color-neutrals-white);font-weight:var(--font-weight-default)}.poqmx89{margin-bottom:1px;font-size:9px;text-transform:uppercase}@media (max-width:767px){.poqmx89{display:none}}.prj9b3v{font-size:18px;line-height:20px}@media (max-width:767px){.prj9b3v{font-size:14px;line-height:22px}}.c18uddbs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:var(--color-neutrals-white)}.cvcfjf6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.o1ie27lw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:12px 12px 12px 16px}.c15cjkwi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;padding:0;width:24px;height:24px;border:none;background-color:transparent;outline:none;cursor:pointer}.i1mavjt2{width:10px;height:10px}.o1x0dyzv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 16px 16px}.o1jfi9c3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:0 16px;height:44px;font-size:14px;line-height:20px;cursor:pointer}.c1htq1lb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-bottom:24px}.cjyzpp7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding:0 16px 32px}.g16mldgz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:100%}.h69js65{max-width:270px;color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.smm7qmo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:8px;column-gap:8px}.s17knuw2{width:6px;height:6px;border-radius:50%;background-color:var(--color-neutrals-gray4)}.s17knuw2[data-active=true]{background-color:var(--color-primary-green1)}.c1itm4k7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;row-gap:24px;height:100%;padding:16px 16px 56px}.i1w4fsni{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--color-primary-green1)}.i19m85r1{width:24px;height:24px}.c1mbu204{max-width:270px;width:100%}.h1amdqtv{margin-bottom:8px;color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.s1lhlj9j{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);line-height:20px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;text-align:center}.l1wot35e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:16px;column-gap:16px;padding:12px 16px;max-width:292px;width:100%;border-radius:8px;border:1px solid var(--color-neutrals-gray3);cursor:pointer}.l1jdw39q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-weight:var(--font-weight-default);overflow:hidden}.l1cr5mk{color:var(--color-primary-green1);font-size:16px;line-height:24px}.lvi87q4{color:var(--color-neutrals-gray9);font-size:14px;line-height:20px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.l1pqlvw3{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.s1n7kzeh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;column-gap:8px}.s2m9o9y{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:8px;min-width:68px;-webkit-text-decoration:none;text-decoration:none}.sewjbbn{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:18px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px}.cm0bev{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-bottom:16px}.ce7x737{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;row-gap:24px;height:100%;padding:0 32px 32px}.tc2tor6{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.r1k5klql{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:24px}.r1tf3ft2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:16px;column-gap:16px}.rwpvg1k{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--color-primary-green1)}.rwpvg1k [data-icon=icon-trophy]{width:18px;height:18px}.rwpvg1k [data-icon=icon-trophy] path{fill:var(--color-neutrals-white)}.rwpvg1k [data-icon=icon-btn-feature-groups] path:first-child{stroke:var(--color-neutrals-white)}.rwpvg1k [data-icon=icon-btn-feature-groups] path:not(:first-child){fill:var(--color-neutrals-white)}.rbxiag0{font-size:14px;font-weight:var(--font-weight-default);line-height:18px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px}.t6cyrry{margin:0 auto;padding:8px 16px;color:var(--color-primary-green1);font-size:12px;font-weight:400;line-height:16px;border:initial;background:initial;outline:initial;cursor:pointer}.s13d8sg6>div{padding:var(--scroll-container-padding);background:var(--scroll-container-background)}.s13d8sg6>div>div{position:relative}.culdu4a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;padding:8px 16px 8px 8px;color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:16px;border:1px solid var(--color-neutrals-gray3);border-radius:8px;background-color:var(--color-neutrals-white);cursor:pointer}.culdu4a:hover{color:var(--color-primary-green1);border-color:var(--color-neutrals-gray5)}.pwf8e69{min-width:28px;text-align:center}.atf4yh4{width:32px;height:32px;border-radius:50%}.a1dg29ja{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;color:var(--color-neutrals-gray9);font-size:12px;border-radius:50%;background:var(--color-grey-primary-onboarding-inapp);text-align:center;text-transform:uppercase}.c10a68rc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;column-gap:8px}.nc4kck5{display:grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;grid-template-columns:1fr auto}.njsrqgr{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.c17uc4zr{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.c1ux29ft{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;width:100%;height:58px;min-height:58px;max-height:58px;padding:4px 12px;border-radius:8px;box-sizing:border-box;background-color:var(--color-primary-green1);overflow:hidden;cursor:pointer}.f10ncfg2{width:32px;height:32px}.c1yc07bd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:6px;padding:0 4px;font-weight:var(--font-weight-default)}.tj6cq7w{color:var(--color-neutrals-white);font-size:11px;line-height:14px;text-transform:uppercase;opacity:.8}.d1ag78xo{color:var(--color-white);font-size:14px;line-height:13px}.awohrz6{margin-right:8px;width:18px;height:18px}.cddmj9e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-radius:13px;height:100%}.i16t83sg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;max-height:100%}.i16t83sg>div{margin-bottom:8px}.cygkmjj{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;min-height:55px;height:55px;background-color:var(--color-transparent-item);border-radius:8px;cursor:pointer}.c71yvf9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:9px}.gao3b2f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top-left-radius:8px;border-bottom-left-radius:8px;min-width:60px;width:60px;height:100%;background-color:var(--color-blue-question-action-btn);position:relative}.i1k4eec3{width:35px;height:35px}.i1uhyahn{width:35px;height:35px;border-radius:50%}.i2ernmy{position:absolute;left:0;bottom:0;width:60px}.t12j99pr{color:var(--color-white);font-size:12px;font-weight:400px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;text-overflow:ellipsis;max-height:100%;margin-right:35px}.n1uwonpi{width:16px;height:16px}.s8p5v5z{width:100%;height:53px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:16px 0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.s755yti{max-width:20px}.c1vwopgc{font-weight:var(--font-weight-default);color:var(--color-neutrals-gray7);border-bottom:1px solid var(--color-neutrals-gray3);background:var(--color-neutrals-white);box-sizing:border-box;width:100%;font-size:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 12px 12px 16px}.qyktpt0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.q951jdx{width:16px;height:16px}.q951jdx path{fill:var(--color-primary-green1);fill-opacity:1}.qss5f0e{font-family:var(--font-regular);margin-left:8px}.c1ao1jtv{width:24px;height:24px;border:none;outline:none;background-color:transparent;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.cvsl7l3 path{stroke:var(--color-neutrals-gray7)}.cvsl7l3:hover path{stroke:var(--color-primary-green2)}.o9squag{height:100%;-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration)}.ctckejh{position:relative;top:var(--header-height);-webkit-animation-duration:calc(var(--animation-duration) 3);animation-duration:calc(var(--animation-duration) * 3)}.ctckejh>div{padding:var(--container-padding)}.cocfo2g{box-sizing:border-box;overflow:hidden;border-radius:8px;background:#fff;width:100%;padding:16px;position:relative;background-color:var(--color-white);color:var(--color-primary-green2);font-family:var(--font-serif)}.c1pdhxdk{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:20px;height:20px;right:11px;top:11px;cursor:pointer}.c1funj3r g>path{stroke:var(--color-neutrals-gray7)}.c1funj3r:hover path{stroke:var(--color-primary-green2)}.t1okg06y{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:10px;font-weight:400;margin-bottom:6px;-webkit-letter-spacing:3px;-moz-letter-spacing:3px;-ms-letter-spacing:3px;letter-spacing:3px}.sb1n923{max-height:19px;margin-right:6px}.p1stllxd{padding-bottom:3px}.s13kvdzw{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:22px;font-weight:400;margin-bottom:6px}.dfvmv3t{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--font-regular);font-size:12px;font-weight:550}.ay8e3j9{border-radius:40px;border:none;outline:none;cursor:pointer;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:550;padding:0 16px;height:44px;color:var(--color-white);background-color:var(--color-primary-green1);font-family:var(--font-regular);margin-top:16px}.ay8e3j9:hover{background-color:var(--color-primary-green2);cursor:pointer}.oar61gl{position:absolute;top:0;right:0;bottom:0;left:0;top:var(--header-height);background:var(--color-neutrals-white);z-index:3}.u14zaal4{background:var(--color-transparent-item);width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.u14zaal4>div{width:100%}.qdri6g3{background:var(--color-transparent-item);width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.c1bp9dj2{--scroll-container-padding:12px 16px 8px 16px;--scroll-container-background:var(--color-neutrals-white);height:100%}
1	+ .azqfrs3{width:100vw;height:100vh;padding:20px;box-sizing:border-box;margin:0;font-family:var(--font-family);color:var(--font-color)}.azqfrs3>div{box-sizing:border-box;width:370px;height:100%;border-radius:12px;overflow:auto;padding:10px;background-color:var(--color-bg-transparent)}.d1sqxt7l{position:fixed;bottom:0;right:0;max-width:600px;font-family:system-ui;background:rgba(29,123,255,.5);border-top-left-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.d1a3478s{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-right:60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:10px;margin-top:10px}.butjcq8{position:absolute;z-index:10000;bottom:10px;right:10px;width:40px;height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-around;-webkit-justify-content:space-around;-ms-flex-pack:space-around;justify-content:space-around;background:rgb(29,123,255);border:none;border-radius:6px;padding:10px;cursor:pointer;-webkit-transition:all .1s ease;transition:all .1s ease}.butjcq8:hover{padding-top:8px;padding-bottom:8px}.butjcq8:active{-webkit-transform:translateY(4px);-ms-transform:translateY(4px);transform:translateY(4px)}.butjcq8[data-opened=true] span:nth-child(odd){opacity:0}.butjcq8 span{display:block;background:#fff;border-radius:4px;width:100%;height:4px}.iwjhb00{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:rgb(29,123,255);padding:4px 6px;border-radius:5px;font-size:16px}.iwjhb00 input{display:block;width:100%;color:#fff;font-size:24px;border:none;padding:2px 2px 2px 10px;background:linear-gradient(136.45deg,rgba(60,139,251,.3) .57%,rgba(0,79,190,.3) 100%);border:1px solid transparent;outline:none}.iwjhb00 input:focus{border-color:#1d7bff}.iwjhb00 label{margin-right:4px}.iwjhb00 button{width:150px;color:#fff;background:transparent;margin:0;padding:0;cursor:pointer;border:none;text-transform:uppercase}.iwjhb00 button:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.iwjhb00 button:active{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.s14ex8bw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 6px;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.s14ex8bw label{cursor:pointer}.s1fwty0k{width:2rem;height:1rem;background:#fff;border-radius:1em;position:relative;margin-left:5px}.s1fwty0k input{opacity:0;position:relative;z-index:1;width:100%;cursor:pointer}.s1fwty0k input:checked+span{-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);background:green}.s1fwty0k span{display:block;position:absolute;top:0;left:0;height:1rem;width:1rem;border-radius:1em;background:gray;box-shadow:0 .1em .3em #0000004d;-webkit-transition:all .3s;transition:all .3s}.i1vlsnk4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:rgb(29,123,255);padding:4px 6px;border-radius:5px;font-size:16px;margin-bottom:2px}.i1vlsnk4 input{display:block;width:100%;color:#fff;font-size:24px;border:none;padding:2px 2px 2px 10px;background:linear-gradient(136.45deg,rgba(60,139,251,.3) .57%,rgba(0,79,190,.3) 100%);border:1px solid transparent;outline:none}.i1vlsnk4 input:focus{border-color:#1d7bff}.i1vlsnk4 label{margin-right:4px}.i1vlsnk4 button{width:150px;color:#fff;background:transparent;margin:0;padding:0;cursor:pointer;border:none;text-transform:uppercase}.m17a8r9z{--header-height:68px;--question-headers-height:117px;--animation-duration:.5s;--animation-function:ease;--container-padding:16px}.ttkj0ah{--color-bg-transparent:rgba(0,0,0,.8);--color-bg-transparent-vote-container:rgba(10,14,19,.8);--color-bg-transparent-item:rgba(0,0,0,.7);--color-bg-transparent-item-vote:rgba(255,255,255,.1);--color-bg-transparent-item-success:rgba(0,139,251,.2);--color-bg-transparent-item-error:rgba(205,37,37,.2);--color-bg-transparent-vote-progress:rgba(255,255,255,.2);--color-bg-transparent-vote-progress-success:rgba(60,139,251,.5);--color-bg-transparent-vote-progress-error:rgba(205,37,37,.5);--color-bg-transparent-onboarding-inapp:rgba(138,159,182,.2);--color-leaderboard-unit:rgba(255,255,255,.5);--color-blue-primary:#1589EE;--color-red-primary:#CD2525;--color-red-secondary:#EB5757;--color-blue-question-action-btn:#1589ee;--color-white:#FFFFFF;--color-grey-1:#909395;--color-grey-2:#22262b;--color-grey-3:#2d3135;--color-grey-4:#53565a;--color-grey-primary-onboarding-inapp:#B5B7B8;--color-black-1:#161a1f;--color-green-1:#F7B801;--color-red-1:#A30000;--color-red-2:#FF4170;--color-grey-primary:#909395;--color-divider-color-secondary:#53565a;--color-green-primary-btn:#009B77;--color-primary-green1:#107D57;--color-primary-green2:#006747;--color-primary-green3:#1C4932;--color-primary-green4:#193526;--color-secondary-red1:#DF2F3B;--color-secondary-red2:#BA0C2F;--color-secondary-red3:#f9d6d8;--color-secondary-yellow:#fce300;--color-secondary-green5:#C0DC8F;--color-secondary-green6:#cee5de;--color-neutrals-white:#FFFFFF;--color-neutrals-gray1:#F7F7F7;--color-neutrals-gray2:#F2F2F1;--color-neutrals-gray3:#E8E8E8;--color-neutrals-gray4:#D9D9D6;--color-neutrals-gray5:#B1B3B3;--color-neutrals-gray6:#888B8D;--color-neutrals-gray7:#6B6F73;--color-neutrals-gray8:#53565A;--color-neutrals-gray9:#25282A;--color-neutrals-black:#000000;--font-family:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-regular:"Benton Sans",BentonSans,Arial,Helvetica,sans-serif;--font-color:#fff;--font-serif:"Tiempos","Tiempos Text",Times New Roman,serif;--font-weight-default:500;--header-height:68px;--animation-duration:.5s;--animation-function:ease;--container-padding:16px;--border-radius:8px}.ttkj0ah {box-sizing:border-box}.c1bgb86j{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;border-radius:8px;overflow:hidden;cursor:pointer}.p6703cq{width:100%}.p12ow7zo{position:absolute;top:0;left:0;width:100%;height:100%}.cdpal9o{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}.i1e83no{background:#222425;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.r165427{font-weight:var(--font-weight-default)}.c1pgyo67{overflow:hidden;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;max-height:2500px;-webkit-animation:containerShowIn-c1pgyo67 ease-out;animation:containerShowIn-c1pgyo67 ease-out;-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration)}@-webkit-keyframes containerShowIn-c1pgyo67{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;max-height:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;max-height:2500px}}@keyframes containerShowIn-c1pgyo67{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;max-height:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;max-height:2500px}}.hx17qu6{-webkit-animation:containerHide-hx17qu6 ease-out;animation:containerHide-hx17qu6 ease-out;-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);-webkit-animation-direction:reverse;animation-direction:reverse;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes containerHide-hx17qu6{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;max-height:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;max-height:2500px}}@keyframes containerHide-hx17qu6{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;max-height:0}80%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}85%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);max-height:2500px}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;max-height:2500px}}.c1kzqw87{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:8px}.d9r1hf9{color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.qezygt5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:12px;column-gap:12px;padding:4px 16px 8px 0;color:var(--color-primary-green2);font-size:12px;font-family:var(--font-serif);font-weight:var(--font-weight-default)}.qezygt5:before{content:"";width:2px;background-color:var(--color-primary-green2)}.d1y8f7ym{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px}.b18gwonx{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.i3g0xjd{max-width:100%;border-radius:8px}.cjq447q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;column-gap:8px}.i14egogb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.i2g9g4l{width:46px;height:46px;object-fit:cover;object-position:center;border-radius:50%}.d1c454nm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:2px;color:var(--color-neutrals-gray9);font-weight:var(--font-weight-default)}.n11nigc3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;font-size:12px;font-family:var(--font-serif)}.urxa4k8{font-size:12px;line-height:20px}.cgn5uen{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:16px}.c1px8nt6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px}.t5et2jt{color:var(--color-primary-green1);font-size:16px;line-height:26px;font-family:var(--font-serif);font-weight:var(--font-weight-default)}.d1i2kpk2{color:var(--color-neutrals-gray9);font-size:14px;line-height:24px;font-weight:var(--font-weight-default)}.dd3lh3p{color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.n19lpak2{position:absolute;top:0;left:0;right:0;box-sizing:border-box;overflow:hidden;opacity:0;-webkit-animation:show-nav-n19lpak2 .5s ease;animation:show-nav-n19lpak2 .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;padding:var(--container-padding);border-bottom:1px solid var(--color-neutrals-gray3)}.n19lpak2>button:not(:last-child){margin-right:8px}@-webkit-keyframes show-nav-n19lpak2{90%{opacity:0}to{height:68px;opacity:1}}@keyframes show-nav-n19lpak2{90%{opacity:0}to{height:68px;opacity:1}}.b6tbwuy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:var(--color-neutrals-white)}.sxxa0c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:36px;max-height:36px;background-color:var(--color-white);border-radius:100px;border:1px solid var(--color-neutrals-gray3);color:var(--color-primary-green1);padding:0 8px;font-size:12px;font-weight:var(--font-weight-default);-webkit-letter-spacing:-.5px;-moz-letter-spacing:-.5px;-ms-letter-spacing:-.5px;letter-spacing:-.5px;cursor:pointer}.sxxa0c:hover{border-color:var(--color-primary-green1)}.sxxa0c[data-selected=true]{color:var(--color-white);background-color:var(--color-primary-green1);border-color:var(--color-primary-green1)}.sxxa0c[data-selected=true]:hover{cursor:default}.sxxa0c[data-selected=true]:disabled:hover{border-color:var(--color-primary-green1)}.sxxa0c:disabled{opacity:.5;cursor:default}.sxxa0c:disabled:hover{cursor:default;border-color:var(--color-neutrals-gray3)}.b193dcyu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:22px;height:22px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:5px}.b180jd7l[data-selected=true] g>path{fill:#fff}.b11des7c[data-selected=true] g>path:nth-child(1){stroke:#fff}.b11des7c[data-selected=true] g>path:nth-child(2){fill:#fff;stroke:#107d57}.b1whzxvd[data-selected=true] g>path:nth-child(1){stroke:#fff}.b1whzxvd[data-selected=true] g>path:nth-child(2){fill:#fff}.p1liu7r{border-radius:8px;padding:0 12px;background-color:var(--color-transparent-item);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.fhf9n1f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:auto;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.fmf7e3h{margin-bottom:20px;font-size:18px}.fg7be0w{margin-bottom:10px;font-size:14px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.fvxx8fg{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;padding:6px;text-transform:uppercase;color:#fff;cursor:pointer;margin-bottom:20px}.fvxx8fg:disabled{opacity:.5;cursor:default}.f1sfffsg{margin-bottom:40px;border-bottom:1px solid white}.f1sfffsg input{font-size:20px;background:transparent;color:#fff;border:none;outline:none}.d1majgb2>div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:20px}.d1majgb2 input{width:20px;height:40px;font-size:40px}.c14ielyq{width:100%;height:100%}.c14ielyq>div:not(:last-child){margin-bottom:16px}.c1tlqx57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;padding:16px 16px 0}.t1hq58md{font-family:var(--font-serif);font-size:16px;color:var(--color-primary-green2);font-weight:400;margin:16px 0}.o1c8nxcx{position:relative;gap:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.stu11h7{height:100%;background:transparent;font-family:var(--font-regular);position:relative;min-width:324px;overflow:hidden}.s1ucohr1{width:100%;overflow-y:auto;height:100%;-webkit-transition:-webkit-transform;-webkit-transition:transform;transition:transform;-webkit-transition-duration:var(--animation-duration);transition-duration:var(--animation-duration);-webkit-transition-timing-function:var(--animation-function);transition-timing-function:var(--animation-function)}.s1ucohr1[data-nav=true]{height:calc(100% - var(--header-height));-webkit-transform:translateY(var(--header-height));-ms-transform:translateY(var(--header-height));transform:translateY(var(--header-height))}.s1ucohr1[data-question-header=true]{height:calc(100% - var(--question-headers-height,0%));-webkit-transform:translateY(var(--question-headers-height));-ms-transform:translateY(var(--question-headers-height));transform:translateY(var(--question-headers-height))}.s1el4wvm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:var(--container-padding);gap:var(--container-padding)}.s1oe3036.s1el4wvm{background-color:var(--color-neutrals-white)}.c38csyt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:12px;padding-bottom:32px}.ty221rx{color:var(--color-primary-green2);font-size:20px;font-family:var(--font-serif);font-weight:400;line-height:26px;text-align:center}.dlaj9xp{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);line-height:20px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;text-align:center}.c16sbdnm{width:100%;padding:8px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;font-size:14px}.c16sbdnm[data-isPrediction=true]{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start}.ibhorgl{min-width:24px;width:24px;height:24px;margin-right:14px;margin-left:12px}.ibhorgl g>path{fill:var(--color-primary-green1);fill-opacity:1}.f1g20ja7{min-width:32px;width:32px;height:32px;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-right:16px}.f1g20ja7[data-feedbackType=correct]{background-color:var(--color-primary-green1)}.f1g20ja7[data-feedbackType=incorrect]{background-color:var(--color-secondary-red1)}.f455ozj{font-weight:var(--font-weight-default)}.f1913njx{margin-right:5px}.f1913njx[data-feedbackType=correct]{color:var(--color-primary-green1)}.f1913njx[data-feedbackType=incorrect]{color:var(--color-secondary-red1)}.fzfk69z{color:var(--color-neutrals-gray9)}.fx87qaj{font-weight:400;margin-top:10px}.b1b6dl8t{background-color:var(--color-neutrals-gray2);border:1px solid transparent;box-sizing:border-box;border-radius:4px;position:relative;max-height:44px;min-height:44px;height:44px;width:100%}.b1b6dl8t:hover:not(:disabled){border-color:var(--color-neutrals-gray5);cursor:pointer}.b1b6dl8t[data-selected=true]{border-color:var(--color-neutrals-gray9);background-color:var(--color-white)}.b1b6dl8t[data-answerState=correct]{position:relative;border-color:var(--color-primary-green1)}.b1b6dl8t[data-answerState=correct]:before{content:"";top:0;left:0;opacity:.1;display:block;width:100%;height:100%;position:absolute;background-color:var(--color-primary-green1)}.b1b6dl8t[data-answerState=incorrect]{position:relative;border-color:var(--color-secondary-red1)}.b1b6dl8t[data-answerState=incorrect]:before{content:"";top:0;left:0;opacity:.1;display:block;width:100%;height:100%;position:absolute;background-color:var(--color-secondary-red1)}.b1b6dl8t[data-isNotChecked=true]{border-color:var(--color-neutrals-gray3);background-color:var(--color-white)}.b4iik8i{-webkit-transition:width 1s ease-in;transition:width 1s ease-in;position:absolute;border-radius:3px;height:100%;z-index:0;left:0;top:0;background-color:var(--color-neutrals-gray3)}.b4iik8i[data-answerState=correct]{background-color:var(--color-primary-green1);opacity:.3}.b4iik8i[data-answerState=incorrect]{background-color:var(--color-secondary-red1);opacity:.3}.b4iik8i[data-answerState=unset]{background-color:var(--color-neutrals-gray3)}.b1gq1lnf{font-weight:var(--font-weight-default);color:var(--color-neutrals-gray9);font-family:var(--font-regular);background-color:transparent;padding:5px 15px 5px 9px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:2px;position:relative;font-size:12px;outline:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;border:none;width:100%}.i1j65z51{width:60px}.i19tpfua{position:absolute;left:0;bottom:-1px;background-repeat:no-repeat;background-size:contain;width:52px;height:52px}.i1tubmma{margin-right:8px}.i1grrgwj.i1tubmma{height:32px;width:32px}.ibemyq8.i1tubmma{border-radius:50%;height:32px;width:32px}.t1dceht{overflow:hidden;text-align:left;white-space:nowrap;text-overflow:ellipsis;-webkit-flex:1;-ms-flex:1;flex:1}.i116q4vq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.p17ajcu2{margin-left:8px;line-height:17px}.cu9kmlb{margin-left:8px;height:16px;width:16px}.wie6cqo{border:1px solid var(--color-neutrals-gray3);font-family:var(--font-regular);font-weight:var(--font-weight-default);color:var(--color-neutrals-gray9);width:100%;min-height:40px;border-radius:100px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 3px 3px 11px;font-size:14px;-webkit-letter-spacing:-.15px;-moz-letter-spacing:-.15px;-ms-letter-spacing:-.15px;letter-spacing:-.15px}.wie6cqo>div:first-child:last-child{margin-left:auto;margin-right:auto}.cgizw4u{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.t1l3ucjp{color:var(--color-neutrals-gray7);margin-right:8px}.wx7j799{margin-right:4px}.p4lwuj0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end}.po9i64o{margin-right:6px;font-size:14px;line-height:14px}.pe5g05h{font-size:10px}.c1dcxmvf,.c1euiow{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px;padding:var(--container-padding);background-color:var(--color-neutrals-white)}.w19zie3h{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:10px;column-gap:10px;padding:11px 16px;color:var(--color-primary-green1);font-size:14px;font-weight:var(--font-weight-default);line-height:20px;border-radius:40px;border:1px solid var(--color-primary-green1);-webkit-text-decoration:none;text-decoration:none}.c1yrpn9o{padding:12px;font-weight:var(--font-weight-default);background-color:var(--color-primary-green1);border-radius:12px}.t17fwahh{margin-bottom:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:8px;column-gap:8px}.by6w7e9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:8px}.u1g7arbm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;column-gap:8px;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden}.a1ldeata{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.u10d4koz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:6px;overflow:hidden}.u1q6roj0{color:var(--color-white);font-size:16px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui0m425{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;column-gap:8px;height:14px;color:var(--color-neutrals-white);font-size:14px;text-transform:uppercase}.t1el3mrn{width:15px;height:15px}.r2vgnxv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px}.roqn06j{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-column-gap:4px;column-gap:4px}.r15adx7c{font-size:9px;opacity:.8}.dv59lta{width:1px;height:10px;background-color:var(--color-white);opacity:.2}.r55lotb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;column-gap:8px}.s1knfgqt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:8px 12px;border-radius:4px;background-color:var(--color-primary-green2)}.a1mqo824{background:#2d6ffd;border-radius:50%;width:48px;height:48px;text-align:center;text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:18px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.uxareh6{border:none;outline:none;background-color:transparent;cursor:pointer;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;width:100%;height:100%;max-width:48px;max-height:48px}.c1zy8a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:9px 8px;color:var(--color-neutrals-white);border-radius:4px;background-color:var(--color-primary-green2);overflow:hidden}.t1vih9p5{font-size:9px;line-height:14px;text-transform:uppercase;opacity:.8}.i1fbnvpb{font-size:14px;line-height:16px}.ctmhwyc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:4px;padding-top:2px;color:var(--color-neutrals-white);text-align:center}.i1jri200{font-size:14px;line-height:16px}.t8s05oq{font-size:9px;line-height:14px;text-transform:uppercase;opacity:.8}.sxnslc8{position:relative;box-sizing:border-box;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;border-radius:8px;background-color:var(--color-neutrals-gray2);padding:4px}.sxnslc8:before{content:"";position:absolute;background-color:var(--color-white);border-radius:6px;height:28px;left:4px;width:calc(50% - 4px);-webkit-transition:-webkit-transform var(--animation-duration) var(--animation-function);-webkit-transition:transform var(--animation-duration) var(--animation-function);transition:transform var(--animation-duration) var(--animation-function)}.sxnslc8[data-position=left]:before{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}.sxnslc8[data-position=right]:before{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translate(100%)}.b1umzux0{border:none;outline:none;background-color:transparent;color:var(--color-neutrals-gray7);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;font-weight:550;width:50%;box-sizing:border-box;padding:4px 10px;height:28px;cursor:pointer}.b1umzux0:hover{color:var(--color-primary-green1)}.b1umzux0[data-selected=true]{color:var(--color-primary-green1);cursor:default}.tspsaas{position:relative;z-index:2}.q1w97g3p{border-radius:var(--border-radius);padding:var(--container-padding);background-color:var(--color-neutrals-white);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:12px;border:1px solid var(--color-neutrals-white)}.q1w97g3p:hover{border-color:var(--color-neutrals-gray4)}.q2sl39u{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;font-size:12px;font-weight:500;margin-bottom:8px}.qd5h0uc{font-family:var(--font-serif);color:var(--color-primary-green2);font-size:14px;font-weight:400}.q1fa0b9h{width:24px;height:24px}.qxlt78s{width:16px;height:16px}.qxlt78s path{fill:var(--color-primary-green1);fill-opacity:1}.qmg0vkx{color:var(--color-neutrals-gray7);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;margin-left:6px}.q1uz5j1g{font-weight:700;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.qc3icwa{color:var(--color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qmx43d1{background-color:var(--color-blue-question-action-btn);border:none;border-radius:2px;font-size:8px;padding:6px;height:20px;text-transform:uppercase;color:#fff;cursor:pointer}.q1uc7n5z{width:16px;height:16px}.qcpp4y6{text-transform:uppercase}.e1rdw3wd{text-transform:uppercase;border-left:1px solid var(--color-grey-primary);padding-left:5px;margin-left:5px}.p1pba9p1{border:none;outline:none;background-color:var(--color-primary-green1);color:var(--color-white);border-radius:71px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;font-weight:550;width:56px;height:32px}.p1pba9p1:hover{background-color:var(--color-primary-green2);cursor:pointer}.cl56x6b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:16px;padding:12px 16px 16px;border:1px solid var(--color-neutrals-white);border-radius:8px;background-color:var(--color-neutrals-white)}.cl56x6b:hover{border-color:var(--color-neutrals-gray4)}.a11pzf92{height:44px;padding:0 16px;font-size:14px;line-height:20px;cursor:pointer}.s1nve60q{border-radius:71px;padding:14px 16px 12px;font-size:12px;border:1px solid;font-weight:var(--font-weight-default);outline:none}.s1nve60q[data-variant=primary]{color:var(--color-neutrals-white);background-color:var(--color-primary-green1);border-color:var(--color-primary-green1)}.s1nve60q[data-variant=primary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.s1nve60q[data-variant=secondary]{color:var(--color-primary-green1);background-color:transparent;border-color:var(--color-primary-green1)}.s1nve60q[data-variant=secondary]:hover:enabled{color:var(--color-neutrals-white);background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.s1nve60q:disabled{opacity:.5}.s1nve60q:disabled:hover{cursor:default}.c1eptrjd{box-sizing:border-box;overflow:hidden;border-radius:8px;background:#fff;width:100%;padding:16px;position:relative}.crylm65{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:20px;height:20px;right:11px;top:11px;cursor:pointer}.c9mrcz7 g>path{stroke:var(--color-neutrals-gray7)}.c9mrcz7:hover path{stroke:var(--color-primary-green2)}.hw3lzv4{margin-bottom:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.t1rrb3kf{width:13px;height:13px;margin-right:4px}.t1rrb3kf path{fill:var(--color-primary-green1);fill-opacity:1}.t1ydnjov{color:var(--color-neutrals-gray7);font-weight:550;font-size:12px}.qlf90cl{font-weight:400;font-size:16px;color:var(--color-primary-green2);margin-bottom:12px;padding-right:10px;font-family:var(--font-serif)}.a1e0nhcl{background-color:var(--color-primary-green1);color:var(--color-white);border-radius:40px;border:none;outline:none;cursor:pointer;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:550;padding:0 16px;height:44px}.a1e0nhcl:hover{background-color:var(--color-primary-green2);cursor:pointer}.i1pqqgpo{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:16px;background-color:var(--color-neutrals-white);border-radius:8px;width:100%}.igj7luu{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}.t1qne9g6{color:var(--color-primary-green2);font-size:16px;line-height:26px;font-weight:400;font-family:var(--font-serif);font-weight:var(--font-weight-default);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;text-overflow:ellipsis;max-height:50px}.dtpr98r{color:var(--color-neutrals-gray9);font-size:12px;line-height:24px;font-weight:var(--font-weight-default);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;text-overflow:ellipsis;max-height:50px}.a17iaqp8{border:none;outline:none;background-color:var(--color-primary-green1);color:var(--color-white);border-radius:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:550;width:100%;padding:0 16px;height:44px}.a17iaqp8:hover{background-color:var(--color-primary-green2);cursor:pointer}.c10131zw{box-sizing:border-box;width:100%;height:118px;border-radius:8px;overflow:hidden;position:relative;background-color:var(--color-primary-green2);-webkit-transition:background-color .7s ease-in;transition:background-color .7s ease-in}.c10131zw[data-bg-color-white=true]{background-color:var(--color-white)}.ar6k2eo{width:100%;background-color:transparent;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0);-webkit-transition:-webkit-transform 1s ease-in;-webkit-transition:transform 1s ease-in;transition:transform 1s ease-in;position:absolute;top:0;right:0;z-index:2}.ar6k2eo[data-active-number="2"]{-webkit-transform:translateY(-118px);-ms-transform:translateY(-118px);transform:translateY(-118px)}.ar6k2eo[data-active-number="3"]{-webkit-transform:translateY(-236px);-ms-transform:translateY(-236px);transform:translateY(-236px)}.ar6k2eo[data-active-number="4"]{-webkit-transform:translateY(-354px);-ms-transform:translateY(-354px);transform:translateY(-354px)}.ar6k2eo[data-active-number="5"]{-webkit-transform:translateY(-472px);-ms-transform:translateY(-472px);transform:translateY(-472px)}.c1hwoq9l{width:100%;height:118px;border-radius:8px;background-color:transparent;position:relative;padding:22px 16px;color:var(--color-white);font-family:var(--font-serif);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.c1hwoq9l[data-color-green=true]{color:var(--color-primary-green1)}.t4ujo4g{margin-bottom:10px;font-size:20px;font-weight:var(--font-weight-default);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.t4ujo4g[data-incorrect=true]{color:var(--color-neutrals-gray9)}.s1pjil1h{font-size:12px;font-weight:500;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--font-regular)}.s1pjil1h[data-incorrect=true]{color:var(--color-secondary-red1)}.s1iorwr9.s1pjil1h{font-family:var(--font-serif)}.a51sv9d{font-weight:400px;margin-left:5px}.f1lbk2ye{width:14px;height:14px;margin-right:6px}.crcvk3t{width:30px;height:30px;border:none;border-radius:50%;outline:none;background-color:transparent;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;right:8px;top:8px;cursor:pointer}.c33p82r{width:20px;height:20px}.c33p82r path{stroke:var(--color-neutrals-gray7)}.c33p82r:hover path{stroke:var(--color-primary-green2)}.c1t4f0x4{box-sizing:border-box;background-color:var(--color-neutrals-white);border-radius:8px;width:100%}.a16w1nl6{border:none;outline:none;background-color:var(--color-primary-green1);color:var(--color-white);border-radius:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:550;width:100%;padding:0 16px;height:44px}.a16w1nl6:hover{background-color:var(--color-primary-green2);cursor:pointer}.b14u54rf{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.i1hxm6zo{max-width:100%;border-radius:8px}.d1s19yop{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px;color:var(--color-neutrals-gray9);font-weight:var(--font-weight-default);margin-bottom:16px}.q1qyx94r{padding-bottom:12px;border-bottom:.7px solid var(--color-neutrals-gray3);margin-bottom:12px}.qs97clu{padding:0 24px 0 12px;color:var(--color-primary-green2);border-left:2px solid var(--color-primary-green2);font-size:12px;font-family:var(--font-serif);font-weight:var(--font-weight-default);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;text-overflow:ellipsis;max-height:32px}.b1dqe0sz{height:100%;width:100%;position:absolute;top:-1px;left:0;z-index:1;display:none}.b1dqe0sz[data-active=true]{display:block}.b1dqe0sz[data-active=true]>div:nth-child(1){-webkit-animation:showLines-b1dqe0sz 1s 50ms ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards;animation:showLines-b1dqe0sz 1s 50ms ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(2){-webkit-animation:showLines-b1dqe0sz .7s .5s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards;animation:showLines-b1dqe0sz .7s .5s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(3){-webkit-animation:showLines-b1dqe0sz .5s .7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards;animation:showLines-b1dqe0sz .5s .7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards}.b1dqe0sz[data-active=true]>div:nth-child(4){-webkit-animation:showLines-b1dqe0sz .4s 1s ease-out forwards,hiddenLines-b1dqe0sz .5s 5.5s ease-in forwards;animation:showLines-b1dqe0sz .4s 1s ease-out forwards,hiddenLines-b1dqe0sz .5s 5.5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(1){-webkit-animation:showLines-b1dqe0sz 1s 1s ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards;animation:showLines-b1dqe0sz 1s 1s ease-out forwards,hiddenLines-b1dqe0sz 1.5s 4.5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(2){-webkit-animation:showLines-b1dqe0sz .7s 1.4s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards;animation:showLines-b1dqe0sz .7s 1.4s ease-out forwards,hiddenLines-b1dqe0sz 1s 5s ease-in forwards}.b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(3){-webkit-animation:showLines-b1dqe0sz .5s 1.7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards;animation:showLines-b1dqe0sz .5s 1.7s ease-out forwards,hiddenLines-b1dqe0sz .7s 5.3s ease-in forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(1){-webkit-animation:showLines-b1dqe0sz 1s 50ms ease-out forwards;animation:showLines-b1dqe0sz 1s 50ms ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(2){-webkit-animation:showLines-b1dqe0sz .7s .5s ease-out forwards;animation:showLines-b1dqe0sz .7s .5s ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(3){-webkit-animation:showLines-b1dqe0sz .5s .7s ease-out forwards;animation:showLines-b1dqe0sz .5s .7s ease-out forwards}.b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(4){-webkit-animation:showLines-b1dqe0sz .4s 1s ease-out forwards;animation:showLines-b1dqe0sz .4s 1s ease-out forwards}.b1dqe0sz>div{background-color:var(--color-white)}.b1dqe0sz[data-correct=true]>div{background-color:var(--color-primary-green2)}.b1dqe0sz[data-correct=false]>div{background-color:var(--color-neutrals-gray6)}@-webkit-keyframes showLines-b1dqe0sz{0%{-webkit-transform:translateX(400px) rotate(137deg);-ms-transform:translateX(400px) rotate(137deg);transform:translate(400px) rotate(137deg)}to{-webkit-transform:translateX(0px) rotate(137deg);-ms-transform:translateX(0px) rotate(137deg);transform:translate(0) rotate(137deg)}}@keyframes showLines-b1dqe0sz{0%{-webkit-transform:translateX(400px) rotate(137deg);-ms-transform:translateX(400px) rotate(137deg);transform:translate(400px) rotate(137deg)}to{-webkit-transform:translateX(0px) rotate(137deg);-ms-transform:translateX(0px) rotate(137deg);transform:translate(0) rotate(137deg)}}@-webkit-keyframes hiddenLines-b1dqe0sz{0%{width:1000px}to{width:2000px;opacity:0}}@keyframes hiddenLines-b1dqe0sz{0%{width:1000px}to{width:2000px;opacity:0}}.b1v6w7ni{position:absolute;opacity:.05;height:1000px;width:1000px;bottom:-580px;-webkit-transform:translateX(400px) rotate(137deg);-ms-transform:translateX(400px) rotate(137deg);transform:translate(400px) rotate(137deg)}.b2nqb1p.b1v6w7ni{right:-818px}.b1xxgmbk.b1v6w7ni{right:-902px}.b63lwcb.b1v6w7ni{right:-997px}.b2iah4.b1v6w7ni{right:-891px}.b1xezvf6.b1v6w7ni{right:-942px}.b1jz1hg0.b1v6w7ni{right:-996px}.b18ho1tk.b1v6w7ni{right:-931px}.b14uvjfm.b1v6w7ni{right:-981px;opacity:.1}.b11c3ns7.b1v6w7ni{right:-1035px;opacity:.15}.b1bqhhet.b1v6w7ni{right:-1088px;opacity:.2}.b1xyzi7o.b1v6w7ni{right:-931px;opacity:.1}.byo0rup.b1v6w7ni{right:-981px;opacity:.1}.b1oyiqgv.b1v6w7ni{right:-1035px;opacity:.1}.bx3ddqw.b1v6w7ni{right:-1088px;opacity:.1}.qvghv3l{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;max-height:100%;gap:8px}.cll3md7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:12px;padding:var(--container-padding);border:1px solid var(--color-neutrals-white);border-radius:8px;background-color:var(--color-neutrals-white)}.cll3md7:hover{border-color:var(--color-neutrals-gray4)}.cll3md7 .t5et2jt{font-weight:400;line-height:24px}.cll3md7 .d1i2kpk2{display:-webkit-box;font-size:12px;line-height:18px;text-overflow:ellipsis;word-break:break-all;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.a10g1iik{border:none;outline:none;background-color:var(--color-primary-green1);color:var(--color-white);border-radius:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:550;width:100%;padding:0 16px;height:44px}.a10g1iik:hover{background-color:var(--color-primary-green2);cursor:pointer}.psiob9b{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;column-gap:8px;padding:4px 17px 4px 4px;border-radius:40px}.psiob9b:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:40px;border:1px solid var(--color-neutrals-white);opacity:.4;z-index:-1}@media (max-width:767px){.psiob9b{padding-right:10px}}.p1gqe4lh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-primary-green2)}@media (max-width:767px){.p1gqe4lh{width:28px;height:28px}}.p15syg2y{width:20px;height:20px}.p15syg2y path{fill:var(--color-neutrals-white)}@media (max-width:767px){.p15syg2y{width:14px;height:14px}}.p12n4f2h{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:var(--color-neutrals-white);font-weight:var(--font-weight-default)}.poqmx89{margin-bottom:1px;font-size:9px;text-transform:uppercase}@media (max-width:767px){.poqmx89{display:none}}.prj9b3v{font-size:18px;line-height:20px}@media (max-width:767px){.prj9b3v{font-size:14px;line-height:22px}}.c18uddbs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:var(--color-neutrals-white)}.cvcfjf6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.o1ie27lw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:12px 12px 12px 16px}.c15cjkwi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;padding:0;width:24px;height:24px;border:none;background-color:transparent;outline:none;cursor:pointer}.i1mavjt2{width:10px;height:10px}.o1x0dyzv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 16px 16px}.o1jfi9c3{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:0 16px;height:44px;font-size:14px;line-height:20px;cursor:pointer}.c1htq1lb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-bottom:24px}.cjyzpp7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding:0 16px 32px}.g16mldgz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:100%}.h69js65{max-width:270px;color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.smm7qmo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:8px;column-gap:8px}.s17knuw2{width:6px;height:6px;border-radius:50%;background-color:var(--color-neutrals-gray4)}.s17knuw2[data-active=true]{background-color:var(--color-primary-green1)}.c1itm4k7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;row-gap:24px;height:100%;padding:16px 16px 56px}.i1w4fsni{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--color-primary-green1)}.i19m85r1{width:24px;height:24px}.c1mbu204{max-width:270px;width:100%}.h1amdqtv{margin-bottom:8px;color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.s1lhlj9j{color:var(--color-neutrals-gray9);font-size:14px;font-weight:var(--font-weight-default);line-height:20px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;text-align:center}.l1wot35e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:16px;column-gap:16px;padding:12px 16px;max-width:292px;width:100%;border-radius:8px;border:1px solid var(--color-neutrals-gray3);cursor:pointer}.l1jdw39q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-weight:var(--font-weight-default);overflow:hidden}.l1cr5mk{color:var(--color-primary-green1);font-size:16px;line-height:24px}.lvi87q4{color:var(--color-neutrals-gray9);font-size:14px;line-height:20px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.l1pqlvw3{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.s1n7kzeh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;column-gap:8px}.s2m9o9y{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:8px;min-width:68px;-webkit-text-decoration:none;text-decoration:none}.sewjbbn{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:18px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px}.cm0bev{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-bottom:16px}.ce7x737{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;row-gap:24px;height:100%;padding:0 32px 32px}.tc2tor6{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.r1k5klql{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:24px}.r1tf3ft2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:16px;column-gap:16px}.rwpvg1k{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--color-primary-green1)}.rwpvg1k [data-icon=icon-trophy]{width:18px;height:18px}.rwpvg1k [data-icon=icon-trophy] path{fill:var(--color-neutrals-white)}.rwpvg1k [data-icon=icon-btn-feature-groups] path:first-child{stroke:var(--color-neutrals-white)}.rwpvg1k [data-icon=icon-btn-feature-groups] path:not(:first-child){fill:var(--color-neutrals-white)}.rbxiag0{font-size:14px;font-weight:var(--font-weight-default);line-height:18px;-webkit-letter-spacing:-.154px;-moz-letter-spacing:-.154px;-ms-letter-spacing:-.154px;letter-spacing:-.154px}.t6cyrry{margin:0 auto;padding:8px 16px;color:var(--color-primary-green1);font-size:12px;font-weight:400;line-height:16px;border:initial;background:initial;outline:initial;cursor:pointer}.s13d8sg6>div{padding:var(--scroll-container-padding);background:var(--scroll-container-background)}.s13d8sg6>div>div{position:relative}.culdu4a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;padding:8px 16px 8px 8px;color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:16px;border:1px solid var(--color-neutrals-gray3);border-radius:8px;background-color:var(--color-neutrals-white);cursor:pointer}.culdu4a:hover{color:var(--color-primary-green1);border-color:var(--color-neutrals-gray5)}.pwf8e69{min-width:28px;text-align:center}.atf4yh4{width:32px;height:32px;border-radius:50%}.a1dg29ja{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;color:var(--color-neutrals-gray9);font-size:12px;border-radius:50%;background:var(--color-grey-primary-onboarding-inapp);text-align:center;text-transform:uppercase}.c10a68rc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;column-gap:8px}.nc4kck5{display:grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;grid-template-columns:1fr auto}.njsrqgr{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.c17uc4zr{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.c1ux29ft{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;column-gap:4px;width:100%;height:58px;min-height:58px;max-height:58px;padding:4px 12px;border-radius:8px;box-sizing:border-box;background-color:var(--color-primary-green1);overflow:hidden;cursor:pointer}.f10ncfg2{width:32px;height:32px}.c1yc07bd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:6px;padding:0 4px;font-weight:var(--font-weight-default)}.tj6cq7w{color:var(--color-neutrals-white);font-size:11px;line-height:14px;text-transform:uppercase;opacity:.8}.d1ag78xo{color:var(--color-white);font-size:14px;line-height:13px}.awohrz6{margin-right:8px;width:18px;height:18px}.cddmj9e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-radius:13px;height:100%}.i16t83sg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;max-height:100%}.i16t83sg>div{margin-bottom:8px}.cygkmjj{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;min-height:55px;height:55px;background-color:var(--color-transparent-item);border-radius:8px;cursor:pointer}.c71yvf9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:9px}.gao3b2f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top-left-radius:8px;border-bottom-left-radius:8px;min-width:60px;width:60px;height:100%;background-color:var(--color-blue-question-action-btn);position:relative}.i1k4eec3{width:35px;height:35px}.i1uhyahn{width:35px;height:35px;border-radius:50%}.i2ernmy{position:absolute;left:0;bottom:0;width:60px}.t12j99pr{color:var(--color-white);font-size:12px;font-weight:400px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;text-overflow:ellipsis;max-height:100%;margin-right:35px}.n1uwonpi{width:16px;height:16px}.s8p5v5z{width:100%;height:53px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:16px 0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.s755yti{max-width:20px}.c1vwopgc{font-weight:var(--font-weight-default);color:var(--color-neutrals-gray7);border-bottom:1px solid var(--color-neutrals-gray3);background:var(--color-neutrals-white);box-sizing:border-box;width:100%;font-size:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 12px 12px 16px}.qyktpt0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.q951jdx{width:16px;height:16px}.q951jdx path{fill:var(--color-primary-green1);fill-opacity:1}.qss5f0e{font-family:var(--font-regular);margin-left:8px}.c1ao1jtv{width:24px;height:24px;border:none;outline:none;background-color:transparent;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.cvsl7l3 path{stroke:var(--color-neutrals-gray7)}.cvsl7l3:hover path{stroke:var(--color-primary-green2)}.o9squag{height:100%;-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration)}.ctckejh{position:relative;top:var(--header-height);-webkit-animation-duration:calc(var(--animation-duration) 3);animation-duration:calc(var(--animation-duration) * 3)}.ctckejh>div{padding:var(--container-padding)}.cocfo2g{box-sizing:border-box;overflow:hidden;border-radius:8px;background:#fff;width:100%;padding:16px;position:relative;background-color:var(--color-white);color:var(--color-primary-green2);font-family:var(--font-serif)}.c1pdhxdk{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:20px;height:20px;right:11px;top:11px;cursor:pointer}.c1funj3r g>path{stroke:var(--color-neutrals-gray7)}.c1funj3r:hover path{stroke:var(--color-primary-green2)}.t1okg06y{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:10px;font-weight:400;margin-bottom:6px;-webkit-letter-spacing:3px;-moz-letter-spacing:3px;-ms-letter-spacing:3px;letter-spacing:3px}.sb1n923{max-height:19px;margin-right:6px}.p1stllxd{padding-bottom:3px}.s13kvdzw{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:22px;font-weight:400;margin-bottom:6px}.dfvmv3t{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--font-regular);font-size:12px;font-weight:550}.ay8e3j9{border-radius:40px;border:none;outline:none;cursor:pointer;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:550;padding:0 16px;height:44px;color:var(--color-white);background-color:var(--color-primary-green1);font-family:var(--font-regular);margin-top:16px}.ay8e3j9:hover{background-color:var(--color-primary-green2);cursor:pointer}.oar61gl{position:absolute;top:0;right:0;bottom:0;left:0;top:var(--header-height);background:var(--color-neutrals-white);z-index:3}.u14zaal4{background:var(--color-transparent-item);width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.u14zaal4>div{width:100%}.qdri6g3{background:var(--color-transparent-item);width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.c1bp9dj2{--scroll-container-padding:12px 16px 8px 16px;--scroll-container-background:var(--color-neutrals-white);height:100%}

package/lib/ui/app/Features/Gamification/QuestionsList.js CHANGED Viewed

@@ -3,11 +3,9 @@ import { useStore as m } from "@nanostores/react";
 import { QuestionList as p } from "../../../gamification/question/list/index.js";
 import "../../../gamification/question/index.js";
 import "@streamlayer/sdk-web-types";
-import "../../../button/index.js";
-import "../../../button/styles.js";
-import "@linaria/react";
 import "../../../gamification/constants.js";
 import "../../../gamification/question/styles.js";
+import "@linaria/react";
 import "../../../icons/index.js";
 import "react";
 import "../../../gamification/question/insight/index.js";
@@ -18,10 +16,10 @@ import "../../../../utils/common.js";
 import "../../../questions/insight/styles.js";
 import "../../../gamification/question/insight/styles.js";
 import "../../../gamification/question/list/styles.js";
-const k = ({ store: r, openQuestion: i }) => {
+const b = ({ store: r, openQuestion: i }) => {
   const t = m(r);
   return t != null && t.data ? /* @__PURE__ */ o(p, { openQuestion: i, questions: t.data }) : /* @__PURE__ */ o("div", { children: "wait questions..." });
 };
 export {
-  k as QuestionsList
+  b as QuestionsList
 };

package/lib/ui/app/Features/Gamification/Tabs.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { useState as s } from "react";
-import { SDKWhiteContainer as p, SDKScrollContainer as n, SDKContentContainer as d } from "../../styles.js";
+import { SDKWhiteContainer as e, SDKScrollContainer as n, SDKContentContainer as d } from "../../styles.js";
 import { ActivePages as i, Tabs as a } from "../../../gamification/tabs/index.js";
 import { Leaderboard as l } from "./Leaderboard.js";
 import { QuestionsList as c } from "./QuestionsList.js";
@@ -23,8 +23,6 @@ import "../../../gamification/onboarding/slides/onboarding-invite-card/styles.js
 import "../../../gamification/question/list/index.js";
 import "../../../gamification/question/index.js";
 import "@streamlayer/sdk-web-types";
-import "../../../button/index.js";
-import "../../../button/styles.js";
 import "../../../gamification/constants.js";
 import "../../../gamification/question/styles.js";
 import "../../../gamification/question/insight/index.js";
@@ -40,10 +38,10 @@ import "../../../gamification/user-statistics/components/rank/styles.js";
 import "../../../gamification/user-statistics/components/statistic/index.js";
 import "../../../gamification/user-statistics/components/statistic/styles.js";
 import "../../../gamification/user-statistics/styles.js";
-const or = ({
+const rr = ({
   gamification: t
 }) => {
-  const [o, e] = s(i.HOME);
+  const [o, p] = s(i.HOME);
   return /* @__PURE__ */ m("div", {
     style: {
       height: "100%",
@@ -51,16 +49,16 @@ const or = ({
       flexDirection: "column",
       overflow: "hidden"
     },
-    children: [/* @__PURE__ */ r(p, {
+    children: [/* @__PURE__ */ r(e, {
       style: {
         paddingBottom: "4px"
       },
       children: /* @__PURE__ */ r(a, {
         activePage: o,
-        toggleActivePage: e
+        toggleActivePage: p
       })
     }), o === i.HOME && /* @__PURE__ */ m(n, {
-      children: [/* @__PURE__ */ r(p, {
+      children: [/* @__PURE__ */ r(e, {
         style: {
           paddingTop: "12px"
         },
@@ -82,5 +80,5 @@ const or = ({
   });
 };
 export {
-  or as Tabs
+  rr as Tabs
 };

package/lib/ui/app/Features/Gamification/gamification-feature.js CHANGED Viewed

@@ -55,8 +55,6 @@ import "../../../gamification/onboarding/slides/onboarding-invite-card/styles.js
 import "./QuestionsList.js";
 import "../../../gamification/question/list/index.js";
 import "../../../gamification/question/index.js";
-import "../../../button/index.js";
-import "../../../button/styles.js";
 import "../../../gamification/question/styles.js";
 import "../../../gamification/question/insight/index.js";
 import "../../../gamification/question/insight/styles.js";

package/lib/ui/app/Features/Gamification/index.js CHANGED Viewed

@@ -54,8 +54,6 @@ import "../../../gamification/onboarding/slides/onboarding-invite-card/styles.js
 import "./QuestionsList.js";
 import "../../../gamification/question/list/index.js";
 import "../../../gamification/question/index.js";
-import "../../../button/index.js";
-import "../../../button/styles.js";
 import "../../../gamification/question/styles.js";
 import "../../../gamification/question/insight/index.js";
 import "../../../gamification/question/insight/styles.js";
@@ -75,7 +73,7 @@ const C = () => h, n = /* @__PURE__ */ s(C())({
 }) => {
   const i = r + t;
   return i === 0 ? 0 : Math.round(r / i * 100);
-}, Dr = ({
+}, yr = ({
   gamification: r,
   className: t
 }) => {
@@ -109,5 +107,5 @@ const C = () => h, n = /* @__PURE__ */ s(C())({
   });
 };
 export {
-  Dr as GamificationOverlay
+  yr as GamificationOverlay
 };

package/lib/ui/app/useMastersApp.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { useRef as y, useState as d, useCallback as F, useEffect as A } from "re
 import { FeatureType as z } from "@streamlayer/sdk-web-types";
 import "react/jsx-runtime";
 import { ChannelsButtonId as c } from "../navigation/button/Channels.js";
-import { FeaturedGroupsButtonId as r } from "../navigation/button/FeaturedGroups.js";
+import { FeaturedGroupsButtonId as n } from "../navigation/button/FeaturedGroups.js";
 import "@linaria/react";
 import "../icons/index.js";
 import "../navigation/button/styles.js";
@@ -12,25 +12,25 @@ import "../../index_4nhkck-4ed993c7.js";
 import "../../masters_k70xsy-4ed993c7.js";
 import "../navigation/button/index.js";
 const q = (e) => {
-  const s = y(""), [l, f] = d(!1), S = m(e.status), i = m(e.userId()), o = S === "ready", [n, u] = d(r), p = F(
-    (t, a) => {
-      u(a), a === r ? (t && e.createEventSession(t), e.openFeature(z.GAMES)) : e.closeFeature();
+  const a = y(""), [l, f] = d(!1), S = m(e.status), r = m(e.userId()), i = S === "ready", [s, u] = d(n), p = F(
+    (t, o) => {
+      u(o), o === n ? (t && e.createEventSession(t), e.openFeature(z.GAMES)) : e.closeFeature();
     },
     [e]
   );
   A(() => {
-    !o && n === r && (u(c), e.closeFeature());
-  }, [o, n, e]);
+    !i && s === n && (u(c), e.closeFeature());
+  }, [i, s, e]);
   const b = (t) => {
-    s.current = t, e.initializeApp().then(({ enabled: a, err: E }) => {
+    a.current = t, e.initializeApp().then(({ enabled: o, err: E }) => {
       if (f(!0), E) {
         p(t, c);
         return;
       }
-      if (a) {
+      if (o) {
         e.isUserAuthorized().then((h) => {
           if (h) {
-            p(t, r);
+            p(t, n);
             return;
           } else
             e.disableApp();
@@ -42,21 +42,21 @@ const q = (e) => {
     f(!1), e.disableApp();
   };
   return A(() => {
-    if (!i) {
-      o && n === r && (u(c), e.disableApp());
+    if (!r) {
+      i && (u(c), e.disableApp());
       return;
     }
-    i && s.current && l && e.initializeApp().then(() => {
-      e.createEventSession(s.current);
+    r && a.current && l && e.initializeApp().then(() => {
+      e.createEventSession(a.current);
     });
-  }, [i]), {
+  }, [r]), {
     sdkEnabled: l,
-    sdkReady: o,
-    activeOverlay: n,
+    sdkReady: i,
+    activeOverlay: s,
     activateAndLoadOverlay: p,
     enableSdk: b,
     disableSdk: v,
-    isLogged: !!i
+    isLogged: !!r
   };
 };
 export {

package/lib/ui/gamification/question/index.js CHANGED Viewed

@@ -1,41 +1,39 @@
-import { jsx as o, jsxs as t } from "react/jsx-runtime";
-import { PickHistoryStatus as n, QuestionType as d, QuestionStatus as Q } from "@streamlayer/sdk-web-types";
-import { Button as h } from "../../button/index.js";
-import { QuestionTypeData as y } from "../constants.js";
-import { QuestionActionIcon as r, QuestionItem as I, QuestionContent as T, QuestionCaption as f, QuestionTypeIcon as A, QuestionTypeLabel as S, QuestionBody as x, QuestionAction as D } from "./styles.js";
-import "../../button/styles.js";
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { PickHistoryStatus as t, QuestionType as d, QuestionStatus as Q } from "@streamlayer/sdk-web-types";
+import { QuestionTypeData as h } from "../constants.js";
+import { QuestionActionIcon as i, QuestionItem as y, QuestionContent as I, QuestionCaption as T, QuestionTypeIcon as f, QuestionTypeLabel as A, QuestionBody as S, QuestionAction as x, PlayButton as D } from "./styles.js";
 import "@linaria/react";
 import "../../icons/index.js";
 import "react";
 const E = {
-  [n.LOST]: /* @__PURE__ */ o(r, { name: "icon-cross" }),
-  [n.WON]: /* @__PURE__ */ o(r, { name: "icon-check" }),
-  [n.UNSET]: void 0,
-  [n.DNP]: /* @__PURE__ */ o(r, { name: "icon-arrow" })
-}, R = ({
+  [t.LOST]: /* @__PURE__ */ o(i, { name: "icon-cross" }),
+  [t.WON]: /* @__PURE__ */ o(i, { name: "icon-check" }),
+  [t.UNSET]: /* @__PURE__ */ o(i, { name: "icon-arrow" }),
+  [t.DNP]: /* @__PURE__ */ o(i, { name: "icon-arrow" })
+}, j = ({
   questionId: s,
   questionType: c,
-  questionStatus: m,
-  subject: u,
-  openForVoting: a,
-  openQuestion: i,
+  questionStatus: a,
+  subject: m,
+  openForVoting: u,
+  openQuestion: e,
   status: l
 }) => {
-  const e = y[c], p = E[l];
-  return e ? /* @__PURE__ */ t(I, { onClick: () => i == null ? void 0 : i(s), children: [
-    /* @__PURE__ */ t(T, { children: [
-      /* @__PURE__ */ t(f, { children: [
-        /* @__PURE__ */ o(A, { name: e.iconName }),
-        /* @__PURE__ */ t(S, { children: [
-          e.label,
-          c === d.TRIVIA && m === Q.RESOLVED && " • Expired"
+  const r = h[c], p = E[l];
+  return r ? /* @__PURE__ */ n(y, { onClick: () => e == null ? void 0 : e(s), children: [
+    /* @__PURE__ */ n(I, { children: [
+      /* @__PURE__ */ n(T, { children: [
+        /* @__PURE__ */ o(f, { name: r.iconName }),
+        /* @__PURE__ */ n(A, { children: [
+          r.label,
+          c === d.TRIVIA && a === Q.RESOLVED && " • Expired"
         ] })
       ] }),
-      /* @__PURE__ */ o(x, { children: u || "" })
+      /* @__PURE__ */ o(S, { children: m || "" })
     ] }),
-    /* @__PURE__ */ o(D, { children: p || (a ? /* @__PURE__ */ o(h, { children: "Play" }) : null) })
+    /* @__PURE__ */ o(x, { children: u ? /* @__PURE__ */ o(D, { children: "Play" }) : p })
   ] }) : null;
 };
 export {
-  R as Question
+  j as Question
 };

package/lib/ui/gamification/question/list/index.js CHANGED Viewed

@@ -1,13 +1,11 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { Question as u } from "../index.js";
 import { Insight as s } from "../insight/index.js";
 import { QuestionsContainer as a } from "./styles.js";
 import "@streamlayer/sdk-web-types";
-import "../../../button/index.js";
-import "../../../button/styles.js";
-import "@linaria/react";
 import "../../constants.js";
 import "../styles.js";
+import "@linaria/react";
 import "../../../icons/index.js";
 import "react";
 import "../../../questions/insight/index.js";
@@ -16,18 +14,18 @@ import "../../../video-player/styles.js";
 import "../../../../utils/common.js";
 import "../../../questions/insight/styles.js";
 import "../insight/styles.js";
-const w = ({ questions: r, openQuestion: e }) => /* @__PURE__ */ o(a, { children: r == null ? void 0 : r.map((t) => {
+const L = ({ questions: r, openQuestion: o }) => /* @__PURE__ */ e(a, { children: r == null ? void 0 : r.map((t) => {
   var m, n;
   if (t.type === "question" && ((m = t.attributes) == null ? void 0 : m.attributes.case) === "question") {
     const i = t.attributes.attributes.value;
-    return /* @__PURE__ */ o(u, { openQuestion: e, ...i }, i.questionId);
+    return /* @__PURE__ */ e(u, { openQuestion: o, ...i }, i.questionId);
   }
   if (t.type === "insight" && ((n = t.attributes) == null ? void 0 : n.attributes.case) === "insight") {
     const i = t.attributes.attributes.value;
-    return /* @__PURE__ */ o(s, { openInsight: e, ...i }, i.questionId);
+    return /* @__PURE__ */ e(s, { openInsight: o, ...i }, i.questionId);
   }
   return null;
 }) });
 export {
-  w as QuestionList
+  L as QuestionList
 };

package/lib/ui/gamification/question/styles.d.ts CHANGED Viewed

@@ -12,3 +12,4 @@ export declare const QuestionActionTitle: import("@linaria/react").StyledCompone
 export declare const QuestionStatusIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
 export declare const QuestionTypeTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
 export declare const ExpiredQuestion: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const PlayButton: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;

package/lib/ui/gamification/question/styles.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { styled as s } from "@linaria/react";
 import { SvgIcon as o } from "../../icons/index.js";
 import "react/jsx-runtime";
 import "react";
-const a = /* @__PURE__ */ s("div")({
+const c = /* @__PURE__ */ s("div")({
   name: "QuestionItem",
   class: "q1w97g3p",
   propsAsIs: !1
@@ -14,11 +14,11 @@ const a = /* @__PURE__ */ s("div")({
   name: "QuestionBody",
   class: "qd5h0uc",
   propsAsIs: !1
-}), Q = /* @__PURE__ */ s("div")({
+}), r = /* @__PURE__ */ s("div")({
   name: "QuestionAction",
   class: "q105uluy",
   propsAsIs: !1
-}), e = () => o, r = /* @__PURE__ */ s(e())({
+}), t = () => o, Q = /* @__PURE__ */ s(t())({
   name: "QuestionActionIcon",
   class: "q1fa0b9h",
   propsAsIs: !0
@@ -42,11 +42,11 @@ const a = /* @__PURE__ */ s("div")({
   name: "QuestionActionTitle",
   class: "qmx43d1",
   propsAsIs: !1
-}), q = /* @__PURE__ */ s("img")({
+}), y = /* @__PURE__ */ s("img")({
   name: "QuestionStatusIcon",
   class: "q1uc7n5z",
   propsAsIs: !1
-}), y = /* @__PURE__ */ s("span")({
+}), q = /* @__PURE__ */ s("span")({
   name: "QuestionTypeTitle",
   class: "qcpp4y6",
   propsAsIs: !1
@@ -54,19 +54,24 @@ const a = /* @__PURE__ */ s("div")({
   name: "ExpiredQuestion",
   class: "e1rdw3wd",
   propsAsIs: !1
+}), v = /* @__PURE__ */ s("button")({
+  name: "PlayButton",
+  class: "p1pba9p1",
+  propsAsIs: !1
 });
 export {
   T as ExpiredQuestion,
-  Q as QuestionAction,
-  r as QuestionActionIcon,
+  v as PlayButton,
+  r as QuestionAction,
+  Q as QuestionActionIcon,
   f as QuestionActionTitle,
   l as QuestionBody,
   u as QuestionCaption,
   A as QuestionContent,
-  a as QuestionItem,
-  q as QuestionStatusIcon,
+  c as QuestionItem,
+  y as QuestionStatusIcon,
   d as QuestionSubject,
   m as QuestionTypeIcon,
   I as QuestionTypeLabel,
-  y as QuestionTypeTitle
+  q as QuestionTypeTitle
 };

package/lib/ui/gamification/vote/index.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { jsx as i, jsxs as v, Fragment as E } from "react/jsx-runtime";
-import { useState as m, useCallback as V, useMemo as n } from "react";
+import { jsx as i, jsxs as y, Fragment as E } from "react/jsx-runtime";
+import { useState as l, useCallback as v, useMemo as n } from "react";
 import { SDKScrollContainer as b } from "../../app/styles.js";
-import { ExpiredAlert as j } from "./expired-alert/index.js";
-import { Feedback as k } from "./feedback/index.js";
-import { Container as M, Content as O, Title as F, Options as I } from "./styles.js";
+import { ExpiredAlert as M } from "./expired-alert/index.js";
+import { Feedback as j } from "./feedback/index.js";
+import { Container as k, Content as O, Title as F, Options as I } from "./styles.js";
 import { VotingOption as L } from "./vote-option/index.js";
 import { WinBar as W } from "./win-bar/index.js";
 import "@linaria/react";
@@ -16,66 +16,70 @@ import "../../timer/index.js";
 import "react-countdown-circle-timer";
 import "../../theme/constants.js";
 import "./win-bar/styles.js";
-const rt = ({ openedQuestion: t, vote: l, close: f }) => {
-  var q;
-  const g = t.subject, u = t.type, c = (q = t.options) == null ? void 0 : q.options, [a, A] = m(!1), [d, p] = m(!1), [w, h] = m(""), o = t == null ? void 0 : t.id, T = V(
+const rt = ({ openedQuestion: t, vote: f, close: d }) => {
+  var g;
+  const V = t.subject, A = t.type, e = (g = t.options) == null ? void 0 : g.options, [s, C] = l(!1), [p, w] = l(!1), [h, T] = l(""), m = t == null ? void 0 : t.id, x = v(
     async (r) => {
-      if (o) {
-        const y = r.currentTarget.value;
-        h(y), p(!0), await l(o, y), p(!1);
+      if (m) {
+        const c = r.currentTarget.value;
+        T(c), w(!0), await f(m, c), w(!1);
       }
     },
-    [o, h, l]
-  ), C = V(() => {
-    A(!0), setTimeout(f, 3e3);
-  }, [f]), s = n(
+    [m, T, f]
+  ), S = v(() => {
+    C(!0), setTimeout(d, 3e3);
+  }, [d]), a = n(
     () => t == null ? void 0 : t.answers.find((r) => r.youVoted === !0),
     [t]
-  ), e = n(
+  ), o = n(
     () => !!(t != null && t.answers.find((r) => r.correct === !0)),
     [t]
-  ), S = n(() => t ? t.answers.map((r) => ({
-    ...r,
-    questionVoted: !!s,
-    youSelected: w === r.id,
-    isLoading: d,
-    hasCorrectAnswer: e,
-    questionType: t.type,
-    answerTimeExpired: a,
-    questionStatus: t.status,
-    // ToDo: Figure out why imageMode is not in the response
-    onVote: T
-  })) : [], [e, a, d, t, s, T, w]), x = c && (c.case === "trivia" || c.case === "prediction") ? c.value : void 0;
-  return /* @__PURE__ */ i(b, { "data-question-header": "true", children: /* @__PURE__ */ i(M, { children: /* @__PURE__ */ v(O, { children: [
-    x && /* @__PURE__ */ i(
-      k,
+  ), u = n(() => t ? t.answers.map((r) => {
+    var c;
+    return {
+      ...r,
+      questionVoted: !!a,
+      youSelected: h === r.id,
+      isLoading: p,
+      hasCorrectAnswer: o,
+      questionType: t.type,
+      answerTimeExpired: s,
+      questionStatus: t.status,
+      imageMode: (c = t.appearance) == null ? void 0 : c.images,
+      // ToDo: Figure out why imageMode is not in the response
+      onVote: x
+    };
+  }) : [], [o, s, p, t, a, x, h]), q = e && (e.case === "trivia" || e.case === "prediction") ? e.value : void 0;
+  return /* @__PURE__ */ i(b, { "data-question-header": "true", children: /* @__PURE__ */ i(k, { children: /* @__PURE__ */ y(O, { children: [
+    q && /* @__PURE__ */ i(
+      j,
       {
-        feedbackMessages: x,
-        questionVoted: !!s,
-        questionVotedCorrectly: s == null ? void 0 : s.correct,
-        questionType: u,
-        hasCorrectAnswer: e,
+        feedbackMessages: q,
+        questionVoted: !!a,
+        questionVotedCorrectly: a == null ? void 0 : a.correct,
+        questionType: A,
+        hasCorrectAnswer: o,
         questionStatus: t.status
       }
     ),
     /* @__PURE__ */ i(
       W,
       {
-        title: a ? "Time expired" : "To win",
-        points: a ? void 0 : 100,
-        onTimerExpired: C,
+        title: s ? "Time expired" : "To win",
+        points: s ? void 0 : 100,
+        onTimerExpired: S,
         isTimer: !0
       }
     ),
-    a ? /* @__PURE__ */ i(
-      j,
+    s ? /* @__PURE__ */ i(
+      M,
       {
         title: "More to come...",
         description: "Watch for additional enhanced stream interactive experience."
       }
-    ) : /* @__PURE__ */ v(E, { children: [
-      /* @__PURE__ */ i(F, { children: g }),
-      /* @__PURE__ */ i(I, { children: S.map((r) => /* @__PURE__ */ i(L, { ...r }, r.id)) })
+    ) : /* @__PURE__ */ y(E, { children: [
+      /* @__PURE__ */ i(F, { children: V }),
+      /* @__PURE__ */ i(I, { children: u.map((r) => /* @__PURE__ */ i(L, { ...r }, r.id)) })
     ] })
   ] }) }) });
 };

package/lib/ui/gamification/vote/vote-option/index.js CHANGED Viewed

@@ -1,33 +1,33 @@
 import { jsx as i, jsxs as s } from "react/jsx-runtime";
-import { QuestionImages as o, QuestionStatus as S, QuestionType as a } from "@streamlayer/sdk-web-types";
-import { IconDefault as O, IconContainer as T, IconWrap as P, IconCircle as A, ButtonContainer as x, ButtonPct as L, ButtonBody as B, Title as k, Indicators as Q, CheckIcon as U, Percentage as b } from "./styles.js";
+import { QuestionImages as a, QuestionStatus as h, QuestionType as o } from "@streamlayer/sdk-web-types";
+import { IconDefault as T, IconContainer as O, IconWrap as P, IconCircle as A, ButtonContainer as x, ButtonPct as L, ButtonBody as B, Title as k, Indicators as Q, CheckIcon as b, Percentage as j } from "./styles.js";
 import "@linaria/react";
 import "../../../icons/index.js";
 import "react";
 const u = {
-  [o.CENTERED]: (t) => /* @__PURE__ */ i(O, { alt: "option-icon", src: t }),
-  [o.TRANSPARENT]: (t) => /* @__PURE__ */ i(T, { children: /* @__PURE__ */ i(P, { style: { backgroundImage: `url(${t})` } }) }),
-  [o.ROUNDED]: (t) => /* @__PURE__ */ i(A, { alt: "option-icon", src: t }),
-  [o.NONE]: () => null,
-  [o.UNSET]: () => null
-}, j = ({ questionType: t, hasCorrectAnswer: c, correct: e, youVoted: n, questionVoted: r }) => {
-  if (t === a.POLL && n)
+  [a.CENTERED]: (t) => /* @__PURE__ */ i(T, { alt: "option-icon", src: t }),
+  [a.TRANSPARENT]: (t) => /* @__PURE__ */ i(O, { children: /* @__PURE__ */ i(P, { style: { backgroundImage: `url(${t})` } }) }),
+  [a.ROUNDED]: (t) => /* @__PURE__ */ i(A, { alt: "option-icon", src: t }),
+  [a.NONE]: () => null,
+  [a.UNSET]: () => null
+}, U = ({ questionType: t, hasCorrectAnswer: c, correct: e, youVoted: n, questionVoted: r }) => {
+  if (t === o.POLL && n)
     return "correct";
-  if (t === a.PREDICTION) {
+  if (t === o.PREDICTION) {
     if (c && r)
       return n ? e ? "correct" : "incorrect" : e ? "correct" : "unset";
     if (n)
       return "correct";
   }
-  return t === a.TRIVIA && r ? n ? e ? "correct" : "incorrect" : e ? "correct" : "unset" : "unset";
+  return t === o.TRIVIA && r ? n ? e ? "correct" : "incorrect" : e ? "correct" : "unset" : "unset";
 }, V = ({
   questionType: t,
   questionVoted: c,
   correct: e,
   hasCorrectAnswer: n,
   questionStatus: r
-}) => t === a.TRIVIA ? c && e : t === a.PREDICTION ? c && e && n || r === S.RESOLVED && e : !1, F = (t) => {
-  var m;
+}) => t === o.TRIVIA ? c && e : t === o.PREDICTION ? c && e && n || r === h.RESOLVED && e : !1, F = (t) => {
+  var S;
   const {
     // option props
     id: c,
@@ -35,34 +35,34 @@ const u = {
     text: n,
     percentageDecimal: r,
     // extra props
-    onVote: h,
-    youSelected: D,
+    onVote: C,
+    youSelected: R,
     questionVoted: l,
     // ToDo: Figure out why imageMode is not in the response, and delete default value
-    imageMode: R = o.ROUNDED,
-    answerTimeExpired: C,
-    questionStatus: I,
-    isLoading: N,
-    questionType: d,
-    correct: g,
-    hasCorrectAnswer: p
-  } = t, f = j(t), w = V({ questionType: d, questionVoted: l, correct: g, hasCorrectAnswer: p, questionStatus: I }), E = l || I === S.RESOLVED && d === a.PREDICTION;
+    imageMode: I,
+    answerTimeExpired: g,
+    questionStatus: d,
+    isLoading: p,
+    questionType: f,
+    correct: w,
+    hasCorrectAnswer: D
+  } = t, m = U(t), N = V({ questionType: f, questionVoted: l, correct: w, hasCorrectAnswer: D, questionStatus: d }), E = l || d === h.RESOLVED && f === o.PREDICTION;
   return /* @__PURE__ */ s(
     x,
     {
       value: c,
-      "data-selected": D,
-      "data-answerState": f,
-      disabled: l || N || C,
-      onClick: h,
+      "data-selected": R,
+      "data-answerState": m,
+      disabled: l || p || g,
+      onClick: C,
       children: [
-        E && /* @__PURE__ */ i(L, { "data-answerState": f, style: { width: `${r}%` } }),
+        E && /* @__PURE__ */ i(L, { "data-answerState": m, style: { width: `${r}%` } }),
         /* @__PURE__ */ s(B, { children: [
-          e && ((m = u[R]) == null ? void 0 : m.call(u, e)),
+          e && I && ((S = u[I]) == null ? void 0 : S.call(u, e)),
           /* @__PURE__ */ i(k, { children: n }),
           E && /* @__PURE__ */ s(Q, { children: [
-            w && /* @__PURE__ */ i(U, { name: "selected" }),
-            /* @__PURE__ */ s(b, { children: [
+            N && /* @__PURE__ */ i(b, { name: "selected" }),
+            /* @__PURE__ */ s(j, { children: [
               r,
               "%"
             ] })

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.67.2",
+  "version": "0.67.4",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -40,14 +40,14 @@
     "react-window": "^1.8.9",
     "@lottiefiles/react-lottie-player": "*",
     "react-window-infinite-loader": "^1.0.9",
-    "@streamlayer/feature-gamification": "^0.26.2",
-    "@streamlayer/sdk-web": "^0.28.24",
-    "@streamlayer/sdk-web-anonymous-auth": "^0.11.19",
+    "@streamlayer/feature-gamification": "^0.26.3",
+    "@streamlayer/sdk-web": "^0.28.25",
+    "@streamlayer/sdk-web-anonymous-auth": "^0.11.20",
     "@streamlayer/sdk-web-api": "^0.0.1",
-    "@streamlayer/sdk-web-core": "^0.0.1",
-    "@streamlayer/sdk-web-interfaces": "^0.18.15",
-    "@streamlayer/sdk-web-features": "^0.10.27",
-    "@streamlayer/sdk-web-notifications": "^0.13.1",
+    "@streamlayer/sdk-web-core": "^0.0.2",
+    "@streamlayer/sdk-web-features": "^0.10.28",
+    "@streamlayer/sdk-web-interfaces": "^0.0.1",
+    "@streamlayer/sdk-web-notifications": "^0.13.2",
     "@streamlayer/sdk-web-storage": "^0.0.4",
     "@streamlayer/sdk-web-types": "^0.0.1"
   },
@@ -88,6 +88,6 @@
     "vite-plugin-svgr": "^4.1.0",
     "vite-svg-loader": "^4.0.0",
     "vite-tsconfig-paths": "^4.2.1",
-    "@streamlayer/react": "^0.30.2"
+    "@streamlayer/react": "^0.30.4"
   }
 }