@streamlayer/react-ui 0.66.0 → 0.67.0

package/lib/LeaderBoard_p8tnz3-4ed993c7.js

@@ -0,0 +1 @@
+

package/lib/assets/style.css

@@ -0,0 +1 @@
+.AppContainer_azqfrs3{width:100vw;height:100vh;padding:20px;box-sizing:border-box;margin:0;font-family:var(--font-family);color:var(--font-color)}.AppContainer_azqfrs3>div{box-sizing:border-box;width:370px;height:100%;border-radius:12px;overflow:auto;padding:10px;background-color:var(--color-bg-transparent)}.DeveloperContainer_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)}.DeveloperItems_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}.BurgerBtn_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}.BurgerBtn_butjcq8:hover{padding-top:8px;padding-bottom:8px}.BurgerBtn_butjcq8:active{-webkit-transform:translateY(4px);-ms-transform:translateY(4px);transform:translateY(4px)}.BurgerBtn_butjcq8[data-opened=true] span:nth-child(odd){opacity:0}.BurgerBtn_butjcq8 span{display:block;background:#fff;border-radius:4px;width:100%;height:4px}.InputField_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}.InputField_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}.InputField_iwjhb00 input:focus{border-color:#1d7bff}.InputField_iwjhb00 label{margin-right:4px}.InputField_iwjhb00 button{width:150px;color:#fff;background:transparent;margin:0;padding:0;cursor:pointer;border:none;text-transform:uppercase}.InputField_iwjhb00 button:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.InputField_iwjhb00 button:active{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.Switch_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}.Switch_s14ex8bw label{cursor:pointer}.SwitchInput_s1fwty0k{width:2rem;height:1rem;background:#fff;border-radius:1em;position:relative;margin-left:5px}.SwitchInput_s1fwty0k input{opacity:0;position:relative;z-index:1;width:100%;cursor:pointer}.SwitchInput_s1fwty0k input:checked+span{-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);background:green}.SwitchInput_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}.InputField_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}.InputField_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}.InputField_i1vlsnk4 input:focus{border-color:#1d7bff}.InputField_i1vlsnk4 label{margin-right:4px}.InputField_i1vlsnk4 button{width:150px;color:#fff;background:transparent;margin:0;padding:0;cursor:pointer;border:none;text-transform:uppercase}.mastersVariables_m17a8r9z{--header-height:68px;--question-headers-height:117px;--animation-duration:.5s;--animation-function:ease;--container-padding:16px}.theme_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}.theme_ttkj0ah *{box-sizing:border-box}.Container_c1bgb86j{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;border-radius:8px;overflow:hidden;cursor:pointer}.Player_p6703cq{width:100%}.Poster_p12ow7zo{position:absolute;top:0;left:0;width:100%;height:100%}.Control_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}.IconContainer_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}.RemainingTime_r165427{font-weight:var(--font-weight-default)}.Container_c1pgyo67{overflow:hidden;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;max-height:2500px;-webkit-animation:containerShowIn-Container_c1pgyo67 ease-out;animation:containerShowIn-Container_c1pgyo67 ease-out;-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration)}@-webkit-keyframes containerShowIn-Container_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-Container_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}}.HidingAnimation_hx17qu6{-webkit-animation:containerHide-HidingAnimation_hx17qu6 ease-out;animation:containerHide-HidingAnimation_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-HidingAnimation_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-HidingAnimation_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}}.Container_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}.DateTime_d9r1hf9{color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.Quote_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)}.Quote_qezygt5:before{content:"";width:2px;background-color:var(--color-primary-green2)}.Details_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}.Body_b18gwonx{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.Image_i3g0xjd{max-width:100%;border-radius:8px}.Container_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}.ImageContainer_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}.Image_i2g9g4l{width:46px;height:46px;object-fit:cover;object-position:center;border-radius:50%}.Details_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)}.Name_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)}.UserName_urxa4k8{font-size:12px;line-height:20px}.Container_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}.Content_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}.Title_t5et2jt{color:var(--color-primary-green1);font-size:16px;line-height:26px;font-family:var(--font-serif);font-weight:var(--font-weight-default)}.Description_d1i2kpk2{color:var(--color-neutrals-gray9);font-size:14px;line-height:24px;font-weight:var(--font-weight-default)}.DateWrap_dd3lh3p{color:var(--color-neutrals-gray7);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.Navigation_n19lpak2{position:absolute;top:0;left:0;right:0;box-sizing:border-box;overflow:hidden;opacity:0;-webkit-animation:show-nav-Navigation_n19lpak2 .5s ease;animation:show-nav-Navigation_n19lpak2 .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;padding:var(--container-padding);border-bottom:1px solid var(--color-neutrals-gray3)}.Navigation_n19lpak2>button:not(:last-child){margin-right:8px}@-webkit-keyframes show-nav-Navigation_n19lpak2{90%{opacity:0}to{height:68px;opacity:1}}@keyframes show-nav-Navigation_n19lpak2{90%{opacity:0}to{height:68px;opacity:1}}.Buttons_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)}.SButton_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}.SButton_sxxa0c:hover{border-color:var(--color-primary-green1)}.SButton_sxxa0c[data-selected=true]{color:var(--color-white);background-color:var(--color-primary-green1);border-color:var(--color-primary-green1)}.SButton_sxxa0c[data-selected=true]:hover{cursor:default}.SButton_sxxa0c[data-selected=true]:disabled:hover{border-color:var(--color-primary-green1)}.SButton_sxxa0c:disabled{opacity:.5;cursor:default}.SButton_sxxa0c:disabled:hover{cursor:default;border-color:var(--color-neutrals-gray3)}.ButtonIcon_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}.ButtonIcon_b180jd7l[data-selected=true] g>path{fill:#fff}.ButtonIcon_b11des7c[data-selected=true] g>path:nth-child(1){stroke:#fff}.ButtonIcon_b11des7c[data-selected=true] g>path:nth-child(2){fill:#fff;stroke:#107d57}.ButtonIcon_b1whzxvd[data-selected=true] g>path:nth-child(1){stroke:#fff}.ButtonIcon_b1whzxvd[data-selected=true] g>path:nth-child(2){fill:#fff}.Panel_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%}.Form_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}.FormTitle_fmf7e3h{margin-bottom:20px;font-size:18px}.FormDescription_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}.FormSubmit_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}.FormSubmit_fvxx8fg:disabled{opacity:.5;cursor:default}.FormInputContainer_f1sfffsg{margin-bottom:40px;border-bottom:1px solid white}.FormInputContainer_f1sfffsg input{font-size:20px;background:transparent;color:#fff;border:none;outline:none}.Digits_d1majgb2>div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:20px}.Digits_d1majgb2 input{width:20px;height:40px;font-size:40px}.Container_c14ielyq{width:100%;height:100%}.Container_c14ielyq>div:not(:last-child){margin-bottom:16px}.Content_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}.Title_t1hq58md{font-family:var(--font-serif);font-size:16px;color:var(--color-primary-green2);font-weight:400;margin:16px 0}.Options_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}.SDKContainer_stu11h7{height:100%;background:transparent;font-family:var(--font-regular);position:relative;min-width:324px;overflow:hidden}.SDKScrollContainer_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)}.SDKScrollContainer_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))}.SDKScrollContainer_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))}.SDKContentContainer_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)}.SDKWhiteContainer_s1oe3036.SDKContentContainer_s1el4wvm{background-color:var(--color-neutrals-white)}.Container_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}.Title_ty221rx{color:var(--color-primary-green2);font-size:20px;font-family:var(--font-serif);font-weight:400;line-height:26px;text-align:center}.Description_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}.Container_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}.Container_c16sbdnm[data-isPrediction=true]{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start}.IconPrediction_ibhorgl{min-width:24px;width:24px;height:24px;margin-right:14px;margin-left:12px}.IconPrediction_ibhorgl g>path{fill:var(--color-primary-green1);fill-opacity:1}.FeedbackIconWrap_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}.FeedbackIconWrap_f1g20ja7[data-feedbackType=correct]{background-color:var(--color-primary-green1)}.FeedbackIconWrap_f1g20ja7[data-feedbackType=incorrect]{background-color:var(--color-secondary-red1)}.FeedbackHeader_f455ozj{font-weight:var(--font-weight-default)}.FeedbackTitle_f1913njx{margin-right:5px}.FeedbackTitle_f1913njx[data-feedbackType=correct]{color:var(--color-primary-green1)}.FeedbackTitle_f1913njx[data-feedbackType=incorrect]{color:var(--color-secondary-red1)}.FeedbackDescription_fzfk69z{color:var(--color-neutrals-gray9)}.FeedbackText_fx87qaj{font-weight:400;margin-top:10px}.ButtonContainer_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%}.ButtonContainer_b1b6dl8t:hover:not(:disabled){border-color:var(--color-neutrals-gray5);cursor:pointer}.ButtonContainer_b1b6dl8t[data-selected=true]{border-color:var(--color-neutrals-gray9);background-color:var(--color-white)}.ButtonContainer_b1b6dl8t[data-answerState=correct]{position:relative;border-color:var(--color-primary-green1)}.ButtonContainer_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)}.ButtonContainer_b1b6dl8t[data-answerState=incorrect]{position:relative;border-color:var(--color-secondary-red1)}.ButtonContainer_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)}.ButtonContainer_b1b6dl8t[data-isNotChecked=true]{border-color:var(--color-neutrals-gray3);background-color:var(--color-white)}.ButtonPct_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)}.ButtonPct_b4iik8i[data-answerState=correct]{background-color:var(--color-primary-green1);opacity:.3}.ButtonPct_b4iik8i[data-answerState=incorrect]{background-color:var(--color-secondary-red1);opacity:.3}.ButtonPct_b4iik8i[data-answerState=unset]{background-color:var(--color-neutrals-gray3)}.ButtonBody_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%}.IconContainer_i1j65z51{width:60px}.IconWrap_i19tpfua{position:absolute;left:0;bottom:-1px;background-repeat:no-repeat;background-size:contain;width:52px;height:52px}.Icon_i1tubmma{margin-right:8px}.IconDefault_i1grrgwj.Icon_i1tubmma{height:32px;width:32px}.IconCircle_ibemyq8.Icon_i1tubmma{border-radius:50%;height:32px;width:32px}.Title_t1dceht{overflow:hidden;text-align:left;white-space:nowrap;text-overflow:ellipsis;-webkit-flex:1;-ms-flex:1;flex:1}.Indicators_i116q4vq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.Percentage_p17ajcu2{margin-left:8px;line-height:17px}.CheckIcon_cu9kmlb{margin-left:8px;height:16px;width:16px}.WinBarContainer_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}.WinBarContainer_wie6cqo>div:first-child:last-child{margin-left:auto;margin-right:auto}.Content_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}.Title_t1l3ucjp{color:var(--color-neutrals-gray7);margin-right:8px}.WinIcon_wx7j799{margin-right:4px}.Points_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}.PointsCount_po9i64o{margin-right:6px;font-size:14px;line-height:14px}.PointsUnits_pe5g05h{font-size:10px}.Container_c1dcxmvf,.Container_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)}.WebLinkBtn_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}.Container_c1yrpn9o{padding:12px;font-weight:var(--font-weight-default);background-color:var(--color-primary-green1);border-radius:12px}.TopInfo_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}.BottomInfo_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}.User_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}.Avatar_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}.UserInfo_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}.UserName_u1q6roj0{color:var(--color-white);font-size:16px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.UserRating_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}.TrophyIcon_t1el3mrn{width:15px;height:15px}.Rts_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}.RtsIndicator_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}.RtsLabel_r15adx7c{font-size:9px;opacity:.8}.Divider_dv59lta{width:1px;height:10px;background-color:var(--color-white);opacity:.2}.Ranks_r55lotb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;column-gap:8px}.Statistics_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)}.AvatarPlaceholder_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}.UserAccountBtn_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}.Container_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}.Title_t1vih9p5{font-size:9px;line-height:14px;text-transform:uppercase;opacity:.8}.Indicator_i1fbnvpb{font-size:14px;line-height:16px}.Container_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}.Indicator_i1jri200{font-size:14px;line-height:16px}.Title_t8s05oq{font-size:9px;line-height:14px;text-transform:uppercase;opacity:.8}.STabs_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}.STabs_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)}.STabs_sxnslc8[data-position=left]:before{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}.STabs_sxnslc8[data-position=right]:before{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translate(100%)}.Button_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}.Button_b1umzux0:hover{color:var(--color-primary-green1)}.Button_b1umzux0[data-selected=true]{color:var(--color-primary-green1);cursor:default}.Title_tspsaas{position:relative;z-index:2}.QuestionItem_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)}.QuestionItem_q1w97g3p:hover{border-color:var(--color-neutrals-gray4)}.QuestionCaption_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}.QuestionBody_qd5h0uc{font-family:var(--font-serif);color:var(--color-primary-green2);font-size:14px;font-weight:400}.QuestionActionIcon_q1fa0b9h{width:24px;height:24px}.QuestionTypeIcon_qxlt78s{width:16px;height:16px}.QuestionTypeIcon_qxlt78s path{fill:var(--color-primary-green1);fill-opacity:1}.QuestionTypeLabel_qmg0vkx{color:var(--color-neutrals-gray7);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;margin-left:6px}.QuestionContent_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}.QuestionSubject_qc3icwa{color:var(--color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.QuestionActionTitle_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}.QuestionStatusIcon_q1uc7n5z{width:16px;height:16px}.QuestionTypeTitle_qcpp4y6{text-transform:uppercase}.ExpiredQuestion_e1rdw3wd{text-transform:uppercase;border-left:1px solid var(--color-grey-primary);padding-left:5px;margin-left:5px}.SButton_s1nve60q{border-radius:71px;padding:14px 16px 12px;font-size:12px;border:1px solid;font-weight:var(--font-weight-default);outline:none}.SButton_s1nve60q[data-variant=primary]{color:var(--color-neutrals-white);background-color:var(--color-primary-green1);border-color:var(--color-primary-green1)}.SButton_s1nve60q[data-variant=primary]:hover:enabled{background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.SButton_s1nve60q[data-variant=secondary]{color:var(--color-primary-green1);background-color:transparent;border-color:var(--color-primary-green1)}.SButton_s1nve60q[data-variant=secondary]:hover:enabled{color:var(--color-neutrals-white);background-color:var(--color-primary-green2);border-color:var(--color-primary-green2)}.SButton_s1nve60q:disabled{opacity:.5}.SButton_s1nve60q:disabled:hover{cursor:default}.Container_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)}.Container_cl56x6b:hover{border-color:var(--color-neutrals-gray4)}.ActionButton_a11pzf92{height:44px;padding:0 16px;font-size:14px;line-height:20px;cursor:pointer}.Container_c1eptrjd{box-sizing:border-box;overflow:hidden;border-radius:8px;background:#fff;width:100%;padding:16px;position:relative}.CloseIconWrap_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}.CloseIcon_c9mrcz7 g>path{stroke:var(--color-neutrals-gray7)}.CloseIcon_c9mrcz7:hover path{stroke:var(--color-primary-green2)}.Header_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}.TypeIcon_t1rrb3kf{width:13px;height:13px;margin-right:4px}.TypeIcon_t1rrb3kf path{fill:var(--color-primary-green1);fill-opacity:1}.TypeName_t1ydnjov{color:var(--color-neutrals-gray7);font-weight:550;font-size:12px}.Question_qlf90cl{font-weight:400;font-size:16px;color:var(--color-primary-green2);margin-bottom:12px;padding-right:10px;font-family:var(--font-serif)}.AnswerButton_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}.AnswerButton_a1e0nhcl:hover{background-color:var(--color-primary-green2);cursor:pointer}.InsightContainer_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%}.InsightContent_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}.Title_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}.Description_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}.ActionBtn_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}.ActionBtn_a17iaqp8:hover{background-color:var(--color-primary-green2);cursor:pointer}.Container_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}.Container_c10131zw[data-bg-color-white=true]{background-color:var(--color-white)}.AnimateContent_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}.AnimateContent_ar6k2eo[data-active-number="2"]{-webkit-transform:translateY(-118px);-ms-transform:translateY(-118px);transform:translateY(-118px)}.AnimateContent_ar6k2eo[data-active-number="3"]{-webkit-transform:translateY(-236px);-ms-transform:translateY(-236px);transform:translateY(-236px)}.AnimateContent_ar6k2eo[data-active-number="4"]{-webkit-transform:translateY(-354px);-ms-transform:translateY(-354px);transform:translateY(-354px)}.AnimateContent_ar6k2eo[data-active-number="5"]{-webkit-transform:translateY(-472px);-ms-transform:translateY(-472px);transform:translateY(-472px)}.Content_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}.Content_c1hwoq9l[data-color-green=true]{color:var(--color-primary-green1)}.Title_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}.Title_t4ujo4g[data-incorrect=true]{color:var(--color-neutrals-gray9)}.Subtitle_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)}.Subtitle_s1pjil1h[data-incorrect=true]{color:var(--color-secondary-red1)}.SubtitleFG_s1iorwr9.Subtitle_s1pjil1h{font-family:var(--font-serif)}.AnswerText_a51sv9d{font-weight:400px;margin-left:5px}.FeedbackIcon_f1lbk2ye{width:14px;height:14px;margin-right:6px}.CloseButton_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}.CloseIcon_c33p82r{width:20px;height:20px}.CloseIcon_c33p82r path{stroke:var(--color-neutrals-gray7)}.CloseIcon_c33p82r:hover path{stroke:var(--color-primary-green2)}.Container_c1t4f0x4{box-sizing:border-box;background-color:var(--color-neutrals-white);border-radius:8px;width:100%}.ActionBtn_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}.ActionBtn_a16w1nl6:hover{background-color:var(--color-primary-green2);cursor:pointer}.Body_b14u54rf{color:var(--color-neutrals-gray9);font-size:12px;font-weight:var(--font-weight-default);line-height:18px}.Image_i1hxm6zo{max-width:100%;border-radius:8px}.Details_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}.QuoteWrap_q1qyx94r{padding-bottom:12px;border-bottom:.7px solid var(--color-neutrals-gray3);margin-bottom:12px}.Quote_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}.BGWrap_b1dqe0sz{height:100%;width:100%;position:absolute;top:-1px;left:0;z-index:1;display:none}.BGWrap_b1dqe0sz[data-active=true]{display:block}.BGWrap_b1dqe0sz[data-active=true]>div:nth-child(1){-webkit-animation:showLines-BGWrap_b1dqe0sz 1s 50ms ease-out forwards,hiddenLines-BGWrap_b1dqe0sz 1.5s 4.5s ease-in forwards;animation:showLines-BGWrap_b1dqe0sz 1s 50ms ease-out forwards,hiddenLines-BGWrap_b1dqe0sz 1.5s 4.5s ease-in forwards}.BGWrap_b1dqe0sz[data-active=true]>div:nth-child(2){-webkit-animation:showLines-BGWrap_b1dqe0sz .7s .5s ease-out forwards,hiddenLines-BGWrap_b1dqe0sz 1s 5s ease-in forwards;animation:showLines-BGWrap_b1dqe0sz .7s .5s ease-out forwards,hiddenLines-BGWrap_b1dqe0sz 1s 5s ease-in forwards}.BGWrap_b1dqe0sz[data-active=true]>div:nth-child(3){-webkit-animation:showLines-BGWrap_b1dqe0sz .5s .7s ease-out forwards,hiddenLines-BGWrap_b1dqe0sz .7s 5.3s ease-in forwards;animation:showLines-BGWrap_b1dqe0sz .5s .7s ease-out forwards,hiddenLines-BGWrap_b1dqe0sz .7s 5.3s ease-in forwards}.BGWrap_b1dqe0sz[data-active=true]>div:nth-child(4){-webkit-animation:showLines-BGWrap_b1dqe0sz .4s 1s ease-out forwards,hiddenLines-BGWrap_b1dqe0sz .5s 5.5s ease-in forwards;animation:showLines-BGWrap_b1dqe0sz .4s 1s ease-out forwards,hiddenLines-BGWrap_b1dqe0sz .5s 5.5s ease-in forwards}.BGWrap_b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(1){-webkit-animation:showLines-BGWrap_b1dqe0sz 1s 1s ease-out forwards,hiddenLines-BGWrap_b1dqe0sz 1.5s 4.5s ease-in forwards;animation:showLines-BGWrap_b1dqe0sz 1s 1s ease-out forwards,hiddenLines-BGWrap_b1dqe0sz 1.5s 4.5s ease-in forwards}.BGWrap_b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(2){-webkit-animation:showLines-BGWrap_b1dqe0sz .7s 1.4s ease-out forwards,hiddenLines-BGWrap_b1dqe0sz 1s 5s ease-in forwards;animation:showLines-BGWrap_b1dqe0sz .7s 1.4s ease-out forwards,hiddenLines-BGWrap_b1dqe0sz 1s 5s ease-in forwards}.BGWrap_b1dqe0sz[data-active=true][data-first-screen=true]>div:nth-child(3){-webkit-animation:showLines-BGWrap_b1dqe0sz .5s 1.7s ease-out forwards,hiddenLines-BGWrap_b1dqe0sz .7s 5.3s ease-in forwards;animation:showLines-BGWrap_b1dqe0sz .5s 1.7s ease-out forwards,hiddenLines-BGWrap_b1dqe0sz .7s 5.3s ease-in forwards}.BGWrap_b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(1){-webkit-animation:showLines-BGWrap_b1dqe0sz 1s 50ms ease-out forwards;animation:showLines-BGWrap_b1dqe0sz 1s 50ms ease-out forwards}.BGWrap_b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(2){-webkit-animation:showLines-BGWrap_b1dqe0sz .7s .5s ease-out forwards;animation:showLines-BGWrap_b1dqe0sz .7s .5s ease-out forwards}.BGWrap_b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(3){-webkit-animation:showLines-BGWrap_b1dqe0sz .5s .7s ease-out forwards;animation:showLines-BGWrap_b1dqe0sz .5s .7s ease-out forwards}.BGWrap_b1dqe0sz[data-active=true][data-last-screen=true]>div:nth-child(4){-webkit-animation:showLines-BGWrap_b1dqe0sz .4s 1s ease-out forwards;animation:showLines-BGWrap_b1dqe0sz .4s 1s ease-out forwards}.BGWrap_b1dqe0sz>div{background-color:var(--color-white)}.BGWrap_b1dqe0sz[data-correct=true]>div{background-color:var(--color-primary-green2)}.BGWrap_b1dqe0sz[data-correct=false]>div{background-color:var(--color-neutrals-gray6)}@-webkit-keyframes showLines-BGWrap_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-BGWrap_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-BGWrap_b1dqe0sz{0%{width:1000px}to{width:2000px;opacity:0}}@keyframes hiddenLines-BGWrap_b1dqe0sz{0%{width:1000px}to{width:2000px;opacity:0}}.BGLineBase_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)}.BGOneLineOne_b2nqb1p.BGLineBase_b1v6w7ni{right:-818px}.BGOneLineTwo_b1xxgmbk.BGLineBase_b1v6w7ni{right:-902px}.BGOneLineThree_b63lwcb.BGLineBase_b1v6w7ni{right:-997px}.BGTwoLineOne_b2iah4.BGLineBase_b1v6w7ni{right:-891px}.BGTwoLineTwo_b1xezvf6.BGLineBase_b1v6w7ni{right:-942px}.BGTwoLineThree_b1jz1hg0.BGLineBase_b1v6w7ni{right:-996px}.BGThreeLineOne_b18ho1tk.BGLineBase_b1v6w7ni{right:-931px}.BGThreeLineTwo_b14uvjfm.BGLineBase_b1v6w7ni{right:-981px;opacity:.1}.BGThreeLineThree_b11c3ns7.BGLineBase_b1v6w7ni{right:-1035px;opacity:.15}.BGThreeLineFour_b1bqhhet.BGLineBase_b1v6w7ni{right:-1088px;opacity:.2}.BGFourLineOne_b1xyzi7o.BGLineBase_b1v6w7ni{right:-931px;opacity:.1}.BGFourLineTwo_byo0rup.BGLineBase_b1v6w7ni{right:-981px;opacity:.1}.BGFourLineThree_b1oyiqgv.BGLineBase_b1v6w7ni{right:-1035px;opacity:.1}.BGFourLineFour_bx3ddqw.BGLineBase_b1v6w7ni{right:-1088px;opacity:.1}.QuestionsContainer_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}.Container_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)}.Container_cll3md7:hover{border-color:var(--color-neutrals-gray4)}.Container_cll3md7 .Title_t5et2jt{font-weight:400;line-height:24px}.Container_cll3md7 .Description_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}.ActionBtn_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}.ActionBtn_a10g1iik:hover{background-color:var(--color-primary-green2);cursor:pointer}.PointsContainer_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}.PointsContainer_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){.PointsContainer_psiob9b{padding-right:10px}}.PointsIcon_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){.PointsIcon_p1gqe4lh{width:28px;height:28px}}.PointsSvg_p15syg2y{width:20px;height:20px}.PointsSvg_p15syg2y path{fill:var(--color-neutrals-white)}@media (max-width:767px){.PointsSvg_p15syg2y{width:14px;height:14px}}.PointsBody_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)}.PointsTitle_poqmx89{margin-bottom:1px;font-size:9px;text-transform:uppercase}@media (max-width:767px){.PointsTitle_poqmx89{display:none}}.PointsValue_prj9b3v{font-size:18px;line-height:20px}@media (max-width:767px){.PointsValue_prj9b3v{font-size:14px;line-height:22px}}.Container_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)}.Content_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}.OnboardingHeader_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}.CloseBtn_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}.IconClose_i1mavjt2{width:10px;height:10px}.OnboardingFooter_o1x0dyzv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 16px 16px}.OnboardingActionBtn_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}.Container_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}.Content_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}.Graphic_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%}.Headline_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}.StepsContainer_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}.StepIndicator_s17knuw2{width:6px;height:6px;border-radius:50%;background-color:var(--color-neutrals-gray4)}.StepIndicator_s17knuw2[data-active=true]{background-color:var(--color-primary-green1)}.Container_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}.IconContainer_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)}.InviteGameIcon_i19m85r1{width:24px;height:24px}.Content_c1mbu204{max-width:270px;width:100%}.Heading_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}.Subtext_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}.LinkContainer_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}.LinkInfo_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}.LinkTitle_l1cr5mk{color:var(--color-primary-green1);font-size:16px;line-height:24px}.LinkAddress_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}.LinkIcon_l1pqlvw3{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.SocialLinksContainer_s1n7kzeh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:8px;column-gap:8px}.SocialLink_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}.SocialLinkLabel_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}.Container_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}.Content_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}.Title_tc2tor6{color:var(--color-primary-green1);font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:30px;text-align:center}.RulesList_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}.RulesItem_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}.RuleIcon_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)}.RuleIcon_rwpvg1k [data-icon=icon-trophy]{width:18px;height:18px}.RuleIcon_rwpvg1k [data-icon=icon-trophy] path{fill:var(--color-neutrals-white)}.RuleIcon_rwpvg1k [data-icon=icon-btn-feature-groups] path:first-child{stroke:var(--color-neutrals-white)}.RuleIcon_rwpvg1k [data-icon=icon-btn-feature-groups] path:not(:first-child){fill:var(--color-neutrals-white)}.RuleText_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}.TermsButton_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}.Container_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}.Container_culdu4a:hover{color:var(--color-primary-green1);border-color:var(--color-neutrals-gray5)}.Position_pwf8e69{min-width:28px;text-align:center}.Avatar_atf4yh4{width:32px;height:32px;border-radius:50%}.AvatarPlaceholder_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}.Content_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}.NameContainer_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}.Name_njsrqgr{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.CurrentUserBadge_c17uc4zr{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.Container_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}.FriendsIcon_f10ncfg2{width:32px;height:32px}.Content_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)}.Title_tj6cq7w{color:var(--color-neutrals-white);font-size:11px;line-height:14px;text-transform:uppercase;opacity:.8}.Description_d1ag78xo{color:var(--color-white);font-size:14px;line-height:13px}.ArrowInviteIcon_awohrz6{margin-right:8px;width:18px;height:18px}.Container_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%}.ItemsContainer_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%}.ItemsContainer_i16t83sg>div{margin-bottom:8px}.Container_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}.Content_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}.Graphic_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}.InsightIconDefault_i1k4eec3{width:35px;height:35px}.InsightIconCircle_i1uhyahn{width:35px;height:35px;border-radius:50%}.InsightIconAbsolute_i2ernmy{position:absolute;left:0;bottom:0;width:60px}.Title_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}.NextIcon_n1uwonpi{width:16px;height:16px}.SponsorLogoWrap_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}.SponsorLogo_s755yti{max-width:20px}.Container_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}.QuestionTypeWrap_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}.QuestionTypeIcon_q951jdx{width:16px;height:16px}.QuestionTypeIcon_q951jdx path{fill:var(--color-primary-green1);fill-opacity:1}.QuestionTypeTitle_qss5f0e{font-family:var(--font-regular);margin-left:8px}.CloseButton_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}.CloseIcon_cvsl7l3 path{stroke:var(--color-neutrals-gray7)}.CloseIcon_cvsl7l3:hover path{stroke:var(--color-primary-green2)}.OnboardingContainer_o9squag{height:100%;-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration)}.Container_ctckejh{position:relative;top:var(--header-height);-webkit-animation-duration:calc(var(--animation-duration) * 3);animation-duration:calc(var(--animation-duration) * 3)}.Container_ctckejh>div{padding:var(--container-padding)}.Container_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)}.CloseIconWrap_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}.CloseIcon_c1funj3r g>path{stroke:var(--color-neutrals-gray7)}.CloseIcon_c1funj3r:hover path{stroke:var(--color-primary-green2)}.Title_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}.SponsorLogo_sb1n923{max-height:19px;margin-right:6px}.PresentsTitle_p1stllxd{padding-bottom:3px}.Subtitle_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}.Description_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}.ActionButton_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}.ActionButton_ay8e3j9:hover{background-color:var(--color-primary-green2);cursor:pointer}.OpenedContainer_oar61gl{position:absolute;top:0;right:0;bottom:0;left:0;top:var(--header-height);background:var(--color-neutrals-white);z-index:3}.UserContainer_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}.UserContainer_u14zaal4>div{width:100%}.QuestionContainer_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}

package/lib/index.js

@@ -1,10 +1,9 @@
-import { StreamLayerThemeProvider as a } from "./ui/theme/index.js";
+import { StreamLayerThemeProvider as i } from "./ui/theme/index.js";
 import "react/jsx-runtime";
 import "./ui/theme/theme.js";
-import "@linaria/core";
 import "./ui/theme/constants.js";
-const t = () => null;
+const m = () => null;
 export {
-  t as Demo,
-  a as StreamLayerThemeProvider
+  m as Demo,
+  i as StreamLayerThemeProvider
 };

package/lib/index_1ujx5m0-4ed993c7.js

@@ -0,0 +1 @@
+

package/lib/masters_18kvgvj-4ed993c7.js

@@ -0,0 +1 @@
+

package/lib/ui/app/Features/Gamification/Question.js

@@ -1,10 +1,10 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { styled as p } from "@linaria/react";
-import { useStore as m } from "@nanostores/react";
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { styled as m } from "@linaria/react";
+import { useStore as n } from "@nanostores/react";
 import { QuestionType as u } from "@streamlayer/sdk-web-types";
 import { VoteHeader as l } from "../../../gamification/detail/header/index.js";
-import { Vote as c } from "../../../gamification/vote/index.js";
-import { InsightDetails as a } from "../../../gamification/vote/insight-details/index.js";
+import { Vote as a } from "../../../gamification/vote/index.js";
+import { InsightDetails as c } from "../../../gamification/vote/insight-details/index.js";
 import "../../../gamification/constants.js";
 import "../../../gamification/detail/header/styles.js";
 import "../../../icons/index.js";
@@ -28,40 +28,53 @@ import "../../../video-player/styles.js";
 import "../../../../utils/common.js";
 import "../../../questions/insight/styles.js";
 import "../../../gamification/vote/insight-details/styles.js";
-const d = p.div`
-  background: var(--color-transparent-item);
-  width: 100%;
-  height: 100%;
-
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  flex-direction: column;
-`, f = ({ openedQuestion: t }) => {
+const d = /* @__PURE__ */ m("div")({
+  name: "QuestionContainer",
+  class: "QuestionContainer_qdri6g3",
+  propsAsIs: !1
+}), Q = ({
+  openedQuestion: t
+}) => {
   var r;
-  return ((r = t == null ? void 0 : t.attributes) == null ? void 0 : r.attributes.case) === "insight" ? /* @__PURE__ */ e(a, { created: t.attributes.created, ...t.attributes.attributes.value }) : null;
-}, b = ({ extendedQuestion: t, vote: r, close: s }) => {
-  const { loading: i, data: o } = t;
-  return !i && o ? /* @__PURE__ */ e(c, { vote: r, close: s, openedQuestion: o }) : null;
-}, O = ({ gamification: t }) => {
+  return ((r = t == null ? void 0 : t.attributes) == null ? void 0 : r.attributes.case) === "insight" ? /* @__PURE__ */ e(c, {
+    created: t.attributes.created,
+    ...t.attributes.attributes.value
+  }) : null;
+}, b = ({
+  extendedQuestion: t,
+  vote: r,
+  close: s
+}) => {
+  const {
+    loading: i,
+    data: o
+  } = t;
+  return !i && o ? /* @__PURE__ */ e(a, {
+    vote: r,
+    close: s,
+    openedQuestion: o
+  }) : null;
+}, M = ({
+  gamification: t
+}) => {
   var o;
-  const r = m(t.openedQuestion.$store), s = m(t.openedQuestion.$extendedStore);
+  const r = n(t.openedQuestion.$store), s = n(t.openedQuestion.$extendedStore);
   if (!r)
     return null;
   const i = r.type;
-  return /* @__PURE__ */ n(d, { children: [
-    /* @__PURE__ */ e(l, { close: t.closeQuestion, type: ((o = r.attributes) == null ? void 0 : o.type) || u.UNSET }),
-    i === "question" && /* @__PURE__ */ e(
-      b,
-      {
-        vote: t.submitAnswer,
-        close: t.closeQuestion,
-        extendedQuestion: s
-      }
-    ),
-    i !== "question" && /* @__PURE__ */ e(f, { openedQuestion: r })
-  ] });
+  return /* @__PURE__ */ p(d, {
+    children: [/* @__PURE__ */ e(l, {
+      close: t.closeQuestion,
+      type: ((o = r.attributes) == null ? void 0 : o.type) || u.UNSET
+    }), i === "question" && /* @__PURE__ */ e(b, {
+      vote: t.submitAnswer,
+      close: t.closeQuestion,
+      extendedQuestion: s
+    }), i !== "question" && /* @__PURE__ */ e(Q, {
+      openedQuestion: r
+    })]
+  });
 };
 export {
-  O as Question
+  M as Question
 };

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

@@ -1,12 +1,12 @@
-import { jsxs as m, Fragment as d, jsx as r } from "react/jsx-runtime";
+import { jsxs as m, Fragment as a, jsx as o } from "react/jsx-runtime";
 import { styled as s } from "@linaria/react";
 import { useStore as e } from "@nanostores/react";
-import { SDKWhiteContainer as l, SDKScrollContainer as a } from "../../styles.js";
+import { SDKWhiteContainer as d, SDKScrollContainer as l } from "../../styles.js";
 import { VoteHeader as c } from "../../../gamification/detail/header/index.js";
 import { UserStatistics as u } from "../../../gamification/user-statistics/index.js";
 import { ShowIn as h } from "../../../show-in/index.js";
 import { Question as f } from "./Question.js";
-import { Tabs as v } from "./Tabs.js";
+import { Tabs as C } from "./Tabs.js";
 import "../../../gamification/constants.js";
 import "@streamlayer/sdk-web-types";
 import "../../../gamification/detail/header/styles.js";
@@ -60,40 +60,54 @@ import "../../../gamification/question/insight/index.js";
 import "../../../gamification/question/insight/styles.js";
 import "../../../gamification/question/list/styles.js";
 import "./UserSummary.js";
-const n = s(h)`
-  position: absolute;
-  inset: 0;
-  top: var(--header-height);
-  background: var(--color-neutrals-white);
-  z-index: 3;
-`, x = s.div`
-  background: var(--color-transparent-item);
-  width: 100%;
-  height: 100%;
-
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  flex-direction: column;
-
-  & > div {
-    width: 100%;
-  }
-`, S = ({ correct: t, incorrect: o }) => {
-  const i = t + o;
-  return i === 0 ? 0 : Math.round(t / i * 100);
-}, Rt = ({ gamification: t, className: o }) => {
-  const i = e(t.openedQuestion.$store), p = e(t.openedUser);
-  return /* @__PURE__ */ m(d, { children: [
-    i && /* @__PURE__ */ r(n, { className: o, children: /* @__PURE__ */ r(f, { gamification: t }) }),
-    p && /* @__PURE__ */ r(n, { className: o, children: /* @__PURE__ */ m(x, { children: [
-      /* @__PURE__ */ r(c, { label: "Friend's Rank", close: t.closeUser }),
-      /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(u, { ...p, successRate: S(p) }) })
-    ] }) }),
-    /* @__PURE__ */ r(a, { className: o, "data-nav": "true", children: /* @__PURE__ */ r(v, { gamification: t }) })
-  ] });
+const S = () => h, n = /* @__PURE__ */ s(S())({
+  name: "OpenedContainer",
+  class: "OpenedContainer_oar61gl",
+  propsAsIs: !0
+}), U = /* @__PURE__ */ s("div")({
+  name: "UserContainer",
+  class: "UserContainer_u14zaal4",
+  propsAsIs: !1
+}), x = ({
+  correct: r,
+  incorrect: t
+}) => {
+  const i = r + t;
+  return i === 0 ? 0 : Math.round(r / i * 100);
+}, yr = ({
+  gamification: r,
+  className: t
+}) => {
+  const i = e(r.openedQuestion.$store), p = e(r.openedUser);
+  return /* @__PURE__ */ m(a, {
+    children: [i && /* @__PURE__ */ o(n, {
+      className: t,
+      children: /* @__PURE__ */ o(f, {
+        gamification: r
+      })
+    }), p && /* @__PURE__ */ o(n, {
+      className: t,
+      children: /* @__PURE__ */ m(U, {
+        children: [/* @__PURE__ */ o(c, {
+          label: "Friend's Rank",
+          close: r.closeUser
+        }), /* @__PURE__ */ o(d, {
+          children: /* @__PURE__ */ o(u, {
+            ...p,
+            successRate: x(p)
+          })
+        })]
+      })
+    }), /* @__PURE__ */ o(l, {
+      className: t,
+      "data-nav": "true",
+      children: /* @__PURE__ */ o(C, {
+        gamification: r
+      })
+    })]
+  });
 };
 export {
-  Rt as GamificationOverlay,
-  Rt as default
+  yr as GamificationOverlay,
+  yr as default
 };

package/lib/ui/app/Navigation/MastersNavigation/index.js

@@ -1,37 +1,40 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { ChannelsButton as u, ChannelsButtonId as i } from "../../../navigation/button/Channels.js";
-import { FeaturedGroupsButton as s, FeaturedGroupsButtonId as n } from "../../../navigation/button/FeaturedGroups.js";
-import { LeaderBoardButton as e, LeaderBoardButtonId as m } from "../../../navigation/button/LeaderBoard.js";
+import { FeaturedGroupsButton as s, FeaturedGroupsButtonId as m } from "../../../navigation/button/FeaturedGroups.js";
+import { LeaderBoardButton as e, LeaderBoardButtonId as n } from "../../../navigation/button/LeaderBoard.js";
 import { Navigation as B } from "../../../navigation/masters.js";
 import "@linaria/react";
 import "../../../icons/index.js";
 import "react";
 import "../../../navigation/button/index.js";
 import "../../../navigation/button/styles.js";
+import "../../../../LeaderBoard_p8tnz3-4ed993c7.js";
 import "../../../navigation/index.js";
-const G = ({ activeOverlay: o, setActiveOverlay: t, sdkReady: p, className: d }) => /* @__PURE__ */ a(B, { className: d, children: [
+import "../../../../index_1ujx5m0-4ed993c7.js";
+import "../../../../masters_18kvgvj-4ed993c7.js";
+const b = ({ activeOverlay: o, setActiveOverlay: t, sdkReady: p, className: d }) => /* @__PURE__ */ a(B, { className: d, children: [
   /* @__PURE__ */ r(u, { active: o === i, onClick: () => t(i) }),
   /* @__PURE__ */ r(
     s,
     {
-      active: o === n,
+      active: o === m,
       disabled: !p,
       onClick: () => {
-        t(n);
+        t(m);
       }
     }
   ),
   /* @__PURE__ */ r(
     e,
     {
-      active: o === m,
-      onClick: () => t(m)
+      active: o === n,
+      onClick: () => t(n)
     }
   )
 ] });
 export {
   i as ChannelsButtonId,
-  n as FeaturedGroupsButtonId,
-  m as LeaderBoardButtonId,
-  G as MastersNavigation
+  m as FeaturedGroupsButtonId,
+  n as LeaderBoardButtonId,
+  b as MastersNavigation
 };

package/lib/ui/app/Navigation/index.js

@@ -5,8 +5,9 @@ import { AvailableFeatures as d } from "@streamlayer/sdk-web-features";
 import { Navigation as v } from "../../navigation/index.js";
 import { Button as b } from "../../navigation/button/index.js";
 import "@linaria/react";
+import "../../../index_1ujx5m0-4ed993c7.js";
 import "../../navigation/button/styles.js";
-const A = ({ customOverlays: n, activeButton: s, sdk: t }) => {
+const B = ({ customOverlays: n, activeButton: s, sdk: t }) => {
   const { streamSettings: i, organizationSettings: r } = e(t.sdkStore), a = m(() => {
     const o = (i == null ? void 0 : i.data) || (r == null ? void 0 : r.data);
     return o != null && o.overlays ? o.overlays : [];
@@ -28,5 +29,5 @@ const A = ({ customOverlays: n, activeButton: s, sdk: t }) => {
   return /* @__PURE__ */ p(v, { children: c.map((o) => /* @__PURE__ */ p(b, { ...o, active: o.id === s })) });
 };
 export {
-  A as SDKNavigation
+  B as SDKNavigation
 };

package/lib/ui/app/Notifications/Onboarding/Notification/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { Notification } from '@streamlayer/sdk-web-notifications';
+import { GameSettings } from '@streamlayer/sdk-web-types';
+export declare const Onboarding: React.FC<{
+    close: Notification['close'];
+    action: Notification['action'];
+    onboarding?: GameSettings;
+}>;

package/lib/ui/app/Notifications/Onboarding/Notification/index.js

@@ -0,0 +1,21 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { Container as x, CloseIconWrap as L, CloseIcon as P, Title as T, SponsorLogo as f, PresentsTitle as j, Subtitle as k, Description as E, ActionButton as I } from "./styles.js";
+import "@linaria/react";
+import "../../../../icons/index.js";
+import "react";
+const D = ({ close: u, action: S, onboarding: t }) => {
+  var l, s, c, p, C, m, h, i;
+  return /* @__PURE__ */ r(x, { children: [
+    /* @__PURE__ */ e(L, { onClick: u, children: /* @__PURE__ */ e(P, { name: "icon-cross" }) }),
+    ((s = (l = t == null ? void 0 : t.titleCard) == null ? void 0 : l.media) == null ? void 0 : s.sponsorLogo) && /* @__PURE__ */ r(T, { children: [
+      /* @__PURE__ */ e(f, { alt: "sponsor-logo", src: (p = (c = t == null ? void 0 : t.titleCard) == null ? void 0 : c.media) == null ? void 0 : p.sponsorLogo }),
+      /* @__PURE__ */ e(j, { children: "PRESENTS" })
+    ] }),
+    ((C = t == null ? void 0 : t.titleCard) == null ? void 0 : C.title) && /* @__PURE__ */ e(k, { children: (m = t == null ? void 0 : t.titleCard) == null ? void 0 : m.title }),
+    ((h = t == null ? void 0 : t.titleCard) == null ? void 0 : h.subtitle) && /* @__PURE__ */ e(E, { children: (i = t == null ? void 0 : t.titleCard) == null ? void 0 : i.subtitle }),
+    /* @__PURE__ */ e(I, { onClick: S, children: "Play Now" })
+  ] });
+};
+export {
+  D as Onboarding
+};

package/lib/ui/app/Notifications/Onboarding/Notification/styles.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const CloseIconWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const CloseIcon: any;
+export declare const Title: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const SponsorLogo: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const PresentsTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Subtitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Description: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ActionButton: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;

package/lib/ui/app/Notifications/Onboarding/Notification/styles.js

@@ -0,0 +1,52 @@
+import { styled as s } from "@linaria/react";
+import { SvgIcon as o } from "../../../../icons/index.js";
+import "react/jsx-runtime";
+import "react";
+const p = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "Container_cocfo2g",
+  propsAsIs: !1
+}), a = /* @__PURE__ */ s("div")({
+  name: "CloseIconWrap",
+  class: "CloseIconWrap_c1pdhxdk",
+  propsAsIs: !1
+}), t = () => o, r = /* @__PURE__ */ s(t())({
+  name: "CloseIcon",
+  class: "CloseIcon_c1funj3r",
+  propsAsIs: !0
+}), i = /* @__PURE__ */ s("div")({
+  name: "Title",
+  class: "Title_t1okg06y",
+  propsAsIs: !1
+}), m = /* @__PURE__ */ s("img")({
+  name: "SponsorLogo",
+  class: "SponsorLogo_sb1n923",
+  propsAsIs: !1
+}), I = /* @__PURE__ */ s("div")({
+  name: "PresentsTitle",
+  class: "PresentsTitle_p1stllxd",
+  propsAsIs: !1
+}), f = /* @__PURE__ */ s("div")({
+  name: "Subtitle",
+  class: "Subtitle_s13kvdzw",
+  propsAsIs: !1
+}), d = /* @__PURE__ */ s("div")({
+  name: "Description",
+  class: "Description_dfvmv3t",
+  propsAsIs: !1
+}), A = /* @__PURE__ */ s("button")({
+  name: "ActionButton",
+  class: "ActionButton_ay8e3j9",
+  propsAsIs: !1
+});
+export {
+  A as ActionButton,
+  r as CloseIcon,
+  a as CloseIconWrap,
+  p as Container,
+  d as Description,
+  I as PresentsTitle,
+  m as SponsorLogo,
+  f as Subtitle,
+  i as Title
+};