@streamlayer/react 0.14.4 → 0.15.0

package/lib/index.d.ts

@@ -141,7 +141,7 @@ declare module "packages/sdk-web-interfaces/src/feature" {
     }
 }
 declare module "packages/sdk-web-interfaces/src/store/single" {
-    import type { WritableAtom } from 'nanostores';
+    import type { StoreValue, WritableAtom } from 'nanostores';
     import { AbstractStore } from "packages/sdk-web-interfaces/src/store/abstract";
     /**
      * Wrapper for nanostores WritableAtom
@@ -159,6 +159,7 @@ declare module "packages/sdk-web-interfaces/src/store/single" {
      * create atom store from nanostores
      */
     export const createSingleStore: <T>(initialData?: T | undefined) => WritableAtom<T | undefined>;
+    export const createComputedStore: <Value, T extends WritableAtom<any> = WritableAtom<any>>(store: T, mutator: (value: StoreValue<T>) => Value) => import("nanostores").ReadableAtom<Value>;
 }
 declare module "packages/sdk-web-interfaces/src/store/api" {
     import type { FetcherStore } from '@nanostores/query';
@@ -188,7 +189,7 @@ declare module "packages/sdk-web-interfaces/src/index" {
     export { AbstractFeature, FeatureSource, type FeatureProps, FeatureStatus } from "packages/sdk-web-interfaces/src/feature";
     export { MapStore, createMapStore } from "packages/sdk-web-interfaces/src/store/map";
     export type { MapStoreListeners } from "packages/sdk-web-interfaces/src/store/map";
-    export { SingleStore, createSingleStore } from "packages/sdk-web-interfaces/src/store/single";
+    export { SingleStore, createSingleStore, createComputedStore } from "packages/sdk-web-interfaces/src/store/single";
     export { AbstractStore, mergeStores } from "packages/sdk-web-interfaces/src/store/abstract";
     export { ApiStore } from "packages/sdk-web-interfaces/src/store/api";
     export interface StreamLayerSDK {
@@ -199,7 +200,7 @@ declare module "packages/sdk-web-interfaces/src/index" {
     type DoneFn = Function;
     export type StreamLayerPlugin = (instance: StreamLayerContext, opts: unknown, done: DoneFn) => void;
 }
-declare module "packages/react-ui/src/lib/gamification/inapp/styles" {
+declare module "packages/react-ui/src/lib/notifications/components/inapp/styles" {
     export const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
     export const IconWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
     export const Icon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
@@ -210,7 +211,7 @@ declare module "packages/react-ui/src/lib/gamification/inapp/styles" {
     export const CloseBtn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
     export const CloseIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
 }
-declare module "packages/react-ui/src/lib/gamification/inapp/index" {
+declare module "packages/react-ui/src/lib/notifications/components/inapp/index" {
     interface InAppProps {
         title: string;
         icon: string;
@@ -487,8 +488,29 @@ declare module "packages/sdk-web-api/src/index" {
         host: string;
     }, done: () => void) => void;
 }
+declare module "packages/sdk-web-notifications/src/queue/index" {
+    import { Observable } from 'rxjs';
+    import { Nofitication } from "packages/sdk-web-notifications/src/index";
+    export type NotificationsQueueOptions = {
+        concurrency: number;
+    };
+    type QueueHandlers = {
+        onAdd: (notification: Nofitication) => void;
+        onOut: (notification: Nofitication) => void;
+    };
+    export class NotificationsQueue {
+        private scheduler;
+        private displayQueue;
+        private handlers;
+        constructor(options: NotificationsQueueOptions, handlers: QueueHandlers);
+        addToQueue: (notification: Nofitication) => void;
+        tick: (notification: Nofitication) => Observable<Nofitication>;
+        subscribe: () => void;
+    }
+}
 declare module "packages/sdk-web-notifications/src/notifications" {
-    import { SingleStore } from "packages/sdk-web-interfaces/src/index";
+    import { SingleStore, createComputedStore } from "packages/sdk-web-interfaces/src/index";
+    import { NotificationsQueue } from "packages/sdk-web-notifications/src/queue/index";
     export type Nofitication<T extends Record<string, unknown> = any, M extends Record<string, Function> = never> = {
         autoHideDuration?: number;
         delay?: number;
@@ -506,10 +528,14 @@ declare module "packages/sdk-web-notifications/src/notifications" {
      * @description app notifications (inapp)
      */
     export class Notifications {
-        queue: SingleStore<Nofitication[]>;
+        queue: SingleStore<Map<Nofitication['id'], Nofitication>>;
+        queueList: ReturnType<typeof createComputedStore<Nofitication[]>>;
+        displayQueue: NotificationsQueue;
         constructor();
         add: (notification: Nofitication) => void;
-        getQueueStore: () => import("nanostores").WritableAtom<Nofitication<any, never>[] | undefined>;
+        showNotification: (notification: Nofitication) => void;
+        hideNotification: (notification: Nofitication) => void;
+        getQueueStore: () => import("nanostores").ReadableAtom<Nofitication<any, never>[]>;
         isNewNotify: (id: string) => boolean;
         markAsViewed: (id: string) => void;
     }
@@ -1338,6 +1364,38 @@ declare module "packages/sdk-web-core/src/auth/index" {
     }
     export const bypass: (instance: StreamLayerContext, opts: unknown, done: () => void) => Promise<void>;
 }
+declare module "packages/react-ui/src/lib/notifications/components/onboarding-inapp/styles" {
+    export const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+    export const BackgroundBlock: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+    export const Icon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+    export const ContentWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+    export const SponsorLogo: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+    export const SponsorText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+    export const ContentTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+    export const ContentSubtitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+    export const ActionBtn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+    export const CloseBtn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+    export const IconClose: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+}
+declare module "packages/react-ui/src/lib/notifications/components/onboarding-inapp/index" {
+    interface OnBoardingInAppProps {
+        onClose: () => void;
+        onPlay: () => void;
+        header?: string;
+        title?: string;
+        subtitle?: string;
+        graphicBg?: string;
+        icon?: string;
+        sponsorLogo?: string;
+    }
+    export const OnBoardingInApp: React.FC<OnBoardingInAppProps>;
+}
+declare module "packages/react-ui/src/lib/notifications/index" {
+    import type { StreamLayerSDK } from "packages/sdk-web-interfaces/src/index";
+        export const Notifications: React.FC<{
+        sdk: StreamLayerSDK;
+    }>;
+}
 declare module "packages/react-ui/src/lib/demo/components/UserSummary" {
     import type { Gamification } from "packages/feature-gamification/src/index";
     export const UserSummary: React.FC<{
@@ -1397,44 +1455,10 @@ declare module "packages/react-ui/src/lib/demo/components/Question" {
         vote: (questionId: string, answerId: string) => void;
     }>;
 }
-declare module "packages/react-ui/src/lib/demo/notifications/components/onboarding-inapp/styles" {
-    export const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-    export const BackgroundBlock: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-    export const Icon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
-    export const ContentWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-    export const SponsorLogo: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
-    export const SponsorText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
-    export const ContentTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-    export const ContentSubtitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-    export const ActionBtn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
-    export const CloseBtn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
-    export const IconClose: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
-}
-declare module "packages/react-ui/src/lib/demo/notifications/components/onboarding-inapp/index" {
-    interface OnBoardingInAppProps {
-        onClose: () => void;
-        onPlay: () => void;
-        header?: string;
-        title?: string;
-        subtitle?: string;
-        graphicBg?: string;
-        icon?: string;
-        sponsorLogo?: string;
-    }
-    export const OnBoardingInApp: React.FC<OnBoardingInAppProps>;
-}
-declare module "packages/react-ui/src/lib/demo/notifications/index" {
-    import type { StreamLayerSDK } from "packages/sdk-web-interfaces/src/index";
-    export const Notifications: React.FC<{
-        sdk: StreamLayerSDK;
-    }>;
-}
 declare module "packages/react-ui/src/lib/demo/components/index" {
     export { UserSummary } from "packages/react-ui/src/lib/demo/components/UserSummary";
     export { QuestionsList } from "packages/react-ui/src/lib/demo/components/QuestionsList";
     export { Question } from "packages/react-ui/src/lib/demo/components/Question";
-    export { Notifications } from "packages/react-ui/src/lib/demo/notifications/index";
-    export { OnBoardingInApp } from "packages/react-ui/src/lib/demo/notifications/components/onboarding-inapp/index";
     export { Onboarding } from "packages/react-ui/src/lib/gamification/onboarding/index";
 }
 declare module "packages/react-ui/src/lib/demo/styles" {
@@ -1482,7 +1506,7 @@ declare module "packages/react-ui/src/lib/theme/index" {
     }>;
 }
 declare module "packages/react-ui/src/index" {
-    export * from "packages/react-ui/src/lib/gamification/inapp/index";
+    export * from "packages/react-ui/src/lib/notifications/components/inapp/index";
     export * from "packages/react-ui/src/lib/login/index";
     export * from "packages/react-ui/src/lib/gamification/onboarding/index";
     export * from "packages/react-ui/src/lib/gamification/question/index";

package/lib/style.css

@@ -1 +1 @@
-.c9qy17s{box-sizing:border-box;border:1px solid var(--color-blue-primary);border-radius:13px;background-color:var(--color-bg-transparent);color:var(--color-white);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;overflow:hidden;-webkit-animation:slidein-c9qy17s .3s ease-in;animation:slidein-c9qy17s .3s ease-in}@-webkit-keyframes slidein-c9qy17s{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}@keyframes slidein-c9qy17s{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}.izm7bh6{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;padding:14px;background-color:var(--color-blue-primary)}.idz78qr{max-width:40px;max-height:40px;width:100%;height:100%;border-radius:50%}.c10q7tz9{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;width:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tggina0{padding-left:20px;padding-right:5px;font-weight:700;font-size:14px;-webkit-flex:1;-ms-flex:1;flex:1}.trf72s7{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;text-overflow:ellipsis}.c1y5ee23{padding:20px}.c1119qn2{border:none;outline:none;background-color:transparent;cursor:pointer;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}.c10uaw1n{width:24px;height:24px}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.r1l1rnv7{color:var(--color-red-2);font-size:12px}.pkueuwk{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%}.fp66u19{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}.fwojs5e{margin-bottom:20px;font-size:18px}.fwvt1dc{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}.f16e2wbc{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}.f16e2wbc:disabled{opacity:.5;cursor:default}.f1xkchzs{margin-bottom:40px;border-bottom:1px solid white}.f1xkchzs input{font-size:20px;background:transparent;color:#fff;border:none;outline:none}.d132q1j{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:20px}.d132q1j input{width:20px;height:40px;font-size:40px}.c18fa2p6{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--color-white);-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.cthywkn{-webkit-flex:1;-ms-flex:1;flex:1;width:100%;margin-bottom:20px}.obeaxxh{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;margin-bottom:36px;padding:6px 16px 10px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #22262b}.l1jam9nb{display:-webkit-box;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}.r17ziiq1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gxb34q2{width:24px;height:24px}.s10k8h8y{height:24px}.ca5j1zk{border:none;outline:none;background-color:transparent;cursor:pointer;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}.i6wd7es{width:24px;height:24px}.onaxor0{color:var(--color-white);width:100%;border:none;outline:none;background-color:var(--color-green-primary-btn);cursor:pointer;padding:12px 16px;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:16px;font-weight:600;border-radius:6px}.c1tc3ie1{width:100%;height: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}.cenyr9j{width:80%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack: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}.g17082th{margin-bottom:24px;width:100%}.hr58r57{word-break:break-word;font-weight:600;font-size:17px;padding:0 20px;text-align:center}.c1k109z3{width:100%;-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;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;padding:0 8px}.tl3o9j9{font-size:20px;font-weight:700}.rp7yn67{width:100%}.r18km3gu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:100%;margin-top:24px}.rtu7hsj{background-color:var(--color-green-primary-btn);margin-right:16px;width:36px;height:36px;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}.rfkkuag{word-break:break-word;overflow:hidden;padding-right:30px;-webkit-flex:1;-ms-flex:1;flex:1;max-height:39px}.ckff0a9{width:100%;-webkit-flex:1;-ms-flex:1;flex:1;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}.czw1kx1{color:#fff;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}.i2e7ir3{width:48px;height:48px;border-radius:50%;margin-bottom:24px;display:-webkit-box;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;background-color:var(--color-green-primary-btn)}.i2tfvcu{width:24px;height:24px}.hnq23ee{font-size:20px;font-weight:600;text-align:center;margin-bottom:8px}.s2drh5v{font-size:14px;font-weight:400;text-align:center}.iiwwayv{border:none;outline:none;background-color:transparent;border:2px solid var(--color-green-primary-btn);padding:12px 16px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;border-radius:6px;margin-top:24px}.p1fl4kim{border-radius:8px;padding: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;cursor:pointer}.p1fl4kim:hover{background:#000}.qqhwgfn{padding-right: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:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.q1lyf5nv{width:16px;height:16px}.qlmoky7{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}.qp1y7hu{color:var(--color-grey-primary);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:5px;text-transform:uppercase}.q1de583k{color:var(--color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ql7tvph{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}.qh0ibjl{border:none;font-size:8px;padding:6px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;cursor:pointer}.q1bdpn1b{width:16px;height:16px}.q6tdooc{text-transform:uppercase}.e1f2al71{text-transform:uppercase;border-left:1px solid var(--color-grey-primary);padding-left:5px;margin-left:5px}.c4iwna9{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%}.th1ieuk{color:var(--color-grey-primary);text-transform:uppercase;font-size:12px;font-weight:500;margin-bottom:8px}.iiqbvdu{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%}.iiqbvdu>div{margin-bottom:8px}.c13i6lze{font-weight:700;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:4px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.ix2bv9{font-size:18px;color:#fff}.c5ghaaw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:2px;column-gap:2px;overflow:hidden}.txfzjhj{width:75px}.i1v0wmto{font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:25px}.canai20{background-color:var(--color-transparent-user-container);border-radius:12px;color:var(--color-grey-primary);font-size:10px;font-weight:600}.tda0d57{padding:12px;border-bottom:1px solid var(--color-divider-color-primary);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;-webkit-column-gap:5px;column-gap:5px}.boqy4xv{padding:12px 16px;text-transform:uppercase;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-column-gap:16px;column-gap:16px}.u1dtpq3t{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}.ar4jfc{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.u1trcvj0{padding-top:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:4px;overflow:hidden}.u1pie8mc{font-size:18px;color:var(--color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ucsljfb{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}.tyemu1i{width:12px;height:12px;margin-right:4px}.rggn4k7{display:-webkit-box;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;border-right:1px solid var(--color-divider-color-secondary);padding-right:5px}.rnmjsbm{font-size:14px;color:var(--color-white)}.t1i7e651{padding-left:5px}.r1mt107z{text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:4px}.apag0gc{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}.uroanb5{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}.c4emhbe{box-sizing:border-box;border-radius:4px;background-color:var(--color-bg-transparent-item-vote);border:2px solid transparent;position:relative}.c4emhbe[data-questionAnswered=false]:hover{border-color:inherit}.a1a18ay2.c4emhbe{border:2px solid}.a1a18ay2.c4emhbe[data-answeredCorrect=true]{background-color:var(--color-transparent-item-success);border-color:var(--color-blue-primary)}.a1a18ay2.c4emhbe[data-answeredCorrect=true]:hover{border-color:var(--color-blue-primary)}.a1a18ay2.c4emhbe[data-answeredCorrect=false]{background-color:var(--color-transparent-item-error);border-color:var(--color-red-primary)}.a1a18ay2.c4emhbe[data-answeredCorrect=false]:hover{border-color:var(--color-red-primary)}.bvdmnzn{position:absolute;left:0;border-radius:2px;z-index:0;height:100%;background-color:inherit;-webkit-transition:all 1s ease-in;transition:all 1s ease-in}.bz55cek{position:relative;background-color:transparent;padding:0 16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;outline:none;width:100%;color:var(--color-white);font-weight:700;font-size:14px;height:100%;border-radius:2px;cursor:pointer}.bz55cek:disabled{cursor:default}.i1u5zlvm{width:32px;height:32px;border-radius:50%;margin-right:8px}.tfilm7j{overflow:hidden;word-break:break-all;padding:12px 0;-webkit-flex:1;-ms-flex:1;flex:1;text-align:left}.iqdzfbw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.ciu4mnt{width:16px;height:16px;margin-left:8px}.pl06bzo{margin-left:12px}.c5bwq34{width:16px;height:16px}.cgz6mxc{padding:16px;color:var(--color-white);font-weight:700;font-size:14px}.cgz6mxc>div:not(:last-child){margin-bottom:16px}.ta6van7{font-size:16px}.o1msgqq4{overflow-y:auto;max-height:220px;position:relative}.o1msgqq4>div:not(:last-child){margin-bottom:12px}.lq1mbhd{position:absolute;left:0;background-color:var(--color-transparent-vote-container);width:100%;height:100%;z-index:1;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}.f9kw2xt{padding:14px 12px 14px 16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fn7neu6{width:24px;height:24px;margin-right:12px}.fpdq7m5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16;font-weight:700;margin-bottom:10px}.f1ljy63t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;font-size:14;font-weight:500}.c1ibttgl{box-sizing:border-box;background-color:transparent;color:var(--color-white);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 16px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.l16el447{width:60px;height:80%}.rb3jndy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.e162i9w9{border:none;outline:none;background-color:transparent;border-radius:50%;padding:0;width:24px;height:24px;margin-left:25px;cursor:pointer}.e1uh0tpp{width:24px;height:24px}.i13726cq{display:-webkit-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 0;margin-left:10px}.r1weckaj{background-color:var(--r1weckaj-0);width:32px;height:32px;border-radius:50%;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}.r1u8ekkw{width:20px;height:20px}.c1kt0nvm{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:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;margin-right:10px;font-weight:700}.tavk3hk{color:#fffc;font-size:8px;line-height:12px;text-align:right}.p1vdx5su{text-align:right}.p68apx3{color:#ffffffe6;font-size:14px;line-height:16px;margin-right:2px}.p157xd4a{color:#fff;font-size:10px;font-weight:600;line-height:16px}.q15yq4tu{position:absolute;top:0;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}.q15yq4tu>div{width:100%;background:#000;-webkit-animation:slidein-q15yq4tu .3s ease-in;animation:slidein-q15yq4tu .3s ease-in}@-webkit-keyframes slidein-q15yq4tu{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}@keyframes slidein-q15yq4tu{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}.cnx2su3{box-sizing:border-box;background-color:var(--color-transparent-onboarding-inapp);border-radius:8px;width:100%;max-height:120px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#fff;position:relative}.bszkfz6{background-repeat:no-repeat;background-size:contain;border-top-left-radius:8px;border-bottom-left-radius:8px;width:72px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ioxcakf{width:56px;margin-left:8px}.casyw2l{padding:16px 8px 16px 0;margin-right:8px;font-size:12px;font-weight:600;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}.s2nator{width:16px;height:16px;margin-right:4px}.s1m8mpfg{font-style:italic;font-weight:600;font-size:8px;text-transform:uppercase}.cedzfas{margin-top:8px;margin-bottom:2px;font-size:14px}.cxgp62k{color:var(--color-grey-primary-onboarding-inapp)}.a1jp93u3{border:none;outline:none;background-color:var(--color-green-primary-btn);padding:8px 16px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;border-radius:24px}.cg0g0le{position:absolute;right:8px;top:4px;border:none;outline:none;background-color:transparent;padding:5px;color:#fff;cursor:pointer;border-radius:50%}.i1cn2yjj{width:10px;height:10px}.dp9wag8{position:relative;height:100%;overflow:hidden}.d15x0q1l{position:absolute;right:10px;top:10px;max-width:600px;width:100%}.u13pbrok{margin-bottom:15px}.qaw537u{position:relative;height:calc(100% - 160px)}.t12mji3x{--color-bg-transparent:rgba(0,0,0,.8);--color-transparent-vote-container:rgba(10,14,19,.8);--color-transparent-item:rgba(0,0,0,.7);--color-transparent-item-success:rgba(0,139,251,.2);--color-transparent-item-error:rgba(205,37,37,.2);--color-bg-transparent-item-vote:rgba(255,255,255,.1);--color-transparent-user-container:rgba(255,255,255,.05);--color-transparent-onboarding-inapp:rgba(138,159,182,.2);--color-blue-primary:#1589EE;--color-red-primary:#CD2525;--color-red-secondary:#EB5757;--color-blue-question-action-btn:#1589ee;--color-white:#FFFFFF;--color-red-2:#FF4170;--color-grey-primary:#909395;--color-divider-color-primary:#2d3135;--color-divider-color-secondary:#53565a;--color-green-primary-btn:#009B77;--font-family:Roboto,sans-serif;--font-color:#fff}
+.ckoy5c4{box-sizing:border-box;border:1px solid var(--color-blue-primary);border-radius:13px;background-color:var(--color-bg-transparent);color:var(--color-white);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;overflow:hidden;-webkit-animation:slidein-ckoy5c4 .3s ease-in;animation:slidein-ckoy5c4 .3s ease-in}@-webkit-keyframes slidein-ckoy5c4{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translate(100%)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}@keyframes slidein-ckoy5c4{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translate(100%)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}.iw4llh0{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;padding:14px;background-color:var(--color-blue-primary)}.iozvwfv{max-width:40px;max-height:40px;width:100%;height:100%;border-radius:50%}.c164tv0p{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;width:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ta68x03{padding-left:20px;padding-right:5px;font-weight:700;font-size:14px;-webkit-flex:1;-ms-flex:1;flex:1}.t12bcygg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;text-overflow:ellipsis}.c1k4u90{padding:20px}.cha9bhb{border:none;outline:none;background-color:transparent;cursor:pointer;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}.c142dxkd{width:24px;height:24px}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.r1l1rnv7{color:var(--color-red-2);font-size:12px}.pkueuwk{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%}.fp66u19{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}.fwojs5e{margin-bottom:20px;font-size:18px}.fwvt1dc{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}.f16e2wbc{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}.f16e2wbc:disabled{opacity:.5;cursor:default}.f1xkchzs{margin-bottom:40px;border-bottom:1px solid white}.f1xkchzs input{font-size:20px;background:transparent;color:#fff;border:none;outline:none}.d132q1j{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:20px}.d132q1j input{width:20px;height:40px;font-size:40px}.c18fa2p6{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--color-white);-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.cthywkn{-webkit-flex:1;-ms-flex:1;flex:1;width:100%;margin-bottom:20px}.obeaxxh{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;margin-bottom:36px;padding:6px 16px 10px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #22262b}.l1jam9nb{display:-webkit-box;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}.r17ziiq1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gxb34q2{width:24px;height:24px}.s10k8h8y{height:24px}.ca5j1zk{border:none;outline:none;background-color:transparent;cursor:pointer;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}.i6wd7es{width:24px;height:24px}.onaxor0{color:var(--color-white);width:100%;border:none;outline:none;background-color:var(--color-green-primary-btn);cursor:pointer;padding:12px 16px;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:16px;font-weight:600;border-radius:6px}.c1tc3ie1{width:100%;height: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}.cenyr9j{width:80%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack: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}.g17082th{margin-bottom:24px;width:100%}.hr58r57{word-break:break-word;font-weight:600;font-size:17px;padding:0 20px;text-align:center}.c1k109z3{width:100%;-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;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;padding:0 8px}.tl3o9j9{font-size:20px;font-weight:700}.rp7yn67{max-height:190px;overflow:auto}.r18km3gu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:100%;margin-top:24px}.rtu7hsj{background-color:var(--color-green-primary-btn);margin-right:16px;width:36px;height:36px;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}.rfkkuag{word-break:break-word;overflow:hidden;padding-right:30px;-webkit-flex:1;-ms-flex:1;flex:1;max-height:39px}.ckff0a9{width:100%;-webkit-flex:1;-ms-flex:1;flex:1;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}.czw1kx1{color:#fff;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}.i2e7ir3{width:48px;height:48px;border-radius:50%;margin-bottom:24px;display:-webkit-box;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;background-color:var(--color-green-primary-btn)}.i2tfvcu{width:24px;height:24px}.hnq23ee{font-size:20px;font-weight:600;text-align:center;margin-bottom:8px}.s2drh5v{font-size:14px;font-weight:400;text-align:center}.iiwwayv{border:none;outline:none;background-color:transparent;border:2px solid var(--color-green-primary-btn);padding:12px 16px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;border-radius:6px;margin-top:24px}.p1fl4kim{border-radius:8px;padding: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;cursor:pointer}.p1fl4kim:hover{background:#000}.qqhwgfn{padding-right: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:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.q1lyf5nv{width:16px;height:16px}.qlmoky7{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}.qp1y7hu{color:var(--color-grey-primary);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:5px;text-transform:uppercase}.q1de583k{color:var(--color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ql7tvph{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}.qh0ibjl{border:none;font-size:8px;padding:6px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;cursor:pointer}.q1bdpn1b{width:16px;height:16px}.q6tdooc{text-transform:uppercase}.e1f2al71{text-transform:uppercase;border-left:1px solid var(--color-grey-primary);padding-left:5px;margin-left:5px}.c4iwna9{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%}.th1ieuk{color:var(--color-grey-primary);text-transform:uppercase;font-size:12px;font-weight:500;margin-bottom:8px}.iiqbvdu{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%}.iiqbvdu>div{margin-bottom:8px}.c13i6lze{font-weight:700;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:4px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.ix2bv9{font-size:18px;color:#fff}.c5ghaaw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:2px;column-gap:2px;overflow:hidden}.txfzjhj{width:75px}.i1v0wmto{font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:25px}.canai20{background-color:var(--color-transparent-user-container);border-radius:12px;color:var(--color-grey-primary);font-size:10px;font-weight:600}.tda0d57{padding:12px;border-bottom:1px solid var(--color-divider-color-primary);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;-webkit-column-gap:5px;column-gap:5px}.boqy4xv{padding:12px 16px;text-transform:uppercase;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-column-gap:16px;column-gap:16px}.u1dtpq3t{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}.ar4jfc{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.u1trcvj0{padding-top:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:4px;overflow:hidden}.u1pie8mc{font-size:18px;color:var(--color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ucsljfb{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}.tyemu1i{width:12px;height:12px;margin-right:4px}.rggn4k7{display:-webkit-box;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;border-right:1px solid var(--color-divider-color-secondary);padding-right:5px}.rnmjsbm{font-size:14px;color:var(--color-white)}.t1i7e651{padding-left:5px}.r1mt107z{text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;row-gap:4px}.apag0gc{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}.uroanb5{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}.c4emhbe{box-sizing:border-box;border-radius:4px;background-color:var(--color-bg-transparent-item-vote);border:2px solid transparent;position:relative}.c4emhbe[data-questionAnswered=false]:hover{border-color:inherit}.a1a18ay2.c4emhbe{border:2px solid}.a1a18ay2.c4emhbe[data-answeredCorrect=true]{background-color:var(--color-transparent-item-success);border-color:var(--color-blue-primary)}.a1a18ay2.c4emhbe[data-answeredCorrect=true]:hover{border-color:var(--color-blue-primary)}.a1a18ay2.c4emhbe[data-answeredCorrect=false]{background-color:var(--color-transparent-item-error);border-color:var(--color-red-primary)}.a1a18ay2.c4emhbe[data-answeredCorrect=false]:hover{border-color:var(--color-red-primary)}.bvdmnzn{position:absolute;left:0;border-radius:2px;z-index:0;height:100%;background-color:inherit;-webkit-transition:all 1s ease-in;transition:all 1s ease-in}.bz55cek{position:relative;background-color:transparent;padding:0 16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;outline:none;width:100%;color:var(--color-white);font-weight:700;font-size:14px;height:100%;border-radius:2px;cursor:pointer}.bz55cek:disabled{cursor:default}.i1u5zlvm{width:32px;height:32px;border-radius:50%;margin-right:8px}.tfilm7j{overflow:hidden;word-break:break-all;padding:12px 0;-webkit-flex:1;-ms-flex:1;flex:1;text-align:left}.iqdzfbw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.ciu4mnt{width:16px;height:16px;margin-left:8px}.pl06bzo{margin-left:12px}.c5bwq34{width:16px;height:16px}.cgz6mxc{padding:16px;color:var(--color-white);font-weight:700;font-size:14px}.cgz6mxc>div:not(:last-child){margin-bottom:16px}.ta6van7{font-size:16px}.o1msgqq4{overflow-y:auto;max-height:220px;position:relative}.o1msgqq4>div:not(:last-child){margin-bottom:12px}.lq1mbhd{position:absolute;left:0;background-color:var(--color-transparent-vote-container);width:100%;height:100%;z-index:1;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}.f9kw2xt{padding:14px 12px 14px 16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fn7neu6{width:24px;height:24px;margin-right:12px}.fpdq7m5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16;font-weight:700;margin-bottom:10px}.f1ljy63t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;font-size:14;font-weight:500}.c1ul2v99{box-sizing:border-box;background-color:var(--color-transparent-onboarding-inapp);border-radius:8px;width:100%;max-height:120px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#fff;position:relative;-webkit-animation:slidein-c1ul2v99 .3s ease-in;animation:slidein-c1ul2v99 .3s ease-in;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@-webkit-keyframes slidein-c1ul2v99{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translate(100%)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}@keyframes slidein-c1ul2v99{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translate(100%)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}.bk6opdu{background-repeat:no-repeat;background-size:contain;border-top-left-radius:8px;border-bottom-left-radius:8px;width:72px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.i120vbip{width:56px;margin-left:8px}.c9vc70l{padding:16px 8px 16px 0;margin-right:8px;font-size:12px;font-weight:600;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}.s12vky1e{width:16px;height:16px;margin-right:4px}.s1uwi25b{font-style:italic;font-weight:600;font-size:8px;text-transform:uppercase}.c19y9gzk{margin-top:8px;margin-bottom:2px;font-size:14px}.c1bzwyj2{color:var(--color-grey-primary-onboarding-inapp)}.au6cp8o{border:none;outline:none;background-color:var(--color-green-primary-btn);padding:8px 16px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;border-radius:24px}.c8545uy{position:absolute;right:8px;top:4px;border:none;outline:none;background-color:transparent;padding:5px;color:#fff;cursor:pointer;border-radius:50%}.iqjineo{width:10px;height:10px}.c1ibttgl{box-sizing:border-box;background-color:transparent;color:var(--color-white);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 16px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.l16el447{width:60px;height:80%}.rb3jndy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.e162i9w9{border:none;outline:none;background-color:transparent;border-radius:50%;padding:0;width:24px;height:24px;margin-left:25px;cursor:pointer}.e1uh0tpp{width:24px;height:24px}.i13726cq{display:-webkit-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 0;margin-left:10px}.r1weckaj{background-color:var(--r1weckaj-0);width:32px;height:32px;border-radius:50%;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}.r1u8ekkw{width:20px;height:20px}.c1kt0nvm{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:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;margin-right:10px;font-weight:700}.tavk3hk{color:#fffc;font-size:8px;line-height:12px;text-align:right}.p1vdx5su{text-align:right}.p68apx3{color:#ffffffe6;font-size:14px;line-height:16px;margin-right:2px}.p157xd4a{color:#fff;font-size:10px;font-weight:600;line-height:16px}.q15yq4tu{position:absolute;top:0;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}.q15yq4tu>div{width:100%;background:#000;-webkit-animation:slidein-q15yq4tu .3s ease-in;animation:slidein-q15yq4tu .3s ease-in}@-webkit-keyframes slidein-q15yq4tu{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}@keyframes slidein-q15yq4tu{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}.dp9wag8{position:relative;height:100%;overflow:hidden}.d15x0q1l{position:absolute;right:10px;top:10px;max-width:600px;width:100%}.u13pbrok{margin-bottom:15px}.qaw537u{position:relative;height:calc(100% - 160px)}.t12mji3x{--color-bg-transparent:rgba(0,0,0,.8);--color-transparent-vote-container:rgba(10,14,19,.8);--color-transparent-item:rgba(0,0,0,.7);--color-transparent-item-success:rgba(0,139,251,.2);--color-transparent-item-error:rgba(205,37,37,.2);--color-bg-transparent-item-vote:rgba(255,255,255,.1);--color-transparent-user-container:rgba(255,255,255,.05);--color-transparent-onboarding-inapp:rgba(138,159,182,.2);--color-blue-primary:#1589EE;--color-red-primary:#CD2525;--color-red-secondary:#EB5757;--color-blue-question-action-btn:#1589ee;--color-white:#FFFFFF;--color-red-2:#FF4170;--color-grey-primary:#909395;--color-divider-color-primary:#2d3135;--color-divider-color-secondary:#53565a;--color-green-primary-btn:#009B77;--font-family:Roboto,sans-serif;--font-color:#fff}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react",
-  "version": "0.14.4",
+  "version": "0.15.0",
   "type": "module",
   "author": "Renat Berezovsky (gh:BrRenat)",
   "main": "./lib/cjs/index.js",
@@ -62,15 +62,14 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-refresh": "^0.14.0",
-    "react-router-dom": "6.16.0",
     "rollup-plugin-visualizer": "^5.9.2",
     "size-limit": "*",
     "url-loader": "^4.1.1",
     "vite-plugin-dts": "^3.6.0",
-    "@streamlayer/sdk-web": "^0.22.1",
-    "@streamlayer/react-ui": "^0.12.1",
-    "@streamlayer/sdk-web-core": "^0.6.1",
-    "@streamlayer/sdk-web-features": "^0.4.1"
+    "@streamlayer/react-ui": "^0.13.0",
+    "@streamlayer/sdk-web": "^0.22.2",
+    "@streamlayer/sdk-web-core": "^0.6.2",
+    "@streamlayer/sdk-web-features": "^0.4.2"
   },
   "dependencies": {
     "@connectrpc/connect-web": "^1.1.2"