@streamlayer/react 0.18.6 → 0.19.0

package/lib/index.d.ts

@@ -62,11 +62,11 @@ declare module "packages/sdk-web-interfaces/src/store/abstract" {
          */
         abstract getValue(...args: unknown[]): unknown;
         /**
-         * subsribe directly to store changes
+         * subscribe directly to store changes
          */
         abstract subscribe(...args: unknown[]): void;
         /**
-         * unsubsribe directly to store change
+         * unsubscribe directly to store change
          */
         abstract unsubscribe(): void;
     }
@@ -236,6 +236,27 @@ declare module "packages/sdk-web-notifications/src/queue/index" {
         closeNotification: (notificationId: string) => void;
     }
 }
+declare module "packages/sdk-web-storage/src/index" {
+    export class Storage {
+        private delimiter;
+        private prefix;
+        constructor(prefix?: string);
+        clear: () => void;
+        protected generateKey: (keyParts: string[]) => string;
+        protected write: (keyParts_0: string, keyParts_1: string, ...keyParts_2: string[]) => void;
+        protected read: (...keyParts: string[]) => string | undefined;
+        protected remove: (...keyParts: string[]) => void;
+    }
+}
+declare module "packages/sdk-web-notifications/src/storage" {
+    import { Storage } from "packages/sdk-web-storage/src/index";
+    export class NotificationStorage extends Storage {
+        constructor();
+        setOpened: (notificationId: string) => void;
+        isOpened: (notificationId: string) => string | undefined;
+        clearNotification: () => void;
+    }
+}
 declare module "packages/sdk-web-notifications/src/notifications" {
     import { QuestionImages, ImagePosition } from "packages/sdk-web-types/src/index";
     import { NotificationsQueue, NotificationsQueueOptions } from "packages/sdk-web-notifications/src/queue/index";
@@ -251,7 +272,7 @@ declare module "packages/sdk-web-notifications/src/notifications" {
         imageMode?: QuestionImages;
         imagePosition?: ImagePosition;
     };
-    export enum NofiticationType {
+    export enum NotificationType {
         ONBOARDING = 1,
         QUESTION = 2
     }
@@ -259,7 +280,7 @@ declare module "packages/sdk-web-notifications/src/notifications" {
         autoHideDuration: number;
         delay?: number;
         hiding?: boolean;
-        type: NofiticationType;
+        type: NotificationType;
         action?: (...args: unknown[]) => void;
         close?: (...args: unknown[]) => void;
         methods?: M;
@@ -272,6 +293,7 @@ declare module "packages/sdk-web-notifications/src/notifications" {
      */
     export class Notifications {
         queue: NotificationsQueue;
+        private storage;
         constructor(options?: Partial<NotificationsQueueOptions>);
         add: (notification: Notification) => void;
         close: (notificationId: string) => void;
@@ -282,7 +304,7 @@ declare module "packages/sdk-web-notifications/src/notifications" {
 declare module "packages/sdk-web-notifications/src/index" {
     import { StreamLayerContext } from "packages/sdk-web-interfaces/src/index";
     import { Notifications } from "packages/sdk-web-notifications/src/notifications";
-    export { type Notification, type NotificationData, NofiticationType, Notifications } from "packages/sdk-web-notifications/src/notifications";
+    export { type Notification, type NotificationData, NotificationType, Notifications } from "packages/sdk-web-notifications/src/notifications";
     export { type NotificationsList } from "packages/sdk-web-notifications/src/queue/index";
     export type NotificationsStore = ReturnType<Notifications['getQueueStore']>;
     module "packages/sdk-web-interfaces/src/index" {
@@ -578,6 +600,18 @@ declare module "packages/sdk-web-api/src/index" {
         host: string;
     }, done: () => void) => void;
 }
+declare module "packages/sdk-web-core/src/storage" {
+    import { Storage } from "packages/sdk-web-storage/src/index";
+    export class UserStorage extends Storage {
+        constructor();
+        setSchema: (value: string) => void;
+        getSchema: () => string | undefined;
+        setToken: (value: string) => void;
+        getToken: () => string | undefined;
+        removeToken: () => void;
+        clearNotification: () => void;
+    }
+}
 declare module "packages/sdk-web-core/src/store/store" {
     import type { OrganizationAdvertising, StreamSettings, OrganizationSettings, User, UserSettings } from "packages/sdk-web-types/src/index";
     import { AbstractStore, SingleStore, ApiStore } from "packages/sdk-web-interfaces/src/index";
@@ -744,6 +778,11 @@ declare module "packages/feature-gamification/src/queries/leaderboard" {
     import { ReadableAtom } from 'nanostores';
     export const $userSummary: ($eventId: ReadableAtom<string | undefined>, $userId: ReadableAtom<string | undefined>, transport: Transport) => import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/interactive/leaderboard/interactive.leaderboard_pb").LeaderboardSummaryItem | undefined, any>;
 }
+declare module "packages/feature-gamification/src/queries/moderation" {
+    import type { Transport } from "packages/sdk-web-api/src/index";
+    import { ReadableAtom } from 'nanostores';
+    export const $moderation: (slStreamId: ReadableAtom<string | undefined>, transport: Transport) => import("@nanostores/query").FetcherStore<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").InteractiveFeed | undefined, any>;
+}
 declare module "packages/feature-gamification/src/queries/index" {
     import type { Transport } from "packages/sdk-web-api/src/index";
     import { ReadableAtom } from 'nanostores';
@@ -1042,26 +1081,52 @@ declare module "packages/feature-gamification/src/queries/index" {
     export const $pickHistory: (slStreamId: ReadableAtom<string | undefined>, transport: Transport) => import("@nanostores/query").FetcherStore<(import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").PickHistory | undefined)[] | undefined, any>;
     export const $insightHistory: (slStreamId: ReadableAtom<string | undefined>, transport: Transport) => import("@nanostores/query").FetcherStore<(import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").InsightHistory | undefined)[] | undefined, any>;
     export { $userSummary } from "packages/feature-gamification/src/queries/leaderboard";
+    export { $moderation } from "packages/feature-gamification/src/queries/moderation";
 }
 declare module "packages/feature-gamification/src/background" {
     import { ApiStore, type StreamLayerContext } from "packages/sdk-web-interfaces/src/index";
     import type { GetApiResponseType } from "packages/sdk-web-api/src/index";
         import { ReadableAtom, WritableAtom } from 'nanostores';
     import * as queries from "packages/feature-gamification/src/queries/index";
+    /**
+     * get GamificationBackground singleton
+     */
     export const gamificationBackground: (instance: StreamLayerContext) => GamificationBackground;
+    /**
+     * Background Singleton class for Gamification and Highlights overlays
+     */
     export class GamificationBackground {
+        /** sl event id */
         slStreamId: ReadableAtom<string | undefined>;
+        /** organization id */
         organizationId: ReadableAtom<string | undefined>;
+        /** current user id */
         userId: ReadableAtom<string | undefined>;
+        /** opened question, using to download statistics */
         openedQuestionId: WritableAtom<string | undefined>;
+        /** opened question statistics */
         openedQuestion: ApiStore<GetApiResponseType<typeof queries.$questionByUser>>;
+        /** last active question in feed */
         activeQuestionId: ApiStore<GetApiResponseType<typeof queries.$activeQuestion>>;
+        /** moderation id */
         moderationId: ReadableAtom<string | undefined>;
+        /** moderation */
+        moderation: ApiStore<GetApiResponseType<typeof queries.$moderation>>;
+        /** feed subscription to receive new active question, update last active question */
         feedSubscription: ReturnType<typeof queries.feedSubscription>;
+        /** subscription to opened question (vote percentage) */
         questionSubscription?: ReturnType<typeof queries.questionSubscription>;
         private notifications;
         private log;
         constructor(instance: StreamLayerContext);
+        /**
+         * Get id for notifications and link with current session
+         * @param opts.prefix - id prefix (onboarding, question, tweet, ...etc)
+         * @param opts.userId - current user id, if not presented get from sdk automatically
+         * @param opts.eventId - current event id, if not presented get from sdk automatically
+         * @param opts.organizationId - current organization id, if not presented get from sdk automatically
+         * @param opts.entity - entity id (question id, tweet id, ...etc)
+         */
         getCurrentSessionId: (opts: {
             prefix?: string;
             userId?: string;
@@ -1070,7 +1135,13 @@ declare module "packages/feature-gamification/src/background" {
             entity?: string;
         }) => string;
         disconnect: () => void;
+        /**
+         * Open question and mark notification for this question as viewed
+         */
         openQuestion: (questionId: string) => void;
+        /**
+         * Close question and mark notification for this question as viewed
+         */
         closeQuestion: (questionId?: string) => void;
     }
 }
@@ -1083,6 +1154,20 @@ declare module "packages/feature-gamification/src/queries/actions" {
     export const submitInplay: (transport: Transport, eventId: string) => Promise<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").SubmitInplayResponse>;
     export const skipQuestion: (transport: Transport, questionId: string) => Promise<import("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb").SkipQuestionResponse>;
 }
+declare module "packages/feature-gamification/src/storage" {
+    import { Storage } from "packages/sdk-web-storage/src/index";
+    import { OnboardingStatus } from "packages/feature-gamification/src/gamification";
+    type UserProps = {
+        userId: string;
+        eventId: string;
+        organizationId: string;
+    };
+    export class GamificationStorage extends Storage {
+        constructor();
+        saveOnboardingStatus: ({ userId, eventId, organizationId }: UserProps, status: OnboardingStatus) => void;
+        getOnboardingStatus: ({ userId, eventId, organizationId }: UserProps) => string | undefined;
+    }
+}
 declare module "packages/feature-gamification/src/gamification" {
     import { AbstractFeature, ApiStore, FeatureSource, type FeatureProps, type StreamLayerContext, createComputedStore } from "packages/sdk-web-interfaces/src/index";
     import { type GamesOverlaySettings, ExtendedQuestion } from "packages/sdk-web-types/src/index";
@@ -1090,19 +1175,56 @@ declare module "packages/feature-gamification/src/gamification" {
         import type { PlainMessage } from '@bufbuild/protobuf';
     import { WritableAtom } from 'nanostores';
     import * as queries from "packages/feature-gamification/src/queries/index";
+    /**
+     * Required: in-app should be displayed and questions not available
+     * Optional: in-app should be displayed but questions are available
+     * Completed: user completed onboarding, cached in browser. Linked by eventId, organizationId and userId
+     * Disabled: no in-app but questions are available
+     * Unavailable: no in-app and questions not available [behavior is discussed]
+     */
+    export enum OnboardingStatus {
+        Unset = "unset",
+        Required = "required",
+        Optional = "optional",
+        Completed = "completed",
+        Disabled = "disabled",
+        Unavailable = "unavailable"
+    }
+    /**
+     * Gamification (Games) Overlay
+     * Includes:
+     * - questions list (pick history)
+     * - active question (question from active queue, available from pick history and in-app)
+     * - leaderboard (currently only global pinned leaderboard)
+     * - user summary (current user summary)
+     * - onboarding (welcome book)
+     */
     export class Gamification extends AbstractFeature<'games', PlainMessage<GamesOverlaySettings>> {
+        /** user statistics (leaderboard panel) */
         userSummary?: ApiStore<GetApiResponseType<typeof queries.$userSummary>>;
+        /** questions list (pick history) */
         questions?: ApiStore<GetApiResponseType<typeof queries.$pickHistory>>;
+        /** pinned leaderboard id */
         leaderboardId: WritableAtom<string | undefined>;
-        onbordingComplete: WritableAtom<boolean | undefined>;
+        /** onboarding status */
+        onboardingStatus: WritableAtom<OnboardingStatus | undefined>;
+        /** opened question */
         openedQuestion: ReturnType<typeof createComputedStore<ExtendedQuestion | undefined>>;
         private notifications;
         private transport;
         private closeFeature;
         private openFeature;
+        /** gamification background class, handle subscriptions and notifications for closed overlay */
         private background;
+        /** Browser cache */
+        private storage;
         constructor(config: FeatureProps, source: FeatureSource, instance: StreamLayerContext);
-        showOnbordingInApp: (onbordingComplete: boolean) => void;
+        /**
+         * check onboarding status, sync with browser cache
+         * retrieve onboarding settings from api
+         */
+        onboardingProcess: () => Promise<void>;
+        showOnboardingInApp: () => void;
         connect: (transport: StreamLayerContext['transport']) => void;
         disconnect: () => void;
         submitInplay: () => Promise<void>;
@@ -1190,7 +1312,7 @@ declare module "packages/react-ui/src/lib/gamification/onboarding/components/onb
     export const InviteGameIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
     export const Heading: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
     export const Subtext: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-    export const InvateBtn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+    export const InviteBtn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
 }
 declare module "packages/react-ui/src/lib/gamification/onboarding/components/onboarding-slides/onboarding-invite-card/index" {
     type OnboardingInviteCardProps = {
@@ -1275,7 +1397,7 @@ declare module "packages/react-ui/src/lib/gamification/user-statistics/component
 declare module "packages/react-ui/src/lib/gamification/user-statistics/components/rank/index" {
     interface RankProps {
         indicator: string | number;
-        title: 'Friens rank' | 'Global rank';
+        title: 'Friends rank' | 'Global rank';
     }
     export const Rank: React.FC<RankProps>;
 }
@@ -1715,7 +1837,7 @@ declare module "packages/sdk-web-core/src/index" {
      * The main application instance is the core of a application. It includes:
      * Store: Manages data storage.
      * Public Methods: Provides a way to interact with the application.
-     * Connect Features: Handles communication between components throught store.
+     * Connect Features: Handles communication between components through store.
      * Connect Transport: Handles communication with api.
      * Dependency Injection: Incorporates other necessary instances.
      * Error Handling: Manages errors and logs them.

package/lib/style.css

@@ -1 +1 @@
-.c13cgims{border:1px solid var(--color-blue-primary);background-color:var(--color-bg-transparent);cursor:pointer;overflow:hidden}.irnp5ce{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)}.i19tgr4e{max-width:40px;max-height:40px;width:100%;height:100%;border-radius:50%}.cczx66p{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}.t9bb349{padding-left:20px;padding-right:5px;font-weight:700;font-size:14px;-webkit-flex:1;-ms-flex:1;flex:1}.t1hgdyin{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;text-overflow:ellipsis}.cdhbq9i{padding:20px}.c1dwe42p{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}.covang7{width:24px;height:24px}.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>div{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}.c1nck5pb{background-color:var(--color-transparent-onboarding-inapp);max-height:120px}.b1kix5tm{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}.i1ey0b10{width:56px;margin-left:8px}.cizx07o{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}.s1pv3lf6{width:16px;height:16px;margin-right:4px}.s18vymlp{font-style:italic;font-weight:600;font-size:8px;text-transform:uppercase}.c17v2g7n{margin-top:8px;margin-bottom:2px;font-size:14px}.c146qhfh{color:var(--color-grey-primary-onboarding-inapp)}.aeuxca5{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}.c10v7vcj{position:absolute;right:8px;top:4px;border:none;outline:none;background-color:transparent;padding:5px;color:#fff;cursor:pointer;border-radius:50%}.i2g9z26{width:10px;height:10px}.n1bhrb8h{position:absolute;right:0;-webkit-transition:-webkit-transform .3s ease;-webkit-transition:transform .3s ease;transition:transform .3s ease;width:100%}.n1bhrb8h>div{border-radius:8px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--color-white);-webkit-animation:slidein-n1bhrb8h .3s ease-in;animation:slidein-n1bhrb8h .3s ease-in;position:relative;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@-webkit-keyframes slidein-n1bhrb8h{0%{right:-100%}to{right:0}}@keyframes slidein-n1bhrb8h{0%{right:-100%}to{right:0}}.ntlmi04{position:absolute;right:10px;top:10px;max-width:600px;width:100%}.ntlmi04>div{margin-bottom: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;min-height:40px}.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)}}.cqrci8d{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}.c1hep1a5{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}.g1s87azu{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}.i19cupvp{width:35px;height:35px}.i7kr6s3{width:35px;height:35px;border-radius:50%}.ikea8mb{position:absolute;left:0;bottom:0;width:60px}.tn29zk0{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}.ni1hvml{width:16px;height:16px}.c1ii4cav{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%}.irn7lif{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%}.irn7lif>div{margin-bottom:8px}.c1n31p0r{box-sizing:border-box;min-height:35px;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;border-top-left-radius:8px;border-bottom-left-radius:8px;border-bottom:1px solid #22262b;margin-bottom:20px}.bh1dfyy{border:none;outline:none;background-color:transparent;cursor:pointer;padding:5px;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%}.h1gjjnyi{width:24px;height:24px}.c2g1lnc{box-sizing:border-box;font-size:14px;color:var(--color-white);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;padding:16px 12px}.i1czhbqi{border-radius:50%;width:130px;height:130px;border:1px solid #7e7e7f;margin-bottom:8px}.axpm0mb{width:100%;margin-bottom:8px}.t1kppby5{font-weight:700;margin-bottom:8px}.d18tbzq5{font-weight:400}.a6y6po9{box-sizing:border-box;-webkit-text-decoration:none;text-decoration:none;color:var(--color-white);font-size:13px;font-weight:600;background-color:var(--color-blue-question-action-btn);padding:10px 5px;border-radius:6px;width:100%;display:inline-block;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.a6y6po9:active,.a6y6po9:hover,.a6y6po9:visited{-webkit-text-decoration:none;text-decoration:none;color:var(--color-white)}.lii8ybz{width:17px;height:16px;vertical-align:middle;margin-left:10px}.dp9wag8{position:relative;height:100%;overflow:hidden}.u15x0q1l{margin-bottom:15px}.q13pbrok{position:relative;height:calc(100% - 160px)}.baw537u{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:10px}.bwry012{background:rgb(29,123,255);border:none;color:#fff;padding:5px 6px;border-radius:3px;cursor:pointer;margin-right:5px;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.bwry012>img{max-width:10px;max-height:10px;margin-right:5px}.bwry012:enabled:hover{box-shadow:inset 0 0 0 2em #0258d0}.bwry012[data-selected=true]{box-shadow:inset 0 0 0 2em #003c91}.bwry012[data-selected=true]:enabled:hover{box-shadow:inset 0 0 0 2em #003c91}.bwry012:disabled{opacity:.5;background-color:gray;cursor:default}.bwry012[data-enableSdkButton=false]{opacity:.7}.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}
+.c13cgims{border:1px solid var(--color-blue-primary);background-color:var(--color-bg-transparent);cursor:pointer;overflow:hidden}.irnp5ce{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)}.i19tgr4e{max-width:40px;max-height:40px;width:100%;height:100%;border-radius:50%}.cczx66p{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}.t9bb349{padding-left:20px;padding-right:5px;font-weight:700;font-size:14px;-webkit-flex:1;-ms-flex:1;flex:1}.t1hgdyin{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;text-overflow:ellipsis}.cdhbq9i{padding:20px}.c1dwe42p{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}.covang7{width:24px;height:24px}.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>div{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}.c1nck5pb{background-color:var(--color-transparent-onboarding-inapp);max-height:120px}.b1kix5tm{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}.i1ey0b10{width:56px;margin-left:8px}.cizx07o{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}.s1pv3lf6{width:16px;height:16px;margin-right:4px}.s18vymlp{font-style:italic;font-weight:600;font-size:8px;text-transform:uppercase}.c17v2g7n{margin-top:8px;margin-bottom:2px;font-size:14px}.c146qhfh{color:var(--color-grey-primary-onboarding-inapp)}.aeuxca5{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}.c10v7vcj{position:absolute;right:8px;top:4px;border:none;outline:none;background-color:transparent;padding:5px;color:#fff;cursor:pointer;border-radius:50%}.i2g9z26{width:10px;height:10px}.n1bhrb8h{position:absolute;right:0;-webkit-transition:-webkit-transform .3s ease;-webkit-transition:transform .3s ease;transition:transform .3s ease;width:100%}.n1bhrb8h>div{border-radius:8px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--color-white);-webkit-animation:slide-in-n1bhrb8h .3s ease-in;animation:slide-in-n1bhrb8h .3s ease-in;position:relative;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@-webkit-keyframes slide-in-n1bhrb8h{0%{right:-100%}to{right:0}}@keyframes slide-in-n1bhrb8h{0%{right:-100%}to{right:0}}.ntlmi04{position:absolute;right:10px;top:10px;max-width:600px;width:100%}.ntlmi04>div{margin-bottom: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;min-height:40px}.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:slide-in-q15yq4tu .3s ease-in;animation:slide-in-q15yq4tu .3s ease-in}@-webkit-keyframes slide-in-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 slide-in-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)}}.cqrci8d{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}.c1hep1a5{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}.g1s87azu{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}.i19cupvp{width:35px;height:35px}.i7kr6s3{width:35px;height:35px;border-radius:50%}.ikea8mb{position:absolute;left:0;bottom:0;width:60px}.tn29zk0{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}.ni1hvml{width:16px;height:16px}.c1ii4cav{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%}.irn7lif{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%}.irn7lif>div{margin-bottom:8px}.c1n31p0r{box-sizing:border-box;min-height:35px;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;border-top-left-radius:8px;border-bottom-left-radius:8px;border-bottom:1px solid #22262b;margin-bottom:20px}.bh1dfyy{border:none;outline:none;background-color:transparent;cursor:pointer;padding:5px;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%}.h1gjjnyi{width:24px;height:24px}.c2g1lnc{box-sizing:border-box;font-size:14px;color:var(--color-white);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;padding:16px 12px}.i1czhbqi{border-radius:50%;width:130px;height:130px;border:1px solid #7e7e7f;margin-bottom:8px}.axpm0mb{width:100%;margin-bottom:8px}.t1kppby5{font-weight:700;margin-bottom:8px}.d18tbzq5{font-weight:400}.a6y6po9{box-sizing:border-box;-webkit-text-decoration:none;text-decoration:none;color:var(--color-white);font-size:13px;font-weight:600;background-color:var(--color-blue-question-action-btn);padding:10px 5px;border-radius:6px;width:100%;display:inline-block;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.a6y6po9:active,.a6y6po9:hover,.a6y6po9:visited{-webkit-text-decoration:none;text-decoration:none;color:var(--color-white)}.lii8ybz{width:17px;height:16px;vertical-align:middle;margin-left:10px}.dp9wag8{position:relative;height:100%;overflow:hidden}.u15x0q1l{margin-bottom:15px}.q13pbrok{position:relative;height:calc(100% - 160px)}.baw537u{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:10px}.bwry012{background:rgb(29,123,255);border:none;color:#fff;padding:5px 6px;border-radius:3px;cursor:pointer;margin-right:5px;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.bwry012>img{max-width:10px;max-height:10px;margin-right:5px}.bwry012:enabled:hover{box-shadow:inset 0 0 0 2em #0258d0}.bwry012[data-selected=true]{box-shadow:inset 0 0 0 2em #003c91}.bwry012[data-selected=true]:enabled:hover{box-shadow:inset 0 0 0 2em #003c91}.bwry012:disabled{opacity:.5;background-color:gray;cursor:default}.bwry012[data-enableSdkButton=false]{opacity:.7}.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.18.6",
+  "version": "0.19.0",
   "type": "module",
   "author": "StreamLayer, Inc (https://streamlayer.io)",
   "maintainers": [
@@ -74,10 +74,10 @@
     "size-limit": "*",
     "url-loader": "^4.1.1",
     "vite-plugin-dts": "^3.6.0",
-    "@streamlayer/react-ui": "^0.20.0",
-    "@streamlayer/sdk-web": "^0.23.0",
-    "@streamlayer/sdk-web-core": "^0.7.0",
-    "@streamlayer/sdk-web-features": "^0.6.0"
+    "@streamlayer/sdk-web": "^0.24.0",
+    "@streamlayer/react-ui": "^0.22.0",
+    "@streamlayer/sdk-web-core": "^0.9.0",
+    "@streamlayer/sdk-web-features": "^0.7.0"
   },
   "scripts": {
     "size-limit": "size-limit"