@davi-ai/retorik-framework 3.2.3 → 3.2.5

package/dist/index.js

@@ -103,7 +103,6 @@ const $2793f2455cec0982$var$initialState = {
     retorikEvent: undefined,
     displayAgent: true,
     activityToSend: undefined,
-    currentNewsActivity: undefined,
     retorikNewsEnded: false,
     userIsTyping: false,
     userIsSwiping: false,
@@ -189,11 +188,6 @@ const $2793f2455cec0982$var$createUtilsStore = ()=>(0, $dWhh5$zustand.createStor
                         activityToSend: value
                     });
                 },
-                setCurrentNewsActivity: (value)=>{
-                    set({
-                        currentNewsActivity: value
-                    });
-                },
                 setRetorikNewsEnded: (value)=>{
                     set({
                         retorikNewsEnded: value
@@ -351,6 +345,7 @@ $parcel$export(module.exports, "Source3DEngine", () => $71c613e2e831c34c$export$
 $parcel$export(module.exports, "UIPart", () => $71c613e2e831c34c$export$63fc5f52b5b4da1e);
 $parcel$export(module.exports, "TextFrom", () => $71c613e2e831c34c$export$b685c7d489184507);
 $parcel$export(module.exports, "Theme", () => $71c613e2e831c34c$export$14faa19a0f3bbeb2);
+$parcel$export(module.exports, "TraceType", () => $71c613e2e831c34c$export$d4b4ca0ba30ae29c);
 var $71c613e2e831c34c$export$e4a712fff93fb00f = /*#__PURE__*/ function(ActionType) {
     ActionType["message"] = "message";
     ActionType["event"] = "event";
@@ -392,13 +387,17 @@ var $71c613e2e831c34c$export$22b261e08140d6b2 = /*#__PURE__*/ function(CategoryI
     return CategoryId;
 }($71c613e2e831c34c$export$22b261e08140d6b2 || {});
 var $71c613e2e831c34c$export$ddddf2c97763af65 = /*#__PURE__*/ function(CloseButtonCause) {
-    CloseButtonCause[CloseButtonCause["none"] = 0] = "none";
-    CloseButtonCause[CloseButtonCause["detailedpoi"] = 1] = "detailedpoi";
-    CloseButtonCause[CloseButtonCause["list"] = 2] = "list";
-    CloseButtonCause[CloseButtonCause["subview"] = 3] = "subview";
-    CloseButtonCause[CloseButtonCause["dashboard"] = 4] = "dashboard";
-    CloseButtonCause[CloseButtonCause["fullscreenimage"] = 5] = "fullscreenimage";
-    CloseButtonCause[CloseButtonCause["news"] = 6] = "news";
+    CloseButtonCause["none"] = "None";
+    CloseButtonCause["detailedpoi"] = "Detailed";
+    CloseButtonCause["list"] = "List";
+    CloseButtonCause["history"] = "History";
+    CloseButtonCause["languages"] = "Languages";
+    CloseButtonCause["weather"] = "Weather";
+    CloseButtonCause["emergency"] = "Emergency";
+    CloseButtonCause["map"] = "Map";
+    CloseButtonCause["dashboard"] = "Dashboard";
+    CloseButtonCause["fullscreenimage"] = "FullscreenImage";
+    CloseButtonCause["news"] = "News";
     return CloseButtonCause;
 }($71c613e2e831c34c$export$ddddf2c97763af65 || {});
 var $71c613e2e831c34c$export$a31c5a03aaeee5f = /*#__PURE__*/ function(ContainerParent) {
@@ -576,6 +575,12 @@ var $71c613e2e831c34c$export$14faa19a0f3bbeb2 = /*#__PURE__*/ function(Theme) {
     Theme["auto"] = "auto";
     return Theme;
 }($71c613e2e831c34c$export$14faa19a0f3bbeb2 || {});
+var $71c613e2e831c34c$export$d4b4ca0ba30ae29c = /*#__PURE__*/ function(TraceType) {
+    TraceType["message"] = "directlineMessage";
+    TraceType["utteranceStart"] = "utteranceStart";
+    TraceType["utteranceEnd"] = "utteranceEnd";
+    return TraceType;
+}($71c613e2e831c34c$export$d4b4ca0ba30ae29c || {});
 
 });
 
@@ -2078,9 +2083,6 @@ const $df401eb9a10f9e0e$var$initialState = {
     visemeData: [],
     singleVisemeAdded: null,
     multiVisemesAdded: [],
-    currentReplyToId: undefined,
-    currentPlaying: undefined,
-    endedActivities: [],
     currentOrLastPlayedActivity: undefined,
     isMicrophoneAllowed: false,
     showMicrophoneModal: false,
@@ -2089,9 +2091,6 @@ const $df401eb9a10f9e0e$var$initialState = {
     lastRecognitionInterim: '',
     streamingReplyToId: null,
     streamingQueue: [],
-    streamingQueueForText: [],
-    currentStreaming: null,
-    streamingQueueFullLength: 0,
     streamingReplyToIdToIgnore: null,
     speechRecognitionDynamicGrammars: [],
     externalTextToSpeech: undefined
@@ -2228,22 +2227,6 @@ const $df401eb9a10f9e0e$var$createSpeechStore = (setRetorikEvent, getListStatus,
                         if (getListStatus() !== (0, $7WHA7.ListStatus).opened) setListStatus((0, $7WHA7.ListStatus).available);
                     }
                 },
-                setCurrentReplyToId: (value)=>{
-                    set({
-                        currentReplyToId: value
-                    });
-                },
-                setCurrentPlaying: (value)=>{
-                    set({
-                        currentPlaying: value
-                    });
-                    value && get().actions.setCurrentOrLastPlayedActivity(value);
-                },
-                setEndedActivities: (value)=>{
-                    set({
-                        endedActivities: value
-                    });
-                },
                 setIsMicrophoneAllowed: (value)=>{
                     set({
                         isMicrophoneAllowed: value
@@ -2305,72 +2288,45 @@ const $df401eb9a10f9e0e$var$createSpeechStore = (setRetorikEvent, getListStatus,
                         streamingReplyToId: value
                     });
                 },
-                setStreamingQueue: (value)=>{
-                    set({
-                        streamingQueue: value,
-                        streamingQueueForText: value
-                    });
-                },
                 addToStreamingQueue: (value)=>{
-                    if (value.replyToId && value.replyToId !== get().streamingReplyToIdToIgnore) {
-                        // Set replyToId and new queue if replyToId is different from the current one
-                        if (get().streamingReplyToId !== value.replyToId) set({
-                            streamingQueueFullLength: 0,
-                            streamingReplyToId: value.replyToId,
-                            streamingQueue: [
-                                value
-                            ],
-                            streamingQueueForText: [
-                                value
-                            ]
-                        });
-                        else set({
-                            streamingQueue: [
-                                ...get().streamingQueue,
-                                value
-                            ],
-                            streamingQueueForText: [
-                                ...get().streamingQueueForText,
-                                value
-                            ]
-                        });
-                    }
+                    if (value.replyToId) {
+                        if (value.replyToId !== get().streamingReplyToIdToIgnore) {
+                            // Set replyToId and new queue if replyToId is different from the current one
+                            if (get().streamingReplyToId !== value.replyToId) set({
+                                streamingReplyToId: value.replyToId,
+                                streamingQueue: [
+                                    value
+                                ]
+                            });
+                            else set({
+                                streamingQueue: [
+                                    ...get().streamingQueue,
+                                    value
+                                ]
+                            });
+                        }
+                    } else set({
+                        streamingQueue: [
+                            ...get().streamingQueue,
+                            value
+                        ]
+                    });
                 },
-                removeFirstFromStreamingQueue: ()=>{
-                    if (get().streamingQueue.length) {
-                        const tempStreamingQueue = get().streamingQueue.slice();
-                        tempStreamingQueue.splice(0, 1);
-                        set({
-                            streamingQueue: tempStreamingQueue
-                        });
-                    }
+                // If "twice" parameter is true, let's remove 2 elements instead of one (used with the message at the end of a streaming that should not be spoken)
+                removeFirstFromStreamingQueue: (twice)=>{
+                    set((state)=>({
+                            streamingQueue: state.streamingQueue.slice(twice ? 2 : 1)
+                        }));
                 },
                 killCurrentStreaming: ()=>{
                     set({
-                        streamingReplyToId: null,
-                        streamingQueue: [],
-                        streamingQueueForText: [],
-                        currentStreaming: null,
-                        streamingQueueFullLength: 0,
-                        streamingReplyToIdToIgnore: get().streamingReplyToId
+                        streamingReplyToIdToIgnore: get().streamingReplyToId,
+                        streamingQueue: []
                     });
                 },
                 checkActivityReplyToId: (replyToId)=>{
                     get().streamingReplyToId !== replyToId && get().actions.killCurrentStreaming();
                 },
-                setCurrentStreaming: (value)=>{
-                    set({
-                        currentStreaming: value
-                    });
-                },
-                setStreamingQueueFullLength: (value, replyToId)=>{
-                    if (replyToId) replyToId === get().streamingReplyToId && set({
-                        streamingQueueFullLength: value
-                    });
-                    else set({
-                        streamingQueueFullLength: value
-                    });
-                },
                 addSpeechRecognitionDynamicGrammar: (value)=>{
                     const currentGrammars = get().speechRecognitionDynamicGrammars;
                     // For each value, verifiy if it doesn't exist in the array yet
@@ -2790,7 +2746,7 @@ const $8fc061e3e1dc64cb$var$initialState = {
     queueLock: false
 };
 const $8fc061e3e1dc64cb$var$regexDataCommand = /(\{data-command=")[\p{L}\p{N}\p{Po}\p{Pd}\p{Pc}\s\u0027\u2019]+("\})(<br\s\/>)?/gu;
-const $8fc061e3e1dc64cb$var$createActivityStore = (localeRef, isUsedOnBorneRef, inputHintBehaviourRef, setCurrentId, setRestoreInputsState, addToStreamingQueue, setStreamingQueueFullLength, setMode, unlockClickedButton, setSubmitDelayBeforeSendingMessage, setIsWaitingForResponse, setSendBoxPlaceHolder)=>{
+const $8fc061e3e1dc64cb$var$createActivityStore = (localeRef, isUsedOnBorneRef, inputHintBehaviourRef, setCurrentId, setRestoreInputsState, addToStreamingQueue, setMode, unlockClickedButton, setSubmitDelayBeforeSendingMessage, setIsWaitingForResponse, setSendBoxPlaceHolder)=>{
     return (0, $dWhh5$zustand.createStore)((set, get)=>{
         return {
             ...$8fc061e3e1dc64cb$var$initialState,
@@ -2855,7 +2811,7 @@ const $8fc061e3e1dc64cb$var$createActivityStore = (localeRef, isUsedOnBorneRef,
                         currentActivity.type === 'message' ? await get().actions.processAddBotMessage(currentActivity) : await get().actions.processAddBotEvent(currentActivity);
                         // Remove the first element from the queue (the one that got processed above) and process the queue once again
                         set({
-                            queue: get().queue.slice().splice(1)
+                            queue: get().queue.slice(1)
                         });
                         get().actions.processQueue();
                     } else set({
@@ -2863,12 +2819,11 @@ const $8fc061e3e1dc64cb$var$createActivityStore = (localeRef, isUsedOnBorneRef,
                     });
                 },
                 processAddBotMessage: async (value)=>{
-                    var _value_value;
                     setCurrentId(undefined);
                     const processedActivity = await get().actions.processBotMessageActivity(value);
-                    // If this activity is the one concluding a streaming, let's set the amount of streams previously generated
-                    if (!get().retrievingConversation && ((_value_value = value.value) === null || _value_value === void 0 ? void 0 : _value_value.streamingCount)) setStreamingQueueFullLength(value.value.streamingCount, value.replyToId);
                     const tempActivity = get().retrievingConversation ? undefined : processedActivity;
+                    // Add this activity to the streaming queue if we are not in conversation retrieval process
+                    !get().retrievingConversation && addToStreamingQueue(processedActivity);
                     set({
                         activities: [
                             ...get().activities,
@@ -2910,6 +2865,29 @@ const $8fc061e3e1dc64cb$var$createActivityStore = (localeRef, isUsedOnBorneRef,
                     }
                 },
                 processAddBotEvent: async (value)=>{
+                    var _value_name, _value_text;
+                    const streamingMap = new Map(get().botStreamingActivities);
+                    // Deal with streaming activities
+                    if (((_value_name = value.name) === null || _value_name === void 0 ? void 0 : _value_name.toLowerCase()) === 'davi.streammessageactivity') // Add this activity to the streaming queue if we are not in conversation retrieval process
+                    {
+                        if (((_value_text = value.text) === null || _value_text === void 0 ? void 0 : _value_text.trim().length) && !get().retrievingConversation) {
+                            // Create speak field from the text one
+                            const processedText = (0, $pFs7y.processMarkdownAndSpeechMarkdown)(value.text, true);
+                            value.speak = processedText.text;
+                            value.htmlText = processedText.htmlText;
+                            addToStreamingQueue(value);
+                            // Set data in the Map for text display
+                            if (value.replyToId) {
+                                const currentStreamingData = streamingMap.get(value.replyToId);
+                                currentStreamingData ? streamingMap.set(value.replyToId, [
+                                    ...currentStreamingData,
+                                    value
+                                ]) : streamingMap.set(value.replyToId, [
+                                    value
+                                ]);
+                            }
+                        }
+                    }
                     set({
                         activities: [
                             ...get().activities,
@@ -2927,38 +2905,16 @@ const $8fc061e3e1dc64cb$var$createActivityStore = (localeRef, isUsedOnBorneRef,
                         ],
                         lastBotEventActivity: value,
                         lastEventActivity: value,
+                        botStreamingActivities: streamingMap,
                         watermark: get().watermark + 1
                     });
                     Promise.resolve();
                 },
                 addBotEvent: async (value)=>{
                     if (get().actions.checkCurrentConversationId(value.id)) {
-                        var _value_name, _value_text, _value_name1;
-                        if (((_value_name = value.name) === null || _value_name === void 0 ? void 0 : _value_name.toLowerCase()) === 'davi.streammessageactivity') {
-                            if (((_value_text = value.text) === null || _value_text === void 0 ? void 0 : _value_text.trim().length) && !get().retrievingConversation) {
-                                setIsWaitingForResponse(false);
-                                // Create speak field from the text one
-                                const processedText = (0, $pFs7y.processMarkdownAndSpeechMarkdown)(value.text, true);
-                                value.speak = processedText.text;
-                                value.htmlText = processedText.htmlText;
-                                addToStreamingQueue(value);
-                                if (value.replyToId) {
-                                    const currentStreamingMap = new Map(get().botStreamingActivities);
-                                    const currentStreamingData = currentStreamingMap.get(value.replyToId);
-                                    currentStreamingData ? currentStreamingMap.set(value.replyToId, [
-                                        ...currentStreamingData,
-                                        value
-                                    ]) : currentStreamingMap.set(value.replyToId, [
-                                        value
-                                    ]);
-                                    set({
-                                        botStreamingActivities: currentStreamingMap,
-                                        watermark: get().watermark + 1
-                                    });
-                                }
-                                unlockClickedButton();
-                            }
-                        } else if (((_value_name1 = value.name) === null || _value_name1 === void 0 ? void 0 : _value_name1.toLowerCase()) === 'switchtotextmode') {
+                        var _value_name;
+                        //
+                        if (((_value_name = value.name) === null || _value_name === void 0 ? void 0 : _value_name.toLowerCase()) === 'switchtotextmode') {
                             setMode((0, $7WHA7.Mode).text);
                             set({
                                 watermark: get().watermark + 1
@@ -3233,10 +3189,10 @@ const $8fc061e3e1dc64cb$var$ActivityProvider = ({ children: children })=>{
     const isUsedOnBorneRef = (0, $dWhh5$react.useRef)(false);
     const inputHintBehaviourRef = (0, $dWhh5$react.useRef)(undefined);
     const { setCurrentId: setCurrentId, setRestoreInputsState: setRestoreInputsState } = (0, $8AvjS.useAdaptiveCardStore)((state)=>state.actions);
-    const { addToStreamingQueue: addToStreamingQueue, setStreamingQueueFullLength: setStreamingQueueFullLength, setMode: setMode } = (0, $jgaO0.useSpeechStore)((state)=>state.actions);
+    const { addToStreamingQueue: addToStreamingQueue, setMode: setMode } = (0, $jgaO0.useSpeechStore)((state)=>state.actions);
     const unlockClickedButton = (0, $7eio0.useUtilsStore)((state)=>state.actions.unlockClickedButton);
     const { setSubmitDelayBeforeSendingMessage: setSubmitDelayBeforeSendingMessage, setIsWaitingForResponse: setIsWaitingForResponse, setSendBoxPlaceHolder: setSendBoxPlaceHolder } = (0, $6EkQS.useRetorikStore)((state)=>state.actions);
-    const [store] = (0, $dWhh5$react.useState)(()=>$8fc061e3e1dc64cb$var$createActivityStore(localeRef, isUsedOnBorneRef, inputHintBehaviourRef, setCurrentId, setRestoreInputsState, addToStreamingQueue, setStreamingQueueFullLength, setMode, unlockClickedButton, setSubmitDelayBeforeSendingMessage, setIsWaitingForResponse, setSendBoxPlaceHolder));
+    const [store] = (0, $dWhh5$react.useState)(()=>$8fc061e3e1dc64cb$var$createActivityStore(localeRef, isUsedOnBorneRef, inputHintBehaviourRef, setCurrentId, setRestoreInputsState, addToStreamingQueue, setMode, unlockClickedButton, setSubmitDelayBeforeSendingMessage, setIsWaitingForResponse, setSendBoxPlaceHolder));
     (0, $dWhh5$react.useEffect)(()=>{
         localeRef.current = locale;
     }, [
@@ -4164,7 +4120,7 @@ const $328a7f03b0982320$var$createDirectlineStore = (modeRef, recognitionStateRe
                     if (get().actions.checkIfHandlerAbortsActivity((0, $3DDGn.LegacyDirectLineActivityType).SEND_MESSAGE, tempActivity)) return;
                     (_get_directLine = get().directLine) === null || _get_directLine === void 0 ? void 0 : _get_directLine.postActivity(tempActivity).subscribe();
                 },
-                sendEvent: (name, value)=>{
+                sendEvent: (name, value, callback)=>{
                     var _get_directLine;
                     if (get().conversationPaused) return;
                     !name.toLowerCase().includes('davi.closewindow') && !$328a7f03b0982320$var$eventsWithoutCancel.includes(name.toLowerCase()) && get().actions.checkMicrophoneAndCancel();
@@ -4184,7 +4140,10 @@ const $328a7f03b0982320$var$createDirectlineStore = (modeRef, recognitionStateRe
                     // Check if the event should be stopped in the external activity handler if there is one
                     if (get().actions.checkIfHandlerAbortsActivity((0, $3DDGn.LegacyDirectLineActivityType).POST_ACTIVITY, tempEvent)) return;
                     if (get().actions.checkIfHandlerAbortsActivity((0, $3DDGn.LegacyDirectLineActivityType).SEND_EVENT, tempEvent)) return;
-                    (_get_directLine = get().directLine) === null || _get_directLine === void 0 ? void 0 : _get_directLine.postActivity(tempEvent).subscribe();
+                    (_get_directLine = get().directLine) === null || _get_directLine === void 0 ? void 0 : _get_directLine.postActivity(tempEvent).subscribe({
+                        error: (error)=>console.log('Retorik Framework > error while sending event : ', error),
+                        complete: ()=>callback === null || callback === void 0 ? void 0 : callback()
+                    });
                 },
                 sendTyping: ()=>{
                     var _get_directLine;
@@ -4392,7 +4351,7 @@ var $c8770452d727244a$export$2e2bcd8739ae039 = $c8770452d727244a$var$activityMid
 });
 
 parcelRegister("93cl9", function(module, exports) {
-module.exports = JSON.parse("{\"name\":\"@davi-ai/retorik-framework\",\"version\":\"3.2.3\",\"description\":\"Retorik Framework package\",\"author\":\"DAVI\",\"license\":\"MIT\",\"repository\":\"none\",\"main\":\"dist/index.js\",\"module\":\"dist/index.modern.js\",\"types\":\"dist/index.d.ts\",\"source\":\"src/index.tsx\",\"standalone\":\"standalone/index.js\",\"targets\":{\"standalone\":{\"context\":\"browser\",\"outputFormat\":\"esmodule\",\"distDir\":\"standalone\"},\"module\":{\"context\":\"browser\",\"outputFormat\":\"esmodule\",\"distDir\":\"dist\"}},\"engines\":{\"node\":\">=10\"},\"scripts\":{\"build\":\"parcel build\",\"start\":\"parcel watch\",\"test\":\"jest --env=jsdom --reporters=jest-junit\",\"test-console\":\"jest --env=jsdom\",\"test-update-snapshots\":\"jest --env=jsdom --updateSnapshot\",\"test-coverage-console\":\"jest --env=jsdom --reporters=jest-junit --coverage\",\"test-coverage\":\"jest --env=jsdom --reporters=jest-junit --coverage --coverageReporters=cobertura\",\"report\":\"npx parcel build src/index.tsx --reporter @parcel/reporter-bundle-analyzer\",\"credentials\":\"vsts-npm-auth -config .npmrc\"},\"peerDependencies\":{\"react\":\"18.3.1\",\"react-dom\":\"18.3.1\"},\"devDependencies\":{\"@babel/core\":\"^7.19.1\",\"@babel/plugin-proposal-decorators\":\"^7.24.7\",\"@babel/plugin-proposal-private-property-in-object\":\"^7.21.11\",\"@babel/preset-env\":\"^7.25.4\",\"@babel/preset-react\":\"^7.24.7\",\"@babel/preset-typescript\":\"^7.24.7\",\"@babel/runtime\":\"^7.23.8\",\"@parcel/packager-ts\":\"^2.13.2\",\"@parcel/reporter-bundle-analyzer\":\"^2.13.2\",\"@parcel/reporter-sourcemap-visualiser\":\"^2.13.2\",\"@parcel/transformer-inline-string\":\"^2.13.2\",\"@parcel/transformer-typescript-types\":\"^2.13.2\",\"@parcel/validator-eslint\":\"^2.13.2\",\"@parcel/validator-typescript\":\"^2.13.2\",\"@testing-library/dom\":\"^10.4.0\",\"@testing-library/jest-dom\":\"6.5.0\",\"@testing-library/react\":\"16.0.1\",\"@testing-library/react-hooks\":\"8.0.1\",\"@testing-library/user-event\":\"14.5.2\",\"@types/jest\":\"^27.5.1\",\"@types/leaflet\":\"^1.8.0\",\"@types/node\":\"^12.12.38\",\"@types/react\":\"18.3.12\",\"@types/react-dom\":\"18.3.1\",\"@types/testing-library__jest-dom\":\"^5.14.5\",\"@types/testing-library__react\":\"latest\",\"@typescript-eslint/eslint-plugin\":\"^8.19.0\",\"@typescript-eslint/parser\":\"^8.19.0\",\"autoprefixer\":\"^10.4.7\",\"babel-eslint\":\"^10.0.3\",\"babel-jest\":\"^29.7.0\",\"babel-loader\":\"^8.2.5\",\"buffer\":\"^5.7.1\",\"canvas\":\"^2.9.0\",\"cross-env\":\"^7.0.2\",\"crypto-browserify\":\"^3.12.0\",\"eslint\":\"^9.16.0\",\"eslint-config-prettier\":\"^9.1.0\",\"eslint-config-standard\":\"^17.1.0\",\"eslint-config-standard-react\":\"^13.0.0\",\"eslint-plugin-import\":\"^2.31.0\",\"eslint-plugin-node\":\"^11.1.0\",\"eslint-plugin-prettier\":\"^5.2.1\",\"eslint-plugin-promise\":\"^7.2.1\",\"eslint-plugin-react\":\"^7.37.2\",\"https-browserify\":\"^1.0.0\",\"jest\":\"^29.7.0\",\"jest-environment-jsdom\":\"^29.7.0\",\"jest-junit\":\"16.0.0\",\"npm-run-all\":\"^4.1.5\",\"parcel\":\"^2.13.2\",\"postcss\":\"^8.4.14\",\"postcss-url\":\"^10.1.3\",\"prettier\":\"^2.0.4\",\"process\":\"^0.11.10\",\"punycode\":\"^1.4.1\",\"querystring-es3\":\"^0.2.1\",\"react\":\"^18\",\"react-docgen-typescript-plugin\":\"^1.0.5\",\"react-dom\":\"18.3.1\",\"react-test-renderer\":\"^18.3.1\",\"resize-observer-polyfill\":\"^1.5.1\",\"stream-browserify\":\"^3.0.0\",\"stream-http\":\"^3.2.0\",\"string_decoder\":\"^1.3.0\",\"tailwindcss\":\"^3.1.0\",\"typescript\":\"5.3.2\",\"url\":\"^0.11.0\",\"util\":\"^0.12.4\"},\"files\":[\"dist\"],\"dependencies\":{\"@davi-ai/body-engine-sprite\":\"3.0.0\",\"@davi-ai/react-bodyengine-three\":\"1.0.6\",\"@davi-ai/retorik-weather\":\"2.0.0\",\"@davi-ai/speechmarkdown-davi-js\":\"2.0.1\",\"@davi-ai/web-speech-cognitive-services-davi\":\"2.0.10\",\"@lottiefiles/react-lottie-player\":\"^3.4.1\",\"@opentelemetry/api\":\"^1.9.0\",\"@opentelemetry/exporter-trace-otlp-http\":\"^0.200.0\",\"@opentelemetry/instrumentation\":\"^0.200.0\",\"@opentelemetry/instrumentation-document-load\":\"^0.45.0\",\"@opentelemetry/instrumentation-fetch\":\"^0.200.0\",\"@opentelemetry/resources\":\"^2.0.0\",\"@opentelemetry/sdk-trace-web\":\"^2.0.0\",\"@opentelemetry/semantic-conventions\":\"^1.32.0\",\"@react-spring/types\":\"^9.7.3\",\"@react-spring/web\":\"^9.7.3\",\"@swc/helpers\":\"^0.5.0\",\"@types/geojson\":\"^7946.0.10\",\"@types/jsdom\":\"^16.2.14\",\"@use-gesture/react\":\"^10.2.15\",\"adaptivecards\":\"3.0.1\",\"botframework-directlinejs\":\"^0.15.5\",\"classnames\":\"^2.3.1\",\"detect-gpu\":\"^5.0.70\",\"leaflet\":\"^1.9.2\",\"markdown-it\":\"14.1.0\",\"pdfjs-dist\":\"3.11.174\",\"postcss-copy\":\"^7.1.0\",\"qrcode\":\"^1.5.1\",\"react-device-detect\":\"^2.2.3\",\"react-error-boundary\":\"^4.0.10\",\"react-leaflet\":\"^4.1.0\",\"react-pdf\":\"7.7.1\",\"react-shadow\":\"^20.5.0\",\"swiper\":\"^8.4.5\",\"zustand\":\"^5.0.3\"},\"overrides\":{\"@davi-ai/web-speech-cognitive-services-davi\":\"$@davi-ai/web-speech-cognitive-services-davi\",\"zustand\":\"$zustand\"},\"@parcel/resolver-default\":{\"packageExports\":true}}");
+module.exports = JSON.parse("{\"name\":\"@davi-ai/retorik-framework\",\"version\":\"3.2.5\",\"description\":\"Retorik Framework package\",\"author\":\"DAVI\",\"license\":\"MIT\",\"repository\":\"none\",\"main\":\"dist/index.js\",\"module\":\"dist/index.modern.js\",\"types\":\"dist/index.d.ts\",\"source\":\"src/index.tsx\",\"standalone\":\"standalone/index.js\",\"targets\":{\"standalone\":{\"context\":\"browser\",\"outputFormat\":\"esmodule\",\"distDir\":\"standalone\"},\"module\":{\"context\":\"browser\",\"outputFormat\":\"esmodule\",\"distDir\":\"dist\"}},\"engines\":{\"node\":\">=10\"},\"scripts\":{\"build\":\"parcel build\",\"start\":\"parcel watch\",\"test\":\"jest --env=jsdom --reporters=jest-junit\",\"test-console\":\"jest --env=jsdom\",\"test-update-snapshots\":\"jest --env=jsdom --updateSnapshot\",\"test-coverage-console\":\"jest --env=jsdom --reporters=jest-junit --coverage\",\"test-coverage\":\"jest --env=jsdom --reporters=jest-junit --coverage --coverageReporters=cobertura\",\"report\":\"npx parcel build src/index.tsx --reporter @parcel/reporter-bundle-analyzer\",\"credentials\":\"vsts-npm-auth -config .npmrc\"},\"peerDependencies\":{\"react\":\"18.3.1\",\"react-dom\":\"18.3.1\"},\"devDependencies\":{\"@babel/core\":\"^7.19.1\",\"@babel/plugin-proposal-decorators\":\"^7.24.7\",\"@babel/plugin-proposal-private-property-in-object\":\"^7.21.11\",\"@babel/preset-env\":\"^7.25.4\",\"@babel/preset-react\":\"^7.24.7\",\"@babel/preset-typescript\":\"^7.24.7\",\"@babel/runtime\":\"^7.23.8\",\"@parcel/packager-ts\":\"^2.13.2\",\"@parcel/reporter-bundle-analyzer\":\"^2.13.2\",\"@parcel/reporter-sourcemap-visualiser\":\"^2.13.2\",\"@parcel/transformer-inline-string\":\"^2.13.2\",\"@parcel/transformer-typescript-types\":\"^2.13.2\",\"@parcel/validator-eslint\":\"^2.13.2\",\"@parcel/validator-typescript\":\"^2.13.2\",\"@testing-library/dom\":\"^10.4.0\",\"@testing-library/jest-dom\":\"6.5.0\",\"@testing-library/react\":\"16.0.1\",\"@testing-library/react-hooks\":\"8.0.1\",\"@testing-library/user-event\":\"14.5.2\",\"@types/jest\":\"^27.5.1\",\"@types/leaflet\":\"^1.8.0\",\"@types/node\":\"^12.12.38\",\"@types/react\":\"18.3.12\",\"@types/react-dom\":\"18.3.1\",\"@types/testing-library__jest-dom\":\"^5.14.5\",\"@types/testing-library__react\":\"latest\",\"@typescript-eslint/eslint-plugin\":\"^8.19.0\",\"@typescript-eslint/parser\":\"^8.19.0\",\"autoprefixer\":\"^10.4.7\",\"babel-eslint\":\"^10.0.3\",\"babel-jest\":\"^29.7.0\",\"babel-loader\":\"^8.2.5\",\"buffer\":\"^5.7.1\",\"canvas\":\"^2.9.0\",\"cross-env\":\"^7.0.2\",\"crypto-browserify\":\"^3.12.0\",\"eslint\":\"^9.16.0\",\"eslint-config-prettier\":\"^9.1.0\",\"eslint-config-standard\":\"^17.1.0\",\"eslint-config-standard-react\":\"^13.0.0\",\"eslint-plugin-import\":\"^2.31.0\",\"eslint-plugin-node\":\"^11.1.0\",\"eslint-plugin-prettier\":\"^5.2.1\",\"eslint-plugin-promise\":\"^7.2.1\",\"eslint-plugin-react\":\"^7.37.2\",\"https-browserify\":\"^1.0.0\",\"jest\":\"^29.7.0\",\"jest-environment-jsdom\":\"^29.7.0\",\"jest-junit\":\"16.0.0\",\"npm-run-all\":\"^4.1.5\",\"parcel\":\"^2.13.2\",\"postcss\":\"^8.4.14\",\"postcss-url\":\"^10.1.3\",\"prettier\":\"^2.0.4\",\"process\":\"^0.11.10\",\"punycode\":\"^1.4.1\",\"querystring-es3\":\"^0.2.1\",\"react\":\"^18\",\"react-docgen-typescript-plugin\":\"^1.0.5\",\"react-dom\":\"18.3.1\",\"react-test-renderer\":\"^18.3.1\",\"resize-observer-polyfill\":\"^1.5.1\",\"stream-browserify\":\"^3.0.0\",\"stream-http\":\"^3.2.0\",\"string_decoder\":\"^1.3.0\",\"tailwindcss\":\"^3.1.0\",\"typescript\":\"5.3.2\",\"url\":\"^0.11.0\",\"util\":\"^0.12.4\"},\"files\":[\"dist\"],\"dependencies\":{\"@davi-ai/body-engine-sprite\":\"3.0.0\",\"@davi-ai/react-bodyengine-three\":\"1.0.6\",\"@davi-ai/retorik-weather\":\"2.0.0\",\"@davi-ai/speechmarkdown-davi-js\":\"2.0.1\",\"@davi-ai/web-speech-cognitive-services-davi\":\"2.0.10\",\"@lottiefiles/react-lottie-player\":\"^3.4.1\",\"@opentelemetry/api\":\"^1.9.0\",\"@opentelemetry/exporter-trace-otlp-http\":\"^0.200.0\",\"@opentelemetry/instrumentation\":\"^0.200.0\",\"@opentelemetry/instrumentation-document-load\":\"^0.45.0\",\"@opentelemetry/instrumentation-fetch\":\"^0.200.0\",\"@opentelemetry/resources\":\"^2.0.0\",\"@opentelemetry/sdk-trace-web\":\"^2.0.0\",\"@opentelemetry/semantic-conventions\":\"^1.32.0\",\"@react-spring/types\":\"^9.7.3\",\"@react-spring/web\":\"^9.7.3\",\"@swc/helpers\":\"^0.5.0\",\"@types/geojson\":\"^7946.0.10\",\"@types/jsdom\":\"^16.2.14\",\"@use-gesture/react\":\"^10.2.15\",\"adaptivecards\":\"3.0.1\",\"botframework-directlinejs\":\"^0.15.5\",\"classnames\":\"^2.3.1\",\"detect-gpu\":\"^5.0.70\",\"leaflet\":\"^1.9.2\",\"markdown-it\":\"14.1.0\",\"pdfjs-dist\":\"3.11.174\",\"postcss-copy\":\"^7.1.0\",\"qrcode\":\"^1.5.1\",\"react-device-detect\":\"^2.2.3\",\"react-error-boundary\":\"^4.0.10\",\"react-leaflet\":\"^4.1.0\",\"react-pdf\":\"7.7.1\",\"react-shadow\":\"^20.5.0\",\"swiper\":\"^8.4.5\",\"zustand\":\"^5.0.3\"},\"overrides\":{\"@davi-ai/web-speech-cognitive-services-davi\":\"$@davi-ai/web-speech-cognitive-services-davi\",\"zustand\":\"$zustand\"},\"@parcel/resolver-default\":{\"packageExports\":true}}");
 
 });
 
@@ -5506,23 +5465,24 @@ const $071bb34c9db044ce$var$SendActivityEventListener = ({ isRetorikNews: isReto
             document.removeEventListener('retorikSetVisibility', handleEvents);
         };
     }, []);
-    (0, $dWhh5$react.useEffect)(()=>{
-        if (isRetorikNews || hasConversationCookie) setUserAlreadySet(true);
-        else if (!userAlreadySet && appAvailable && !displayGDPR && characterLoaded) {
-            setUserAlreadySet(true);
-            // Send mandatory events : setUser to start conversation, Davi.GDPRConsent for GDPR module
-            sendEvent('setUser', {
+    /**
+   * Send mandatory events : setUser to start conversation, Davi.GDPRConsent for GDPR module
+   */ const sendMandatoryEvents = async ()=>{
+        sendEvent('Davi.GDPRConsent', {
+            userConsent: userConsent
+        }, ()=>sendEvent('setUser', {
                 user: {
                     ...userData,
                     gdprConsent: true
                 },
                 skipWelcome: !!skipWelcome
-            });
-            setTimeout(()=>{
-                sendEvent('Davi.GDPRConsent', {
-                    userConsent: userConsent
-                });
-            }, 100);
+            }));
+    };
+    (0, $dWhh5$react.useEffect)(()=>{
+        if (isRetorikNews || hasConversationCookie) setUserAlreadySet(true);
+        else if (!userAlreadySet && appAvailable && !displayGDPR && characterLoaded) {
+            setUserAlreadySet(true);
+            sendMandatoryEvents();
         }
     }, [
         appAvailable,
@@ -6876,15 +6836,12 @@ $parcel$export(module.exports, "default", () => $f30fe7aba51bf78e$export$2e2bcd8
 
 var $kUiCn = parcelRequire("kUiCn");
 
-var $6Q0mk = parcelRequire("6Q0mk");
-
 var $9CCS6 = parcelRequire("9CCS6");
 
 var $isGku = parcelRequire("isGku");
 
 var $2sEP7 = parcelRequire("2sEP7");
 const $f30fe7aba51bf78e$var$Background = ({ config: config, videoLoop: videoLoop, videoMuted: videoMuted, onVideoEnded: onVideoEnded, onVideoCanPlay: onVideoCanPlay })=>{
-    const isRTL = (0, $6Q0mk.useLocaleStore)((state)=>state.isRTL);
     const webcamRotation = (0, $kUiCn.useViewStore)((state)=>state.configurations).webcamRotation;
     const imageRef = (0, $dWhh5$react.useRef)(null);
     const dimensions = (0, $9CCS6.default)(imageRef);
@@ -6936,12 +6893,7 @@ const $f30fe7aba51bf78e$var$Background = ({ config: config, videoLoop: videoLoop
                 ref: imageRef,
                 src: config.image,
                 alt: "background image",
-                className: "rf-col-span-full rf-row-span-full rf-w-full rf-h-full rf-object-cover rf-filter rf-blur-background",
-                style: {
-                    ...isRTL ? {
-                        transform: 'scaleX(-1)'
-                    } : {}
-                }
+                className: "rf-col-span-full rf-row-span-full rf-w-full rf-h-full rf-object-cover rf-filter rf-blur-background"
             }),
             config.style === 'video' && config.video && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $isGku.default), {
                 source: config.video,
@@ -7134,7 +7086,7 @@ const $de01a0272b83cb88$var$CloseButton = ({ onClick: onClick, label: label, cla
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("button", {
         "aria-label": label || translation.common.close,
         onClick: onClick,
-        className: `${className} rf-absolute rf-flex rf-flex-col rf-items-center ltr:rf-right-0 rtl:rf-left-0 rf-top-0 rf-p-2`,
+        className: `${className} rf-absolute rf-flex rf-flex-col rf-items-center rf-right-0 rf-top-0 rf-p-2`,
         children: [
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $6FBQK.default), {
                 className: "rf-h-6 rf-w-6"
@@ -7395,7 +7347,7 @@ var $6EkQS = parcelRequire("6EkQS");
 const $e126bc061f6f032b$var$FullScreenRemote = ({ className: className, background: background, onClick: onClick, animation: animation, children: children })=>{
     const useOldRemote = (0, $6EkQS.useRetorikStore)((state)=>state.configuration.useOldRemote);
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $dWhh5$reactspringweb.animated).div, {
-        className: `${useOldRemote ? (className === null || className === void 0 ? void 0 : className.includes('rf-z-')) ? '' : 'rf-z-util' : 'rf-z-[15]'} rf-relative rf-overflow-y-scroll rf-scrollbar-hidden rf-text-black rf-text-size-auto rf-bg-templateBackground large:ltr:rf-mr-30 large:rtl:rf-ml-30 rf-col-span-full rf-row-span-full ${className}`,
+        className: `${useOldRemote ? (className === null || className === void 0 ? void 0 : className.includes('rf-z-')) ? '' : 'rf-z-util' : 'rf-z-[15]'} rf-relative rf-overflow-y-scroll rf-scrollbar-hidden rf-text-black rf-text-size-auto rf-bg-templateBackground large:rf-mr-30 rf-col-span-full rf-row-span-full ${className}`,
         style: {
             background: background || '',
             outline: '1px solid transparent',
@@ -7677,7 +7629,6 @@ const $7a4829033e41af4d$var$springEnterDuration = 1500;
 const $7a4829033e41af4d$var$springLeaveDuration = 2500;
 const $7a4829033e41af4d$var$List = ({ activity: activity, onClose: onClose })=>{
     var _content_channelData, _content_suggestedActions_actions, _content_suggestedActions, _content_channelData1, _content_suggestedActions_actions1, _content_suggestedActions1;
-    const isRTL = (0, $6Q0mk.useLocaleStore)((state)=>state.isRTL);
     const mode = (0, $jgaO0.useSpeechStore)((state)=>state.mode);
     const useOldRemote = (0, $6EkQS.useRetorikStore)((state)=>state.configuration.useOldRemote);
     const isMobile = (0, $kUiCn.useViewStore)((state)=>state.isMobile);
@@ -7710,7 +7661,7 @@ const $7a4829033e41af4d$var$List = ({ activity: activity, onClose: onClose })=>{
         setListStatus((0, $7WHA7.ListStatus).opened);
         api.start({
             from: {
-                transform: isRTL ? 'translateX(100%)' : 'translateX(-100%)'
+                transform: 'translateX(-100%)'
             },
             to: {
                 transform: 'translateX(0%)'
@@ -7728,7 +7679,7 @@ const $7a4829033e41af4d$var$List = ({ activity: activity, onClose: onClose })=>{
                 transform: 'translateX(0%)'
             },
             to: {
-                transform: isRTL ? 'translateX(100%)' : 'translateX(-100%)'
+                transform: 'translateX(-100%)'
             },
             config: {
                 duration: $7a4829033e41af4d$var$springLeaveDuration,
@@ -7738,8 +7689,7 @@ const $7a4829033e41af4d$var$List = ({ activity: activity, onClose: onClose })=>{
         if (timerRef) {
             timerRef.current && clearTimeout(timerRef.current);
             timerRef.current = setTimeout(()=>{
-                sendEvent('Davi.CloseWindow', null);
-                sendEvent('Davi.CloseWindowList', null);
+                sendEvent('Davi.CloseWindow', null, ()=>sendEvent('Davi.CloseWindowList', null));
                 onClose === null || onClose === void 0 ? void 0 : onClose();
                 setContent(undefined);
             }, $7a4829033e41af4d$var$springLeaveDuration);
@@ -7799,7 +7749,6 @@ const $7a4829033e41af4d$var$List = ({ activity: activity, onClose: onClose })=>{
     (0, $dWhh5$react.useEffect)(()=>{
         handleOpen();
         return ()=>{
-            console.log('in return');
             setListStatus((0, $7WHA7.ListStatus).closed);
             (timerRef === null || timerRef === void 0 ? void 0 : timerRef.current) && clearTimeout(timerRef.current);
         };
@@ -7827,7 +7776,7 @@ const $7a4829033e41af4d$var$List = ({ activity: activity, onClose: onClose })=>{
                         className: `${mobileFiltersOpened ? 'rf-hidden' : 'rf-flex'} rf-flex-col rf-items-start large:rf-pt-16 large:rf-h-full large-vertical:rf-pt-[20vh]`,
                         children: [
                             content.text && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $lpNaX.default), {
-                                className: "ltr:rf-ml-2 rtl:rf-mr-2 rf-mt-8 large:ltr:rf-ml-0 large:rtl:rf-mr-0 large:rf-mt-0",
+                                className: "rf-ml-2 rf-mt-8 large:rf-ml-0 large:rf-mt-0",
                                 title: (0, $9JtA7.capitalizeFirstLetter)(content.text, locale),
                                 numberOfResults: ((_content_channelData = content.channelData) === null || _content_channelData === void 0 ? void 0 : _content_channelData.numberOfResults) || 0
                             }),
@@ -7888,10 +7837,10 @@ const $5bc6fe51bef2c22d$var$Title = ({ className: className, title: title, numbe
                 children: title
             }),
             numberOfResults !== undefined && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
-                className: "rf-text-gray large:ltr:rf-ml-4 large:rtl:rf-mr-4",
+                className: "rf-text-gray large:rf-ml-4",
                 children: [
                     numberOfResults,
-                    ' ',
+                    " ",
                     numberOfResults > 1 ? translation.common.results : translation.common.result
                 ]
             })
@@ -7981,7 +7930,7 @@ const $c969b5c19dfc0002$var$ChosenItem = ({ className: className, filterItem: fi
             ]),
         children: [
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: "ltr:rf-mr-2 rtl:rf-ml-2 large:ltr:rf-mr-3 large:rtl:rf-ml-3",
+                className: "rf-mr-2 large:rf-mr-3",
                 children: parent.id === 'Event.DateRange' ? `${filterItem.name.substring(8, 10)}/${filterItem.name.substring(5, 7)}/${filterItem.name.substring(0, 4)}` : (0, $9JtA7.capitalizeFirstLetter)(filterItem.name, locale)
             }),
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $6FBQK.default), {
@@ -8032,18 +7981,18 @@ const $bf3385ff4ec0cb17$var$FilterItem = ({ className: className, identifier: id
         className: "rf-relative rf-mt-1",
         children: [
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
-                className: `rf-px-4 rf-py-3 ltr:rf-mr-4 rtl:rf-ml-4 large-vertical:rf-py-4 ${style} rf-border rf-rounded-lg hover:rf-cursor-pointer rf-flex rf-flex-row rf-items-center rf-justify-center ${className}`,
+                className: `rf-px-4 rf-py-3 rf-mr-4 large-vertical:rf-py-4 ${style} rf-border rf-rounded-lg hover:rf-cursor-pointer rf-flex rf-flex-row rf-items-center rf-justify-center ${className}`,
                 onClick: (e)=>handleOpen(e),
                 children: [
                     /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                        className: "ltr:rf-mr-3 rtl:rf-ml-3",
+                        className: "rf-mr-3",
                         children: (0, $9JtA7.capitalizeFirstLetter)(filter.title, locale)
                     }),
                     opened ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $lCcoT.default), {}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $4tTc6.default), {})
                 ]
             }),
             opened && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: "rf-absolute ltr:rf-left-0 rtl:rf-right-0 rf-top-110 rf-z-util rf-w-max rf-py-1 rf-px-4 rf-text-black rf-border rf-rounded-lg rf-border-black rf-bg-truewhite rf-flex rf-flex-col rf-items-center rf-justify-center",
+                className: "rf-absolute rf-left-0 rf-top-110 rf-z-util rf-w-max rf-py-1 rf-px-4 rf-text-black rf-border rf-rounded-lg rf-border-black rf-bg-truewhite rf-flex rf-flex-col rf-items-center rf-justify-center",
                 style: {
                     transform: filter.id === 'Event.DateRange' && !isMobile ? 'translate(-20%, -20%) scale(0.6, 0.6)' : ''
                 },
@@ -9519,7 +9468,7 @@ const $9414f5da5cffd1d7$var$MobileFilterPage = ({ close: close, resetFilters: re
                                 className: "rf-flex rf-items-center",
                                 children: [
                                     filter.id !== 'Event.DateRange' && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                                        className: "rf-text-sm rf-text-gray ltr:rf-mr-5 rtl:rf-ml-5",
+                                        className: "rf-text-sm rf-text-gray rf-mr-5",
                                         onClick: ()=>handleSelectAllAndOpen(filter),
                                         children: (0, $9JtA7.capitalizeFirstLetter)(translation.common.all, locale)
                                     }),
@@ -9550,6 +9499,7 @@ parcelRequire("g8vvH");
 var $8hLdy = parcelRequire("8hLdy");
 const $b8175b375cd08833$var$MobileUpperBand = ({ title: title, handleReset: handleReset, handleReturn: handleReturn })=>{
     const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
+    const isRTL = (0, $6Q0mk.useLocaleStore)((state)=>state.isRTL);
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
         className: "rf-w-full rf-py-4 rf-px-4 rf-flex rf-justify-between rf-items-center rf-border-b rf-border-b-black",
         children: [
@@ -9561,13 +9511,13 @@ const $b8175b375cd08833$var$MobileUpperBand = ({ title: title, handleReset: hand
                         className: "rf-w-8"
                     }),
                     /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                        className: "ltr:rf-ml-1 rtl:rf-mr-1",
+                        className: "rf-ml-1",
                         children: title
                     })
                 ]
             }),
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: "ltr:rf-text-xsm rtl:rf-text-arabic rf-uppercase rf-text-secondary rf-underline",
+                className: `${isRTL ? 'rf-text-arabic' : 'rf-text-xsm'} rf-uppercase rf-text-secondary rf-underline`,
                 onClick: handleReset,
                 children: translation.template.reset
             })
@@ -9704,24 +9654,18 @@ $parcel$export(module.exports, "default", () => $a0e7200eb5fb20c5$export$2e2bcd8
 var $9JtA7 = parcelRequire("9JtA7");
 parcelRequire("g8vvH");
 var $8hLdy = parcelRequire("8hLdy");
-var $9GBKn = parcelRequire("9GBKn");
-
-var $6Q0mk = parcelRequire("6Q0mk");
 const $a0e7200eb5fb20c5$var$BackButton = ({ title: title, className: className, handleBack: handleBack })=>{
-    const isRTL = (0, $6Q0mk.useLocaleStore)((state)=>state.isRTL);
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("button", {
         className: `rf-flex rf-flex-row rf-items-center ${className}`,
         onClick: handleBack,
         "aria-label": title,
         "data-map": "fermer",
         children: [
-            isRTL ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $9GBKn.default), {
-                className: "rf-w-8"
-            }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $8hLdy.default), {
+            /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $8hLdy.default), {
                 className: "rf-w-8"
             }),
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: "ltr:rf-ml-1 rtl:rf-mr-1",
+                className: "rf-ml-1",
                 children: (0, $9JtA7.capitalizeFirstLetter)(title)
             })
         ]
@@ -9851,7 +9795,7 @@ const $e30af8373281dae5$var$AbsoluteLargeClosingButton = ({ dashboardVisible: da
         onClick();
     };
     return isMobile ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {}) : useOldRemote ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-        className: `rf-absolute ${hidden && 'rf-hidden'} rf-w-24 rf-flex rf-justify-center ltr:rf-right-0 rtl:rf-left-0 ${zIndexClassname || 'rf-z-ui'}`,
+        className: `rf-absolute ${hidden && 'rf-hidden'} rf-w-24 rf-flex rf-justify-center rf-right-0 ${zIndexClassname || 'rf-z-ui'}`,
         style: {
             top: hideMenu ? `calc(${top} - 6rem)` : top
         },
@@ -9921,6 +9865,7 @@ var $6FBQK = parcelRequire("6FBQK");
 const $579744d25642d716$var$DashboardButton = ({ dashboardVisible: dashboardVisible, onClick: onClick })=>{
     const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
     const locale = (0, $6Q0mk.useLocaleStore)((state)=>state.locale);
+    const isRTL = (0, $6Q0mk.useLocaleStore)((state)=>state.isRTL);
     const [label, setLabel] = (0, $dWhh5$react.useState)('');
     (0, $dWhh5$react.useEffect)(()=>{
         setLabel(dashboardVisible ? translation.common.close : translation.common.menu);
@@ -9928,7 +9873,7 @@ const $579744d25642d716$var$DashboardButton = ({ dashboardVisible: dashboardVisi
         locale
     ]);
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("button", {
-        className: "rf-w-18 rf-h-18 rf-mb-6 rf-flex rf-flex-col rf-justify-center rf-items-center rf-bg-truewhite ltr:rf-text-xsm rtl:rf-text-arabic rf-text-trueblack rf-border rf-border-menuBorder rf-rounded-half hover:rf-cursor-pointer rf-shadow-[0_3px_6px_#606267]",
+        className: `rf-w-18 rf-h-18 rf-mb-6 rf-flex rf-flex-col rf-justify-center rf-items-center rf-bg-truewhite ${isRTL ? 'rf-text-arabic' : 'rf-text-xsm'} rf-text-trueblack rf-border rf-border-menuBorder rf-rounded-half hover:rf-cursor-pointer rf-shadow-[0_3px_6px_#606267]`,
         "aria-label": label,
         // data-map used in interactive map to use this button externaly
         "data-map": dashboardVisible ? 'fermer' : 'dashboard',
@@ -10171,7 +10116,7 @@ const $85e61aba8b9a5198$var$Logo = ({ className: className })=>{
     const configuration = (0, $6EkQS.useRetorikStore)((state)=>state.configuration);
     return ((_configuration_logo = configuration.logo) === null || _configuration_logo === void 0 ? void 0 : _configuration_logo.src) ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
         id: "retorik-customer-logo",
-        className: className || 'rf-absolute rf-m-4 large:rf-m-8 rf-top-0 ltr:rf-left-0 rtl:rf-right-0',
+        className: className || 'rf-absolute rf-m-4 large:rf-m-8 rf-top-0 rf-left-0',
         children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("img", {
             src: configuration.logo.src,
             alt: "Logo",
@@ -10308,6 +10253,7 @@ function $4a98cd521d2d07ef$var$instanceOfCustomMenuDisplayGeneratorProps(object)
 const $4a98cd521d2d07ef$var$DisplayGenerator = (props)=>{
     const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
     const locale = (0, $6Q0mk.useLocaleStore)((state)=>state.locale);
+    const isRTL = (0, $6Q0mk.useLocaleStore)((state)=>state.isRTL);
     const isMobile = (0, $kUiCn.useViewStore)((state)=>state.isMobile);
     const themeColors = (0, $kUiCn.useViewStore)((state)=>state.themeColors);
     const setRoute = (0, $kUiCn.useViewStore)((state)=>state.actions.setRoute);
@@ -10387,7 +10333,7 @@ const $4a98cd521d2d07ef$var$DisplayGenerator = (props)=>{
                 color: colorButtonHandle
             }),
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: "ltr:rf-ml-4 rtl:rf-mr-4 rf-font-bold",
+                className: "rf-ml-4 rf-font-bold",
                 children: (0, $9JtA7.capitalizeFirstLetter)(label, locale)
             })
         ]
@@ -10408,7 +10354,7 @@ const $4a98cd521d2d07ef$var$DisplayGenerator = (props)=>{
                 color: colorButtonHandle
             }),
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: "rf-uppercase rf-text-[#575F6B] ltr:rf-text-xs rtl:rf-text-arabic large-vertical:rf-text-basecustomuppercase",
+                className: `rf-uppercase rf-text-[#575F6B] ${isRTL ? 'rf-text-arabic' : 'rf-text-xs'} large-vertical:rf-text-basecustomuppercase`,
                 children: label
             })
         ]
@@ -11076,6 +11022,7 @@ function $a16df460e030efa9$var$instanceOfCustomMenuDisplayGeneratorProps(object)
 const $a16df460e030efa9$var$DisplaySubGenerator = (props)=>{
     const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
     const locale = (0, $6Q0mk.useLocaleStore)((state)=>state.locale);
+    const isRTL = (0, $6Q0mk.useLocaleStore)((state)=>state.isRTL);
     const isMobile = (0, $kUiCn.useViewStore)((state)=>state.isMobile);
     const { setCurrentCustomView: setCurrentCustomView, setCurrentSubView: setCurrentSubView } = (0, $7eio0.useUtilsStore)((state)=>state.actions);
     const [label, setLabel] = (0, $dWhh5$react.useState)('');
@@ -11135,7 +11082,7 @@ const $a16df460e030efa9$var$DisplaySubGenerator = (props)=>{
                 className: "rf-h-8 rf-w-8 rf-flex"
             }),
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: "rf-uppercase rf-text-[#575F6B] ltr:rf-text-xs rtl:rf-text-arabic",
+                className: `rf-uppercase rf-text-[#575F6B] ${isRTL ? 'rf-text-arabic' : 'rf-text-xs'}`,
                 children: label
             })
         ]
@@ -11232,7 +11179,7 @@ const $eba1371e77343bf7$var$ParameterButton = ({ title: title, color: color, ico
                 className: "rf-flex rf-flex-row rf-items-center",
                 children: [
                     /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                        className: "ltr:rf-mr-3 rtl:rf-ml-3 rf-text-lightgray rf-normal-case",
+                        className: "rf-mr-3 rf-text-lightgray rf-normal-case",
                         children: (0, (/*@__PURE__*/$parcel$interopDefault($exo5b)))[locale]
                     }),
                     /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $a4tZ1.default), {
@@ -11262,7 +11209,7 @@ const $eba1371e77343bf7$var$ParameterButton = ({ title: title, color: color, ico
                 color: color
             }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {}),
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: "ltr:rf-ml-1 rtl:rf-mr-1 rf-uppercase",
+                className: "rf-ml-1 rf-uppercase",
                 children: title
             })
         ]
@@ -11304,6 +11251,7 @@ var $5Hlko = parcelRequire("5Hlko");
 const $f19fa486c3780055$var$LanguageButton = ()=>{
     const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
     const locale = (0, $6Q0mk.useLocaleStore)((state)=>state.locale);
+    const isRTL = (0, $6Q0mk.useLocaleStore)((state)=>state.isRTL);
     const supported = (0, $6Q0mk.useLocaleStore)((state)=>state.supported);
     const isMobile = (0, $kUiCn.useViewStore)((state)=>state.isMobile);
     const themeColors = (0, $kUiCn.useViewStore)((state)=>state.themeColors);
@@ -11351,7 +11299,7 @@ const $f19fa486c3780055$var$LanguageButton = ()=>{
         color: currentSubView === (0, $7WHA7.CurrentSubView).languages ? themeColors.secondary : '#A4A7AF',
         onClick: (e)=>handleClick(e)
     }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("button", {
-        className: "rf-absolute rf-z-ui rf-min-w-24 ltr:rf-right-0 rtl:rf-left-0 rf-px-2 rf-flex rf-flex-row rf-items-center ltr:rf-rounded-l-lg rtl:rf-rounded-r-lg",
+        className: "rf-absolute rf-z-ui rf-min-w-24 rf-right-0 rf-px-2 rf-flex rf-flex-row rf-items-center rf-rounded-l-lg",
         style: {
             bottom: bottom,
             background: 'linear-gradient(#F8F8FC, #EDEEF3)'
@@ -11359,14 +11307,14 @@ const $f19fa486c3780055$var$LanguageButton = ()=>{
         onClick: handleClick,
         children: [
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: "rf-h-8 ltr:rf-mr-2 rtl:rf-ml-2",
+                className: "rf-h-8 rf-mr-2",
                 children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("img", {
                     className: "rf-h-full",
                     src: `https://flagsapi.com/${mainLocale}/flat/64.png`
                 })
             }),
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
-                className: "rf-flex rf-flex-col rf-items-start ltr:rf-text-xsm rtl:rf-text-arabic",
+                className: `rf-flex rf-flex-col rf-items-start ${isRTL ? 'rf-text-arabic' : 'rf-text-xsm'}`,
                 children: [
                     /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
                         className: "rf-text-trueblack",
@@ -12237,7 +12185,7 @@ const $a0c42cb8428afc95$var$ListContainer = ({ hasFilterOrSuggestedAction: hasFi
                 direction: "top",
                 display: !!((numberOfDisplayed === null || numberOfDisplayed === void 0 ? void 0 : numberOfDisplayed.current) && numberOfDisplayed.current > currentPagination),
                 scrollHandler: ()=>scrollToRef(),
-                className: "rf-absolute rf-bottom-1/4 ltr:rf-right-3 rtl:rf-left-3 rf-z-ui rf-w-9 rf-h-9 rf-cursor-pointer rf-bg-[#00000050] rf-p-[7px_12px] rf-rounded-[20px] rf-flex"
+                className: "rf-absolute rf-bottom-1/4 rf-right-3 rf-z-ui rf-w-9 rf-h-9 rf-cursor-pointer rf-bg-[#00000050] rf-p-[7px_12px] rf-rounded-[20px] rf-flex"
             })
         ]
     }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {});
@@ -12923,14 +12871,14 @@ const $0c620924e8f94c0c$var$ClassicButton = ({ url: url, text: text, description
             href: url,
             target: "_blank",
             rel: "noopener noreferrer",
-            className: "rf-card-button rf-flex ltr:rf-flex-row rtl:rf-flex-row-reverse rf-items-center",
+            className: "rf-card-button rf-flex rf-items-center",
             children: [
                 /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
                     className: "rf-h-6 rf-w-6",
                     children: download ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $9zvhm.default), {}) : isRTL ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $8hLdy.default), {}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $9GBKn.default), {})
                 }),
                 /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                    className: "ltr:rf-ml-2 rtl:rf-mr-2 rf-truncate",
+                    className: `${isRTL ? 'rf-mr-2' : 'rf-ml-2'} rf-truncate`,
                     children: text || ''
                 })
             ]
@@ -12984,7 +12932,7 @@ const $1da9b465d48442d4$var$BorderlessButton = ({ url: url, text: text, download
                     })
                 }),
                 /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                    className: "ltr:rf-ml-4 rtl:rf-mr-4",
+                    className: `${isRTL ? 'rf-mr-4' : 'rf-ml-4'}`,
                     children: text || ''
                 })
             ]
@@ -13448,6 +13396,7 @@ parcelRequire("60kUR");
 var $318SX = parcelRequire("318SX");
 const $cd5d3a6d052e0c77$var$SuggestionAttachment = ({ suggestions: suggestions, title: title, description: description, height: height, history: history, showTutorial: showTutorial })=>{
     const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
+    const isRTL = (0, $6Q0mk.useLocaleStore)((state)=>state.isRTL);
     const configuration = (0, $6EkQS.useRetorikStore)((state)=>state.configuration);
     const themeColors = (0, $kUiCn.useViewStore)((state)=>state.themeColors);
     const onTutorialClick = ()=>{
@@ -13463,11 +13412,11 @@ const $cd5d3a6d052e0c77$var$SuggestionAttachment = ({ suggestions: suggestions,
         children: [
             title && // Title on the left if there is a description, middle otherwise
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: `rf-w-full ${description ? 'rf-text-left' : 'rf-text-center'} rf-title-size-auto ${configuration.isUsedOnBorne ? 'rf-truncate' : 'rf-line-clamp-2'}`,
+                className: `rf-w-full ${description ? '' : 'rf-text-center'} rf-title-size-auto ${configuration.isUsedOnBorne ? 'rf-truncate' : 'rf-line-clamp-2'}`,
                 children: (0, $9JtA7.capitalizeFirstLetter)(title)
             }),
             description && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: "rf-text-left rf-w-full",
+                className: "rf-w-full",
                 children: description
             }),
             suggestions === null || suggestions === void 0 ? void 0 : suggestions.map((data, key)=>{
@@ -13481,15 +13430,15 @@ const $cd5d3a6d052e0c77$var$SuggestionAttachment = ({ suggestions: suggestions,
                 }, key);
             }),
             showTutorial && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
-                className: "rf-text-left rf-w-full rf-flex rf-items-end rf-italic",
+                className: "rf-w-full rf-flex rf-items-end rf-italic",
                 children: [
                     /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $318SX.default), {
-                        className: "ltr:rf-pr-2 rtl:rf-pl-2 rf-h-6",
+                        className: `${isRTL ? 'rf-pl-2' : 'rf-pr-2'} rf-h-6`,
                         color: themeColors.card.button.text.default
                     }),
                     `${translation.common.needhelp} ${translation.suggestion.consult}`,
                     /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("span", {
-                        className: "ltr:rf-pl-1 rtl:rf-pr-1 rf-underline rf-cursor-pointer",
+                        className: `${isRTL ? 'rf-pr-1' : 'rf-pl-1'} rf-underline rf-cursor-pointer`,
                         onClick: onTutorialClick,
                         children: translation.suggestion.thetutorial
                     })
@@ -13575,7 +13524,7 @@ const $393a464021f33e39$var$BorderlessButtonMessage = ({ text: text, differentTe
                     })
                 }),
                 /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                    className: "ltr:rf-ml-4 rtl:rf-mr-4",
+                    className: `${isRTL ? 'rf-mr-4' : 'rf-ml-4'}`,
                     children: text || ''
                 })
             ]
@@ -13746,7 +13695,7 @@ const $b87ff253ef2ab899$var$GridAttachment = ({ index: index, text: text, textCo
                 })
             }),
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: `rf-flex rf-min-h-8 large:rf-min-h-[2.3rem] ${lineClamp} rf-items-start rf-text-small-size-auto ltr:rf-text-left rtl:rf-text-right rf-overflow-y-hidden`,
+                className: `rf-flex rf-min-h-8 large:rf-min-h-[2.3rem] ${lineClamp} rf-items-start rf-text-small-size-auto rf-overflow-y-hidden`,
                 children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("p", {
                     className: `${maxHeight} rf-overflow-y-clip`,
                     dangerouslySetInnerHTML: {
@@ -14168,12 +14117,12 @@ const $361cae4f0d767c3c$var$SuggestionsItem = ({ className: className, title: ti
     const locale = (0, $6Q0mk.useLocaleStore)((state)=>state.locale);
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("button", {
         onClick: ()=>handleClick(value),
-        className: `rf-h-fit rf-px-4 rf-py-3 ltr:rf-mr-4 rtl:rf-ml-4 rf-mb-4 large-vertical:rf-py-4 rf-border rf-rounded-lg rf-bg-templateBackground rf-text-black rf-border-black hover:rf-cursor-pointer rf-flex rf-flex-row rf-items-center rf-justify-center ${className}`,
+        className: `rf-h-fit rf-px-4 rf-py-3 rf-mr-4 rf-mb-4 large-vertical:rf-py-4 rf-border rf-rounded-lg rf-bg-templateBackground rf-text-black rf-border-black hover:rf-cursor-pointer rf-flex rf-flex-row rf-items-center rf-justify-center ${className}`,
         "aria-label": title,
         children: [
             (0, $9JtA7.capitalizeFirstLetter)(title, locale),
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: "ltr:rf-ml-6 rtl:rf-mr-6 rf-text-gray",
+                className: "rf-ml-6 rf-text-gray",
                 children: results || 0
             })
         ]
@@ -14264,7 +14213,7 @@ const $0641c78f051b69fe$var$SubMenuClosing = ({ className: className, background
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $hqoZC.default), {
                 title: backIsConversation ? translation.menu.backconversation : isMobile ? translation.common.back : translation.menu.backconversation,
                 handleBack: handleClose,
-                className: `rf-relative large:rf-absolute ${useOldRemote ? 'large-tactile:rf-hidden' : 'large-vertical:rf-hidden'} rf-pb-6 large:ltr:rf-left-4 large:rtl:rf-right-4 large:rf-top-8 rf-text-size-auto`
+                className: `rf-relative large:rf-absolute ${useOldRemote ? 'large-tactile:rf-hidden' : 'large-vertical:rf-hidden'} rf-pb-6 large:rf-left-4 large:rf-top-8 rf-text-size-auto`
             }),
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
                 className: `rf-w-full large:rf-w-fit large:rf-max-w-full large-vertical:rf-max-w-2/3 large:rf-px-6 rf-flex rf-flex-col large-vertical:rf-text-size-auto rf-overflow-y-scroll rf-scrollbar-hidden ${className}`,
@@ -14377,7 +14326,7 @@ const $00bf5808b0b2c911$var$SingleCardContainer = ({ attachment: attachment, his
         triggerScroll === null || triggerScroll === void 0 ? void 0 : triggerScroll();
     }, []);
     return attachment.contentType.includes('.card') ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $4tQkO.default), {
-        className: history ? 'rf-w-full' : 'rf-w-full rf-min-w-full landscape-retorik:rf-w-[48%] landscape-retorik:rf-min-w-[48%] landscape-retorik:ltr:rf-ml-1/5 landscape-retorik:rtl:rf-mr-1/5 large-vertical:rf-w-3/5 large-vertical:rf-min-w-3/5 rf-max-h-full',
+        className: history ? 'rf-w-full' : 'rf-w-full rf-min-w-full landscape-retorik:rf-w-[48%] landscape-retorik:rf-min-w-[48%] landscape-retorik:rf-ml-1/5 large-vertical:rf-w-3/5 large-vertical:rf-min-w-3/5 rf-max-h-full',
         children: (0, $45y1L.default)({
             attachment: attachment,
             history: history
@@ -14400,8 +14349,11 @@ $parcel$export(module.exports, "default", () => $2a0863637e76884f$export$2e2bcd8
 
 
 
+var $6Q0mk = parcelRequire("6Q0mk");
+
 var $5mkso = parcelRequire("5mkso");
 const $2a0863637e76884f$var$Card = ({ children: children, className: className, shadow: shadow = false })=>{
+    const isRTL = (0, $6Q0mk.useLocaleStore)((state)=>state.isRTL);
     const [scrollButtonDisplay, setScrollButtonDisplay] = (0, $dWhh5$react.useState)(false);
     const [scrollButtonDirection, setScrollButtonDirection] = (0, $dWhh5$react.useState)('bottom');
     const botEndRef = (0, $dWhh5$react.useRef)(null);
@@ -14464,6 +14416,7 @@ const $2a0863637e76884f$var$Card = ({ children: children, className: className,
         return ()=>timer && clearTimeout(timer);
     }, []);
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
+        dir: isRTL ? 'rtl' : 'ltr',
         className: `rf-relative rf-max-h-full rf-flex rf-flex-col rf-text-size-auto rf-unselectable ${className}`,
         draggable: true,
         onDragStart: handleDragStart,
@@ -14613,8 +14566,6 @@ var $7eio0 = parcelRequire("7eio0");
 
 var $kUiCn = parcelRequire("kUiCn");
 
-var $6Q0mk = parcelRequire("6Q0mk");
-
 var $9CCS6 = parcelRequire("9CCS6");
 
 var $7WHA7 = parcelRequire("7WHA7");
@@ -14632,7 +14583,6 @@ const $872024d5c381e99a$var$widthCoefficients = {
 const $872024d5c381e99a$var$defaultTransitionDuration = '300ms';
 const $872024d5c381e99a$var$velocityBreakpoint = 0.5;
 const $872024d5c381e99a$var$Carousel = /*#__PURE__*/ (0, ($parcel$interopDefault($dWhh5$react))).forwardRef(({ direction: direction, history: history, draft: draft, grid: grid, gridTitle: gridTitle, forcedCurrentCard: forcedCurrentCard, setCarouselCardWidth: setCarouselCardWidth, setForcedCurrentCardInCarousel: setForcedCurrentCardInCarousel, children: children }, ref)=>{
-    const isRTL = (0, $6Q0mk.useLocaleStore)((state)=>state.isRTL);
     const mode = (0, $jgaO0.useSpeechStore)((state)=>state.mode);
     const forceMobileView = (0, $6EkQS.useRetorikStore)((state)=>state.configuration.forceMobileView);
     const currentDeviceType = (0, $kUiCn.useViewStore)((state)=>state.currentDeviceType);
@@ -14756,32 +14706,26 @@ const $872024d5c381e99a$var$Carousel = /*#__PURE__*/ (0, ($parcel$interopDefault
      * On currentCard, cardWidth, cardHeight, currentPadding states change :
      *  - set translation state depending on the direction
      */ (0, $dWhh5$react.useEffect)(()=>{
-        if (currentCard !== undefined && cardWidth !== undefined && cardHeight !== undefined && currentPadding !== undefined) direction === 'vertical' ? setTranslation(`translateY(calc(-${currentCard * cardHeight}px - ${currentCard * gap}rem))`) : setTranslation(`translateX(calc(${isRTL ? '' : '-'}${currentCard * cardWidth}px - ${currentCard * gap}rem ${isRTL ? '-' : '+'} ${currentPadding}px))`);
+        if (currentCard !== undefined && cardWidth !== undefined && cardHeight !== undefined && currentPadding !== undefined) direction === 'vertical' ? setTranslation(`translateY(calc(-${currentCard * cardHeight}px - ${currentCard * gap}rem))`) : setTranslation(`translateX(calc(-${currentCard * cardWidth}px - ${currentCard * gap}rem + ${currentPadding}px))`);
     }, [
         currentCard,
         cardWidth,
         cardHeight,
-        currentPadding,
-        isRTL
+        currentPadding
     ]);
     /**
      * On wheeling state change :
      *  - call either onSwipeRight or onSwipeLeft (with high values to enter the right part of the if condition), depending on the wheeling value (positive or negative)
      */ (0, $dWhh5$react.useEffect)(()=>{
-        if (wheeling) {
-            const leftSwipe = isRTL ? onSwipeRight : onSwipeLeft;
-            const rightSwipe = isRTL ? onSwipeLeft : onSwipeRight;
-            wheeling > 0 ? leftSwipe(1000, 1000) : rightSwipe(1000, 1000);
-        }
+        if (wheeling) wheeling > 0 ? onSwipeLeft(1000, 1000) : onSwipeRight(1000, 1000);
     }, [
-        wheeling,
-        isRTL
+        wheeling
     ]);
     /**
      * On call :
      *  - set translation to its initial state
      */ const resetPosition = ()=>{
-        if (cardWidth !== undefined && currentPadding !== undefined) setTranslation(`translateX(calc(${isRTL ? '' : '-'}${currentCard * cardWidth}px - ${currentCard * gap}rem ${isRTL ? '-' : '+'} ${currentPadding}px))`);
+        if (cardWidth !== undefined && currentPadding !== undefined) setTranslation(`translateX(calc(-${currentCard * cardWidth}px - ${currentCard * gap}rem + ${currentPadding}px))`);
     };
     /**
      * On call :
@@ -14790,11 +14734,11 @@ const $872024d5c381e99a$var$Carousel = /*#__PURE__*/ (0, ($parcel$interopDefault
      */ const bounce = (left)=>{
         if (!cardWidth || currentPadding === undefined) return;
         setTransitionDuration($872024d5c381e99a$var$defaultTransitionDuration);
-        const direction = left ? isRTL ? '+' : '-' : isRTL ? '-' : '+';
-        setTranslation(`translateX(calc(${isRTL ? '' : '-'}${currentCard * cardWidth}px - ${currentCard * gap}rem ${isRTL ? '-' : '+'} ${currentPadding}px ${direction} ${cardWidth / 10}px))`);
+        const direction = left ? '-' : '+';
+        setTranslation(`translateX(calc(-${currentCard * cardWidth}px - ${currentCard * gap}rem + ${currentPadding}px ${direction} ${cardWidth / 10}px))`);
         if (timerRef && timerRef.current !== null) clearTimeout(timerRef.current);
         timerRef.current = setTimeout(()=>{
-            setTranslation(`translateX(calc(${isRTL ? '' : '-'}${currentCard * cardWidth}px - ${currentCard * gap}rem ${isRTL ? '-' : '+'} ${currentPadding}px))`);
+            setTranslation(`translateX(calc(-${currentCard * cardWidth}px - ${currentCard * gap}rem + ${currentPadding}px))`);
         }, 300);
     };
     /**
@@ -14848,12 +14792,11 @@ const $872024d5c381e99a$var$Carousel = /*#__PURE__*/ (0, ($parcel$interopDefault
         const available = currentCard === 0 || currentCard === nbCards - 1 ? checkSwipingAvailable(distance, gap) : true;
         if (cardWidth !== undefined) {
             setTransitionDuration('0ms');
-            const effectiveDistance = isRTL ? -distance : distance;
             if (available) {
-                if (currentCard !== undefined && cardHeight !== undefined && currentPadding !== undefined) setTranslation(`translateX(calc(${isRTL ? '' : '-'}${currentCard * cardWidth}px - ${currentCard * gap}rem ${isRTL ? '-' : '+'} ${currentPadding}px - ${effectiveDistance}px))`);
+                if (currentCard !== undefined && cardHeight !== undefined && currentPadding !== undefined) setTranslation(`translateX(calc(-${currentCard * cardWidth}px - ${currentCard * gap}rem + ${currentPadding}px - ${distance}px))`);
             } else {
                 const bounceLimit = cardWidth / 3;
-                if (Math.abs(distance) <= bounceLimit / 2) setTranslation(`translateX(calc(${isRTL ? '' : '-'}${currentCard * cardWidth}px - ${currentCard * gap}rem ${isRTL ? '-' : '+'} ${currentPadding}px - ${effectiveDistance * (1 - Math.abs(distance) / bounceLimit)}px))`);
+                if (Math.abs(distance) <= bounceLimit / 2) setTranslation(`translateX(calc(-${currentCard * cardWidth}px - ${currentCard * gap}rem + ${currentPadding}px - ${distance * (1 - Math.abs(distance) / bounceLimit)}px))`);
             }
         }
     };
@@ -14910,16 +14853,13 @@ const $872024d5c381e99a$var$Carousel = /*#__PURE__*/ (0, ($parcel$interopDefault
             setWheeling(delta > 0 ? Date.now() : -Date.now());
         }
     };
-    const titleStyle = isRTL ? {
-        paddingRight: currentPadding
-    } : {
-        paddingLeft: currentPadding
-    };
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
         children: [
             gridTitle && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: `rf-w-full ltr:rf-text-left rtl:rf-text-right rf-title-large-size-auto ${mode === (0, $7WHA7.Mode).vocal ? 'rf-text-truewhite rf-text-shadow-black' : 'rf-text-textModePanelConversationBot'}`,
-                style: titleStyle,
+                className: `rf-w-full rf-text-left rf-title-large-size-auto ${mode === (0, $7WHA7.Mode).vocal ? 'rf-text-truewhite rf-text-shadow-black' : 'rf-text-textModePanelConversationBot'}`,
+                style: {
+                    paddingLeft: currentPadding
+                },
                 children: gridTitle
             }),
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, $dWhh5$reactspringweb.animated).div, {
@@ -14938,11 +14878,11 @@ const $872024d5c381e99a$var$Carousel = /*#__PURE__*/ (0, ($parcel$interopDefault
                         children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $k6WCU.default), {
                             direction: direction || 'horizontal',
                             onSwiping: onSwiping,
-                            onSwipeLeft: isRTL ? onSwipeRight : onSwipeLeft,
-                            onSwipeRight: isRTL ? onSwipeLeft : onSwipeRight,
+                            onSwipeLeft: onSwipeLeft,
+                            onSwipeRight: onSwipeRight,
                             onSwipeTop: onSwipeTop,
                             onSwipeBottom: onSwipeBottom,
-                            className: direction === 'vertical' ? 'rf-flex rf-justify-center' : !isMobile ? history ? isRTL ? 'rf-opacity-gradient-r-thin' : 'rf-opacity-gradient-l-thin' : isRTL ? 'rf-opacity-gradient-r' : 'rf-opacity-gradient-l' : '',
+                            className: direction === 'vertical' ? 'rf-flex rf-justify-center' : !isMobile ? history ? 'rf-opacity-gradient-l-thin' : 'rf-opacity-gradient-l' : '',
                             children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
                                 ref: ref,
                                 className: `rf-relative ${direction === 'vertical' ? 'rf-h-max' : 'rf-w-max'} ${enableTranslation ? '' : 'rf-m-auto'} rf-transition-transform`,
@@ -15164,6 +15104,7 @@ const $f0e30ad3081b61d6$var$Grid = ({ title: title, history: history, qrCodeData
     const mode = (0, $jgaO0.useSpeechStore)((state)=>state.mode);
     const configuration = (0, $6EkQS.useRetorikStore)((state)=>state.configuration);
     const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
+    const isRTL = (0, $6Q0mk.useLocaleStore)((state)=>state.isRTL);
     const clickedOnUI = (0, $7eio0.useUtilsStore)((state)=>state.clickedOnUI);
     const setClickedOnUI = (0, $7eio0.useUtilsStore)((state)=>state.actions.setClickedOnUI);
     const useOldRemote = (0, $6EkQS.useRetorikStore)((state)=>state.configuration.useOldRemote);
@@ -15310,10 +15251,11 @@ const $f0e30ad3081b61d6$var$Grid = ({ title: title, history: history, qrCodeData
     };
     return nbCards ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
         id: "retorik-grid",
-        className: `rf-w-full rf-flex rf-flex-col rf-gap-4 vertical:rf-w-9/10 ${history ? 'large-vertical:rf-w-full' : 'landscape-retorik:ltr:rf-pr-40 landscape-retorik:rtl:rf-pl-40 landscape-retorik:ltr:rf-pl-1/5 landscape-retorik:rtl:rf-pr-1/5 large-vertical:rf-w-3/5'} vertical:rf-items-center`,
+        dir: isRTL ? 'rtl' : 'ltr',
+        className: `rf-w-full rf-flex rf-flex-col rf-gap-4 vertical:rf-w-9/10 ${history ? 'large-vertical:rf-w-full' : 'landscape-retorik:rf-pr-40 landscape-retorik:rf-pl-1/5 large-vertical:rf-w-3/5'} vertical:rf-items-center`,
         children: [
             title && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: `rf-w-full ltr:rf-text-left rtl:rf-text-right rf-title-large-size-auto ${history ? 'rf-text-textModePanelConversationBot' : 'rf-text-truewhite rf-text-shadow-black'}`,
+                className: `rf-w-full ${isRTL ? 'rf-text-right' : 'rf-text-left'} rf-title-large-size-auto ${history ? 'rf-text-textModePanelConversationBot' : 'rf-text-truewhite rf-text-shadow-black'}`,
                 children: title
             }),
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
@@ -15367,17 +15309,17 @@ var $f0e30ad3081b61d6$export$2e2bcd8739ae039 = $f0e30ad3081b61d6$var$Grid;
 
 
 parcelRegister("daT1M", function(module, exports) {
-module.exports = Promise.resolve(require("./HistoryList.50ff0fd9.js")).then(()=>parcelRequire('1TROp'));
+module.exports = Promise.resolve(require("./HistoryList.4c303dc6.js")).then(()=>parcelRequire('1TROp'));
 
 });
 
 parcelRegister("8A8vC", function(module, exports) {
-module.exports = Promise.resolve(require("./LanguageChoice.1579b654.js")).then(()=>parcelRequire('cMcsq'));
+module.exports = Promise.resolve(require("./LanguageChoice.ff0cd04c.js")).then(()=>parcelRequire('cMcsq'));
 
 });
 
 parcelRegister("ahTaB", function(module, exports) {
-module.exports = Promise.resolve(require("./AttachmentDetail.1e06c2a5.js")).then(()=>parcelRequire('27nhc'));
+module.exports = Promise.resolve(require("./AttachmentDetail.0a576bf3.js")).then(()=>parcelRequire('27nhc'));
 
 });
 
@@ -15387,17 +15329,17 @@ module.exports = Promise.resolve(require("./FullScreenImage.9a9b978e.js")).then(
 });
 
 parcelRegister("jQXZd", function(module, exports) {
-module.exports = Promise.resolve(require("./Weather.661c2cac.js")).then(()=>parcelRequire('j5z2A'));
+module.exports = Promise.resolve(require("./Weather.99917b66.js")).then(()=>parcelRequire('j5z2A'));
 
 });
 
 parcelRegister("kVj24", function(module, exports) {
-module.exports = Promise.resolve(require("./CustomView.080c8028.js")).then(()=>parcelRequire('h8y4X'));
+module.exports = Promise.resolve(require("./CustomView.edf84de1.js")).then(()=>parcelRequire('h8y4X'));
 
 });
 
 parcelRegister("2J06a", function(module, exports) {
-module.exports = Promise.resolve(require("./Emergency.423214ad.js")).then(()=>parcelRequire('5Osom'));
+module.exports = Promise.resolve(require("./Emergency.897ee3c7.js")).then(()=>parcelRequire('5Osom'));
 
 });
 
@@ -15586,7 +15528,7 @@ const $6ec4b578ee34ee4b$var$Remote = ({ hideMenu: hideMenu = false, setTopOfRemo
     };
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
         id: "retorik-framework-remote",
-        className: "rf-absolute rf-z-[10] rf-flex rf-flex-col rf-justify-center rf-items-center rf-gap-2 ltr:rf-right-6 large-vertical:ltr:rf-right-9 rtl:rf-left-6 large-vertical:rtl:rf-left-9",
+        className: "rf-absolute rf-z-[10] rf-flex rf-flex-col rf-justify-center rf-items-center rf-gap-2 rf-right-6 large-vertical:rf-right-9",
         style: {
             top: absoluteVerticalTop,
             bottom: absoluteVerticalBottom
@@ -15668,10 +15610,16 @@ const $354469513bda8262$var$RemoteButton = ({ type: type, backgroundColor: backg
     const { toggleMuted: toggleMuted, setActiveRecognitionState: setActiveRecognitionState, setMode: setMode } = (0, $jgaO0.useSpeechStore)((state)=>state.actions);
     const { toggleSubtitles: toggleSubtitles, setCanFocusSendBox: setCanFocusSendBox } = (0, $6EkQS.useRetorikStore)((state)=>state.actions);
     const sendEvent = (0, $6QoTL.useDirectlineStore)((state)=>state.actions.sendEvent);
+    const currentSubViewRef = (0, $dWhh5$react.useRef)((0, $7WHA7.CurrentSubView).none);
     const [icon, setIcon] = (0, $dWhh5$react.useState)();
     const [label, setLabel] = (0, $dWhh5$react.useState)();
     const [hover, setHover] = (0, $dWhh5$react.useState)(false);
     const [backgroundColorHover, setBackgroundColorHover] = (0, $dWhh5$react.useState)(undefined);
+    (0, $dWhh5$react.useEffect)(()=>{
+        currentSubViewRef.current = currentSubView;
+    }, [
+        currentSubView
+    ]);
     (0, $dWhh5$react.useEffect)(()=>{
         setBackgroundColorHover(backgroundColor === null || backgroundColor === void 0 ? void 0 : backgroundColor.replace('99', 'E6'));
     }, [
@@ -15767,14 +15715,20 @@ const $354469513bda8262$var$RemoteButton = ({ type: type, backgroundColor: backg
     const handleClick = ()=>{
         switch(type){
             case (0, $7WHA7.RemoteButtonType).history:
-                setCurrentSubView(currentSubView === (0, $7WHA7.CurrentSubView).history ? (0, $7WHA7.CurrentSubView).none : (0, $7WHA7.CurrentSubView).history);
+                if (currentSubViewRef.current === (0, $7WHA7.CurrentSubView).history) {
+                    setCurrentSubView((0, $7WHA7.CurrentSubView).none);
+                    sendEvent('Davi.CloseWindow', null, ()=>sendEvent('Davi.CloseWindowHistory', null));
+                } else setCurrentSubView((0, $7WHA7.CurrentSubView).history);
                 break;
             case (0, $7WHA7.RemoteButtonType).home:
                 setCurrentSubView((0, $7WHA7.CurrentSubView).none);
                 sendEvent('showHome');
                 break;
             case (0, $7WHA7.RemoteButtonType).language:
-                setCurrentSubView(currentSubView === (0, $7WHA7.CurrentSubView).languages ? (0, $7WHA7.CurrentSubView).none : (0, $7WHA7.CurrentSubView).languages);
+                if (currentSubViewRef.current === (0, $7WHA7.CurrentSubView).languages) {
+                    setCurrentSubView((0, $7WHA7.CurrentSubView).none);
+                    sendEvent('Davi.CloseWindow', null, ()=>sendEvent('Davi.CloseWindowLanguages', null));
+                } else setCurrentSubView((0, $7WHA7.CurrentSubView).languages);
                 break;
             case (0, $7WHA7.RemoteButtonType).menu:
                 toggleDashboard();
@@ -15804,8 +15758,13 @@ const $354469513bda8262$var$RemoteButton = ({ type: type, backgroundColor: backg
                     case (0, $7WHA7.CloseButtonCause).list:
                         setCloseList(Date.now());
                         break;
-                    case (0, $7WHA7.CloseButtonCause).subview:
+                    case (0, $7WHA7.CloseButtonCause).emergency:
+                    case (0, $7WHA7.CloseButtonCause).history:
+                    case (0, $7WHA7.CloseButtonCause).languages:
+                    case (0, $7WHA7.CloseButtonCause).weather:
+                    case (0, $7WHA7.CloseButtonCause).map:
                         setCurrentSubView((0, $7WHA7.CurrentSubView).none);
+                        sendEvent('Davi.CloseWindow', null, ()=>sendEvent(`Davi.CloseWindow${cause}`, null));
                         break;
                     case (0, $7WHA7.CloseButtonCause).news:
                         setRoute((0, $7WHA7.Routes).Home);
@@ -16474,6 +16433,7 @@ const $b3293ae5ea012219$var$SendTextBox = ({ className: className })=>{
     };
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
         id: "retorik-send-textbox",
+        dir: isRTL ? 'rtl' : 'ltr',
         className: `rf-relative rf-min-h-12 rf-px-4 rf-text-base rf-pt-3 rf-pb-3 rf-flex rf-items-center rf-border rf-border-textBoxBorder rf-rounded-8 rf-bg-truewhite rf-shadow-[inset_0_0_6px_#0000003B] ${className}`,
         children: [
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("textarea", {
@@ -16490,7 +16450,7 @@ const $b3293ae5ea012219$var$SendTextBox = ({ className: className })=>{
                 }
             }),
             !isMobile && !disabledSpeechMode && !useOldRemote && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("button", {
-                className: "rf-absolute ltr:rf-right-12 rtl:rf-left-12 rf-h-full rf-w-8 rf-flex rf-justify-center rf-items-center",
+                className: `rf-absolute ${isRTL ? 'rf-left-12' : 'rf-right-12'} rf-h-full rf-w-8 rf-flex rf-justify-center rf-items-center`,
                 onClick: handleClick,
                 children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $yLuO1.default), {
                     className: "rf-h-4 large-vertical:rf-h-5",
@@ -16498,7 +16458,7 @@ const $b3293ae5ea012219$var$SendTextBox = ({ className: className })=>{
                 })
             }),
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("button", {
-                className: "rf-absolute ltr:rf-right-2 rtl:rf-left-2 rf-h-8 rf-w-8 rf-pt-1 rf-pr-1 rf-flex rf-justify-center rf-items-center rf-border rf-border-secondary rf-bg-secondary rf-rounded-half",
+                className: `rf-absolute ${isRTL ? 'rf-left-2' : 'rf-right-2'} rf-h-8 rf-w-8 rf-pt-1 rf-pr-1 rf-flex rf-justify-center rf-items-center rf-border rf-border-secondary rf-bg-secondary rf-rounded-half`,
                 onClick: handleSend,
                 children: isRTL ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $4UCKa.default), {
                     className: "rf-w-5",
@@ -16751,7 +16711,20 @@ const $18d4a37a7fa81be4$var$MicrophoneAndSwitch = ({ top: top })=>{
         if (!isLandscape && (currentSubView !== (0, $7WHA7.CurrentSubView).none || dashboardOpened || retorikEvent === (0, $7WHA7.RetorikEvent).DetailViewOpen || listStatus === (0, $7WHA7.ListStatus).opened || route === (0, $7WHA7.Routes).News || fullScreenImage)) {
             if (retorikEvent === (0, $7WHA7.RetorikEvent).DetailViewOpen && currentSubView === (0, $7WHA7.CurrentSubView).none) setShowCloseButton((0, $7WHA7.CloseButtonCause).detailedpoi);
             else if (listStatus === (0, $7WHA7.ListStatus).opened) setShowCloseButton((0, $7WHA7.CloseButtonCause).list);
-            else if (currentSubView !== (0, $7WHA7.CurrentSubView).none) setShowCloseButton((0, $7WHA7.CloseButtonCause).subview);
+            else if (currentSubView !== (0, $7WHA7.CurrentSubView).none) switch(currentSubView){
+                case (0, $7WHA7.CurrentSubView).emergency:
+                    setShowCloseButton((0, $7WHA7.CloseButtonCause).emergency);
+                    break;
+                case (0, $7WHA7.CurrentSubView).history:
+                    setShowCloseButton((0, $7WHA7.CloseButtonCause).history);
+                    break;
+                case (0, $7WHA7.CurrentSubView).languages:
+                    setShowCloseButton((0, $7WHA7.CloseButtonCause).languages);
+                    break;
+                case (0, $7WHA7.CurrentSubView).weather:
+                    setShowCloseButton((0, $7WHA7.CloseButtonCause).weather);
+                    break;
+            }
             else if (dashboardOpened) setShowCloseButton((0, $7WHA7.CloseButtonCause).dashboard);
             else if (route === (0, $7WHA7.Routes).News) setShowCloseButton((0, $7WHA7.CloseButtonCause).news);
             else if (fullScreenImage) setShowCloseButton((0, $7WHA7.CloseButtonCause).fullscreenimage);
@@ -16774,16 +16747,16 @@ const $18d4a37a7fa81be4$var$MicrophoneAndSwitch = ({ top: top })=>{
     ]);
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
         id: "retorik-microphone-container",
-        className: `large-vertical:rf-absolute rf-w-fit ${showCloseButton ? 'rtl:rf-left-9 ltr:rf-right-9' : 'rtl:rf-left-4 ltr:rf-right-4'} landscape-retorik:-rf-mt-4 landscape-retorik:ltr:rf-pl-[calc(50%-2.5rem)] landscape-retorik:rtl:rf-pr-[calc(50%-2.5rem)] rf-flex rf-flex-row large-vertical:rf-flex-col rf-justify-center rf-items-center rf-gap-6 large-vertical:rf-gap-4`,
+        className: `large-vertical:rf-absolute rf-w-fit ${showCloseButton !== (0, $7WHA7.CloseButtonCause).none ? 'rf-right-9' : 'rf-right-4'} landscape-retorik:-rf-mt-4 landscape-retorik:rf-pl-[calc(50%-2.5rem)] rf-flex rf-flex-row large-vertical:rf-flex-col rf-justify-center rf-items-center rf-gap-6 large-vertical:rf-gap-4`,
         style: {
             bottom: bottomForBorne
         },
         children: [
             mode === (0, $7WHA7.Mode).vocal && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $8AU2L.default), {
-                hidden: !!showCloseButton
+                hidden: showCloseButton !== (0, $7WHA7.CloseButtonCause).none
             }),
-            (showCloseButton || mode === (0, $7WHA7.Mode).vocal) && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $iMnE7.default), {
-                type: showCloseButton ? (0, $7WHA7.RemoteButtonType).close : (0, $7WHA7.RemoteButtonType).text,
+            (showCloseButton !== (0, $7WHA7.CloseButtonCause).none || mode === (0, $7WHA7.Mode).vocal) && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $iMnE7.default), {
+                type: showCloseButton !== (0, $7WHA7.CloseButtonCause).none ? (0, $7WHA7.RemoteButtonType).close : (0, $7WHA7.RemoteButtonType).text,
                 backgroundColor: "#FFF",
                 cause: showCloseButton
             })
@@ -17184,6 +17157,11 @@ const $b8818a8d75b2cc14$var$MicrophoneTextBubble = ({ showLoader: showLoader })=
     const [text, setText] = (0, $dWhh5$react.useState)();
     const [textUndefined, setTextUndefined] = (0, $dWhh5$react.useState)(false);
     const timerRef = (0, $dWhh5$react.useRef)(null);
+    (0, $dWhh5$react.useEffect)(()=>{
+        return ()=>{
+            timerRef.current && clearTimeout(timerRef.current);
+        };
+    }, []);
     (0, $dWhh5$react.useEffect)(()=>{
         setTextUndefined(speaking || showLoader || !botAnswerEnded || currentSubView !== (0, $7WHA7.CurrentSubView).none || dashboardOpened || retorikEvent === (0, $7WHA7.RetorikEvent).DetailViewOpen || listStatus === (0, $7WHA7.ListStatus).opened);
     }, [
@@ -17213,8 +17191,12 @@ const $b8818a8d75b2cc14$var$MicrophoneTextBubble = ({ showLoader: showLoader })=
                 setText(isMobile || isLandscape && lastRecognitionInterim ? undefined : translation.microphone.listening);
                 break;
             case (0, $7WHA7.RecognitionState).Closed:
-                if (useContinuousRecognition) setText(textUndefined ? undefined : `<p>${translation.microphone.trigger}${isMobile ? ' ' : '<br />'}<strong>\xab ${agentData === null || agentData === void 0 ? void 0 : agentData.name} \xbb</strong></p>`);
-                else setText(textUndefined ? undefined : `<p>${translation.microphone.triggerwithoutname}</p>`);
+                let text = undefined;
+                if (!textUndefined) text = useContinuousRecognition ? `<p>${translation.microphone.trigger}${isMobile ? ' ' : '<br />'}<strong>\xab ${agentData === null || agentData === void 0 ? void 0 : agentData.name} \xbb</strong></p>` : `<p>${translation.microphone.triggerwithoutname}</p>`;
+                // Show the button only 1.5s after, to prevents it from appearing à fraction of second between several texts
+                timerRef.current = setTimeout(()=>{
+                    setText(text);
+                }, 1500);
                 break;
             case (0, $7WHA7.RecognitionState).Initializing:
             case (0, $7WHA7.RecognitionState).Closing:
@@ -17429,24 +17411,18 @@ $parcel$export(module.exports, "default", () => $edf407019e6638b3$export$2e2bcd8
 var $9JtA7 = parcelRequire("9JtA7");
 parcelRequire("g8vvH");
 var $8hLdy = parcelRequire("8hLdy");
-var $9GBKn = parcelRequire("9GBKn");
-
-var $6Q0mk = parcelRequire("6Q0mk");
 const $edf407019e6638b3$var$BackButton = ({ title: title, className: className, handleBack: handleBack })=>{
-    const isRTL = (0, $6Q0mk.useLocaleStore)((state)=>state.isRTL);
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("button", {
         className: `rf-flex rf-flex-row rf-items-center ${className}`,
         onClick: handleBack,
         "aria-label": title,
         "data-map": "fermer",
         children: [
-            isRTL ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $9GBKn.default), {
-                className: "rf-w-8"
-            }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $8hLdy.default), {
+            /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $8hLdy.default), {
                 className: "rf-w-8"
             }),
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: "ltr:rf-ml-1 rtl:rf-mr-1",
+                className: "rf-ml-1",
                 children: (0, $9JtA7.capitalizeFirstLetter)(title)
             })
         ]
@@ -17678,6 +17654,7 @@ function $c2cf23236f794ed3$var$instanceOfCustomMenuDisplayGeneratorProps(object)
 const $c2cf23236f794ed3$var$DisplayGenerator = (props)=>{
     const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
     const locale = (0, $6Q0mk.useLocaleStore)((state)=>state.locale);
+    const isRTL = (0, $6Q0mk.useLocaleStore)((state)=>state.isRTL);
     const isMobile = (0, $kUiCn.useViewStore)((state)=>state.isMobile);
     const themeColors = (0, $kUiCn.useViewStore)((state)=>state.themeColors);
     const setRoute = (0, $kUiCn.useViewStore)((state)=>state.actions.setRoute);
@@ -17757,7 +17734,7 @@ const $c2cf23236f794ed3$var$DisplayGenerator = (props)=>{
                 color: colorButtonHandle
             }),
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: "ltr:rf-ml-4 rtl:rf-mr-4 rf-font-bold",
+                className: "rf-ml-4 rf-font-bold",
                 children: (0, $9JtA7.capitalizeFirstLetter)(label, locale)
             })
         ]
@@ -17778,7 +17755,7 @@ const $c2cf23236f794ed3$var$DisplayGenerator = (props)=>{
                 color: colorButtonHandle
             }),
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: "rf-uppercase rf-text-[#575F6B] ltr:rf-text-xs rtl:rf-text-arabic large-vertical:rf-text-basecustomuppercase",
+                className: `rf-uppercase rf-text-[#575F6B] ${isRTL ? 'rf-text-arabic' : 'rf-text-xs'} large-vertical:rf-text-basecustomuppercase`,
                 children: label
             })
         ]
@@ -17935,6 +17912,7 @@ function $3919bd42dc5f6fe9$var$instanceOfCustomMenuDisplayGeneratorProps(object)
 const $3919bd42dc5f6fe9$var$DisplaySubGenerator = (props)=>{
     const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
     const locale = (0, $6Q0mk.useLocaleStore)((state)=>state.locale);
+    const isRTL = (0, $6Q0mk.useLocaleStore)((state)=>state.isRTL);
     const isMobile = (0, $kUiCn.useViewStore)((state)=>state.isMobile);
     const { setCurrentSubView: setCurrentSubView, setCurrentCustomView: setCurrentCustomView } = (0, $7eio0.useUtilsStore)((state)=>state.actions);
     const [label, setLabel] = (0, $dWhh5$react.useState)('');
@@ -17994,7 +17972,7 @@ const $3919bd42dc5f6fe9$var$DisplaySubGenerator = (props)=>{
                 className: "rf-h-8 rf-w-8 rf-flex"
             }),
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: "rf-uppercase rf-text-[#575F6B] ltr:rf-text-xs rtl:rf-text-arabic",
+                className: `rf-uppercase rf-text-[#575F6B] ${isRTL ? 'rf-text-arabic' : 'rf-text-xs'}`,
                 children: label
             })
         ]
@@ -18165,7 +18143,7 @@ const $6c55d8a0c55d15f9$var$ParameterButton = ({ title: title, color: color, ico
                 className: "rf-flex rf-flex-row rf-items-center",
                 children: [
                     /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                        className: "ltr:rf-mr-3 rtl:rf-ml-3 rf-text-lightgray rf-normal-case",
+                        className: "rf-mr-3 rf-text-lightgray rf-normal-case",
                         children: (0, (/*@__PURE__*/$parcel$interopDefault($exo5b)))[locale]
                     }),
                     /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $a4tZ1.default), {
@@ -18195,7 +18173,7 @@ const $6c55d8a0c55d15f9$var$ParameterButton = ({ title: title, color: color, ico
                 color: color
             }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {}),
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: "ltr:rf-ml-1 rtl:rf-mr-1 rf-uppercase",
+                className: "rf-ml-1 rf-uppercase",
                 children: title
             })
         ]
@@ -18866,7 +18844,7 @@ var $341aa389b3b9926d$export$2e2bcd8739ae039 = $341aa389b3b9926d$var$DashboardIt
 
 
 parcelRegister("ffoK4", function(module, exports) {
-module.exports = Promise.resolve(require("./NewsContainer.932174e9.js")).then(()=>parcelRequire('dKdsa'));
+module.exports = Promise.resolve(require("./NewsContainer.a91d9131.js")).then(()=>parcelRequire('dKdsa'));
 
 });
 
@@ -19286,7 +19264,7 @@ var $kUiCn = parcelRequire("kUiCn");
 
 var $6EkQS = parcelRequire("6EkQS");
 var $203b743475f656c9$exports = {};
-$203b743475f656c9$exports = "*, :before, :after, ::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: #3b82f680;\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n  --tw-contain-size: ;\n  --tw-contain-layout: ;\n  --tw-contain-paint: ;\n  --tw-contain-style: ;\n}\n\n*, :before, :after {\n  box-sizing: border-box;\n  border: 0 solid;\n}\n\n:before, :after {\n  --tw-content: \"\";\n}\n\nhtml, :host {\n  -webkit-text-size-adjust: 100%;\n  -moz-tab-size: 4;\n  tab-size: 4;\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  -webkit-tap-highlight-color: transparent;\n  font-family: Calibri, sans-serif;\n  line-height: 1.5;\n}\n\nbody {\n  line-height: inherit;\n  margin: 0;\n}\n\nhr {\n  height: 0;\n  color: inherit;\n  border-top-width: 1px;\n}\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\nb, strong {\n  font-weight: bolder;\n}\n\ncode, kbd, samp, pre {\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n  font-size: 1em;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub, sup {\n  vertical-align: baseline;\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n}\n\nsub {\n  bottom: -.25em;\n}\n\nsup {\n  top: -.5em;\n}\n\ntable {\n  text-indent: 0;\n  border-color: inherit;\n  border-collapse: collapse;\n}\n\nbutton, input, optgroup, select, textarea {\n  font-feature-settings: inherit;\n  font-variation-settings: inherit;\n  font-family: inherit;\n  font-size: 100%;\n  font-weight: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  color: inherit;\n  margin: 0;\n  padding: 0;\n}\n\nbutton, select {\n  text-transform: none;\n}\n\nbutton, input:where([type=\"button\"]), input:where([type=\"reset\"]), input:where([type=\"submit\"]) {\n  -webkit-appearance: button;\n  background-color: #0000;\n  background-image: none;\n}\n\n:-moz-focusring {\n  outline: auto;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\nprogress {\n  vertical-align: baseline;\n}\n\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\nsummary {\n  display: list-item;\n}\n\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol, ul, menu {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\ndialog {\n  padding: 0;\n}\n\ntextarea {\n  resize: vertical;\n}\n\ninput::placeholder, textarea::placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n\nbutton, [role=\"button\"] {\n  cursor: pointer;\n}\n\n:disabled {\n  cursor: default;\n}\n\nimg, svg, video, canvas, audio, iframe, embed, object {\n  vertical-align: middle;\n  display: block;\n}\n\nimg, video {\n  max-width: 100%;\n  height: auto;\n}\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n.rf-pointer-events-none {\n  pointer-events: none;\n}\n\n.rf-pointer-events-auto {\n  pointer-events: auto;\n}\n\n.rf-visible {\n  visibility: visible;\n}\n\n.rf-invisible {\n  visibility: hidden;\n}\n\n.rf-fixed {\n  position: fixed;\n}\n\n.rf-absolute {\n  position: absolute;\n}\n\n.rf-relative {\n  position: relative;\n}\n\n.-rf-left-6 {\n  left: -1.5rem;\n}\n\n.-rf-top-2 {\n  top: -.5rem;\n}\n\n.-rf-top-4 {\n  top: -1rem;\n}\n\n.-rf-top-6 {\n  top: -1.5rem;\n}\n\n.-rf-top-\\[1\\.15rem\\] {\n  top: -1.15rem;\n}\n\n.rf-bottom-0 {\n  bottom: 0;\n}\n\n.rf-bottom-1 {\n  bottom: .25rem;\n}\n\n.rf-bottom-1\\/4 {\n  bottom: 25%;\n}\n\n.rf-bottom-10 {\n  bottom: 2.5rem;\n}\n\n.rf-bottom-2 {\n  bottom: .5rem;\n}\n\n.rf-bottom-4 {\n  bottom: 1rem;\n}\n\n.rf-bottom-8 {\n  bottom: 2rem;\n}\n\n.rf-bottom-\\[calc\\(100\\%\\+2rem\\)\\] {\n  bottom: calc(100% + 2rem);\n}\n\n.rf-left-0 {\n  left: 0;\n}\n\n.rf-left-1 {\n  left: .25rem;\n}\n\n.rf-left-1\\/2 {\n  left: 50%;\n}\n\n.rf-left-2 {\n  left: .5rem;\n}\n\n.rf-left-4 {\n  left: 1rem;\n}\n\n.rf-left-8 {\n  left: 2rem;\n}\n\n.rf-left-\\[calc\\(100\\%\\+1rem\\)\\] {\n  left: calc(100% + 1rem);\n}\n\n.rf-left-\\[calc\\(50\\%-3rem\\)\\] {\n  left: calc(50% - 3rem);\n}\n\n.rf-right-0 {\n  right: 0;\n}\n\n.rf-right-1 {\n  right: .25rem;\n}\n\n.rf-right-10 {\n  right: 2.5rem;\n}\n\n.rf-right-12 {\n  right: 3rem;\n}\n\n.rf-right-2 {\n  right: .5rem;\n}\n\n.rf-right-4 {\n  right: 1rem;\n}\n\n.rf-right-6 {\n  right: 1.5rem;\n}\n\n.rf-right-8 {\n  right: 2rem;\n}\n\n.rf-right-\\[calc\\(100\\%\\+1rem\\)\\] {\n  right: calc(100% + 1rem);\n}\n\n.rf-top-0 {\n  top: 0;\n}\n\n.rf-top-1 {\n  top: .25rem;\n}\n\n.rf-top-1\\/2 {\n  top: 50%;\n}\n\n.rf-top-1\\/3 {\n  top: 33.3333%;\n}\n\n.rf-top-110 {\n  top: 110%;\n}\n\n.rf-top-2 {\n  top: .5rem;\n}\n\n.rf-top-4 {\n  top: 1rem;\n}\n\n.rf-top-8 {\n  top: 2rem;\n}\n\n.rf-top-\\[0\\.125rem\\] {\n  top: .125rem;\n}\n\n.rf-top-\\[calc\\(100\\%\\+1rem\\)\\] {\n  top: calc(100% + 1rem);\n}\n\n.rf-top-\\[calc\\(50\\%-3rem\\)\\] {\n  top: calc(50% - 3rem);\n}\n\n.rf-z-\\[10\\] {\n  z-index: 10;\n}\n\n.rf-z-\\[15\\] {\n  z-index: 15;\n}\n\n.rf-z-\\[1\\] {\n  z-index: 1;\n}\n\n.rf-z-\\[20\\] {\n  z-index: 20;\n}\n\n.rf-z-\\[25\\] {\n  z-index: 25;\n}\n\n.rf-z-\\[2\\] {\n  z-index: 2;\n}\n\n.rf-z-\\[5\\] {\n  z-index: 5;\n}\n\n.rf-z-agent {\n  z-index: 1;\n}\n\n.rf-z-background {\n  z-index: 0;\n}\n\n.rf-z-chatbot {\n  z-index: 10;\n}\n\n.rf-z-detailedPOI {\n  z-index: 31;\n}\n\n.rf-z-dropdown {\n  z-index: 30;\n}\n\n.rf-z-exitwidget {\n  z-index: 55;\n}\n\n.rf-z-list {\n  z-index: 30;\n}\n\n.rf-z-menu {\n  z-index: 40;\n}\n\n.rf-z-modal {\n  z-index: 50;\n}\n\n.rf-z-overlay {\n  z-index: 40;\n}\n\n.rf-z-ui {\n  z-index: 20;\n}\n\n.rf-z-util {\n  z-index: 2;\n}\n\n.rf-col-span-2 {\n  grid-column: span 2 / span 2;\n}\n\n.rf-col-span-3 {\n  grid-column: span 3 / span 3;\n}\n\n.rf-col-span-4 {\n  grid-column: span 4 / span 4;\n}\n\n.rf-col-span-full {\n  grid-column: 1 / -1;\n}\n\n.rf-col-start-1 {\n  grid-column-start: 1;\n}\n\n.rf-col-start-3 {\n  grid-column-start: 3;\n}\n\n.rf-col-start-4 {\n  grid-column-start: 4;\n}\n\n.rf-col-start-5 {\n  grid-column-start: 5;\n}\n\n.rf-col-end-13 {\n  grid-column-end: 13;\n}\n\n.rf-col-end-2 {\n  grid-column-end: 2;\n}\n\n.rf-col-end-9 {\n  grid-column-end: 9;\n}\n\n.rf-row-span-1 {\n  grid-row: span 1 / span 1;\n}\n\n.rf-row-span-2 {\n  grid-row: span 2 / span 2;\n}\n\n.rf-row-span-full {\n  grid-row: 1 / -1;\n}\n\n.rf-row-start-1 {\n  grid-row-start: 1;\n}\n\n.rf-row-start-12 {\n  grid-row-start: 12;\n}\n\n.rf-row-end-13 {\n  grid-row-end: 13;\n}\n\n.rf-row-end-3 {\n  grid-row-end: 3;\n}\n\n.rf-float-right {\n  float: right;\n}\n\n.rf-m-0 {\n  margin: 0;\n}\n\n.rf-m-4 {\n  margin: 1rem;\n}\n\n.rf-m-auto {\n  margin: auto;\n}\n\n.-rf-mx-6 {\n  margin-left: -1.5rem;\n  margin-right: -1.5rem;\n}\n\n.-rf-mx-8 {\n  margin-left: -2rem;\n  margin-right: -2rem;\n}\n\n.rf-mx-0 {\n  margin-left: 0;\n  margin-right: 0;\n}\n\n.rf-mx-2 {\n  margin-left: .5rem;\n  margin-right: .5rem;\n}\n\n.rf-mx-3 {\n  margin-left: .75rem;\n  margin-right: .75rem;\n}\n\n.rf-mx-4 {\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n\n.rf-mx-8 {\n  margin-left: 2rem;\n  margin-right: 2rem;\n}\n\n.rf-mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.rf-my-1 {\n  margin-top: .25rem;\n  margin-bottom: .25rem;\n}\n\n.rf-my-2 {\n  margin-top: .5rem;\n  margin-bottom: .5rem;\n}\n\n.rf-my-4 {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n\n.rf-my-auto {\n  margin-top: auto;\n  margin-bottom: auto;\n}\n\n.-rf-mb-4 {\n  margin-bottom: -1rem;\n}\n\n.rf-mb-0 {\n  margin-bottom: 0;\n}\n\n.rf-mb-1 {\n  margin-bottom: .25rem;\n}\n\n.rf-mb-12 {\n  margin-bottom: 3rem;\n}\n\n.rf-mb-16 {\n  margin-bottom: 4rem;\n}\n\n.rf-mb-2 {\n  margin-bottom: .5rem;\n}\n\n.rf-mb-26 {\n  margin-bottom: 6.5rem;\n}\n\n.rf-mb-28 {\n  margin-bottom: 7rem;\n}\n\n.rf-mb-3 {\n  margin-bottom: .75rem;\n}\n\n.rf-mb-30 {\n  margin-bottom: 7.5rem;\n}\n\n.rf-mb-4 {\n  margin-bottom: 1rem;\n}\n\n.rf-mb-5 {\n  margin-bottom: 1.25rem;\n}\n\n.rf-mb-6 {\n  margin-bottom: 1.5rem;\n}\n\n.rf-mb-8 {\n  margin-bottom: 2rem;\n}\n\n.rf-ml-1 {\n  margin-left: .25rem;\n}\n\n.rf-ml-2 {\n  margin-left: .5rem;\n}\n\n.rf-mr-2 {\n  margin-right: .5rem;\n}\n\n.rf-mr-4 {\n  margin-right: 1rem;\n}\n\n.rf-mt-1 {\n  margin-top: .25rem;\n}\n\n.rf-mt-10 {\n  margin-top: 2.5rem;\n}\n\n.rf-mt-2 {\n  margin-top: .5rem;\n}\n\n.rf-mt-4 {\n  margin-top: 1rem;\n}\n\n.rf-mt-5 {\n  margin-top: 1.25rem;\n}\n\n.rf-mt-8 {\n  margin-top: 2rem;\n}\n\n.rf-mt-\\[0\\.2rem\\] {\n  margin-top: .2rem;\n}\n\n.rf-mt-auto {\n  margin-top: auto;\n}\n\n.rf-box-border {\n  box-sizing: border-box;\n}\n\n.rf-line-clamp-1 {\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-line-clamp-2 {\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-inline {\n  display: inline;\n}\n\n.rf-flex {\n  display: flex;\n}\n\n.rf-grid {\n  display: grid;\n}\n\n.rf-hidden {\n  display: none;\n}\n\n.rf-aspect-\\[4\\/3\\] {\n  aspect-ratio: 4 / 3;\n}\n\n.rf-aspect-square {\n  aspect-ratio: 1;\n}\n\n.rf-aspect-video {\n  aspect-ratio: 16 / 9;\n}\n\n.rf-h-0 {\n  height: 0;\n}\n\n.rf-h-1\\/2 {\n  height: 50%;\n}\n\n.rf-h-1\\/3 {\n  height: 33.3333%;\n}\n\n.rf-h-10 {\n  height: 2.5rem;\n}\n\n.rf-h-12 {\n  height: 3rem;\n}\n\n.rf-h-14 {\n  height: 3.5rem;\n}\n\n.rf-h-16 {\n  height: 4rem;\n}\n\n.rf-h-18 {\n  height: 4.5rem;\n}\n\n.rf-h-2 {\n  height: .5rem;\n}\n\n.rf-h-2\\/3 {\n  height: 66.6667%;\n}\n\n.rf-h-2\\/5 {\n  height: 40%;\n}\n\n.rf-h-24 {\n  height: 6rem;\n}\n\n.rf-h-3 {\n  height: .75rem;\n}\n\n.rf-h-3\\/10 {\n  height: 30%;\n}\n\n.rf-h-32 {\n  height: 8rem;\n}\n\n.rf-h-36 {\n  height: 9rem;\n}\n\n.rf-h-4 {\n  height: 1rem;\n}\n\n.rf-h-48 {\n  height: 12rem;\n}\n\n.rf-h-5 {\n  height: 1.25rem;\n}\n\n.rf-h-6 {\n  height: 1.5rem;\n}\n\n.rf-h-7 {\n  height: 1.75rem;\n}\n\n.rf-h-8 {\n  height: 2rem;\n}\n\n.rf-h-9 {\n  height: 2.25rem;\n}\n\n.rf-h-\\[0\\.875rem\\] {\n  height: .875rem;\n}\n\n.rf-h-\\[1\\.25rem\\] {\n  height: 1.25rem;\n}\n\n.rf-h-\\[35\\%\\] {\n  height: 35%;\n}\n\n.rf-h-\\[50\\%\\] {\n  height: 50%;\n}\n\n.rf-h-\\[calc\\(50vw-3rem\\)\\] {\n  height: calc(50vw - 3rem);\n}\n\n.rf-h-fit {\n  height: fit-content;\n}\n\n.rf-h-full {\n  height: 100%;\n}\n\n.rf-h-max {\n  height: max-content;\n}\n\n.rf-h-screen {\n  height: 100vh;\n}\n\n.rf-max-h-12 {\n  max-height: 3rem;\n}\n\n.rf-max-h-16 {\n  max-height: 4rem;\n}\n\n.rf-max-h-20 {\n  max-height: 5rem;\n}\n\n.rf-max-h-28 {\n  max-height: 7rem;\n}\n\n.rf-max-h-4\\/5 {\n  max-height: 80%;\n}\n\n.rf-max-h-48 {\n  max-height: 12rem;\n}\n\n.rf-max-h-6 {\n  max-height: 1.5rem;\n}\n\n.rf-max-h-8 {\n  max-height: 2rem;\n}\n\n.rf-max-h-full {\n  max-height: 100%;\n}\n\n.rf-max-h-qrcode {\n  max-height: 120px;\n}\n\n.rf-max-h-qrcodelarge {\n  max-height: 200px;\n}\n\n.rf-max-h-screen {\n  max-height: 100vh;\n}\n\n.rf-min-h-12 {\n  min-height: 3rem;\n}\n\n.rf-min-h-14 {\n  min-height: 3.5rem;\n}\n\n.rf-min-h-16 {\n  min-height: 4rem;\n}\n\n.rf-min-h-2\\/5 {\n  min-height: 40%;\n}\n\n.rf-min-h-6 {\n  min-height: 1.5rem;\n}\n\n.rf-min-h-8 {\n  min-height: 2rem;\n}\n\n.rf-min-h-9 {\n  min-height: 2.25rem;\n}\n\n.rf-min-h-full {\n  min-height: 100%;\n}\n\n.rf-min-h-inherit {\n  min-height: inherit;\n}\n\n.rf-w-0 {\n  width: 0;\n}\n\n.rf-w-1\\/2 {\n  width: 50%;\n}\n\n.rf-w-1\\/3 {\n  width: 33.3333%;\n}\n\n.rf-w-1\\/4 {\n  width: 25%;\n}\n\n.rf-w-10 {\n  width: 2.5rem;\n}\n\n.rf-w-12 {\n  width: 3rem;\n}\n\n.rf-w-16 {\n  width: 4rem;\n}\n\n.rf-w-18 {\n  width: 4.5rem;\n}\n\n.rf-w-2 {\n  width: .5rem;\n}\n\n.rf-w-2\\/3 {\n  width: 66.6667%;\n}\n\n.rf-w-20 {\n  width: 5rem;\n}\n\n.rf-w-24 {\n  width: 6rem;\n}\n\n.rf-w-3 {\n  width: .75rem;\n}\n\n.rf-w-3\\/20 {\n  width: 15%;\n}\n\n.rf-w-3\\/4 {\n  width: 75%;\n}\n\n.rf-w-3\\/5 {\n  width: 60%;\n}\n\n.rf-w-32 {\n  width: 8rem;\n}\n\n.rf-w-36 {\n  width: 9rem;\n}\n\n.rf-w-4 {\n  width: 1rem;\n}\n\n.rf-w-48 {\n  width: 12rem;\n}\n\n.rf-w-5 {\n  width: 1.25rem;\n}\n\n.rf-w-6 {\n  width: 1.5rem;\n}\n\n.rf-w-7 {\n  width: 1.75rem;\n}\n\n.rf-w-8 {\n  width: 2rem;\n}\n\n.rf-w-9 {\n  width: 2.25rem;\n}\n\n.rf-w-\\[45\\%\\] {\n  width: 45%;\n}\n\n.rf-w-\\[90\\%\\] {\n  width: 90%;\n}\n\n.rf-w-\\[calc\\(100\\%-3rem\\)\\] {\n  width: calc(100% - 3rem);\n}\n\n.rf-w-fit {\n  width: fit-content;\n}\n\n.rf-w-full {\n  width: 100%;\n}\n\n.rf-w-max {\n  width: max-content;\n}\n\n.rf-w-screen {\n  width: 100vw;\n}\n\n.rf-min-w-12 {\n  min-width: 3rem;\n}\n\n.rf-min-w-24 {\n  min-width: 6rem;\n}\n\n.rf-min-w-3\\/20 {\n  min-width: 15%;\n}\n\n.rf-min-w-6 {\n  min-width: 1.5rem;\n}\n\n.rf-min-w-7 {\n  min-width: 1.75rem;\n}\n\n.rf-min-w-\\[45\\%\\] {\n  min-width: 45%;\n}\n\n.rf-min-w-full {\n  min-width: 100%;\n}\n\n.rf-max-w-1\\/2 {\n  max-width: 50%;\n}\n\n.rf-max-w-16 {\n  max-width: 4rem;\n}\n\n.rf-max-w-3\\/20 {\n  max-width: 15%;\n}\n\n.rf-max-w-6 {\n  max-width: 1.5rem;\n}\n\n.rf-max-w-7\\/10 {\n  max-width: 70%;\n}\n\n.rf-max-w-\\[100vw\\] {\n  max-width: 100vw;\n}\n\n.rf-max-w-\\[45\\%\\] {\n  max-width: 45%;\n}\n\n.rf-max-w-\\[500px\\] {\n  max-width: 500px;\n}\n\n.rf-max-w-\\[75\\%\\] {\n  max-width: 75%;\n}\n\n.rf-max-w-\\[calc\\(100\\%-2rem\\)\\] {\n  max-width: calc(100% - 2rem);\n}\n\n.rf-max-w-full {\n  max-width: 100%;\n}\n\n.rf-max-w-none {\n  max-width: none;\n}\n\n.rf-flex-1 {\n  flex: 1;\n}\n\n.rf-flex-\\[0_0_40\\%\\] {\n  flex: 0 0 40%;\n}\n\n.rf-flex-\\[2_1_0\\%\\] {\n  flex: 2;\n}\n\n.rf-flex-\\[4_1_0\\%\\] {\n  flex: 4;\n}\n\n.rf-border-collapse {\n  border-collapse: collapse;\n}\n\n.rf-origin-center {\n  transform-origin: center;\n}\n\n.-rf-translate-x-1\\/2 {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-rf-translate-y-1\\/2 {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-rf-translate-y-full {\n  --tw-translate-y: -100%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf--translate-x-1\\/2 {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-translate-x-1 {\n  --tw-translate-x: .25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-translate-x-5 {\n  --tw-translate-x: 1.25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-0 {\n  --tw-rotate: 0deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-180 {\n  --tw-rotate: 180deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-scale-0 {\n  --tw-scale-x: 0;\n  --tw-scale-y: 0;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes rf-blink {\n  0%, 100% {\n    opacity: .2;\n  }\n\n  50% {\n    opacity: 1;\n  }\n}\n\n.rf-animate-blink {\n  animation: 1.4s infinite both rf-blink;\n}\n\n@keyframes rf-fadeIn {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n.rf-animate-fadeIn {\n  animation: .5s .2s backwards rf-fadeIn;\n}\n\n@keyframes rf-hScroll {\n  0% {\n    transform: translateX(0);\n  }\n\n  100% {\n    transform: translateX(calc(-100% - 2rem));\n  }\n}\n\n.rf-animate-hScroll {\n  animation: 20s linear infinite rf-hScroll;\n}\n\n@keyframes rf-loader {\n  0% {\n    box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n  }\n\n  40% {\n    box-shadow: 0 1.5rem 0 -.3rem var(--rf-color-loader-animation);\n  }\n\n  80% {\n    box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n  }\n\n  100% {\n    box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n  }\n}\n\n.rf-animate-loader {\n  animation: 1.8s ease-in-out -.16s infinite both rf-loader;\n}\n\n.rf-animate-loaderFadeIn {\n  animation: 2s rf-fadeIn;\n}\n\n@keyframes rf-fadeOut {\n  0% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n  }\n}\n\n.rf-animate-loaderFadeOut {\n  animation: 1s rf-fadeOut;\n}\n\n@keyframes rf-loaderMedium {\n  0% {\n    box-shadow: 0 .75rem 0 -.75rem var(--rf-color-loader-animation);\n  }\n\n  40% {\n    box-shadow: 0 .75rem 0 -.25rem var(--rf-color-loader-animation);\n  }\n\n  80% {\n    box-shadow: 0 .75rem 0 -.75rem var(--rf-color-loader-animation);\n  }\n\n  100% {\n    box-shadow: 0 .75rem 0 -.75rem var(--rf-color-loader-animation);\n  }\n}\n\n.rf-animate-loaderMedium {\n  animation: 1.8s ease-in-out -.16s infinite both rf-loaderMedium;\n}\n\n@keyframes rf-loaderMini {\n  0% {\n    box-shadow: 0 .5rem 0 -.5rem var(--rf-color-loader-animation);\n  }\n\n  40% {\n    box-shadow: 0 .5rem 0 -.1rem var(--rf-color-loader-animation);\n  }\n\n  80% {\n    box-shadow: 0 .5rem 0 -.5rem var(--rf-color-loader-animation);\n  }\n\n  100% {\n    box-shadow: 0 .5rem 0 -.5rem var(--rf-color-loader-animation);\n  }\n}\n\n.rf-animate-loaderMini {\n  animation: 1.8s ease-in-out -.16s infinite both rf-loaderMini;\n}\n\n@keyframes rf-slideBottom {\n  0% {\n    opacity: 0;\n    transform: translateX(0)translateY(20px);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateX(0)translateY(0);\n  }\n}\n\n.rf-animate-slideBottom {\n  animation: .5s .2s backwards rf-slideBottom;\n}\n\n@keyframes rf-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.rf-animate-spin {\n  animation: 1s linear infinite rf-spin;\n}\n\n.rf-cursor-pointer {\n  cursor: pointer;\n}\n\n.rf-select-none {\n  user-select: none;\n}\n\n.rf-resize-none {\n  resize: none;\n}\n\n.rf-scroll-pb-4 {\n  scroll-padding-bottom: 1rem;\n}\n\n.rf-grid-cols-1 {\n  grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n\n.rf-grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.rf-grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.rf-grid-cols-4 {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.rf-grid-cols-6 {\n  grid-template-columns: repeat(6, minmax(0, 1fr));\n}\n\n.rf-grid-cols-7 {\n  grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n\n.rf-grid-cols-8 {\n  grid-template-columns: repeat(8, minmax(0, 1fr));\n}\n\n.rf-grid-cols-\\[repeat\\(2\\,30\\%\\)\\] {\n  grid-template-columns: repeat(2, 30%);\n}\n\n.rf-grid-cols-\\[repeat\\(2\\,45\\%\\)\\] {\n  grid-template-columns: repeat(2, 45%);\n}\n\n.rf-grid-cols-\\[repeat\\(3\\,31\\%\\)\\] {\n  grid-template-columns: repeat(3, 31%);\n}\n\n.rf-grid-cols-headerContainer {\n  grid-template-columns: 5rem 1rem 1fr 1fr;\n}\n\n.rf-grid-cols-printingPreview {\n  grid-template-columns: minmax(0, 1fr) 3rem;\n}\n\n.rf-grid-cols-routes {\n  grid-template-columns: repeat(3, max-content);\n}\n\n.rf-grid-rows-1 {\n  grid-template-rows: repeat(1, minmax(0, 1fr));\n}\n\n.rf-grid-rows-2 {\n  grid-template-rows: repeat(2, minmax(0, 1fr));\n}\n\n.rf-grid-rows-3 {\n  grid-template-rows: repeat(3, minmax(0, 1fr));\n}\n\n.rf-grid-rows-4 {\n  grid-template-rows: repeat(4, minmax(0, 1fr));\n}\n\n.rf-grid-rows-5 {\n  grid-template-rows: repeat(5, minmax(0, 1fr));\n}\n\n.rf-grid-rows-container {\n  grid-template-rows: repeat(12, minmax(0, 1fr));\n}\n\n.rf-grid-rows-headerContainer {\n  grid-template-rows: repeat(2, minmax(0, 1fr));\n}\n\n.rf-flex-row {\n  flex-direction: row;\n}\n\n.rf-flex-col {\n  flex-direction: column;\n}\n\n.rf-flex-col-reverse {\n  flex-direction: column-reverse;\n}\n\n.rf-flex-wrap {\n  flex-wrap: wrap;\n}\n\n.rf-flex-nowrap {\n  flex-wrap: nowrap;\n}\n\n.rf-content-around {\n  align-content: space-around;\n}\n\n.rf-items-start {\n  align-items: flex-start;\n}\n\n.rf-items-end {\n  align-items: flex-end;\n}\n\n.rf-items-center {\n  align-items: center;\n}\n\n.rf-justify-start {\n  justify-content: flex-start;\n}\n\n.rf-justify-end {\n  justify-content: flex-end;\n}\n\n.rf-justify-center {\n  justify-content: center;\n}\n\n.rf-justify-between {\n  justify-content: space-between;\n}\n\n.rf-justify-around {\n  justify-content: space-around;\n}\n\n.rf-justify-evenly {\n  justify-content: space-evenly;\n}\n\n.rf-gap-1 {\n  gap: .25rem;\n}\n\n.rf-gap-12 {\n  gap: 3rem;\n}\n\n.rf-gap-2 {\n  gap: .5rem;\n}\n\n.rf-gap-3 {\n  gap: .75rem;\n}\n\n.rf-gap-4 {\n  gap: 1rem;\n}\n\n.rf-gap-5 {\n  gap: 1.25rem;\n}\n\n.rf-gap-6 {\n  gap: 1.5rem;\n}\n\n.rf-gap-8 {\n  gap: 2rem;\n}\n\n.rf-gap-9 {\n  gap: 2.25rem;\n}\n\n.rf-gap-\\[10\\%\\] {\n  gap: 10%;\n}\n\n.rf-gap-x-\\[3\\.5\\%\\] {\n  column-gap: 3.5%;\n}\n\n.rf-divide-x > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-x-reverse: 0;\n  border-right-width: calc(1px * var(--tw-divide-x-reverse));\n  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));\n}\n\n.rf-self-auto {\n  align-self: auto;\n}\n\n.rf-self-start {\n  align-self: flex-start;\n}\n\n.rf-self-end {\n  align-self: flex-end;\n}\n\n.rf-self-center {\n  align-self: center;\n}\n\n.rf-justify-self-start {\n  justify-self: start;\n}\n\n.rf-justify-self-end {\n  justify-self: end;\n}\n\n.rf-justify-self-center {\n  justify-self: center;\n}\n\n.rf-overflow-hidden {\n  overflow: hidden;\n}\n\n.rf-overflow-clip {\n  overflow: clip;\n}\n\n.rf-overflow-y-auto {\n  overflow-y: auto;\n}\n\n.rf-overflow-x-hidden {\n  overflow-x: hidden;\n}\n\n.rf-overflow-y-hidden {\n  overflow-y: hidden;\n}\n\n.rf-overflow-y-clip {\n  overflow-y: clip;\n}\n\n.rf-overflow-x-visible {\n  overflow-x: visible;\n}\n\n.rf-overflow-y-visible {\n  overflow-y: visible;\n}\n\n.rf-overflow-x-scroll {\n  overflow-x: scroll;\n}\n\n.rf-overflow-y-scroll {\n  overflow-y: scroll;\n}\n\n.rf-truncate {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.rf-whitespace-nowrap {\n  white-space: nowrap;\n}\n\n.rf-whitespace-break-spaces {\n  white-space: break-spaces;\n}\n\n.rf-rounded {\n  border-radius: .3125rem;\n}\n\n.rf-rounded-6 {\n  border-radius: 1.5rem;\n}\n\n.rf-rounded-8 {\n  border-radius: 2rem;\n}\n\n.rf-rounded-\\[20px\\] {\n  border-radius: 20px;\n}\n\n.rf-rounded-half {\n  border-radius: 50%;\n}\n\n.rf-rounded-lg {\n  border-radius: .5rem;\n}\n\n.rf-rounded-max {\n  border-radius: 100%;\n}\n\n.rf-rounded-b {\n  border-bottom-right-radius: .3125rem;\n  border-bottom-left-radius: .3125rem;\n}\n\n.rf-rounded-b-4 {\n  border-bottom-right-radius: 1rem;\n  border-bottom-left-radius: 1rem;\n}\n\n.rf-rounded-b-lg {\n  border-bottom-right-radius: .5rem;\n  border-bottom-left-radius: .5rem;\n}\n\n.rf-rounded-t-lg {\n  border-top-left-radius: .5rem;\n  border-top-right-radius: .5rem;\n}\n\n.rf-border {\n  border-width: 1px;\n}\n\n.rf-border-0 {\n  border-width: 0;\n}\n\n.rf-border-2 {\n  border-width: 2px;\n}\n\n.rf-border-y {\n  border-top-width: 1px;\n  border-bottom-width: 1px;\n}\n\n.rf-border-b {\n  border-bottom-width: 1px;\n}\n\n.rf-border-b-2 {\n  border-bottom-width: 2px;\n}\n\n.rf-border-l {\n  border-left-width: 1px;\n}\n\n.rf-border-r {\n  border-right-width: 1px;\n}\n\n.rf-border-t {\n  border-top-width: 1px;\n}\n\n.rf-border-t-0 {\n  border-top-width: 0;\n}\n\n.rf-border-none {\n  border-style: none;\n}\n\n.rf-border-\\[\\#00000029\\] {\n  border-color: #00000029;\n}\n\n.rf-border-\\[\\#1999B1\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(25 153 177 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#325981\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(50 89 129 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#707070\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(112 112 112 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#8B8888\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(139 136 136 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#9FA2AA\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(159 162 170 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#C7C6C6\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(199 198 198 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#F0F0F0\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-black {\n  border-color: var(--rf-color-black);\n}\n\n.rf-border-cardButtonBorderDefault {\n  border-color: var(--rf-color-cardButtonBorderDefault);\n}\n\n.rf-border-cardButtonBorderHover {\n  border-color: var(--rf-color-cardButtonBorderHover);\n}\n\n.rf-border-cardFrameBorder {\n  border-color: var(--rf-color-cardFrameBorder);\n}\n\n.rf-border-formInputButtonBorderDefault {\n  border-color: var(--rf-color-formInputButtonBorderDefault);\n}\n\n.rf-border-formInputButtonBorderHover {\n  border-color: var(--rf-color-formInputButtonBorderHover);\n}\n\n.rf-border-formInputRadioCheckboxCheckedBorder {\n  border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n}\n\n.rf-border-formInputRadioCheckboxUncheckedBorder {\n  border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n}\n\n.rf-border-gray {\n  --tw-border-opacity: 1;\n  border-color: rgb(128 128 128 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-lightgray {\n  --tw-border-opacity: 1;\n  border-color: rgb(129 129 129 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-menuBorder {\n  --tw-border-opacity: 1;\n  border-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-primary {\n  border-color: var(--rf-color-primary);\n}\n\n.rf-border-secondary {\n  border-color: var(--rf-color-secondary);\n}\n\n.rf-border-templateCheckboxBorder {\n  --tw-border-opacity: 1;\n  border-color: rgb(112 112 112 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-textBoxBorder {\n  --tw-border-opacity: 1;\n  border-color: rgb(190 190 190 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-textModePanelBackgroundBot {\n  border-color: var(--rf-color-textModePanelBackgroundBot);\n}\n\n.rf-border-textModePanelBackgroundUser {\n  border-color: var(--rf-color-textModePanelBackgroundUser);\n}\n\n.rf-border-trueblack {\n  --tw-border-opacity: 1;\n  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-truewhite {\n  --tw-border-opacity: 1;\n  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-x-primary {\n  border-left-color: var(--rf-color-primary);\n  border-right-color: var(--rf-color-primary);\n}\n\n.rf-border-y-menuBorder {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n  border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-b-\\[\\#C4C5C8\\] {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(196 197 200 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-b-black {\n  border-bottom-color: var(--rf-color-black);\n}\n\n.rf-border-b-menuBorder {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-b-silver {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(192 192 192 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-b-transparent {\n  border-bottom-color: #0000;\n}\n\n.rf-border-l-menuBorder {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-r-\\[\\#8B8888\\] {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(139 136 136 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-r-silver {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(192 192 192 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-t-\\[\\#8B8888\\] {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(139 136 136 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-t-\\[\\#CBC9C9\\] {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(203 201 201 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-t-menuBorder {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-bg-\\[\\#00000050\\] {\n  background-color: #00000050;\n}\n\n.rf-bg-\\[\\#000000B3\\] {\n  background-color: #000000b3;\n}\n\n.rf-bg-\\[\\#121212F2\\] {\n  background-color: #121212f2;\n}\n\n.rf-bg-\\[\\#1999B1\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(25 153 177 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-\\[\\#325981\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(50 89 129 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-\\[\\#CDE5FE\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(205 229 254 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-\\[\\#F0F0F0\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-\\[\\#F8F8F8\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-black {\n  background-color: var(--rf-color-black);\n}\n\n.rf-bg-blue-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-cardButtonBackgroundDefault {\n  background-color: var(--rf-color-cardButtonBackgroundDefault);\n}\n\n.rf-bg-cardButtonBackgroundHover {\n  background-color: var(--rf-color-cardButtonBackgroundHover);\n}\n\n.rf-bg-cardFrameBackground {\n  background-color: var(--rf-color-cardFrameBackground);\n}\n\n.rf-bg-formInputButtonBackgroundDefault {\n  background-color: var(--rf-color-formInputButtonBackgroundDefault);\n}\n\n.rf-bg-formInputButtonBackgroundHover {\n  background-color: var(--rf-color-formInputButtonBackgroundHover);\n}\n\n.rf-bg-formInputRadioCheckboxUncheckedBackground {\n  background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n}\n\n.rf-bg-gray {\n  --tw-bg-opacity: 1;\n  background-color: rgb(128 128 128 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-primary {\n  background-color: var(--rf-color-primary);\n}\n\n.rf-bg-red-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-secondary {\n  background-color: var(--rf-color-secondary);\n}\n\n.rf-bg-silver {\n  --tw-bg-opacity: 1;\n  background-color: rgb(192 192 192 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-templateBackground {\n  --tw-bg-opacity: 1;\n  background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-templateEmptyCard {\n  --tw-bg-opacity: 1;\n  background-color: rgb(232 231 231 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-textModePanelBackgroundBot {\n  background-color: var(--rf-color-textModePanelBackgroundBot);\n}\n\n.rf-bg-textModePanelBackgroundUser {\n  background-color: var(--rf-color-textModePanelBackgroundUser);\n}\n\n.rf-bg-transparent {\n  background-color: #0000;\n}\n\n.rf-bg-truewhite {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-vocalModeSubtitlesBackground {\n  background-color: var(--rf-color-vocalModeSubtitlesBackground);\n}\n\n.rf-bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(247 243 246 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-opacity-30 {\n  --tw-bg-opacity: .3;\n}\n\n.rf-bg-opacity-50 {\n  --tw-bg-opacity: .5;\n}\n\n.rf-bg-opacity-80 {\n  --tw-bg-opacity: .8;\n}\n\n.rf-object-cover {\n  object-fit: cover;\n}\n\n.rf-p-0 {\n  padding: 0;\n}\n\n.rf-p-1 {\n  padding: .25rem;\n}\n\n.rf-p-2 {\n  padding: .5rem;\n}\n\n.rf-p-3 {\n  padding: .75rem;\n}\n\n.rf-p-4 {\n  padding: 1rem;\n}\n\n.rf-p-\\[25px\\] {\n  padding: 25px;\n}\n\n.rf-p-\\[7px_12px\\] {\n  padding: 7px 12px;\n}\n\n.rf-px-1 {\n  padding-left: .25rem;\n  padding-right: .25rem;\n}\n\n.rf-px-16 {\n  padding-left: 4rem;\n  padding-right: 4rem;\n}\n\n.rf-px-2 {\n  padding-left: .5rem;\n  padding-right: .5rem;\n}\n\n.rf-px-3 {\n  padding-left: .75rem;\n  padding-right: .75rem;\n}\n\n.rf-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n.rf-px-48 {\n  padding-left: 12rem;\n  padding-right: 12rem;\n}\n\n.rf-px-5, .rf-px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n.rf-px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n\n.rf-py-0 {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.rf-py-1 {\n  padding-top: .25rem;\n  padding-bottom: .25rem;\n}\n\n.rf-py-12 {\n  padding-top: 3rem;\n  padding-bottom: 3rem;\n}\n\n.rf-py-16 {\n  padding-top: 4rem;\n  padding-bottom: 4rem;\n}\n\n.rf-py-2 {\n  padding-top: .5rem;\n  padding-bottom: .5rem;\n}\n\n.rf-py-3 {\n  padding-top: .75rem;\n  padding-bottom: .75rem;\n}\n\n.rf-py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n\n.rf-py-6 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n\n.rf-py-8 {\n  padding-top: 2rem;\n  padding-bottom: 2rem;\n}\n\n.rf-pb-10 {\n  padding-bottom: 2.5rem;\n}\n\n.rf-pb-12 {\n  padding-bottom: 3rem;\n}\n\n.rf-pb-14 {\n  padding-bottom: 3.5rem;\n}\n\n.rf-pb-2 {\n  padding-bottom: .5rem;\n}\n\n.rf-pb-24 {\n  padding-bottom: 6rem;\n}\n\n.rf-pb-3 {\n  padding-bottom: .75rem;\n}\n\n.rf-pb-4 {\n  padding-bottom: 1rem;\n}\n\n.rf-pb-5, .rf-pb-6 {\n  padding-bottom: 1.5rem;\n}\n\n.rf-pb-8 {\n  padding-bottom: 2rem;\n}\n\n.rf-pb-\\[15vh\\] {\n  padding-bottom: 15vh;\n}\n\n.rf-pl-0 {\n  padding-left: 0;\n}\n\n.rf-pl-1 {\n  padding-left: .25rem;\n}\n\n.rf-pl-4 {\n  padding-left: 1rem;\n}\n\n.rf-pl-6 {\n  padding-left: 1.5rem;\n}\n\n.rf-pl-8 {\n  padding-left: 2rem;\n}\n\n.rf-pr-1 {\n  padding-right: .25rem;\n}\n\n.rf-pr-4 {\n  padding-right: 1rem;\n}\n\n.rf-pt-1 {\n  padding-top: .25rem;\n}\n\n.rf-pt-11\\/20 {\n  padding-top: 55%;\n}\n\n.rf-pt-12 {\n  padding-top: 3rem;\n}\n\n.rf-pt-14 {\n  padding-top: 3.5rem;\n}\n\n.rf-pt-2 {\n  padding-top: .5rem;\n}\n\n.rf-pt-24 {\n  padding-top: 6rem;\n}\n\n.rf-pt-3 {\n  padding-top: .75rem;\n}\n\n.rf-pt-4 {\n  padding-top: 1rem;\n}\n\n.rf-pt-40 {\n  padding-top: 10rem;\n}\n\n.rf-pt-6 {\n  padding-top: 1.5rem;\n}\n\n.rf-pt-8 {\n  padding-top: 2rem;\n}\n\n.rf-pt-\\[25vh\\] {\n  padding-top: 25vh;\n}\n\n.rf-pt-\\[26vh\\] {\n  padding-top: 26vh;\n}\n\n.rf-text-left {\n  text-align: left;\n}\n\n.rf-text-center {\n  text-align: center;\n}\n\n.rf-text-justify {\n  text-align: justify;\n}\n\n.rf-font-default {\n  font-family: Calibri, sans-serif;\n}\n\n.rf-text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n\n.rf-text-3xl {\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n}\n\n.rf-text-4xl {\n  font-size: 2.25rem;\n  line-height: 2.5rem;\n}\n\n.rf-text-5xl {\n  font-size: 3rem;\n  line-height: 1;\n}\n\n.rf-text-6xl {\n  font-size: 3.75rem;\n  line-height: 1;\n}\n\n.rf-text-7xl {\n  font-size: 4.5rem;\n  line-height: 1;\n}\n\n.rf-text-8xl {\n  font-size: 6rem;\n  line-height: 1;\n}\n\n.rf-text-\\[0\\.5rem\\] {\n  font-size: .5rem;\n}\n\n.rf-text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n\n.rf-text-basecustom {\n  font-size: 1rem;\n  line-height: 1.3rem;\n}\n\n.rf-text-lgcustom {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n\n.rf-text-sm {\n  font-size: .875rem;\n  line-height: 1.25rem;\n}\n\n.rf-text-sm\\/4 {\n  font-size: .875rem;\n  line-height: 1rem;\n}\n\n.rf-text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n\n.rf-text-xs {\n  font-size: .75rem;\n  line-height: 1rem;\n}\n\n.rf-text-xsl {\n  font-size: .7rem;\n  line-height: 1rem;\n}\n\n.rf-text-xsm {\n  font-size: .6rem;\n}\n\n.rf-font-bold {\n  font-weight: 600;\n}\n\n.rf-font-light {\n  font-weight: 200;\n}\n\n.rf-font-medium {\n  font-weight: 300;\n}\n\n.rf-font-semibold {\n  font-weight: 400;\n}\n\n.rf-uppercase {\n  text-transform: uppercase;\n}\n\n.rf-capitalize {\n  text-transform: capitalize;\n}\n\n.rf-normal-case {\n  text-transform: none;\n}\n\n.rf-italic {\n  font-style: italic;\n}\n\n.rf-leading-4 {\n  line-height: 1rem;\n}\n\n.rf-text-\\[\\#1999B1\\] {\n  --tw-text-opacity: 1;\n  color: rgb(25 153 177 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-\\[\\#325981\\] {\n  --tw-text-opacity: 1;\n  color: rgb(50 89 129 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-\\[\\#575F6B\\] {\n  --tw-text-opacity: 1;\n  color: rgb(87 95 107 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-\\[\\#9A9A9A\\] {\n  --tw-text-opacity: 1;\n  color: rgb(154 154 154 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-\\[\\#A4A7AF\\] {\n  --tw-text-opacity: 1;\n  color: rgb(164 167 175 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-black {\n  color: var(--rf-color-black);\n}\n\n.rf-text-cardButtonTextDefault {\n  color: var(--rf-color-cardButtonTextDefault);\n}\n\n.rf-text-cardFrameText {\n  color: var(--rf-color-cardFrameText);\n}\n\n.rf-text-formInputButtonTextDefault {\n  color: var(--rf-color-formInputButtonTextDefault);\n}\n\n.rf-text-formInputButtonTextHover {\n  color: var(--rf-color-formInputButtonTextHover);\n}\n\n.rf-text-formInputRadioCheckboxUncheckedBackground {\n  color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n}\n\n.rf-text-formInputTextDefault {\n  color: var(--rf-color-formInputTextDefault);\n}\n\n.rf-text-gray {\n  --tw-text-opacity: 1;\n  color: rgb(128 128 128 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-lightgray {\n  --tw-text-opacity: 1;\n  color: rgb(129 129 129 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-primary {\n  color: var(--rf-color-primary);\n}\n\n.rf-text-secondary {\n  color: var(--rf-color-secondary);\n}\n\n.rf-text-textModePanelConversationBot {\n  color: var(--rf-color-textModePanelConversationBot);\n}\n\n.rf-text-textModePanelConversationUser {\n  color: var(--rf-color-textModePanelConversationUser);\n}\n\n.rf-text-trueblack {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-truewhite {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-vocalModeSubtitlesText {\n  color: var(--rf-color-vocalModeSubtitlesText);\n}\n\n.rf-text-white {\n  --tw-text-opacity: 1;\n  color: rgb(247 243 246 / var(--tw-text-opacity, 1));\n}\n\n.rf-underline {\n  text-decoration-line: underline;\n}\n\n.rf-shadow-\\[-3px_-3px_10px_\\#00000099\\] {\n  --tw-shadow: -3px -3px 10px #0009;\n  --tw-shadow-colored: -3px -3px 10px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_15px_0_silver\\] {\n  --tw-shadow: 0 0 15px 0 silver;\n  --tw-shadow-colored: 0 0 15px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_20px_1px_\\#A4A7AF80\\] {\n  --tw-shadow: 0 0 20px 1px #a4a7af80;\n  --tw-shadow-colored: 0 0 20px 1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_3px_6px_\\#00000029\\] {\n  --tw-shadow: 0 0 3px 6px #00000029;\n  --tw-shadow-colored: 0 0 3px 6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#00000029\\] {\n  --tw-shadow: 0 3px 6px #00000029;\n  --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#606267\\] {\n  --tw-shadow: 0 3px 6px #606267;\n  --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_6px_6px_\\#00000029\\] {\n  --tw-shadow: 0 6px 6px #00000029;\n  --tw-shadow-colored: 0 6px 6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[20px_3px_20px_\\#00000029\\] {\n  --tw-shadow: 20px 3px 20px #00000029;\n  --tw-shadow-colored: 20px 3px 20px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[3px_3px_16px_\\#00000029\\] {\n  --tw-shadow: 3px 3px 16px #00000029;\n  --tw-shadow-colored: 3px 3px 16px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[3px_3px_6px_\\#00000029\\] {\n  --tw-shadow: 3px 3px 6px #00000029;\n  --tw-shadow-colored: 3px 3px 6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[inset_0_0_6px_\\#0000003B\\] {\n  --tw-shadow: inset 0 0 6px #0000003b;\n  --tw-shadow-colored: inset 0 0 6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[inset_0_12px_12px_-12px_\\#00000029\\,inset_0_-12px_12px_-12px_\\#00000029\\] {\n  --tw-shadow: inset 0 12px 12px -12px #00000029, inset 0 -12px 12px -12px #00000029;\n  --tw-shadow-colored: inset 0 12px 12px -12px var(--tw-shadow-color), inset 0 -12px 12px -12px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-outline-none {\n  outline-offset: 2px;\n  outline: 2px solid #0000;\n}\n\n.rf-blur-background {\n  --tw-blur: blur(var(--rf-blur-background));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.rf-filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.rf-transition-all {\n  transition-property: all;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.rf-transition-transform {\n  transition-property: transform;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.rf-text-shadow-black {\n  text-shadow: 2px 0 5px #000, -2px 0 5px #000, 0 2px 5px #000, 0 -2px 5px #000;\n}\n\n.rf-capitalize-first:first-letter {\n  text-transform: uppercase;\n}\n\nol {\n  padding-left: 2rem;\n  list-style-type: decimal;\n}\n\nul {\n  padding-left: 2rem;\n  list-style-type: disc;\n}\n\n#retorik-container.rf-portrait:not(.rf-large) .ac-image {\n  max-width: 100px;\n}\n\n.rf-glass-background, #retorik-container.portrait .portrait\\:rf-glass-background {\n  background-color: var(--rf-color-black);\n  --tw-bg-opacity: .62;\n  --tw-backdrop-blur: blur(8px);\n  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n.rf-loader-bouncing-bot {\n  aspect-ratio: 2;\n  --_g: no-repeat radial-gradient(circle closest-side, var(--rf-color-textModePanelConversationBot) 90%, transparent);\n  background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;\n  background-size: 33.3333% 50%;\n}\n\n@keyframes rf-loaderBouncing {\n  20% {\n    background-position: 0 0, 50%, 100%;\n  }\n\n  40% {\n    background-position: 0 100%, 50% 0, 100%;\n  }\n\n  60% {\n    background-position: 0%, 50% 100%, 100% 0;\n  }\n\n  80% {\n    background-position: 0%, 50%, 100% 100%;\n  }\n}\n\n.rf-loader-bouncing-bot {\n  animation: 1s linear infinite rf-loaderBouncing;\n}\n\n.rf-loader-bouncing-white {\n  aspect-ratio: 2;\n  --_g: no-repeat radial-gradient(circle closest-side, #fff 90%, transparent);\n  background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;\n  background-size: 33.3333% 50%;\n  animation: 1s linear infinite rf-loaderBouncing;\n}\n\n@keyframes rf-loaderPulsation {\n  0% {\n    transform: scale3d(1, 1, 1);\n  }\n\n  50% {\n    transform: scale3d(1.1, 1.1, 1);\n  }\n\n  100% {\n    transform: scale3d(1, 1, 1);\n  }\n}\n\n.rf-loader-pulsation {\n  animation: 2s cubic-bezier(.65, 0, .34, 1) infinite rf-loaderPulsation;\n}\n\n.rf-loader-pulsation:before {\n  content: \"\";\n  background-color: var(--rf-color-secondary);\n  z-index: -1;\n  border-radius: 50%;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n@keyframes rf-loaderRipple {\n  0% {\n    opacity: 1;\n    transform: scale3d(.75, .75, 1);\n  }\n\n  100% {\n    opacity: 0;\n    transform: scale3d(1.5, 1.5, 1);\n  }\n}\n\n.rf-loader-pulsation:before {\n  animation: 2.4s cubic-bezier(.65, 0, .34, 1) .4s infinite rf-loaderRipple;\n}\n\n.rf-loader-pulsation:after {\n  content: \"\";\n  background-color: var(--rf-color-secondary);\n  z-index: -1;\n  border-radius: 50%;\n  width: 100%;\n  height: 100%;\n  animation: 2.4s cubic-bezier(.65, 0, .34, 1) infinite rf-loaderRipple;\n  position: absolute;\n}\n\n.rf-loader:before {\n  content: \"\";\n  border-radius: 50%;\n  width: 1.5rem;\n  height: 1.5rem;\n  animation: 1.8s ease-in-out -.32s infinite both rf-loader;\n  display: block;\n  position: absolute;\n  right: 1.5rem;\n}\n\n.rf-loader:after {\n  content: \"\";\n  border-radius: 50%;\n  width: 1.5rem;\n  height: 1.5rem;\n  animation: 1.8s ease-in-out infinite both rf-loader;\n  display: block;\n  position: absolute;\n  left: 1.5rem;\n}\n\n.rf-loader-medium:before {\n  content: \"\";\n  border-radius: 50%;\n  width: 1rem;\n  height: 1rem;\n  animation: 1.8s ease-in-out -.32s infinite both rf-loaderMedium;\n  display: block;\n  position: absolute;\n  right: 1rem;\n}\n\n.rf-loader-medium:after {\n  content: \"\";\n  border-radius: 50%;\n  width: 1rem;\n  height: 1rem;\n  animation: 1.8s ease-in-out infinite both rf-loaderMedium;\n  display: block;\n  position: absolute;\n  left: 1rem;\n}\n\n.rf-loader-mini:before {\n  content: \"\";\n  border-radius: 50%;\n  width: .5rem;\n  height: .5rem;\n  animation: 1.8s ease-in-out -.32s infinite both rf-loaderMini;\n  display: block;\n  position: absolute;\n  right: .5rem;\n}\n\n.rf-loader-mini:after {\n  content: \"\";\n  border-radius: 50%;\n  width: .5rem;\n  height: .5rem;\n  animation: 1.8s ease-in-out infinite both rf-loaderMini;\n  display: block;\n  position: absolute;\n  left: .5rem;\n}\n\n.rf-loader-microphone:before, .rf-loader-microphone:after {\n  content: \"\";\n  --tw-border-opacity: 1;\n  border: 6px solid #0000;\n  border-top-color: rgb(128 128 128 / var(--tw-border-opacity, 1));\n  border-radius: 100%;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.rf-loader-microphone:before {\n  z-index: 2;\n  animation: 1s linear infinite rf-spin;\n}\n\n.rf-loader-microphone:after {\n  --tw-border-opacity: 1;\n  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));\n}\n\n.rf-loader-microphone-primary:before, .rf-loader-microphone-primary:after {\n  content: \"\";\n  border: 6px solid #0000;\n  border-top-color: var(--rf-color-primary);\n  border-radius: 100%;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.rf-loader-microphone-primary:before {\n  z-index: 2;\n  animation: 1s linear infinite rf-spin;\n}\n\n.rf-loader-microphone-primary:after {\n  --tw-border-opacity: 1;\n  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));\n}\n\n.rf-loader-microphone-secondary:before, .rf-loader-microphone-secondary:after {\n  content: \"\";\n  border: 6px solid #0000;\n  border-top-color: var(--rf-color-secondary);\n  border-radius: 100%;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.rf-loader-microphone-secondary:before {\n  z-index: 2;\n  animation: 1s linear infinite rf-spin;\n}\n\n.rf-loader-microphone-secondary:after {\n  --tw-border-opacity: 1;\n  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));\n}\n\n.rf-loader-counter {\n  border-width: 8px;\n  border-color: var(--rf-color-primary);\n  border-radius: 50%;\n  position: relative;\n}\n\n@keyframes rf-loaderCounter {\n  0% {\n    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n  }\n\n  25% {\n    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n  }\n\n  50% {\n    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\n  }\n\n  75% {\n    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n  }\n\n  100% {\n    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n  }\n}\n\n.rf-loader-counter:before {\n  border-width: 10px;\n  border-color: var(--rf-color-cardFrameBackground);\n  content: \"\";\n  animation: rf-loaderCounter;\n  animation-duration: var(--duration);\n  border-radius: 50%;\n  animation-timing-function: linear;\n  position: absolute;\n  inset: -9px;\n  transform: rotate(45deg);\n}\n\n.rf-touch-action-none {\n  touch-action: none;\n}\n\n.rf-unselectable {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  -webkit-touch-callout: none;\n}\n\n.rf-title-extralarge-bold-size-auto {\n  font-size: 2.25rem;\n  font-weight: 600;\n  line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-title-extralarge-bold-size-auto {\n  font-size: 3rem;\n  line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-extralarge-bold-size-auto {\n  font-size: 3.75rem;\n  line-height: 1;\n}\n\n.rf-title-extralarge-size-auto {\n  font-size: 2.25rem;\n  font-weight: 400;\n  line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-title-extralarge-size-auto {\n  font-size: 3rem;\n  line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-extralarge-size-auto {\n  font-size: 3.75rem;\n  line-height: 1;\n}\n\n.rf-title-large-size-auto {\n  font-size: 1.5rem;\n  font-weight: 400;\n  line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-large-size-auto {\n  font-size: 2.25rem;\n  line-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-large-size-auto {\n  font-size: 3rem;\n  line-height: 1;\n}\n\n.rf-title-large-bold-size-auto {\n  font-size: 1.875rem;\n  font-weight: 600;\n  line-height: 2.25rem;\n}\n\n#retorik-container.rf-large .rf-title-large-bold-size-auto {\n  font-size: 2.25rem;\n  line-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-large-bold-size-auto {\n  font-size: 3rem;\n  line-height: 1;\n}\n\n.rf-title-size-auto {\n  font-size: 1.5rem;\n  font-weight: 400;\n  line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-size-auto {\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-size-auto {\n  font-size: 2.25rem;\n  line-height: 2.5rem;\n}\n\n.rf-title-bold-size-auto {\n  font-size: 1.5rem;\n  font-weight: 600;\n  line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-bold-size-auto {\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-bold-size-auto {\n  font-size: 2.25rem;\n  line-height: 2.5rem;\n}\n\n.rf-subtitle-size-auto {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-subtitle-size-auto {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-subtitle-size-auto {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n\n.rf-text-extralarge-size-auto {\n  font-size: 2.25rem;\n  line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-text-extralarge-size-auto {\n  font-size: 3rem;\n  line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-extralarge-size-auto {\n  font-size: 3.75rem;\n  line-height: 1;\n}\n\n.rf-text-verylarge-size-auto {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-text-verylarge-size-auto {\n  font-size: 3.75rem;\n  line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-verylarge-size-auto {\n  font-size: 4.5rem;\n  line-height: 1;\n}\n\n.rf-text-large-size-auto {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-text-large-size-auto {\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-large-size-auto {\n  font-size: 2.25rem;\n  line-height: 2.5rem;\n}\n\n.rf-text-medium-size-auto {\n  font-size: 1rem;\n  line-height: 1.3rem;\n}\n\n#retorik-container.rf-large .rf-text-medium-size-auto {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n\n.rf-text-size-auto {\n  font-size: .875rem;\n  line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-text-size-auto {\n  font-size: 1rem;\n  line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-size-auto {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n\n.rf-text-small-size-auto {\n  font-size: .875rem;\n  line-height: 1rem;\n}\n\n#retorik-container.rf-large .rf-text-small-size-auto {\n  font-size: 1rem;\n  line-height: 1.1rem;\n}\n\n.rf-text-extra-small-size-auto {\n  font-size: .6rem;\n  line-height: .75rem;\n}\n\n#retorik-container.rf-large .rf-text-extra-small-size-auto {\n  font-size: .875rem;\n  line-height: 1rem;\n}\n\n.rf-small-size-auto {\n  font-size: .6rem;\n}\n\n#retorik-container.rf-large .rf-small-size-auto {\n  font-size: .75rem;\n  line-height: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-small-size-auto {\n  font-size: .875rem;\n  line-height: 1.25rem;\n}\n\n.rf-line-clamp-unknown {\n  hyphens: auto;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-line-clamp-1 {\n  hyphens: auto;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-line-clamp-2 {\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-line-clamp-3 {\n  hyphens: auto;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-line-clamp-4 {\n  hyphens: auto;\n  -webkit-line-clamp: 4;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-line-clamp-5 {\n  hyphens: auto;\n  -webkit-line-clamp: 5;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-line-clamp-6 {\n  hyphens: auto;\n  -webkit-line-clamp: 6;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-line-clamp-7 {\n  hyphens: auto;\n  -webkit-line-clamp: 7;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-line-clamp-8 {\n  hyphens: auto;\n  -webkit-line-clamp: 8;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-line-clamp-9 {\n  hyphens: auto;\n  -webkit-line-clamp: 9;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-line-clamp-10 {\n  hyphens: auto;\n  -webkit-line-clamp: 10;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-overflow-wrap {\n  overflow-wrap: anywhere;\n}\n\n.rf-height-fill-available {\n  height: stretch;\n}\n\n.rf-width-fill-available {\n  width: stretch;\n}\n\n.rf-animation-delay-2 {\n  animation-delay: .2s;\n}\n\n.rf-animation-delay-4 {\n  animation-delay: .4s;\n}\n\n.rf-scrollbar-thin {\n  scrollbar-width: thin;\n  scrollbar-color: var(--rf-color-secondary) transparent;\n}\n\n.rf-scrollbar-thin::-webkit-scrollbar {\n  width: .2rem;\n  height: .2rem;\n  margin: .25rem 0;\n}\n\n.rf-scrollbar-thin::-webkit-scrollbar-thumb {\n  background-color: var(--rf-color-secondary);\n  border-radius: .5rem;\n}\n\n.rf-scrollbar-x-custom::-webkit-scrollbar {\n  background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n  border-radius: 2rem;\n  height: .5rem;\n}\n\n.rf-scrollbar-x-custom::-webkit-scrollbar-thumb {\n  background-color: var(--rf-color-primary);\n  border-radius: 2rem;\n}\n\n.rf-scrollbar-hidden {\n  scrollbar-width: none;\n}\n\n.rf-scrollbar-hidden::-webkit-scrollbar {\n  display: none;\n}\n\n.rf-opacity-gradient-b {\n  -webkit-mask-image: linear-gradient(#000 50%, #0000 100%);\n}\n\n.rf-opacity-gradient-b-thin {\n  -webkit-mask-image: linear-gradient(#797676 84%, #0000 100%);\n}\n\n.rf-opacity-gradient-l {\n  -webkit-mask-image: linear-gradient(to left, #000 75%, gray 80%, #0000 85%);\n}\n\n.rf-opacity-gradient-l-thin {\n  -webkit-mask-image: linear-gradient(to left, #000 90%, gray 95%, #0000 100%);\n}\n\n.rf-opacity-gradient-r {\n  -webkit-mask-image: linear-gradient(to right, #000 75%, gray 80%, #0000 85%);\n}\n\n.rf-opacity-gradient-r-thin {\n  -webkit-mask-image: linear-gradient(to right, #000 90%, gray 95%, #0000 100%);\n}\n\n.rf-opacity-gradient-h {\n  -webkit-mask-image: linear-gradient(to right, #0000 0%, 6%, #000, 94%, #0000 100%);\n}\n\n.rf-card-button {\n  border-width: 1px;\n  border-color: var(--rf-color-cardButtonBorderDefault);\n  background-color: var(--rf-color-cardButtonBackgroundDefault);\n  color: var(--rf-color-cardButtonTextDefault);\n  border-radius: .3125rem;\n  padding: .25rem .5rem;\n  font-size: .875rem;\n  line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button {\n  font-size: 1rem;\n  line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button {\n  padding: .5rem 1rem;\n}\n\n.rf-card-button:hover {\n  cursor: pointer;\n  border-color: var(--rf-color-cardButtonBorderHover);\n  background-color: var(--rf-color-cardButtonBackgroundHover);\n  color: var(--rf-color-cardButtonTextHover);\n}\n\n.rf-card-button-clicked {\n  background-color: var(--rf-color-cardButtonBackgroundDefault);\n  border-width: 1px;\n  border-color: #0000;\n  padding-top: .25rem;\n  padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-clicked {\n  padding-top: .5rem;\n  padding-bottom: .5rem;\n}\n\n.rf-card-button-positive {\n  border-width: 1px;\n  border-color: var(--rf-color-cardFrameBackground);\n  background-color: var(--rf-color-cardButtonTextDefault);\n  color: var(--rf-color-cardFrameBackground);\n  border-radius: .3125rem;\n  padding: .25rem .5rem;\n  font-size: .875rem;\n  line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-positive {\n  font-size: 1rem;\n  line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-positive {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-positive {\n  padding: .5rem 1rem;\n}\n\n.rf-card-button-positive:hover {\n  cursor: pointer;\n  border-color: var(--rf-color-cardButtonTextDefault);\n  background-color: var(--rf-color-cardFrameBackground);\n  color: var(--rf-color-cardButtonTextDefault);\n}\n\n.rf-card-button-destructive {\n  --tw-border-opacity: 1;\n  border-width: 1px;\n  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n  border-radius: .3125rem;\n  padding: .25rem .5rem;\n  font-size: .875rem;\n  line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-destructive {\n  font-size: 1rem;\n  line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-destructive {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-destructive {\n  padding: .5rem 1rem;\n}\n\n.rf-card-button-destructive:hover {\n  cursor: pointer;\n  --tw-border-opacity: 1;\n  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n  --tw-text-opacity: 1;\n  color: rgb(220 38 38 / var(--tw-text-opacity, 1));\n}\n\n.rf-card-button-secondary {\n  border-width: 1px;\n  border-color: var(--rf-color-secondary);\n  color: var(--rf-color-secondary);\n  background-color: #0000;\n  border-radius: .3125rem;\n  padding: .25rem .5rem;\n  font-size: .875rem;\n  line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-secondary {\n  font-size: 1rem;\n  line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-secondary {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-secondary {\n  padding: .5rem 1rem;\n}\n\n.rf-card-button-secondary:hover {\n  cursor: pointer;\n  border-color: var(--rf-color-secondary);\n  background-color: var(--rf-color-secondary);\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n\n.rf-card-button-discover {\n  border-width: 1px;\n  border-color: var(--rf-color-cardButtonDiscoverBorderDefault);\n  background-color: var(--rf-color-cardButtonDiscoverBackgroundDefault);\n  color: var(--rf-color-cardButtonDiscoverTextDefault);\n  border-radius: .3125rem;\n  padding: .5rem;\n  font-size: .875rem;\n  line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-discover {\n  padding-top: .75rem;\n  padding-bottom: .75rem;\n}\n\n.rf-card-button-discover:hover {\n  cursor: pointer;\n  border-color: var(--rf-color-cardButtonDiscoverBorderHover);\n  background-color: var(--rf-color-cardButtonDiscoverBackgroundHover);\n  color: var(--rf-color-cardButtonDiscoverTextHover);\n}\n\n.rf-card-button-history {\n  cursor: default;\n  border-width: 1px;\n  border-color: var(--rf-color-cardButtonBorderDefault);\n  background-color: var(--rf-color-cardButtonBackgroundDefault);\n  color: var(--rf-color-cardButtonTextDefault);\n  border-radius: .3125rem;\n  padding: .25rem .5rem;\n  font-size: .875rem;\n  line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-history {\n  font-size: 1rem;\n  line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-history {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-history {\n  padding: .5rem 1rem;\n}\n\n.rf-card-button-mini, .rf-card-button-mini-selected, .rf-card-button-mini-disabled {\n  background-color: var(--rf-color-cardFrameBackground);\n  border-width: 1px;\n  border-radius: .3125rem;\n  font-size: .875rem;\n  line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-mini, #retorik-container.rf-large .rf-card-button-mini-selected, #retorik-container.rf-large .rf-card-button-mini-disabled {\n  font-size: 1rem;\n  line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-mini, #retorik-container.rf-large.rf-portrait .rf-card-button-mini-selected, #retorik-container.rf-large.rf-portrait .rf-card-button-mini-disabled {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n\n.rf-card-button-mini {\n  border-color: var(--rf-color-cardButtonBorderDefault);\n  background-color: var(--rf-color-cardFrameBackground);\n  color: var(--rf-color-cardButtonTextDefault);\n}\n\n.rf-card-button-mini:hover {\n  cursor: pointer;\n  border-color: var(--rf-color-cardButtonBorderHover);\n  background-color: var(--rf-color-cardFrameBackground);\n  color: var(--rf-color-cardButtonTextHover);\n}\n\n.rf-card-button-mini-selected {\n  border-color: var(--rf-color-cardFrameBackground);\n  background-color: var(--rf-color-cardButtonBorderDefault);\n  color: var(--rf-color-cardFrameBackground);\n}\n\n.lf-player-container {\n  align-items: flex-end;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  overflow: hidden;\n}\n\n.rf-input-label {\n  text-overflow: ellipsis;\n  color: var(--rf-color-formInputTextDefault);\n  margin-top: .1rem;\n  margin-left: .75rem;\n  overflow-x: hidden;\n}\n\n#retorik-container.rf-large .rf-input-label {\n  margin-top: .25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-input-label {\n  margin-top: .2rem;\n}\n\n.rf-radio-custom {\n  -webkit-appearance: none;\n  appearance: none;\n  border-width: 2px;\n  border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n  background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n  border-radius: 50%;\n  place-content: center;\n  width: 1.5rem;\n  min-width: 1.5rem;\n  height: 1.5rem;\n  margin: 0;\n  display: grid;\n}\n\n.rf-radio-custom:checked {\n  border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n  background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n#retorik-container.rf-large .rf-radio-custom {\n  width: 1.75rem;\n  min-width: 1.75rem;\n  height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-radio-custom {\n  width: 2rem;\n  min-width: 2rem;\n  height: 2rem;\n}\n\n.rf-radio-custom:before {\n  content: \"\";\n  --tw-scale-x: 0;\n  --tw-scale-y: 0;\n  width: .5rem;\n  height: .5rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  background-color: var(--rf-color-formInputRadioCheckboxCheckedItem);\n  border-radius: 50%;\n  transition-property: all;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n#retorik-container.rf-large .rf-radio-custom:before {\n  width: .75rem;\n  height: .75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-radio-custom:before {\n  width: 1rem;\n  height: 1rem;\n}\n\n.rf-radio-custom:checked:before {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-input-hidden {\n  -webkit-appearance: none;\n  appearance: none;\n  margin: 0;\n}\n\n.rf-checkbox-custom {\n  -webkit-appearance: none;\n  appearance: none;\n  border-width: 2px;\n  border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n  background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n  border-radius: .3125rem;\n  place-content: center;\n  width: 1.5rem;\n  min-width: 1.5rem;\n  height: 1.5rem;\n  margin: 0;\n  display: grid;\n}\n\n#retorik-container.rf-large .rf-checkbox-custom {\n  width: 1.75rem;\n  min-width: 1.75rem;\n  height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-checkbox-custom {\n  width: 2rem;\n  min-width: 2rem;\n  height: 2rem;\n}\n\n.rf-checkbox-custom:checked {\n  border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n  background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n.rf-toggle-custom {\n  -webkit-appearance: none;\n  appearance: none;\n  background-color: var(--rf-color-black);\n  border-radius: 1.5rem;\n  width: 3rem;\n  min-width: 3rem;\n  height: 1.5rem;\n  margin: 0;\n  position: relative;\n}\n\n.rf-toggle-custom:checked {\n  background-color: var(--rf-color-primary);\n}\n\n#retorik-container.rf-large .rf-toggle-custom {\n  border-radius: 1.75rem;\n  width: 3.5rem;\n  min-width: 3.5rem;\n  height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom {\n  border-radius: 2rem;\n  width: 4rem;\n  min-width: 4rem;\n  height: 2rem;\n}\n\n.rf-toggle-custom:before {\n  content: \"\";\n  --tw-translate-x: 0px;\n  width: 1rem;\n  height: 1rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n  border-radius: 50%;\n  transition-property: all;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n  position: absolute;\n  top: .25rem;\n  left: .25rem;\n}\n\n#retorik-container.rf-large .rf-toggle-custom:before {\n  width: 1.25rem;\n  height: 1.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom:before {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n.rf-toggle-custom:checked:before {\n  --tw-translate-x: 1.5rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large .rf-toggle-custom:checked:before {\n  --tw-translate-x: 1.75rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom:checked:before {\n  --tw-translate-x: 2rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-select-custom {\n  -webkit-appearance: none;\n  appearance: none;\n  border-width: 2px;\n  border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n  background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n  border-radius: .3125rem;\n  margin: 0;\n  padding: 1rem;\n}\n\n.rf-select-custom:hover {\n  cursor: pointer;\n}\n\n.rf-select-custom:focus-visible {\n  border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n}\n\n.rf-slider-custom {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  outline-offset: 2px;\n  border-radius: .5rem;\n  outline: 2px solid #0000;\n  width: 100%;\n  height: .25rem;\n  display: block;\n  position: relative;\n}\n\n.rf-slider-custom::-webkit-slider-runnable-track {\n  -webkit-appearance: none;\n}\n\n.rf-slider-custom::-moz-track {\n  -moz-appearance: none;\n}\n\n.rf-slider-custom::-ms-track {\n  appearance: none;\n}\n\n.rf-slider-custom::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n  border-style: none;\n  border-radius: 50%;\n  width: 1.5rem;\n  height: 1.5rem;\n  margin-top: -.2rem;\n}\n\n.rf-slider-custom::-webkit-slider-thumb:hover {\n  cursor: pointer;\n}\n\n.rf-slider-custom::-moz-range-thumb {\n  -webkit-appearance: none;\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n  border-style: none;\n  border-radius: 50%;\n  width: 1.5rem;\n  height: 1.5rem;\n  margin-top: -.2rem;\n}\n\n.rf-slider-custom::-moz-range-thumb:hover {\n  cursor: pointer;\n}\n\n.rf-slider-custom::-ms-thumb {\n  appearance: none;\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n  border-style: none;\n  border-radius: 50%;\n  width: 1.5rem;\n  height: 1.5rem;\n  margin-top: -.2rem;\n}\n\n.rf-slider-custom::-ms-thumb:hover {\n  cursor: pointer;\n}\n\n.rf-likert-custom {\n  cursor: pointer;\n  outline-offset: 2px;\n  -webkit-text-stroke-width: 1px;\n  -webkit-text-stroke-color: white;\n  background-color: #0000;\n  border-style: none;\n  outline: 2px solid #0000;\n}\n\n.svgButtonMenu > svg * {\n  fill: var(--fill);\n}\n\n.webchat__css-custom-properties {\n  width: 100%;\n  height: 100%;\n}\n\n.placeholder\\:rf-text-black::placeholder {\n  color: var(--rf-color-black);\n}\n\n.placeholder\\:rf-opacity-100::placeholder {\n  opacity: 1;\n}\n\n.hover\\:rf-cursor-pointer:hover {\n  cursor: pointer;\n}\n\n.hover\\:rf-border-truewhite:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));\n}\n\n.hover\\:rf-bg-\\[\\#1999B1\\]:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(25 153 177 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:rf-bg-formInputRadioCheckboxCheckedBackground:hover {\n  background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n.hover\\:rf-bg-transparent:hover {\n  background-color: #0000;\n}\n\n.hover\\:rf-bg-truewhite:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:rf-text-\\[\\#1999B1\\]:hover {\n  --tw-text-opacity: 1;\n  color: rgb(25 153 177 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:rf-text-\\[\\#325981\\]:hover {\n  --tw-text-opacity: 1;\n  color: rgb(50 89 129 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:rf-text-formInputRadioCheckboxCheckedItem:hover {\n  color: var(--rf-color-formInputRadioCheckboxCheckedItem);\n}\n\n.hover\\:rf-text-truewhite:hover {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:rf-shadow-\\[inset_0_0_12px_\\#00000029\\]:hover {\n  --tw-shadow: inset 0 0 12px #00000029;\n  --tw-shadow-colored: inset 0 0 12px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-col-span-full {\n  grid-column: 1 / -1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-col-start-1 {\n  grid-column-start: 1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-end-13 {\n  grid-row-end: 13;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-5\\/6 {\n  width: 83.3333%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-9\\/10 {\n  width: 90%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-full {\n  width: 100%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-flex-col {\n  flex-direction: column;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-items-center {\n  align-items: center;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-overflow-x-auto {\n  overflow-x: auto;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-border-r-0 {\n  border-right-width: 0;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-py-1 {\n  padding-top: .25rem;\n  padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-absolute {\n  position: absolute;\n}\n\n#retorik-container.rf-large .large\\:rf-top-8 {\n  top: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-m-8 {\n  margin: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-my-0 {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-my-3 {\n  margin-top: .75rem;\n  margin-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-0 {\n  margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-4 {\n  margin-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-6 {\n  margin-bottom: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-8 {\n  margin-left: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-0 {\n  margin-top: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-20 {\n  margin-top: 5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-3 {\n  margin-top: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-\\[20vh\\] {\n  margin-top: 20vh;\n}\n\n#retorik-container.rf-large .large\\:rf-block {\n  display: block;\n}\n\n#retorik-container.rf-large .large\\:rf-flex {\n  display: flex;\n}\n\n#retorik-container.rf-large .large\\:rf-hidden {\n  display: none;\n}\n\n#retorik-container.rf-large .large\\:rf-aspect-video {\n  aspect-ratio: 16 / 9;\n}\n\n#retorik-container.rf-large .large\\:rf-h-10 {\n  height: 2.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-16 {\n  height: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-20 {\n  height: 5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-3\\/5 {\n  height: 60%;\n}\n\n#retorik-container.rf-large .large\\:rf-h-4 {\n  height: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-5 {\n  height: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-6 {\n  height: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-8 {\n  height: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-\\[1\\.3rem\\] {\n  height: 1.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-\\[60vh\\] {\n  height: 60vh;\n}\n\n#retorik-container.rf-large .large\\:rf-h-auto {\n  height: auto;\n}\n\n#retorik-container.rf-large .large\\:rf-h-full {\n  height: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-h-28 {\n  max-height: 7rem;\n}\n\n#retorik-container.rf-large .large\\:rf-max-h-\\[2\\.3rem\\] {\n  max-height: 2.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-min-h-\\[2\\.3rem\\] {\n  min-height: 2.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-1\\/8 {\n  width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-w-14 {\n  width: 3.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-16 {\n  width: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-4 {\n  width: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-5 {\n  width: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-6 {\n  width: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-8 {\n  width: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-fit {\n  width: fit-content;\n}\n\n#retorik-container.rf-large .large\\:rf-w-full {\n  width: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-1\\/2 {\n  min-width: 50%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-1\\/8 {\n  min-width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-16 {\n  min-width: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-8 {\n  min-width: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-1\\/8 {\n  max-width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-\\[12rem\\] {\n  max-width: 12rem;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-full {\n  max-width: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-grid-cols-5 {\n  grid-template-columns: repeat(5, minmax(0, 1fr));\n}\n\n#retorik-container.rf-large .large\\:rf-flex-row {\n  flex-direction: row;\n}\n\n#retorik-container.rf-large .large\\:rf-flex-col {\n  flex-direction: column;\n}\n\n#retorik-container.rf-large .large\\:rf-items-baseline {\n  align-items: baseline;\n}\n\n#retorik-container.rf-large .large\\:rf-justify-start {\n  justify-content: flex-start;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-1 {\n  gap: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-3 {\n  gap: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-4 {\n  gap: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-6 {\n  gap: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-overflow-y-scroll {\n  overflow-y: scroll;\n}\n\n#retorik-container.rf-large .large\\:rf-border-t-0 {\n  border-top-width: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-bg-truewhite {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n\n#retorik-container.rf-large .large\\:rf-p-4 {\n  padding: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-p-\\[25px\\] {\n  padding: 25px;\n}\n\n#retorik-container.rf-large .large\\:rf-p-min1 {\n  padding: .1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-0 {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-px-16 {\n  padding-left: 4rem;\n  padding-right: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-5, #retorik-container.rf-large .large\\:rf-px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-0 {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-py-1 {\n  padding-top: .25rem;\n  padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-2 {\n  padding-top: .5rem;\n  padding-bottom: .5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-3 {\n  padding-top: .75rem;\n  padding-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pb-16 {\n  padding-bottom: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pl-4 {\n  padding-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pr-4 {\n  padding-right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pt-16 {\n  padding-top: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-5xl {\n  font-size: 3rem;\n  line-height: 1;\n}\n\n#retorik-container.rf-large .large\\:rf-text-6xl {\n  font-size: 3.75rem;\n  line-height: 1;\n}\n\n#retorik-container.rf-large .large\\:rf-text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-basecustom {\n  font-size: 1rem;\n  line-height: 1.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-sm {\n  font-size: .875rem;\n  line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-uppercase {\n  text-transform: uppercase;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-h-4 {\n  height: 1rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-h-6 {\n  height: 1.5rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-w-6 {\n  width: 1.5rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-pt-1\\/5 {\n  padding-top: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-absolute {\n  position: absolute;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-left-4 {\n  left: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-top-4 {\n  top: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-start-1 {\n  grid-column-start: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-start-2 {\n  grid-column-start: 2;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-end-8 {\n  grid-column-end: 8;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-4 {\n  margin-top: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-\\[20vh\\] {\n  margin-top: 20vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-\\[25vh\\] {\n  margin-top: 25vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-block {\n  display: block;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-hidden {\n  display: none;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-1\\/2 {\n  height: 50%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-14 {\n  height: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-24 {\n  height: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-5 {\n  height: 1.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-6 {\n  height: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-\\[50vh\\] {\n  height: 50vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-11\\/12 {\n  max-height: 91.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-36 {\n  max-height: 9rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-\\[18vh\\] {\n  max-height: 18vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-\\[30vh\\] {\n  max-height: 30vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-h-10 {\n  min-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-1\\/2 {\n  width: 50%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-14 {\n  width: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-16 {\n  width: 4rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-24 {\n  width: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-3\\/5 {\n  width: 60%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-6 {\n  width: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-full {\n  width: 100%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-14 {\n  min-width: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-24 {\n  min-width: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-3\\/5 {\n  min-width: 60%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-2\\/3 {\n  max-width: 66.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-\\[45\\%\\] {\n  max-width: 45%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-\\[60\\%\\] {\n  max-width: 60%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-flex-row {\n  flex-direction: row;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-flex-col {\n  flex-direction: column;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-justify-center {\n  justify-content: center;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-gap-4 {\n  gap: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-gap-6 {\n  gap: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-self-start {\n  align-self: flex-start;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-border-t {\n  border-top-width: 1px;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-border-t-menuBorder {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-py-5 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pl-0 {\n  padding-left: 0;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-48 {\n  padding-top: 12rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-8 {\n  padding-top: 2rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-\\[16\\.67\\%\\] {\n  padding-top: 16.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-\\[20vh\\] {\n  padding-top: 20vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-text-basecustomuppercase {\n  font-size: 1rem;\n  line-height: 1.1rem;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-mt-0 {\n  margin-top: 0;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-flex {\n  display: flex;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-hidden {\n  display: none;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-col-start-3 {\n  grid-column-start: 3;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-col-start-4 {\n  grid-column-start: 4;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:-rf-mt-4 {\n  margin-top: -1rem;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-h-full {\n  height: 100%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-w-\\[48\\%\\] {\n  width: 48%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-w-\\[calc\\(80\\%-10rem\\)\\] {\n  width: calc(80% - 10rem);\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-min-w-\\[48\\%\\] {\n  min-width: 48%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-max-w-\\[calc\\(\\(80\\%-10rem\\)\\*0\\.75\\)\\] {\n  max-width: calc(60% - 7.5rem);\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-flex-col-reverse {\n  flex-direction: column-reverse;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-items-start {\n  align-items: flex-start;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-justify-start {\n  justify-content: flex-start;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-justify-center {\n  justify-content: center;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-self-end {\n  align-self: flex-end;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-justify-self-start {\n  justify-self: start;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-pb-2 {\n  padding-bottom: .5rem;\n}\n\n#retorik-container.rf-mobile .mobile\\:rf-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n#retorik-container.rf-tablet .tablet\\:rf-w-28 {\n  width: 7rem;\n}\n\n#retorik-container.rf-tablet .tablet\\:rf-pl-12 {\n  padding-left: 3rem;\n}\n\n#retorik-container.rf-tablet .tablet\\:rf-pr-24 {\n  padding-right: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-h-10 {\n  height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-h-20 {\n  height: 5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-min-h-20 {\n  min-height: 5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-w-40 {\n  width: 10rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-p-5 {\n  padding: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-pl-32 {\n  padding-left: 8rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-pr-56 {\n  padding-right: 14rem;\n}\n\n.ltr\\:rf-left-0:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  left: 0;\n}\n\n.ltr\\:rf-left-1:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  left: .25rem;\n}\n\n.ltr\\:rf-left-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  left: 1rem;\n}\n\n.ltr\\:rf-right-0:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  right: 0;\n}\n\n.ltr\\:rf-right-12:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  right: 3rem;\n}\n\n.ltr\\:rf-right-2:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  right: .5rem;\n}\n\n.ltr\\:rf-right-3:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  right: .75rem;\n}\n\n.ltr\\:rf-right-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  right: 1rem;\n}\n\n.ltr\\:rf-right-6:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  right: 1.5rem;\n}\n\n.ltr\\:rf-right-9:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  right: 2.25rem;\n}\n\n.ltr\\:rf-col-start-1:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  grid-column-start: 1;\n}\n\n.ltr\\:rf-ml-1:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  margin-left: .25rem;\n}\n\n.ltr\\:rf-ml-2:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  margin-left: .5rem;\n}\n\n.ltr\\:rf-ml-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  margin-left: 1rem;\n}\n\n.ltr\\:rf-ml-6:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  margin-left: 1.5rem;\n}\n\n.ltr\\:rf-mr-1:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  margin-right: .25rem;\n}\n\n.ltr\\:rf-mr-2:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  margin-right: .5rem;\n}\n\n.ltr\\:rf-mr-3:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  margin-right: .75rem;\n}\n\n.ltr\\:rf-mr-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  margin-right: 1rem;\n}\n\n.ltr\\:rf-mr-5:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  margin-right: 1.25rem;\n}\n\n.ltr\\:rf-flex-row:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  flex-direction: row;\n}\n\n.ltr\\:rf-items-start:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  align-items: flex-start;\n}\n\n.ltr\\:rf-justify-start:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  justify-content: flex-start;\n}\n\n.ltr\\:rf-self-end:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  align-self: flex-end;\n}\n\n.ltr\\:rf-rounded-l-lg:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  border-top-left-radius: .5rem;\n  border-bottom-left-radius: .5rem;\n}\n\n.ltr\\:rf-rounded-tl-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  border-top-left-radius: 1rem;\n}\n\n.ltr\\:rf-rounded-tr-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  border-top-right-radius: 1rem;\n}\n\n.ltr\\:rf-pl-1:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  padding-left: .25rem;\n}\n\n.ltr\\:rf-pl-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  padding-left: 1rem;\n}\n\n.ltr\\:rf-pl-6:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  padding-left: 1.5rem;\n}\n\n.ltr\\:rf-pr-2:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  padding-right: .5rem;\n}\n\n.ltr\\:rf-pr-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  padding-right: 1rem;\n}\n\n.ltr\\:rf-text-left:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  text-align: left;\n}\n\n.ltr\\:rf-text-right:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  text-align: right;\n}\n\n.ltr\\:rf-text-xs:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  font-size: .75rem;\n  line-height: 1rem;\n}\n\n.ltr\\:rf-text-xsm:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  font-size: .6rem;\n}\n\n#retorik-container.rf-large .large\\:ltr\\:rf-left-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:ltr\\:rf-ml-0:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  margin-left: 0;\n}\n\n#retorik-container.rf-large .large\\:ltr\\:rf-ml-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  margin-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:ltr\\:rf-mr-3:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  margin-right: .75rem;\n}\n\n#retorik-container.rf-large .large\\:ltr\\:rf-mr-30:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  margin-right: 7.5rem;\n}\n\n#retorik-container.rf-large .large\\:ltr\\:rf-pl-12:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  padding-left: 3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:ltr\\:rf-right-9:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  right: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:ltr\\:rf-ml-1\\/5:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  margin-left: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:ltr\\:rf-mr-1\\/5:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  margin-right: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:ltr\\:rf-pl-0:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  padding-left: 0;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:ltr\\:rf-ml-1\\/5:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  margin-left: 20%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:ltr\\:rf-mr-40:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  margin-right: 10rem;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:ltr\\:-rf-translate-x-1\\/4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  --tw-translate-x: -25%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:ltr\\:rf-pl-1\\/5:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  padding-left: 20%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:ltr\\:rf-pl-\\[calc\\(50\\%-2\\.5rem\\)\\]:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  padding-left: calc(50% - 2.5rem);\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:ltr\\:rf-pr-40:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  padding-right: 10rem;\n}\n\n.rtl\\:rf-left-0:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  left: 0;\n}\n\n.rtl\\:rf-left-12:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  left: 3rem;\n}\n\n.rtl\\:rf-left-2:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  left: .5rem;\n}\n\n.rtl\\:rf-left-3:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  left: .75rem;\n}\n\n.rtl\\:rf-left-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  left: 1rem;\n}\n\n.rtl\\:rf-left-6:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  left: 1.5rem;\n}\n\n.rtl\\:rf-left-9:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  left: 2.25rem;\n}\n\n.rtl\\:rf-right-0:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  right: 0;\n}\n\n.rtl\\:rf-right-1:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  right: .25rem;\n}\n\n.rtl\\:rf-right-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  right: 1rem;\n}\n\n.rtl\\:rf-right-6:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  right: 1.5rem;\n}\n\n.rtl\\:rf-col-end-1:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  grid-column-end: 1;\n}\n\n.rtl\\:rf-ml-1:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  margin-left: .25rem;\n}\n\n.rtl\\:rf-ml-2:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  margin-left: .5rem;\n}\n\n.rtl\\:rf-ml-3:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  margin-left: .75rem;\n}\n\n.rtl\\:rf-ml-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  margin-left: 1rem;\n}\n\n.rtl\\:rf-ml-5:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  margin-left: 1.25rem;\n}\n\n.rtl\\:rf-mr-1:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  margin-right: .25rem;\n}\n\n.rtl\\:rf-mr-2:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  margin-right: .5rem;\n}\n\n.rtl\\:rf-mr-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  margin-right: 1rem;\n}\n\n.rtl\\:rf-mr-6:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  margin-right: 1.5rem;\n}\n\n.rtl\\:rf-flex-row-reverse:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  flex-direction: row-reverse;\n}\n\n.rtl\\:rf-items-end:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  align-items: flex-end;\n}\n\n.rtl\\:rf-justify-end:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  justify-content: flex-end;\n}\n\n.rtl\\:rf-self-start:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  align-self: flex-start;\n}\n\n.rtl\\:rf-rounded-r-lg:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  border-top-right-radius: .5rem;\n  border-bottom-right-radius: .5rem;\n}\n\n.rtl\\:rf-rounded-tl-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  border-top-left-radius: 1rem;\n}\n\n.rtl\\:rf-rounded-tr-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  border-top-right-radius: 1rem;\n}\n\n.rtl\\:rf-pl-2:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  padding-left: .5rem;\n}\n\n.rtl\\:rf-pl-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  padding-left: 1rem;\n}\n\n.rtl\\:rf-pr-1:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  padding-right: .25rem;\n}\n\n.rtl\\:rf-pr-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  padding-right: 1rem;\n}\n\n.rtl\\:rf-pr-6:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  padding-right: 1.5rem;\n}\n\n.rtl\\:rf-text-left:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  text-align: left;\n}\n\n.rtl\\:rf-text-right:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  text-align: right;\n}\n\n.rtl\\:rf-text-arabic:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  font-size: 1.125rem;\n  line-height: 1.15rem;\n}\n\n#retorik-container.rf-large .large\\:rtl\\:rf-right-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rtl\\:rf-ml-3:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  margin-left: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rtl\\:rf-ml-30:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  margin-left: 7.5rem;\n}\n\n#retorik-container.rf-large .large\\:rtl\\:rf-mr-0:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  margin-right: 0;\n}\n\n#retorik-container.rf-large .large\\:rtl\\:rf-mr-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  margin-right: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rtl\\:rf-left-9:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  left: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rtl\\:rf-ml-1\\/5:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  margin-left: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rtl\\:rf-mr-1\\/5:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  margin-right: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rtl\\:rf-pr-0:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  padding-right: 0;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rtl\\:rf-ml-40:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  margin-left: 10rem;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rtl\\:rf-mr-1\\/5:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  margin-right: 20%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rtl\\:rf-translate-x-1\\/4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  --tw-translate-x: 25%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rtl\\:rf-pl-40:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  padding-left: 10rem;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rtl\\:rf-pr-1\\/5:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  padding-right: 20%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rtl\\:rf-pr-\\[calc\\(50\\%-2\\.5rem\\)\\]:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  padding-right: calc(50% - 2.5rem);\n}\n";
+$203b743475f656c9$exports = "*, :before, :after, ::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: #3b82f680;\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n  --tw-contain-size: ;\n  --tw-contain-layout: ;\n  --tw-contain-paint: ;\n  --tw-contain-style: ;\n}\n\n*, :before, :after {\n  box-sizing: border-box;\n  border: 0 solid;\n}\n\n:before, :after {\n  --tw-content: \"\";\n}\n\nhtml, :host {\n  -webkit-text-size-adjust: 100%;\n  -moz-tab-size: 4;\n  tab-size: 4;\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  -webkit-tap-highlight-color: transparent;\n  font-family: Calibri, sans-serif;\n  line-height: 1.5;\n}\n\nbody {\n  line-height: inherit;\n  margin: 0;\n}\n\nhr {\n  height: 0;\n  color: inherit;\n  border-top-width: 1px;\n}\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\nb, strong {\n  font-weight: bolder;\n}\n\ncode, kbd, samp, pre {\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n  font-size: 1em;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub, sup {\n  vertical-align: baseline;\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n}\n\nsub {\n  bottom: -.25em;\n}\n\nsup {\n  top: -.5em;\n}\n\ntable {\n  text-indent: 0;\n  border-color: inherit;\n  border-collapse: collapse;\n}\n\nbutton, input, optgroup, select, textarea {\n  font-feature-settings: inherit;\n  font-variation-settings: inherit;\n  font-family: inherit;\n  font-size: 100%;\n  font-weight: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  color: inherit;\n  margin: 0;\n  padding: 0;\n}\n\nbutton, select {\n  text-transform: none;\n}\n\nbutton, input:where([type=\"button\"]), input:where([type=\"reset\"]), input:where([type=\"submit\"]) {\n  -webkit-appearance: button;\n  background-color: #0000;\n  background-image: none;\n}\n\n:-moz-focusring {\n  outline: auto;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\nprogress {\n  vertical-align: baseline;\n}\n\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\nsummary {\n  display: list-item;\n}\n\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol, ul, menu {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\ndialog {\n  padding: 0;\n}\n\ntextarea {\n  resize: vertical;\n}\n\ninput::placeholder, textarea::placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n\nbutton, [role=\"button\"] {\n  cursor: pointer;\n}\n\n:disabled {\n  cursor: default;\n}\n\nimg, svg, video, canvas, audio, iframe, embed, object {\n  vertical-align: middle;\n  display: block;\n}\n\nimg, video {\n  max-width: 100%;\n  height: auto;\n}\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n.rf-pointer-events-none {\n  pointer-events: none;\n}\n\n.rf-pointer-events-auto {\n  pointer-events: auto;\n}\n\n.rf-visible {\n  visibility: visible;\n}\n\n.rf-invisible {\n  visibility: hidden;\n}\n\n.rf-fixed {\n  position: fixed;\n}\n\n.rf-absolute {\n  position: absolute;\n}\n\n.rf-relative {\n  position: relative;\n}\n\n.-rf-left-6 {\n  left: -1.5rem;\n}\n\n.-rf-top-2 {\n  top: -.5rem;\n}\n\n.-rf-top-4 {\n  top: -1rem;\n}\n\n.-rf-top-6 {\n  top: -1.5rem;\n}\n\n.-rf-top-\\[1\\.15rem\\] {\n  top: -1.15rem;\n}\n\n.rf-bottom-0 {\n  bottom: 0;\n}\n\n.rf-bottom-1 {\n  bottom: .25rem;\n}\n\n.rf-bottom-1\\/4 {\n  bottom: 25%;\n}\n\n.rf-bottom-10 {\n  bottom: 2.5rem;\n}\n\n.rf-bottom-2 {\n  bottom: .5rem;\n}\n\n.rf-bottom-4 {\n  bottom: 1rem;\n}\n\n.rf-bottom-8 {\n  bottom: 2rem;\n}\n\n.rf-bottom-\\[calc\\(100\\%\\+2rem\\)\\] {\n  bottom: calc(100% + 2rem);\n}\n\n.rf-left-0 {\n  left: 0;\n}\n\n.rf-left-1 {\n  left: .25rem;\n}\n\n.rf-left-1\\/2 {\n  left: 50%;\n}\n\n.rf-left-12 {\n  left: 3rem;\n}\n\n.rf-left-2 {\n  left: .5rem;\n}\n\n.rf-left-4 {\n  left: 1rem;\n}\n\n.rf-left-8 {\n  left: 2rem;\n}\n\n.rf-left-\\[calc\\(100\\%\\+1rem\\)\\] {\n  left: calc(100% + 1rem);\n}\n\n.rf-left-\\[calc\\(50\\%-3rem\\)\\] {\n  left: calc(50% - 3rem);\n}\n\n.rf-right-0 {\n  right: 0;\n}\n\n.rf-right-1 {\n  right: .25rem;\n}\n\n.rf-right-10 {\n  right: 2.5rem;\n}\n\n.rf-right-12 {\n  right: 3rem;\n}\n\n.rf-right-2 {\n  right: .5rem;\n}\n\n.rf-right-3 {\n  right: .75rem;\n}\n\n.rf-right-4 {\n  right: 1rem;\n}\n\n.rf-right-6 {\n  right: 1.5rem;\n}\n\n.rf-right-8 {\n  right: 2rem;\n}\n\n.rf-right-9 {\n  right: 2.25rem;\n}\n\n.rf-right-\\[calc\\(100\\%\\+1rem\\)\\] {\n  right: calc(100% + 1rem);\n}\n\n.rf-top-0 {\n  top: 0;\n}\n\n.rf-top-1 {\n  top: .25rem;\n}\n\n.rf-top-1\\/2 {\n  top: 50%;\n}\n\n.rf-top-1\\/3 {\n  top: 33.3333%;\n}\n\n.rf-top-110 {\n  top: 110%;\n}\n\n.rf-top-2 {\n  top: .5rem;\n}\n\n.rf-top-4 {\n  top: 1rem;\n}\n\n.rf-top-8 {\n  top: 2rem;\n}\n\n.rf-top-\\[0\\.125rem\\] {\n  top: .125rem;\n}\n\n.rf-top-\\[calc\\(100\\%\\+1rem\\)\\] {\n  top: calc(100% + 1rem);\n}\n\n.rf-top-\\[calc\\(50\\%-3rem\\)\\] {\n  top: calc(50% - 3rem);\n}\n\n.rf-z-\\[10\\] {\n  z-index: 10;\n}\n\n.rf-z-\\[15\\] {\n  z-index: 15;\n}\n\n.rf-z-\\[1\\] {\n  z-index: 1;\n}\n\n.rf-z-\\[20\\] {\n  z-index: 20;\n}\n\n.rf-z-\\[25\\] {\n  z-index: 25;\n}\n\n.rf-z-\\[2\\] {\n  z-index: 2;\n}\n\n.rf-z-\\[5\\] {\n  z-index: 5;\n}\n\n.rf-z-agent {\n  z-index: 1;\n}\n\n.rf-z-background {\n  z-index: 0;\n}\n\n.rf-z-chatbot {\n  z-index: 10;\n}\n\n.rf-z-detailedPOI {\n  z-index: 31;\n}\n\n.rf-z-dropdown {\n  z-index: 30;\n}\n\n.rf-z-exitwidget {\n  z-index: 55;\n}\n\n.rf-z-list {\n  z-index: 30;\n}\n\n.rf-z-menu {\n  z-index: 40;\n}\n\n.rf-z-modal {\n  z-index: 50;\n}\n\n.rf-z-overlay {\n  z-index: 40;\n}\n\n.rf-z-ui {\n  z-index: 20;\n}\n\n.rf-z-util {\n  z-index: 2;\n}\n\n.rf-col-span-2 {\n  grid-column: span 2 / span 2;\n}\n\n.rf-col-span-3 {\n  grid-column: span 3 / span 3;\n}\n\n.rf-col-span-4 {\n  grid-column: span 4 / span 4;\n}\n\n.rf-col-span-full {\n  grid-column: 1 / -1;\n}\n\n.rf-col-start-1 {\n  grid-column-start: 1;\n}\n\n.rf-col-start-3 {\n  grid-column-start: 3;\n}\n\n.rf-col-start-4 {\n  grid-column-start: 4;\n}\n\n.rf-col-start-5 {\n  grid-column-start: 5;\n}\n\n.rf-col-end-13 {\n  grid-column-end: 13;\n}\n\n.rf-col-end-2 {\n  grid-column-end: 2;\n}\n\n.rf-col-end-9 {\n  grid-column-end: 9;\n}\n\n.rf-row-span-1 {\n  grid-row: span 1 / span 1;\n}\n\n.rf-row-span-2 {\n  grid-row: span 2 / span 2;\n}\n\n.rf-row-span-full {\n  grid-row: 1 / -1;\n}\n\n.rf-row-start-1 {\n  grid-row-start: 1;\n}\n\n.rf-row-start-12 {\n  grid-row-start: 12;\n}\n\n.rf-row-end-13 {\n  grid-row-end: 13;\n}\n\n.rf-row-end-3 {\n  grid-row-end: 3;\n}\n\n.rf-float-right {\n  float: right;\n}\n\n.rf-m-0 {\n  margin: 0;\n}\n\n.rf-m-4 {\n  margin: 1rem;\n}\n\n.rf-m-auto {\n  margin: auto;\n}\n\n.-rf-mx-6 {\n  margin-left: -1.5rem;\n  margin-right: -1.5rem;\n}\n\n.-rf-mx-8 {\n  margin-left: -2rem;\n  margin-right: -2rem;\n}\n\n.rf-mx-0 {\n  margin-left: 0;\n  margin-right: 0;\n}\n\n.rf-mx-2 {\n  margin-left: .5rem;\n  margin-right: .5rem;\n}\n\n.rf-mx-3 {\n  margin-left: .75rem;\n  margin-right: .75rem;\n}\n\n.rf-mx-4 {\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n\n.rf-mx-8 {\n  margin-left: 2rem;\n  margin-right: 2rem;\n}\n\n.rf-mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.rf-my-1 {\n  margin-top: .25rem;\n  margin-bottom: .25rem;\n}\n\n.rf-my-2 {\n  margin-top: .5rem;\n  margin-bottom: .5rem;\n}\n\n.rf-my-4 {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n\n.rf-my-auto {\n  margin-top: auto;\n  margin-bottom: auto;\n}\n\n.-rf-mb-4 {\n  margin-bottom: -1rem;\n}\n\n.rf-mb-0 {\n  margin-bottom: 0;\n}\n\n.rf-mb-1 {\n  margin-bottom: .25rem;\n}\n\n.rf-mb-12 {\n  margin-bottom: 3rem;\n}\n\n.rf-mb-16 {\n  margin-bottom: 4rem;\n}\n\n.rf-mb-2 {\n  margin-bottom: .5rem;\n}\n\n.rf-mb-26 {\n  margin-bottom: 6.5rem;\n}\n\n.rf-mb-28 {\n  margin-bottom: 7rem;\n}\n\n.rf-mb-3 {\n  margin-bottom: .75rem;\n}\n\n.rf-mb-30 {\n  margin-bottom: 7.5rem;\n}\n\n.rf-mb-4 {\n  margin-bottom: 1rem;\n}\n\n.rf-mb-5 {\n  margin-bottom: 1.25rem;\n}\n\n.rf-mb-6 {\n  margin-bottom: 1.5rem;\n}\n\n.rf-mb-8 {\n  margin-bottom: 2rem;\n}\n\n.rf-ml-1 {\n  margin-left: .25rem;\n}\n\n.rf-ml-2 {\n  margin-left: .5rem;\n}\n\n.rf-ml-4 {\n  margin-left: 1rem;\n}\n\n.rf-ml-6 {\n  margin-left: 1.5rem;\n}\n\n.rf-mr-1 {\n  margin-right: .25rem;\n}\n\n.rf-mr-2 {\n  margin-right: .5rem;\n}\n\n.rf-mr-3 {\n  margin-right: .75rem;\n}\n\n.rf-mr-4 {\n  margin-right: 1rem;\n}\n\n.rf-mr-5 {\n  margin-right: 1.25rem;\n}\n\n.rf-mt-1 {\n  margin-top: .25rem;\n}\n\n.rf-mt-10 {\n  margin-top: 2.5rem;\n}\n\n.rf-mt-2 {\n  margin-top: .5rem;\n}\n\n.rf-mt-4 {\n  margin-top: 1rem;\n}\n\n.rf-mt-5 {\n  margin-top: 1.25rem;\n}\n\n.rf-mt-8 {\n  margin-top: 2rem;\n}\n\n.rf-mt-\\[0\\.2rem\\] {\n  margin-top: .2rem;\n}\n\n.rf-mt-auto {\n  margin-top: auto;\n}\n\n.rf-box-border {\n  box-sizing: border-box;\n}\n\n.rf-line-clamp-1 {\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-line-clamp-2 {\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-inline {\n  display: inline;\n}\n\n.rf-flex {\n  display: flex;\n}\n\n.rf-grid {\n  display: grid;\n}\n\n.rf-hidden {\n  display: none;\n}\n\n.rf-aspect-\\[4\\/3\\] {\n  aspect-ratio: 4 / 3;\n}\n\n.rf-aspect-square {\n  aspect-ratio: 1;\n}\n\n.rf-aspect-video {\n  aspect-ratio: 16 / 9;\n}\n\n.rf-h-0 {\n  height: 0;\n}\n\n.rf-h-1\\/2 {\n  height: 50%;\n}\n\n.rf-h-1\\/3 {\n  height: 33.3333%;\n}\n\n.rf-h-10 {\n  height: 2.5rem;\n}\n\n.rf-h-12 {\n  height: 3rem;\n}\n\n.rf-h-14 {\n  height: 3.5rem;\n}\n\n.rf-h-16 {\n  height: 4rem;\n}\n\n.rf-h-18 {\n  height: 4.5rem;\n}\n\n.rf-h-2 {\n  height: .5rem;\n}\n\n.rf-h-2\\/3 {\n  height: 66.6667%;\n}\n\n.rf-h-2\\/5 {\n  height: 40%;\n}\n\n.rf-h-24 {\n  height: 6rem;\n}\n\n.rf-h-3 {\n  height: .75rem;\n}\n\n.rf-h-3\\/10 {\n  height: 30%;\n}\n\n.rf-h-32 {\n  height: 8rem;\n}\n\n.rf-h-36 {\n  height: 9rem;\n}\n\n.rf-h-4 {\n  height: 1rem;\n}\n\n.rf-h-48 {\n  height: 12rem;\n}\n\n.rf-h-5 {\n  height: 1.25rem;\n}\n\n.rf-h-6 {\n  height: 1.5rem;\n}\n\n.rf-h-7 {\n  height: 1.75rem;\n}\n\n.rf-h-8 {\n  height: 2rem;\n}\n\n.rf-h-9 {\n  height: 2.25rem;\n}\n\n.rf-h-\\[0\\.875rem\\] {\n  height: .875rem;\n}\n\n.rf-h-\\[1\\.25rem\\] {\n  height: 1.25rem;\n}\n\n.rf-h-\\[35\\%\\] {\n  height: 35%;\n}\n\n.rf-h-\\[50\\%\\] {\n  height: 50%;\n}\n\n.rf-h-\\[calc\\(50vw-3rem\\)\\] {\n  height: calc(50vw - 3rem);\n}\n\n.rf-h-fit {\n  height: fit-content;\n}\n\n.rf-h-full {\n  height: 100%;\n}\n\n.rf-h-max {\n  height: max-content;\n}\n\n.rf-h-screen {\n  height: 100vh;\n}\n\n.rf-max-h-12 {\n  max-height: 3rem;\n}\n\n.rf-max-h-16 {\n  max-height: 4rem;\n}\n\n.rf-max-h-20 {\n  max-height: 5rem;\n}\n\n.rf-max-h-28 {\n  max-height: 7rem;\n}\n\n.rf-max-h-4\\/5 {\n  max-height: 80%;\n}\n\n.rf-max-h-48 {\n  max-height: 12rem;\n}\n\n.rf-max-h-6 {\n  max-height: 1.5rem;\n}\n\n.rf-max-h-8 {\n  max-height: 2rem;\n}\n\n.rf-max-h-full {\n  max-height: 100%;\n}\n\n.rf-max-h-qrcode {\n  max-height: 120px;\n}\n\n.rf-max-h-qrcodelarge {\n  max-height: 200px;\n}\n\n.rf-max-h-screen {\n  max-height: 100vh;\n}\n\n.rf-min-h-12 {\n  min-height: 3rem;\n}\n\n.rf-min-h-14 {\n  min-height: 3.5rem;\n}\n\n.rf-min-h-16 {\n  min-height: 4rem;\n}\n\n.rf-min-h-2\\/5 {\n  min-height: 40%;\n}\n\n.rf-min-h-6 {\n  min-height: 1.5rem;\n}\n\n.rf-min-h-8 {\n  min-height: 2rem;\n}\n\n.rf-min-h-9 {\n  min-height: 2.25rem;\n}\n\n.rf-min-h-full {\n  min-height: 100%;\n}\n\n.rf-min-h-inherit {\n  min-height: inherit;\n}\n\n.rf-w-0 {\n  width: 0;\n}\n\n.rf-w-1\\/2 {\n  width: 50%;\n}\n\n.rf-w-1\\/3 {\n  width: 33.3333%;\n}\n\n.rf-w-1\\/4 {\n  width: 25%;\n}\n\n.rf-w-10 {\n  width: 2.5rem;\n}\n\n.rf-w-12 {\n  width: 3rem;\n}\n\n.rf-w-16 {\n  width: 4rem;\n}\n\n.rf-w-18 {\n  width: 4.5rem;\n}\n\n.rf-w-2 {\n  width: .5rem;\n}\n\n.rf-w-2\\/3 {\n  width: 66.6667%;\n}\n\n.rf-w-20 {\n  width: 5rem;\n}\n\n.rf-w-24 {\n  width: 6rem;\n}\n\n.rf-w-3 {\n  width: .75rem;\n}\n\n.rf-w-3\\/20 {\n  width: 15%;\n}\n\n.rf-w-3\\/4 {\n  width: 75%;\n}\n\n.rf-w-3\\/5 {\n  width: 60%;\n}\n\n.rf-w-32 {\n  width: 8rem;\n}\n\n.rf-w-36 {\n  width: 9rem;\n}\n\n.rf-w-4 {\n  width: 1rem;\n}\n\n.rf-w-48 {\n  width: 12rem;\n}\n\n.rf-w-5 {\n  width: 1.25rem;\n}\n\n.rf-w-6 {\n  width: 1.5rem;\n}\n\n.rf-w-7 {\n  width: 1.75rem;\n}\n\n.rf-w-8 {\n  width: 2rem;\n}\n\n.rf-w-9 {\n  width: 2.25rem;\n}\n\n.rf-w-\\[45\\%\\] {\n  width: 45%;\n}\n\n.rf-w-\\[90\\%\\] {\n  width: 90%;\n}\n\n.rf-w-\\[calc\\(100\\%-3rem\\)\\] {\n  width: calc(100% - 3rem);\n}\n\n.rf-w-fit {\n  width: fit-content;\n}\n\n.rf-w-full {\n  width: 100%;\n}\n\n.rf-w-max {\n  width: max-content;\n}\n\n.rf-w-screen {\n  width: 100vw;\n}\n\n.rf-min-w-12 {\n  min-width: 3rem;\n}\n\n.rf-min-w-24 {\n  min-width: 6rem;\n}\n\n.rf-min-w-3\\/20 {\n  min-width: 15%;\n}\n\n.rf-min-w-6 {\n  min-width: 1.5rem;\n}\n\n.rf-min-w-7 {\n  min-width: 1.75rem;\n}\n\n.rf-min-w-\\[45\\%\\] {\n  min-width: 45%;\n}\n\n.rf-min-w-full {\n  min-width: 100%;\n}\n\n.rf-max-w-1\\/2 {\n  max-width: 50%;\n}\n\n.rf-max-w-16 {\n  max-width: 4rem;\n}\n\n.rf-max-w-3\\/20 {\n  max-width: 15%;\n}\n\n.rf-max-w-6 {\n  max-width: 1.5rem;\n}\n\n.rf-max-w-7\\/10 {\n  max-width: 70%;\n}\n\n.rf-max-w-\\[100vw\\] {\n  max-width: 100vw;\n}\n\n.rf-max-w-\\[45\\%\\] {\n  max-width: 45%;\n}\n\n.rf-max-w-\\[500px\\] {\n  max-width: 500px;\n}\n\n.rf-max-w-\\[75\\%\\] {\n  max-width: 75%;\n}\n\n.rf-max-w-\\[calc\\(100\\%-2rem\\)\\] {\n  max-width: calc(100% - 2rem);\n}\n\n.rf-max-w-full {\n  max-width: 100%;\n}\n\n.rf-max-w-none {\n  max-width: none;\n}\n\n.rf-flex-1 {\n  flex: 1;\n}\n\n.rf-flex-\\[0_0_40\\%\\] {\n  flex: 0 0 40%;\n}\n\n.rf-flex-\\[2_1_0\\%\\] {\n  flex: 2;\n}\n\n.rf-flex-\\[4_1_0\\%\\] {\n  flex: 4;\n}\n\n.rf-border-collapse {\n  border-collapse: collapse;\n}\n\n.rf-origin-center {\n  transform-origin: center;\n}\n\n.-rf-translate-x-1\\/2 {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-rf-translate-y-1\\/2 {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-rf-translate-y-full {\n  --tw-translate-y: -100%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf--translate-x-1\\/2 {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-translate-x-1 {\n  --tw-translate-x: .25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-translate-x-5 {\n  --tw-translate-x: 1.25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-0 {\n  --tw-rotate: 0deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-180 {\n  --tw-rotate: 180deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-scale-0 {\n  --tw-scale-x: 0;\n  --tw-scale-y: 0;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes rf-blink {\n  0%, 100% {\n    opacity: .2;\n  }\n\n  50% {\n    opacity: 1;\n  }\n}\n\n.rf-animate-blink {\n  animation: 1.4s infinite both rf-blink;\n}\n\n@keyframes rf-fadeIn {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n.rf-animate-fadeIn {\n  animation: .5s .2s backwards rf-fadeIn;\n}\n\n@keyframes rf-hScroll {\n  0% {\n    transform: translateX(0);\n  }\n\n  100% {\n    transform: translateX(calc(-100% - 2rem));\n  }\n}\n\n.rf-animate-hScroll {\n  animation: 20s linear infinite rf-hScroll;\n}\n\n@keyframes rf-loader {\n  0% {\n    box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n  }\n\n  40% {\n    box-shadow: 0 1.5rem 0 -.3rem var(--rf-color-loader-animation);\n  }\n\n  80% {\n    box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n  }\n\n  100% {\n    box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n  }\n}\n\n.rf-animate-loader {\n  animation: 1.8s ease-in-out -.16s infinite both rf-loader;\n}\n\n.rf-animate-loaderFadeIn {\n  animation: 2s rf-fadeIn;\n}\n\n@keyframes rf-fadeOut {\n  0% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n  }\n}\n\n.rf-animate-loaderFadeOut {\n  animation: 1s rf-fadeOut;\n}\n\n@keyframes rf-loaderMedium {\n  0% {\n    box-shadow: 0 .75rem 0 -.75rem var(--rf-color-loader-animation);\n  }\n\n  40% {\n    box-shadow: 0 .75rem 0 -.25rem var(--rf-color-loader-animation);\n  }\n\n  80% {\n    box-shadow: 0 .75rem 0 -.75rem var(--rf-color-loader-animation);\n  }\n\n  100% {\n    box-shadow: 0 .75rem 0 -.75rem var(--rf-color-loader-animation);\n  }\n}\n\n.rf-animate-loaderMedium {\n  animation: 1.8s ease-in-out -.16s infinite both rf-loaderMedium;\n}\n\n@keyframes rf-loaderMini {\n  0% {\n    box-shadow: 0 .5rem 0 -.5rem var(--rf-color-loader-animation);\n  }\n\n  40% {\n    box-shadow: 0 .5rem 0 -.1rem var(--rf-color-loader-animation);\n  }\n\n  80% {\n    box-shadow: 0 .5rem 0 -.5rem var(--rf-color-loader-animation);\n  }\n\n  100% {\n    box-shadow: 0 .5rem 0 -.5rem var(--rf-color-loader-animation);\n  }\n}\n\n.rf-animate-loaderMini {\n  animation: 1.8s ease-in-out -.16s infinite both rf-loaderMini;\n}\n\n@keyframes rf-slideBottom {\n  0% {\n    opacity: 0;\n    transform: translateX(0)translateY(20px);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateX(0)translateY(0);\n  }\n}\n\n.rf-animate-slideBottom {\n  animation: .5s .2s backwards rf-slideBottom;\n}\n\n@keyframes rf-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.rf-animate-spin {\n  animation: 1s linear infinite rf-spin;\n}\n\n.rf-cursor-pointer {\n  cursor: pointer;\n}\n\n.rf-select-none {\n  user-select: none;\n}\n\n.rf-resize-none {\n  resize: none;\n}\n\n.rf-scroll-pb-4 {\n  scroll-padding-bottom: 1rem;\n}\n\n.rf-grid-cols-1 {\n  grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n\n.rf-grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.rf-grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.rf-grid-cols-4 {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.rf-grid-cols-6 {\n  grid-template-columns: repeat(6, minmax(0, 1fr));\n}\n\n.rf-grid-cols-7 {\n  grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n\n.rf-grid-cols-8 {\n  grid-template-columns: repeat(8, minmax(0, 1fr));\n}\n\n.rf-grid-cols-\\[repeat\\(2\\,30\\%\\)\\] {\n  grid-template-columns: repeat(2, 30%);\n}\n\n.rf-grid-cols-\\[repeat\\(2\\,45\\%\\)\\] {\n  grid-template-columns: repeat(2, 45%);\n}\n\n.rf-grid-cols-\\[repeat\\(3\\,31\\%\\)\\] {\n  grid-template-columns: repeat(3, 31%);\n}\n\n.rf-grid-cols-headerContainer {\n  grid-template-columns: 5rem 1rem 1fr 1fr;\n}\n\n.rf-grid-cols-printingPreview {\n  grid-template-columns: minmax(0, 1fr) 3rem;\n}\n\n.rf-grid-cols-routes {\n  grid-template-columns: repeat(3, max-content);\n}\n\n.rf-grid-rows-1 {\n  grid-template-rows: repeat(1, minmax(0, 1fr));\n}\n\n.rf-grid-rows-2 {\n  grid-template-rows: repeat(2, minmax(0, 1fr));\n}\n\n.rf-grid-rows-3 {\n  grid-template-rows: repeat(3, minmax(0, 1fr));\n}\n\n.rf-grid-rows-4 {\n  grid-template-rows: repeat(4, minmax(0, 1fr));\n}\n\n.rf-grid-rows-5 {\n  grid-template-rows: repeat(5, minmax(0, 1fr));\n}\n\n.rf-grid-rows-container {\n  grid-template-rows: repeat(12, minmax(0, 1fr));\n}\n\n.rf-grid-rows-headerContainer {\n  grid-template-rows: repeat(2, minmax(0, 1fr));\n}\n\n.rf-flex-row {\n  flex-direction: row;\n}\n\n.rf-flex-col {\n  flex-direction: column;\n}\n\n.rf-flex-col-reverse {\n  flex-direction: column-reverse;\n}\n\n.rf-flex-wrap {\n  flex-wrap: wrap;\n}\n\n.rf-flex-nowrap {\n  flex-wrap: nowrap;\n}\n\n.rf-content-around {\n  align-content: space-around;\n}\n\n.rf-items-start {\n  align-items: flex-start;\n}\n\n.rf-items-end {\n  align-items: flex-end;\n}\n\n.rf-items-center {\n  align-items: center;\n}\n\n.rf-justify-start {\n  justify-content: flex-start;\n}\n\n.rf-justify-end {\n  justify-content: flex-end;\n}\n\n.rf-justify-center {\n  justify-content: center;\n}\n\n.rf-justify-between {\n  justify-content: space-between;\n}\n\n.rf-justify-around {\n  justify-content: space-around;\n}\n\n.rf-justify-evenly {\n  justify-content: space-evenly;\n}\n\n.rf-gap-1 {\n  gap: .25rem;\n}\n\n.rf-gap-12 {\n  gap: 3rem;\n}\n\n.rf-gap-2 {\n  gap: .5rem;\n}\n\n.rf-gap-3 {\n  gap: .75rem;\n}\n\n.rf-gap-4 {\n  gap: 1rem;\n}\n\n.rf-gap-5 {\n  gap: 1.25rem;\n}\n\n.rf-gap-6 {\n  gap: 1.5rem;\n}\n\n.rf-gap-8 {\n  gap: 2rem;\n}\n\n.rf-gap-9 {\n  gap: 2.25rem;\n}\n\n.rf-gap-\\[10\\%\\] {\n  gap: 10%;\n}\n\n.rf-gap-x-\\[3\\.5\\%\\] {\n  column-gap: 3.5%;\n}\n\n.rf-divide-x > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-x-reverse: 0;\n  border-right-width: calc(1px * var(--tw-divide-x-reverse));\n  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));\n}\n\n.rf-self-auto {\n  align-self: auto;\n}\n\n.rf-self-start {\n  align-self: flex-start;\n}\n\n.rf-self-end {\n  align-self: flex-end;\n}\n\n.rf-self-center {\n  align-self: center;\n}\n\n.rf-justify-self-start {\n  justify-self: start;\n}\n\n.rf-justify-self-end {\n  justify-self: end;\n}\n\n.rf-justify-self-center {\n  justify-self: center;\n}\n\n.rf-overflow-hidden {\n  overflow: hidden;\n}\n\n.rf-overflow-clip {\n  overflow: clip;\n}\n\n.rf-overflow-y-auto {\n  overflow-y: auto;\n}\n\n.rf-overflow-x-hidden {\n  overflow-x: hidden;\n}\n\n.rf-overflow-y-hidden {\n  overflow-y: hidden;\n}\n\n.rf-overflow-y-clip {\n  overflow-y: clip;\n}\n\n.rf-overflow-x-visible {\n  overflow-x: visible;\n}\n\n.rf-overflow-y-visible {\n  overflow-y: visible;\n}\n\n.rf-overflow-x-scroll {\n  overflow-x: scroll;\n}\n\n.rf-overflow-y-scroll {\n  overflow-y: scroll;\n}\n\n.rf-truncate {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.rf-whitespace-nowrap {\n  white-space: nowrap;\n}\n\n.rf-whitespace-break-spaces {\n  white-space: break-spaces;\n}\n\n.rf-rounded {\n  border-radius: .3125rem;\n}\n\n.rf-rounded-6 {\n  border-radius: 1.5rem;\n}\n\n.rf-rounded-8 {\n  border-radius: 2rem;\n}\n\n.rf-rounded-\\[20px\\] {\n  border-radius: 20px;\n}\n\n.rf-rounded-half {\n  border-radius: 50%;\n}\n\n.rf-rounded-lg {\n  border-radius: .5rem;\n}\n\n.rf-rounded-max {\n  border-radius: 100%;\n}\n\n.rf-rounded-b {\n  border-bottom-right-radius: .3125rem;\n  border-bottom-left-radius: .3125rem;\n}\n\n.rf-rounded-b-4 {\n  border-bottom-right-radius: 1rem;\n  border-bottom-left-radius: 1rem;\n}\n\n.rf-rounded-b-lg {\n  border-bottom-right-radius: .5rem;\n  border-bottom-left-radius: .5rem;\n}\n\n.rf-rounded-l-lg {\n  border-top-left-radius: .5rem;\n  border-bottom-left-radius: .5rem;\n}\n\n.rf-rounded-t-lg {\n  border-top-left-radius: .5rem;\n  border-top-right-radius: .5rem;\n}\n\n.rf-rounded-tl-4 {\n  border-top-left-radius: 1rem;\n}\n\n.rf-rounded-tr-4 {\n  border-top-right-radius: 1rem;\n}\n\n.rf-border {\n  border-width: 1px;\n}\n\n.rf-border-0 {\n  border-width: 0;\n}\n\n.rf-border-2 {\n  border-width: 2px;\n}\n\n.rf-border-y {\n  border-top-width: 1px;\n  border-bottom-width: 1px;\n}\n\n.rf-border-b {\n  border-bottom-width: 1px;\n}\n\n.rf-border-b-2 {\n  border-bottom-width: 2px;\n}\n\n.rf-border-l {\n  border-left-width: 1px;\n}\n\n.rf-border-r {\n  border-right-width: 1px;\n}\n\n.rf-border-t {\n  border-top-width: 1px;\n}\n\n.rf-border-t-0 {\n  border-top-width: 0;\n}\n\n.rf-border-none {\n  border-style: none;\n}\n\n.rf-border-\\[\\#00000029\\] {\n  border-color: #00000029;\n}\n\n.rf-border-\\[\\#1999B1\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(25 153 177 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#325981\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(50 89 129 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#707070\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(112 112 112 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#8B8888\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(139 136 136 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#9FA2AA\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(159 162 170 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#C7C6C6\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(199 198 198 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#F0F0F0\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-black {\n  border-color: var(--rf-color-black);\n}\n\n.rf-border-cardButtonBorderDefault {\n  border-color: var(--rf-color-cardButtonBorderDefault);\n}\n\n.rf-border-cardButtonBorderHover {\n  border-color: var(--rf-color-cardButtonBorderHover);\n}\n\n.rf-border-cardFrameBorder {\n  border-color: var(--rf-color-cardFrameBorder);\n}\n\n.rf-border-formInputButtonBorderDefault {\n  border-color: var(--rf-color-formInputButtonBorderDefault);\n}\n\n.rf-border-formInputButtonBorderHover {\n  border-color: var(--rf-color-formInputButtonBorderHover);\n}\n\n.rf-border-formInputRadioCheckboxCheckedBorder {\n  border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n}\n\n.rf-border-formInputRadioCheckboxUncheckedBorder {\n  border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n}\n\n.rf-border-gray {\n  --tw-border-opacity: 1;\n  border-color: rgb(128 128 128 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-lightgray {\n  --tw-border-opacity: 1;\n  border-color: rgb(129 129 129 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-menuBorder {\n  --tw-border-opacity: 1;\n  border-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-primary {\n  border-color: var(--rf-color-primary);\n}\n\n.rf-border-secondary {\n  border-color: var(--rf-color-secondary);\n}\n\n.rf-border-templateCheckboxBorder {\n  --tw-border-opacity: 1;\n  border-color: rgb(112 112 112 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-textBoxBorder {\n  --tw-border-opacity: 1;\n  border-color: rgb(190 190 190 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-textModePanelBackgroundBot {\n  border-color: var(--rf-color-textModePanelBackgroundBot);\n}\n\n.rf-border-textModePanelBackgroundUser {\n  border-color: var(--rf-color-textModePanelBackgroundUser);\n}\n\n.rf-border-trueblack {\n  --tw-border-opacity: 1;\n  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-truewhite {\n  --tw-border-opacity: 1;\n  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-x-primary {\n  border-left-color: var(--rf-color-primary);\n  border-right-color: var(--rf-color-primary);\n}\n\n.rf-border-y-menuBorder {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n  border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-b-\\[\\#C4C5C8\\] {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(196 197 200 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-b-black {\n  border-bottom-color: var(--rf-color-black);\n}\n\n.rf-border-b-menuBorder {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-b-silver {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(192 192 192 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-b-transparent {\n  border-bottom-color: #0000;\n}\n\n.rf-border-l-menuBorder {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-r-\\[\\#8B8888\\] {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(139 136 136 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-r-silver {\n  --tw-border-opacity: 1;\n  border-right-color: rgb(192 192 192 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-t-\\[\\#8B8888\\] {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(139 136 136 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-t-\\[\\#CBC9C9\\] {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(203 201 201 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-t-menuBorder {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-bg-\\[\\#00000050\\] {\n  background-color: #00000050;\n}\n\n.rf-bg-\\[\\#000000B3\\] {\n  background-color: #000000b3;\n}\n\n.rf-bg-\\[\\#121212F2\\] {\n  background-color: #121212f2;\n}\n\n.rf-bg-\\[\\#1999B1\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(25 153 177 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-\\[\\#325981\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(50 89 129 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-\\[\\#CDE5FE\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(205 229 254 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-\\[\\#F0F0F0\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-\\[\\#F8F8F8\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-black {\n  background-color: var(--rf-color-black);\n}\n\n.rf-bg-blue-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-cardButtonBackgroundDefault {\n  background-color: var(--rf-color-cardButtonBackgroundDefault);\n}\n\n.rf-bg-cardButtonBackgroundHover {\n  background-color: var(--rf-color-cardButtonBackgroundHover);\n}\n\n.rf-bg-cardFrameBackground {\n  background-color: var(--rf-color-cardFrameBackground);\n}\n\n.rf-bg-formInputButtonBackgroundDefault {\n  background-color: var(--rf-color-formInputButtonBackgroundDefault);\n}\n\n.rf-bg-formInputButtonBackgroundHover {\n  background-color: var(--rf-color-formInputButtonBackgroundHover);\n}\n\n.rf-bg-formInputRadioCheckboxUncheckedBackground {\n  background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n}\n\n.rf-bg-gray {\n  --tw-bg-opacity: 1;\n  background-color: rgb(128 128 128 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-primary {\n  background-color: var(--rf-color-primary);\n}\n\n.rf-bg-red-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-secondary {\n  background-color: var(--rf-color-secondary);\n}\n\n.rf-bg-silver {\n  --tw-bg-opacity: 1;\n  background-color: rgb(192 192 192 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-templateBackground {\n  --tw-bg-opacity: 1;\n  background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-templateEmptyCard {\n  --tw-bg-opacity: 1;\n  background-color: rgb(232 231 231 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-textModePanelBackgroundBot {\n  background-color: var(--rf-color-textModePanelBackgroundBot);\n}\n\n.rf-bg-textModePanelBackgroundUser {\n  background-color: var(--rf-color-textModePanelBackgroundUser);\n}\n\n.rf-bg-transparent {\n  background-color: #0000;\n}\n\n.rf-bg-truewhite {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-vocalModeSubtitlesBackground {\n  background-color: var(--rf-color-vocalModeSubtitlesBackground);\n}\n\n.rf-bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(247 243 246 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-opacity-30 {\n  --tw-bg-opacity: .3;\n}\n\n.rf-bg-opacity-50 {\n  --tw-bg-opacity: .5;\n}\n\n.rf-bg-opacity-80 {\n  --tw-bg-opacity: .8;\n}\n\n.rf-object-cover {\n  object-fit: cover;\n}\n\n.rf-p-0 {\n  padding: 0;\n}\n\n.rf-p-1 {\n  padding: .25rem;\n}\n\n.rf-p-2 {\n  padding: .5rem;\n}\n\n.rf-p-3 {\n  padding: .75rem;\n}\n\n.rf-p-4 {\n  padding: 1rem;\n}\n\n.rf-p-\\[25px\\] {\n  padding: 25px;\n}\n\n.rf-p-\\[7px_12px\\] {\n  padding: 7px 12px;\n}\n\n.rf-px-1 {\n  padding-left: .25rem;\n  padding-right: .25rem;\n}\n\n.rf-px-16 {\n  padding-left: 4rem;\n  padding-right: 4rem;\n}\n\n.rf-px-2 {\n  padding-left: .5rem;\n  padding-right: .5rem;\n}\n\n.rf-px-3 {\n  padding-left: .75rem;\n  padding-right: .75rem;\n}\n\n.rf-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n.rf-px-48 {\n  padding-left: 12rem;\n  padding-right: 12rem;\n}\n\n.rf-px-5, .rf-px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n.rf-px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n\n.rf-py-0 {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.rf-py-1 {\n  padding-top: .25rem;\n  padding-bottom: .25rem;\n}\n\n.rf-py-12 {\n  padding-top: 3rem;\n  padding-bottom: 3rem;\n}\n\n.rf-py-16 {\n  padding-top: 4rem;\n  padding-bottom: 4rem;\n}\n\n.rf-py-2 {\n  padding-top: .5rem;\n  padding-bottom: .5rem;\n}\n\n.rf-py-3 {\n  padding-top: .75rem;\n  padding-bottom: .75rem;\n}\n\n.rf-py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n\n.rf-py-6 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n\n.rf-py-8 {\n  padding-top: 2rem;\n  padding-bottom: 2rem;\n}\n\n.rf-pb-10 {\n  padding-bottom: 2.5rem;\n}\n\n.rf-pb-12 {\n  padding-bottom: 3rem;\n}\n\n.rf-pb-14 {\n  padding-bottom: 3.5rem;\n}\n\n.rf-pb-2 {\n  padding-bottom: .5rem;\n}\n\n.rf-pb-24 {\n  padding-bottom: 6rem;\n}\n\n.rf-pb-3 {\n  padding-bottom: .75rem;\n}\n\n.rf-pb-4 {\n  padding-bottom: 1rem;\n}\n\n.rf-pb-5, .rf-pb-6 {\n  padding-bottom: 1.5rem;\n}\n\n.rf-pb-8 {\n  padding-bottom: 2rem;\n}\n\n.rf-pb-\\[15vh\\] {\n  padding-bottom: 15vh;\n}\n\n.rf-pl-0 {\n  padding-left: 0;\n}\n\n.rf-pl-1 {\n  padding-left: .25rem;\n}\n\n.rf-pl-2 {\n  padding-left: .5rem;\n}\n\n.rf-pl-4 {\n  padding-left: 1rem;\n}\n\n.rf-pl-6 {\n  padding-left: 1.5rem;\n}\n\n.rf-pl-8 {\n  padding-left: 2rem;\n}\n\n.rf-pr-1 {\n  padding-right: .25rem;\n}\n\n.rf-pr-2 {\n  padding-right: .5rem;\n}\n\n.rf-pr-4 {\n  padding-right: 1rem;\n}\n\n.rf-pr-6 {\n  padding-right: 1.5rem;\n}\n\n.rf-pt-1 {\n  padding-top: .25rem;\n}\n\n.rf-pt-11\\/20 {\n  padding-top: 55%;\n}\n\n.rf-pt-12 {\n  padding-top: 3rem;\n}\n\n.rf-pt-14 {\n  padding-top: 3.5rem;\n}\n\n.rf-pt-2 {\n  padding-top: .5rem;\n}\n\n.rf-pt-24 {\n  padding-top: 6rem;\n}\n\n.rf-pt-3 {\n  padding-top: .75rem;\n}\n\n.rf-pt-4 {\n  padding-top: 1rem;\n}\n\n.rf-pt-40 {\n  padding-top: 10rem;\n}\n\n.rf-pt-6 {\n  padding-top: 1.5rem;\n}\n\n.rf-pt-8 {\n  padding-top: 2rem;\n}\n\n.rf-pt-\\[25vh\\] {\n  padding-top: 25vh;\n}\n\n.rf-pt-\\[26vh\\] {\n  padding-top: 26vh;\n}\n\n.rf-text-left {\n  text-align: left;\n}\n\n.rf-text-center {\n  text-align: center;\n}\n\n.rf-text-right {\n  text-align: right;\n}\n\n.rf-text-justify {\n  text-align: justify;\n}\n\n.rf-font-default {\n  font-family: Calibri, sans-serif;\n}\n\n.rf-text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n\n.rf-text-3xl {\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n}\n\n.rf-text-4xl {\n  font-size: 2.25rem;\n  line-height: 2.5rem;\n}\n\n.rf-text-5xl {\n  font-size: 3rem;\n  line-height: 1;\n}\n\n.rf-text-6xl {\n  font-size: 3.75rem;\n  line-height: 1;\n}\n\n.rf-text-7xl {\n  font-size: 4.5rem;\n  line-height: 1;\n}\n\n.rf-text-8xl {\n  font-size: 6rem;\n  line-height: 1;\n}\n\n.rf-text-\\[0\\.5rem\\] {\n  font-size: .5rem;\n}\n\n.rf-text-arabic {\n  font-size: 1.125rem;\n  line-height: 1.15rem;\n}\n\n.rf-text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n\n.rf-text-basecustom {\n  font-size: 1rem;\n  line-height: 1.3rem;\n}\n\n.rf-text-lgcustom {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n\n.rf-text-sm {\n  font-size: .875rem;\n  line-height: 1.25rem;\n}\n\n.rf-text-sm\\/4 {\n  font-size: .875rem;\n  line-height: 1rem;\n}\n\n.rf-text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n\n.rf-text-xs {\n  font-size: .75rem;\n  line-height: 1rem;\n}\n\n.rf-text-xsl {\n  font-size: .7rem;\n  line-height: 1rem;\n}\n\n.rf-text-xsm {\n  font-size: .6rem;\n}\n\n.rf-font-bold {\n  font-weight: 600;\n}\n\n.rf-font-light {\n  font-weight: 200;\n}\n\n.rf-font-medium {\n  font-weight: 300;\n}\n\n.rf-font-semibold {\n  font-weight: 400;\n}\n\n.rf-uppercase {\n  text-transform: uppercase;\n}\n\n.rf-capitalize {\n  text-transform: capitalize;\n}\n\n.rf-normal-case {\n  text-transform: none;\n}\n\n.rf-italic {\n  font-style: italic;\n}\n\n.rf-leading-4 {\n  line-height: 1rem;\n}\n\n.rf-text-\\[\\#1999B1\\] {\n  --tw-text-opacity: 1;\n  color: rgb(25 153 177 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-\\[\\#325981\\] {\n  --tw-text-opacity: 1;\n  color: rgb(50 89 129 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-\\[\\#575F6B\\] {\n  --tw-text-opacity: 1;\n  color: rgb(87 95 107 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-\\[\\#9A9A9A\\] {\n  --tw-text-opacity: 1;\n  color: rgb(154 154 154 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-\\[\\#A4A7AF\\] {\n  --tw-text-opacity: 1;\n  color: rgb(164 167 175 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-black {\n  color: var(--rf-color-black);\n}\n\n.rf-text-cardButtonTextDefault {\n  color: var(--rf-color-cardButtonTextDefault);\n}\n\n.rf-text-cardFrameText {\n  color: var(--rf-color-cardFrameText);\n}\n\n.rf-text-formInputButtonTextDefault {\n  color: var(--rf-color-formInputButtonTextDefault);\n}\n\n.rf-text-formInputButtonTextHover {\n  color: var(--rf-color-formInputButtonTextHover);\n}\n\n.rf-text-formInputRadioCheckboxUncheckedBackground {\n  color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n}\n\n.rf-text-formInputTextDefault {\n  color: var(--rf-color-formInputTextDefault);\n}\n\n.rf-text-gray {\n  --tw-text-opacity: 1;\n  color: rgb(128 128 128 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-lightgray {\n  --tw-text-opacity: 1;\n  color: rgb(129 129 129 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-primary {\n  color: var(--rf-color-primary);\n}\n\n.rf-text-secondary {\n  color: var(--rf-color-secondary);\n}\n\n.rf-text-textModePanelConversationBot {\n  color: var(--rf-color-textModePanelConversationBot);\n}\n\n.rf-text-textModePanelConversationUser {\n  color: var(--rf-color-textModePanelConversationUser);\n}\n\n.rf-text-trueblack {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-truewhite {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-vocalModeSubtitlesText {\n  color: var(--rf-color-vocalModeSubtitlesText);\n}\n\n.rf-text-white {\n  --tw-text-opacity: 1;\n  color: rgb(247 243 246 / var(--tw-text-opacity, 1));\n}\n\n.rf-underline {\n  text-decoration-line: underline;\n}\n\n.rf-shadow-\\[-3px_-3px_10px_\\#00000099\\] {\n  --tw-shadow: -3px -3px 10px #0009;\n  --tw-shadow-colored: -3px -3px 10px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_15px_0_silver\\] {\n  --tw-shadow: 0 0 15px 0 silver;\n  --tw-shadow-colored: 0 0 15px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_20px_1px_\\#A4A7AF80\\] {\n  --tw-shadow: 0 0 20px 1px #a4a7af80;\n  --tw-shadow-colored: 0 0 20px 1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_3px_6px_\\#00000029\\] {\n  --tw-shadow: 0 0 3px 6px #00000029;\n  --tw-shadow-colored: 0 0 3px 6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#00000029\\] {\n  --tw-shadow: 0 3px 6px #00000029;\n  --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#606267\\] {\n  --tw-shadow: 0 3px 6px #606267;\n  --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_6px_6px_\\#00000029\\] {\n  --tw-shadow: 0 6px 6px #00000029;\n  --tw-shadow-colored: 0 6px 6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[20px_3px_20px_\\#00000029\\] {\n  --tw-shadow: 20px 3px 20px #00000029;\n  --tw-shadow-colored: 20px 3px 20px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[3px_3px_16px_\\#00000029\\] {\n  --tw-shadow: 3px 3px 16px #00000029;\n  --tw-shadow-colored: 3px 3px 16px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[3px_3px_6px_\\#00000029\\] {\n  --tw-shadow: 3px 3px 6px #00000029;\n  --tw-shadow-colored: 3px 3px 6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[inset_0_0_6px_\\#0000003B\\] {\n  --tw-shadow: inset 0 0 6px #0000003b;\n  --tw-shadow-colored: inset 0 0 6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[inset_0_12px_12px_-12px_\\#00000029\\,inset_0_-12px_12px_-12px_\\#00000029\\] {\n  --tw-shadow: inset 0 12px 12px -12px #00000029, inset 0 -12px 12px -12px #00000029;\n  --tw-shadow-colored: inset 0 12px 12px -12px var(--tw-shadow-color), inset 0 -12px 12px -12px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-outline-none {\n  outline-offset: 2px;\n  outline: 2px solid #0000;\n}\n\n.rf-blur-background {\n  --tw-blur: blur(var(--rf-blur-background));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.rf-filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.rf-transition-all {\n  transition-property: all;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.rf-transition-transform {\n  transition-property: transform;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.rf-text-shadow-black {\n  text-shadow: 2px 0 5px #000, -2px 0 5px #000, 0 2px 5px #000, 0 -2px 5px #000;\n}\n\n.rf-capitalize-first:first-letter {\n  text-transform: uppercase;\n}\n\nol {\n  padding-left: 2rem;\n  list-style-type: decimal;\n}\n\nul {\n  padding-left: 2rem;\n  list-style-type: disc;\n}\n\n#retorik-container.rf-portrait:not(.rf-large) .ac-image {\n  max-width: 100px;\n}\n\n.rf-glass-background, #retorik-container.portrait .portrait\\:rf-glass-background {\n  background-color: var(--rf-color-black);\n  --tw-bg-opacity: .62;\n  --tw-backdrop-blur: blur(8px);\n  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n.rf-loader-bouncing-bot {\n  aspect-ratio: 2;\n  --_g: no-repeat radial-gradient(circle closest-side, var(--rf-color-textModePanelConversationBot) 90%, transparent);\n  background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;\n  background-size: 33.3333% 50%;\n}\n\n@keyframes rf-loaderBouncing {\n  20% {\n    background-position: 0 0, 50%, 100%;\n  }\n\n  40% {\n    background-position: 0 100%, 50% 0, 100%;\n  }\n\n  60% {\n    background-position: 0%, 50% 100%, 100% 0;\n  }\n\n  80% {\n    background-position: 0%, 50%, 100% 100%;\n  }\n}\n\n.rf-loader-bouncing-bot {\n  animation: 1s linear infinite rf-loaderBouncing;\n}\n\n.rf-loader-bouncing-white {\n  aspect-ratio: 2;\n  --_g: no-repeat radial-gradient(circle closest-side, #fff 90%, transparent);\n  background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;\n  background-size: 33.3333% 50%;\n  animation: 1s linear infinite rf-loaderBouncing;\n}\n\n@keyframes rf-loaderPulsation {\n  0% {\n    transform: scale3d(1, 1, 1);\n  }\n\n  50% {\n    transform: scale3d(1.1, 1.1, 1);\n  }\n\n  100% {\n    transform: scale3d(1, 1, 1);\n  }\n}\n\n.rf-loader-pulsation {\n  animation: 2s cubic-bezier(.65, 0, .34, 1) infinite rf-loaderPulsation;\n}\n\n.rf-loader-pulsation:before {\n  content: \"\";\n  background-color: var(--rf-color-secondary);\n  z-index: -1;\n  border-radius: 50%;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n@keyframes rf-loaderRipple {\n  0% {\n    opacity: 1;\n    transform: scale3d(.75, .75, 1);\n  }\n\n  100% {\n    opacity: 0;\n    transform: scale3d(1.5, 1.5, 1);\n  }\n}\n\n.rf-loader-pulsation:before {\n  animation: 2.4s cubic-bezier(.65, 0, .34, 1) .4s infinite rf-loaderRipple;\n}\n\n.rf-loader-pulsation:after {\n  content: \"\";\n  background-color: var(--rf-color-secondary);\n  z-index: -1;\n  border-radius: 50%;\n  width: 100%;\n  height: 100%;\n  animation: 2.4s cubic-bezier(.65, 0, .34, 1) infinite rf-loaderRipple;\n  position: absolute;\n}\n\n.rf-loader:before {\n  content: \"\";\n  border-radius: 50%;\n  width: 1.5rem;\n  height: 1.5rem;\n  animation: 1.8s ease-in-out -.32s infinite both rf-loader;\n  display: block;\n  position: absolute;\n  right: 1.5rem;\n}\n\n.rf-loader:after {\n  content: \"\";\n  border-radius: 50%;\n  width: 1.5rem;\n  height: 1.5rem;\n  animation: 1.8s ease-in-out infinite both rf-loader;\n  display: block;\n  position: absolute;\n  left: 1.5rem;\n}\n\n.rf-loader-medium:before {\n  content: \"\";\n  border-radius: 50%;\n  width: 1rem;\n  height: 1rem;\n  animation: 1.8s ease-in-out -.32s infinite both rf-loaderMedium;\n  display: block;\n  position: absolute;\n  right: 1rem;\n}\n\n.rf-loader-medium:after {\n  content: \"\";\n  border-radius: 50%;\n  width: 1rem;\n  height: 1rem;\n  animation: 1.8s ease-in-out infinite both rf-loaderMedium;\n  display: block;\n  position: absolute;\n  left: 1rem;\n}\n\n.rf-loader-mini:before {\n  content: \"\";\n  border-radius: 50%;\n  width: .5rem;\n  height: .5rem;\n  animation: 1.8s ease-in-out -.32s infinite both rf-loaderMini;\n  display: block;\n  position: absolute;\n  right: .5rem;\n}\n\n.rf-loader-mini:after {\n  content: \"\";\n  border-radius: 50%;\n  width: .5rem;\n  height: .5rem;\n  animation: 1.8s ease-in-out infinite both rf-loaderMini;\n  display: block;\n  position: absolute;\n  left: .5rem;\n}\n\n.rf-loader-microphone:before, .rf-loader-microphone:after {\n  content: \"\";\n  --tw-border-opacity: 1;\n  border: 6px solid #0000;\n  border-top-color: rgb(128 128 128 / var(--tw-border-opacity, 1));\n  border-radius: 100%;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.rf-loader-microphone:before {\n  z-index: 2;\n  animation: 1s linear infinite rf-spin;\n}\n\n.rf-loader-microphone:after {\n  --tw-border-opacity: 1;\n  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));\n}\n\n.rf-loader-microphone-primary:before, .rf-loader-microphone-primary:after {\n  content: \"\";\n  border: 6px solid #0000;\n  border-top-color: var(--rf-color-primary);\n  border-radius: 100%;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.rf-loader-microphone-primary:before {\n  z-index: 2;\n  animation: 1s linear infinite rf-spin;\n}\n\n.rf-loader-microphone-primary:after {\n  --tw-border-opacity: 1;\n  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));\n}\n\n.rf-loader-microphone-secondary:before, .rf-loader-microphone-secondary:after {\n  content: \"\";\n  border: 6px solid #0000;\n  border-top-color: var(--rf-color-secondary);\n  border-radius: 100%;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.rf-loader-microphone-secondary:before {\n  z-index: 2;\n  animation: 1s linear infinite rf-spin;\n}\n\n.rf-loader-microphone-secondary:after {\n  --tw-border-opacity: 1;\n  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));\n}\n\n.rf-loader-counter {\n  border-width: 8px;\n  border-color: var(--rf-color-primary);\n  border-radius: 50%;\n  position: relative;\n}\n\n@keyframes rf-loaderCounter {\n  0% {\n    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n  }\n\n  25% {\n    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n  }\n\n  50% {\n    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\n  }\n\n  75% {\n    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n  }\n\n  100% {\n    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n  }\n}\n\n.rf-loader-counter:before {\n  border-width: 10px;\n  border-color: var(--rf-color-cardFrameBackground);\n  content: \"\";\n  animation: rf-loaderCounter;\n  animation-duration: var(--duration);\n  border-radius: 50%;\n  animation-timing-function: linear;\n  position: absolute;\n  inset: -9px;\n  transform: rotate(45deg);\n}\n\n.rf-touch-action-none {\n  touch-action: none;\n}\n\n.rf-unselectable {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  -webkit-touch-callout: none;\n}\n\n.rf-title-extralarge-bold-size-auto {\n  font-size: 2.25rem;\n  font-weight: 600;\n  line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-title-extralarge-bold-size-auto {\n  font-size: 3rem;\n  line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-extralarge-bold-size-auto {\n  font-size: 3.75rem;\n  line-height: 1;\n}\n\n.rf-title-extralarge-size-auto {\n  font-size: 2.25rem;\n  font-weight: 400;\n  line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-title-extralarge-size-auto {\n  font-size: 3rem;\n  line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-extralarge-size-auto {\n  font-size: 3.75rem;\n  line-height: 1;\n}\n\n.rf-title-large-size-auto {\n  font-size: 1.5rem;\n  font-weight: 400;\n  line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-large-size-auto {\n  font-size: 2.25rem;\n  line-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-large-size-auto {\n  font-size: 3rem;\n  line-height: 1;\n}\n\n.rf-title-large-bold-size-auto {\n  font-size: 1.875rem;\n  font-weight: 600;\n  line-height: 2.25rem;\n}\n\n#retorik-container.rf-large .rf-title-large-bold-size-auto {\n  font-size: 2.25rem;\n  line-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-large-bold-size-auto {\n  font-size: 3rem;\n  line-height: 1;\n}\n\n.rf-title-size-auto {\n  font-size: 1.5rem;\n  font-weight: 400;\n  line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-size-auto {\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-size-auto {\n  font-size: 2.25rem;\n  line-height: 2.5rem;\n}\n\n.rf-title-bold-size-auto {\n  font-size: 1.5rem;\n  font-weight: 600;\n  line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-bold-size-auto {\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-bold-size-auto {\n  font-size: 2.25rem;\n  line-height: 2.5rem;\n}\n\n.rf-subtitle-size-auto {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-subtitle-size-auto {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-subtitle-size-auto {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n\n.rf-text-extralarge-size-auto {\n  font-size: 2.25rem;\n  line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-text-extralarge-size-auto {\n  font-size: 3rem;\n  line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-extralarge-size-auto {\n  font-size: 3.75rem;\n  line-height: 1;\n}\n\n.rf-text-verylarge-size-auto {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-text-verylarge-size-auto {\n  font-size: 3.75rem;\n  line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-verylarge-size-auto {\n  font-size: 4.5rem;\n  line-height: 1;\n}\n\n.rf-text-large-size-auto {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-text-large-size-auto {\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-large-size-auto {\n  font-size: 2.25rem;\n  line-height: 2.5rem;\n}\n\n.rf-text-medium-size-auto {\n  font-size: 1rem;\n  line-height: 1.3rem;\n}\n\n#retorik-container.rf-large .rf-text-medium-size-auto {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n\n.rf-text-size-auto {\n  font-size: .875rem;\n  line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-text-size-auto {\n  font-size: 1rem;\n  line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-size-auto {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n\n.rf-text-small-size-auto {\n  font-size: .875rem;\n  line-height: 1rem;\n}\n\n#retorik-container.rf-large .rf-text-small-size-auto {\n  font-size: 1rem;\n  line-height: 1.1rem;\n}\n\n.rf-text-extra-small-size-auto {\n  font-size: .6rem;\n  line-height: .75rem;\n}\n\n#retorik-container.rf-large .rf-text-extra-small-size-auto {\n  font-size: .875rem;\n  line-height: 1rem;\n}\n\n.rf-small-size-auto {\n  font-size: .6rem;\n}\n\n#retorik-container.rf-large .rf-small-size-auto {\n  font-size: .75rem;\n  line-height: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-small-size-auto {\n  font-size: .875rem;\n  line-height: 1.25rem;\n}\n\n.rf-line-clamp-unknown {\n  hyphens: auto;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-line-clamp-1 {\n  hyphens: auto;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-line-clamp-2 {\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-line-clamp-3 {\n  hyphens: auto;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-line-clamp-4 {\n  hyphens: auto;\n  -webkit-line-clamp: 4;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-line-clamp-5 {\n  hyphens: auto;\n  -webkit-line-clamp: 5;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-line-clamp-6 {\n  hyphens: auto;\n  -webkit-line-clamp: 6;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-line-clamp-7 {\n  hyphens: auto;\n  -webkit-line-clamp: 7;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-line-clamp-8 {\n  hyphens: auto;\n  -webkit-line-clamp: 8;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-line-clamp-9 {\n  hyphens: auto;\n  -webkit-line-clamp: 9;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-line-clamp-10 {\n  hyphens: auto;\n  -webkit-line-clamp: 10;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.rf-overflow-wrap {\n  overflow-wrap: anywhere;\n}\n\n.rf-height-fill-available {\n  height: stretch;\n}\n\n.rf-width-fill-available {\n  width: stretch;\n}\n\n.rf-animation-delay-2 {\n  animation-delay: .2s;\n}\n\n.rf-animation-delay-4 {\n  animation-delay: .4s;\n}\n\n.rf-scrollbar-thin {\n  scrollbar-width: thin;\n  scrollbar-color: var(--rf-color-secondary) transparent;\n}\n\n.rf-scrollbar-thin::-webkit-scrollbar {\n  width: .2rem;\n  height: .2rem;\n  margin: .25rem 0;\n}\n\n.rf-scrollbar-thin::-webkit-scrollbar-thumb {\n  background-color: var(--rf-color-secondary);\n  border-radius: .5rem;\n}\n\n.rf-scrollbar-x-custom::-webkit-scrollbar {\n  background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n  border-radius: 2rem;\n  height: .5rem;\n}\n\n.rf-scrollbar-x-custom::-webkit-scrollbar-thumb {\n  background-color: var(--rf-color-primary);\n  border-radius: 2rem;\n}\n\n.rf-scrollbar-hidden {\n  scrollbar-width: none;\n}\n\n.rf-scrollbar-hidden::-webkit-scrollbar {\n  display: none;\n}\n\n.rf-opacity-gradient-b {\n  -webkit-mask-image: linear-gradient(#000 50%, #0000 100%);\n}\n\n.rf-opacity-gradient-b-thin {\n  -webkit-mask-image: linear-gradient(#797676 84%, #0000 100%);\n}\n\n.rf-opacity-gradient-l {\n  -webkit-mask-image: linear-gradient(to left, #000 75%, gray 80%, #0000 85%);\n}\n\n.rf-opacity-gradient-l-thin {\n  -webkit-mask-image: linear-gradient(to left, #000 90%, gray 95%, #0000 100%);\n}\n\n.rf-opacity-gradient-r {\n  -webkit-mask-image: linear-gradient(to right, #000 75%, gray 80%, #0000 85%);\n}\n\n.rf-opacity-gradient-r-thin {\n  -webkit-mask-image: linear-gradient(to right, #000 90%, gray 95%, #0000 100%);\n}\n\n.rf-opacity-gradient-h {\n  -webkit-mask-image: linear-gradient(to right, #0000 0%, 6%, #000, 94%, #0000 100%);\n}\n\n.rf-card-button {\n  border-width: 1px;\n  border-color: var(--rf-color-cardButtonBorderDefault);\n  background-color: var(--rf-color-cardButtonBackgroundDefault);\n  color: var(--rf-color-cardButtonTextDefault);\n  border-radius: .3125rem;\n  padding: .25rem .5rem;\n  font-size: .875rem;\n  line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button {\n  font-size: 1rem;\n  line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button {\n  padding: .5rem 1rem;\n}\n\n.rf-card-button:hover {\n  cursor: pointer;\n  border-color: var(--rf-color-cardButtonBorderHover);\n  background-color: var(--rf-color-cardButtonBackgroundHover);\n  color: var(--rf-color-cardButtonTextHover);\n}\n\n.rf-card-button-clicked {\n  background-color: var(--rf-color-cardButtonBackgroundDefault);\n  border-width: 1px;\n  border-color: #0000;\n  padding-top: .25rem;\n  padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-clicked {\n  padding-top: .5rem;\n  padding-bottom: .5rem;\n}\n\n.rf-card-button-positive {\n  border-width: 1px;\n  border-color: var(--rf-color-cardFrameBackground);\n  background-color: var(--rf-color-cardButtonTextDefault);\n  color: var(--rf-color-cardFrameBackground);\n  border-radius: .3125rem;\n  padding: .25rem .5rem;\n  font-size: .875rem;\n  line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-positive {\n  font-size: 1rem;\n  line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-positive {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-positive {\n  padding: .5rem 1rem;\n}\n\n.rf-card-button-positive:hover {\n  cursor: pointer;\n  border-color: var(--rf-color-cardButtonTextDefault);\n  background-color: var(--rf-color-cardFrameBackground);\n  color: var(--rf-color-cardButtonTextDefault);\n}\n\n.rf-card-button-destructive {\n  --tw-border-opacity: 1;\n  border-width: 1px;\n  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n  border-radius: .3125rem;\n  padding: .25rem .5rem;\n  font-size: .875rem;\n  line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-destructive {\n  font-size: 1rem;\n  line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-destructive {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-destructive {\n  padding: .5rem 1rem;\n}\n\n.rf-card-button-destructive:hover {\n  cursor: pointer;\n  --tw-border-opacity: 1;\n  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n  --tw-text-opacity: 1;\n  color: rgb(220 38 38 / var(--tw-text-opacity, 1));\n}\n\n.rf-card-button-secondary {\n  border-width: 1px;\n  border-color: var(--rf-color-secondary);\n  color: var(--rf-color-secondary);\n  background-color: #0000;\n  border-radius: .3125rem;\n  padding: .25rem .5rem;\n  font-size: .875rem;\n  line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-secondary {\n  font-size: 1rem;\n  line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-secondary {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-secondary {\n  padding: .5rem 1rem;\n}\n\n.rf-card-button-secondary:hover {\n  cursor: pointer;\n  border-color: var(--rf-color-secondary);\n  background-color: var(--rf-color-secondary);\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n\n.rf-card-button-discover {\n  border-width: 1px;\n  border-color: var(--rf-color-cardButtonDiscoverBorderDefault);\n  background-color: var(--rf-color-cardButtonDiscoverBackgroundDefault);\n  color: var(--rf-color-cardButtonDiscoverTextDefault);\n  border-radius: .3125rem;\n  padding: .5rem;\n  font-size: .875rem;\n  line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-discover {\n  padding-top: .75rem;\n  padding-bottom: .75rem;\n}\n\n.rf-card-button-discover:hover {\n  cursor: pointer;\n  border-color: var(--rf-color-cardButtonDiscoverBorderHover);\n  background-color: var(--rf-color-cardButtonDiscoverBackgroundHover);\n  color: var(--rf-color-cardButtonDiscoverTextHover);\n}\n\n.rf-card-button-history {\n  cursor: default;\n  border-width: 1px;\n  border-color: var(--rf-color-cardButtonBorderDefault);\n  background-color: var(--rf-color-cardButtonBackgroundDefault);\n  color: var(--rf-color-cardButtonTextDefault);\n  border-radius: .3125rem;\n  padding: .25rem .5rem;\n  font-size: .875rem;\n  line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-history {\n  font-size: 1rem;\n  line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-history {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-history {\n  padding: .5rem 1rem;\n}\n\n.rf-card-button-mini, .rf-card-button-mini-selected, .rf-card-button-mini-disabled {\n  background-color: var(--rf-color-cardFrameBackground);\n  border-width: 1px;\n  border-radius: .3125rem;\n  font-size: .875rem;\n  line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-mini, #retorik-container.rf-large .rf-card-button-mini-selected, #retorik-container.rf-large .rf-card-button-mini-disabled {\n  font-size: 1rem;\n  line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-mini, #retorik-container.rf-large.rf-portrait .rf-card-button-mini-selected, #retorik-container.rf-large.rf-portrait .rf-card-button-mini-disabled {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n\n.rf-card-button-mini {\n  border-color: var(--rf-color-cardButtonBorderDefault);\n  background-color: var(--rf-color-cardFrameBackground);\n  color: var(--rf-color-cardButtonTextDefault);\n}\n\n.rf-card-button-mini:hover {\n  cursor: pointer;\n  border-color: var(--rf-color-cardButtonBorderHover);\n  background-color: var(--rf-color-cardFrameBackground);\n  color: var(--rf-color-cardButtonTextHover);\n}\n\n.rf-card-button-mini-selected {\n  border-color: var(--rf-color-cardFrameBackground);\n  background-color: var(--rf-color-cardButtonBorderDefault);\n  color: var(--rf-color-cardFrameBackground);\n}\n\n.lf-player-container {\n  align-items: flex-end;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  overflow: hidden;\n}\n\n.rf-input-label {\n  text-overflow: ellipsis;\n  color: var(--rf-color-formInputTextDefault);\n  margin-top: .1rem;\n  margin-left: .75rem;\n  overflow-x: hidden;\n}\n\n#retorik-container.rf-large .rf-input-label {\n  margin-top: .25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-input-label {\n  margin-top: .2rem;\n}\n\n.rf-radio-custom {\n  -webkit-appearance: none;\n  appearance: none;\n  border-width: 2px;\n  border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n  background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n  border-radius: 50%;\n  place-content: center;\n  width: 1.5rem;\n  min-width: 1.5rem;\n  height: 1.5rem;\n  margin: 0;\n  display: grid;\n}\n\n.rf-radio-custom:checked {\n  border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n  background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n#retorik-container.rf-large .rf-radio-custom {\n  width: 1.75rem;\n  min-width: 1.75rem;\n  height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-radio-custom {\n  width: 2rem;\n  min-width: 2rem;\n  height: 2rem;\n}\n\n.rf-radio-custom:before {\n  content: \"\";\n  --tw-scale-x: 0;\n  --tw-scale-y: 0;\n  width: .5rem;\n  height: .5rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  background-color: var(--rf-color-formInputRadioCheckboxCheckedItem);\n  border-radius: 50%;\n  transition-property: all;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n#retorik-container.rf-large .rf-radio-custom:before {\n  width: .75rem;\n  height: .75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-radio-custom:before {\n  width: 1rem;\n  height: 1rem;\n}\n\n.rf-radio-custom:checked:before {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-input-hidden {\n  -webkit-appearance: none;\n  appearance: none;\n  margin: 0;\n}\n\n.rf-checkbox-custom {\n  -webkit-appearance: none;\n  appearance: none;\n  border-width: 2px;\n  border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n  background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n  border-radius: .3125rem;\n  place-content: center;\n  width: 1.5rem;\n  min-width: 1.5rem;\n  height: 1.5rem;\n  margin: 0;\n  display: grid;\n}\n\n#retorik-container.rf-large .rf-checkbox-custom {\n  width: 1.75rem;\n  min-width: 1.75rem;\n  height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-checkbox-custom {\n  width: 2rem;\n  min-width: 2rem;\n  height: 2rem;\n}\n\n.rf-checkbox-custom:checked {\n  border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n  background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n.rf-toggle-custom {\n  -webkit-appearance: none;\n  appearance: none;\n  background-color: var(--rf-color-black);\n  border-radius: 1.5rem;\n  width: 3rem;\n  min-width: 3rem;\n  height: 1.5rem;\n  margin: 0;\n  position: relative;\n}\n\n.rf-toggle-custom:checked {\n  background-color: var(--rf-color-primary);\n}\n\n#retorik-container.rf-large .rf-toggle-custom {\n  border-radius: 1.75rem;\n  width: 3.5rem;\n  min-width: 3.5rem;\n  height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom {\n  border-radius: 2rem;\n  width: 4rem;\n  min-width: 4rem;\n  height: 2rem;\n}\n\n.rf-toggle-custom:before {\n  content: \"\";\n  --tw-translate-x: 0px;\n  width: 1rem;\n  height: 1rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n  border-radius: 50%;\n  transition-property: all;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n  position: absolute;\n  top: .25rem;\n  left: .25rem;\n}\n\n#retorik-container.rf-large .rf-toggle-custom:before {\n  width: 1.25rem;\n  height: 1.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom:before {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n.rf-toggle-custom:checked:before {\n  --tw-translate-x: 1.5rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large .rf-toggle-custom:checked:before {\n  --tw-translate-x: 1.75rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom:checked:before {\n  --tw-translate-x: 2rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-select-custom {\n  -webkit-appearance: none;\n  appearance: none;\n  border-width: 2px;\n  border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n  background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n  border-radius: .3125rem;\n  margin: 0;\n  padding: 1rem;\n}\n\n.rf-select-custom:hover {\n  cursor: pointer;\n}\n\n.rf-select-custom:focus-visible {\n  border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n}\n\n.rf-slider-custom {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  outline-offset: 2px;\n  border-radius: .5rem;\n  outline: 2px solid #0000;\n  width: 100%;\n  height: .25rem;\n  display: block;\n  position: relative;\n}\n\n.rf-slider-custom::-webkit-slider-runnable-track {\n  -webkit-appearance: none;\n}\n\n.rf-slider-custom::-moz-track {\n  -moz-appearance: none;\n}\n\n.rf-slider-custom::-ms-track {\n  appearance: none;\n}\n\n.rf-slider-custom::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n  border-style: none;\n  border-radius: 50%;\n  width: 1.5rem;\n  height: 1.5rem;\n  margin-top: -.2rem;\n}\n\n.rf-slider-custom::-webkit-slider-thumb:hover {\n  cursor: pointer;\n}\n\n.rf-slider-custom::-moz-range-thumb {\n  -webkit-appearance: none;\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n  border-style: none;\n  border-radius: 50%;\n  width: 1.5rem;\n  height: 1.5rem;\n  margin-top: -.2rem;\n}\n\n.rf-slider-custom::-moz-range-thumb:hover {\n  cursor: pointer;\n}\n\n.rf-slider-custom::-ms-thumb {\n  appearance: none;\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n  border-style: none;\n  border-radius: 50%;\n  width: 1.5rem;\n  height: 1.5rem;\n  margin-top: -.2rem;\n}\n\n.rf-slider-custom::-ms-thumb:hover {\n  cursor: pointer;\n}\n\n.rf-likert-custom {\n  cursor: pointer;\n  outline-offset: 2px;\n  -webkit-text-stroke-width: 1px;\n  -webkit-text-stroke-color: white;\n  background-color: #0000;\n  border-style: none;\n  outline: 2px solid #0000;\n}\n\n.svgButtonMenu > svg * {\n  fill: var(--fill);\n}\n\n.webchat__css-custom-properties {\n  width: 100%;\n  height: 100%;\n}\n\n.placeholder\\:rf-text-black::placeholder {\n  color: var(--rf-color-black);\n}\n\n.placeholder\\:rf-opacity-100::placeholder {\n  opacity: 1;\n}\n\n.hover\\:rf-cursor-pointer:hover {\n  cursor: pointer;\n}\n\n.hover\\:rf-border-truewhite:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));\n}\n\n.hover\\:rf-bg-\\[\\#1999B1\\]:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(25 153 177 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:rf-bg-formInputRadioCheckboxCheckedBackground:hover {\n  background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n.hover\\:rf-bg-transparent:hover {\n  background-color: #0000;\n}\n\n.hover\\:rf-bg-truewhite:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:rf-text-\\[\\#1999B1\\]:hover {\n  --tw-text-opacity: 1;\n  color: rgb(25 153 177 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:rf-text-\\[\\#325981\\]:hover {\n  --tw-text-opacity: 1;\n  color: rgb(50 89 129 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:rf-text-formInputRadioCheckboxCheckedItem:hover {\n  color: var(--rf-color-formInputRadioCheckboxCheckedItem);\n}\n\n.hover\\:rf-text-truewhite:hover {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:rf-shadow-\\[inset_0_0_12px_\\#00000029\\]:hover {\n  --tw-shadow: inset 0 0 12px #00000029;\n  --tw-shadow-colored: inset 0 0 12px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-col-span-full {\n  grid-column: 1 / -1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-col-start-1 {\n  grid-column-start: 1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-end-13 {\n  grid-row-end: 13;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-5\\/6 {\n  width: 83.3333%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-9\\/10 {\n  width: 90%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-full {\n  width: 100%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-flex-col {\n  flex-direction: column;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-items-center {\n  align-items: center;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-overflow-x-auto {\n  overflow-x: auto;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-border-r-0 {\n  border-right-width: 0;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-py-1 {\n  padding-top: .25rem;\n  padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-absolute {\n  position: absolute;\n}\n\n#retorik-container.rf-large .large\\:rf-left-4 {\n  left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-top-8 {\n  top: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-m-8 {\n  margin: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-my-0 {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-my-3 {\n  margin-top: .75rem;\n  margin-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-0 {\n  margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-4 {\n  margin-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-6 {\n  margin-bottom: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-0 {\n  margin-left: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-4 {\n  margin-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-8 {\n  margin-left: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mr-3 {\n  margin-right: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mr-30 {\n  margin-right: 7.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-0 {\n  margin-top: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-20 {\n  margin-top: 5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-3 {\n  margin-top: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-\\[20vh\\] {\n  margin-top: 20vh;\n}\n\n#retorik-container.rf-large .large\\:rf-block {\n  display: block;\n}\n\n#retorik-container.rf-large .large\\:rf-flex {\n  display: flex;\n}\n\n#retorik-container.rf-large .large\\:rf-hidden {\n  display: none;\n}\n\n#retorik-container.rf-large .large\\:rf-aspect-video {\n  aspect-ratio: 16 / 9;\n}\n\n#retorik-container.rf-large .large\\:rf-h-10 {\n  height: 2.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-16 {\n  height: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-20 {\n  height: 5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-3\\/5 {\n  height: 60%;\n}\n\n#retorik-container.rf-large .large\\:rf-h-4 {\n  height: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-5 {\n  height: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-6 {\n  height: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-8 {\n  height: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-\\[1\\.3rem\\] {\n  height: 1.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-\\[60vh\\] {\n  height: 60vh;\n}\n\n#retorik-container.rf-large .large\\:rf-h-auto {\n  height: auto;\n}\n\n#retorik-container.rf-large .large\\:rf-h-full {\n  height: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-h-28 {\n  max-height: 7rem;\n}\n\n#retorik-container.rf-large .large\\:rf-max-h-\\[2\\.3rem\\] {\n  max-height: 2.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-min-h-\\[2\\.3rem\\] {\n  min-height: 2.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-1\\/8 {\n  width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-w-14 {\n  width: 3.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-16 {\n  width: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-4 {\n  width: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-5 {\n  width: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-6 {\n  width: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-8 {\n  width: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-fit {\n  width: fit-content;\n}\n\n#retorik-container.rf-large .large\\:rf-w-full {\n  width: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-1\\/2 {\n  min-width: 50%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-1\\/8 {\n  min-width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-16 {\n  min-width: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-8 {\n  min-width: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-1\\/8 {\n  max-width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-\\[12rem\\] {\n  max-width: 12rem;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-full {\n  max-width: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-grid-cols-5 {\n  grid-template-columns: repeat(5, minmax(0, 1fr));\n}\n\n#retorik-container.rf-large .large\\:rf-flex-row {\n  flex-direction: row;\n}\n\n#retorik-container.rf-large .large\\:rf-flex-col {\n  flex-direction: column;\n}\n\n#retorik-container.rf-large .large\\:rf-items-baseline {\n  align-items: baseline;\n}\n\n#retorik-container.rf-large .large\\:rf-justify-start {\n  justify-content: flex-start;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-1 {\n  gap: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-3 {\n  gap: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-4 {\n  gap: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-6 {\n  gap: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-overflow-y-scroll {\n  overflow-y: scroll;\n}\n\n#retorik-container.rf-large .large\\:rf-border-t-0 {\n  border-top-width: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-bg-truewhite {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n\n#retorik-container.rf-large .large\\:rf-p-4 {\n  padding: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-p-\\[25px\\] {\n  padding: 25px;\n}\n\n#retorik-container.rf-large .large\\:rf-p-min1 {\n  padding: .1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-0 {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-px-16 {\n  padding-left: 4rem;\n  padding-right: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-5, #retorik-container.rf-large .large\\:rf-px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-0 {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-py-1 {\n  padding-top: .25rem;\n  padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-2 {\n  padding-top: .5rem;\n  padding-bottom: .5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-3 {\n  padding-top: .75rem;\n  padding-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pb-16 {\n  padding-bottom: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pl-12 {\n  padding-left: 3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pl-4 {\n  padding-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pr-12 {\n  padding-right: 3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pr-4 {\n  padding-right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pt-16 {\n  padding-top: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-5xl {\n  font-size: 3rem;\n  line-height: 1;\n}\n\n#retorik-container.rf-large .large\\:rf-text-6xl {\n  font-size: 3.75rem;\n  line-height: 1;\n}\n\n#retorik-container.rf-large .large\\:rf-text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-basecustom {\n  font-size: 1rem;\n  line-height: 1.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-sm {\n  font-size: .875rem;\n  line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-uppercase {\n  text-transform: uppercase;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-h-4 {\n  height: 1rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-h-6 {\n  height: 1.5rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-w-6 {\n  width: 1.5rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-pt-1\\/5 {\n  padding-top: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-absolute {\n  position: absolute;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-left-4 {\n  left: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-right-9 {\n  right: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-top-4 {\n  top: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-start-1 {\n  grid-column-start: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-start-2 {\n  grid-column-start: 2;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-end-8 {\n  grid-column-end: 8;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-ml-1\\/5 {\n  margin-left: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mr-1\\/5 {\n  margin-right: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-4 {\n  margin-top: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-\\[20vh\\] {\n  margin-top: 20vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-\\[25vh\\] {\n  margin-top: 25vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-block {\n  display: block;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-hidden {\n  display: none;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-1\\/2 {\n  height: 50%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-14 {\n  height: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-24 {\n  height: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-5 {\n  height: 1.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-6 {\n  height: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-\\[50vh\\] {\n  height: 50vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-11\\/12 {\n  max-height: 91.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-36 {\n  max-height: 9rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-\\[18vh\\] {\n  max-height: 18vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-\\[30vh\\] {\n  max-height: 30vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-h-10 {\n  min-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-1\\/2 {\n  width: 50%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-14 {\n  width: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-16 {\n  width: 4rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-24 {\n  width: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-3\\/5 {\n  width: 60%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-6 {\n  width: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-full {\n  width: 100%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-14 {\n  min-width: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-24 {\n  min-width: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-3\\/5 {\n  min-width: 60%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-2\\/3 {\n  max-width: 66.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-\\[45\\%\\] {\n  max-width: 45%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-\\[60\\%\\] {\n  max-width: 60%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-flex-row {\n  flex-direction: row;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-flex-col {\n  flex-direction: column;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-justify-center {\n  justify-content: center;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-gap-4 {\n  gap: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-gap-6 {\n  gap: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-self-start {\n  align-self: flex-start;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-border-t {\n  border-top-width: 1px;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-border-t-menuBorder {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-py-5 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pl-0 {\n  padding-left: 0;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-48 {\n  padding-top: 12rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-8 {\n  padding-top: 2rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-\\[16\\.67\\%\\] {\n  padding-top: 16.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-\\[20vh\\] {\n  padding-top: 20vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-text-basecustomuppercase {\n  font-size: 1rem;\n  line-height: 1.1rem;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-mt-0 {\n  margin-top: 0;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-flex {\n  display: flex;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-hidden {\n  display: none;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-col-start-3 {\n  grid-column-start: 3;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-col-start-4 {\n  grid-column-start: 4;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:-rf-mt-4 {\n  margin-top: -1rem;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-ml-1\\/5 {\n  margin-left: 20%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-mr-40 {\n  margin-right: 10rem;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-h-full {\n  height: 100%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-w-\\[48\\%\\] {\n  width: 48%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-w-\\[calc\\(80\\%-10rem\\)\\] {\n  width: calc(80% - 10rem);\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-min-w-\\[48\\%\\] {\n  min-width: 48%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-max-w-\\[calc\\(\\(80\\%-10rem\\)\\*0\\.75\\)\\] {\n  max-width: calc(60% - 7.5rem);\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:-rf-translate-x-1\\/4 {\n  --tw-translate-x: -25%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-flex-col-reverse {\n  flex-direction: column-reverse;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-items-start {\n  align-items: flex-start;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-justify-start {\n  justify-content: flex-start;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-justify-center {\n  justify-content: center;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-self-end {\n  align-self: flex-end;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-justify-self-start {\n  justify-self: start;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-pb-2 {\n  padding-bottom: .5rem;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-pl-1\\/5 {\n  padding-left: 20%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-pl-\\[calc\\(50\\%-2\\.5rem\\)\\] {\n  padding-left: calc(50% - 2.5rem);\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-pr-40 {\n  padding-right: 10rem;\n}\n\n#retorik-container.rf-mobile .mobile\\:rf-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n#retorik-container.rf-tablet .tablet\\:rf-w-28 {\n  width: 7rem;\n}\n\n#retorik-container.rf-tablet .tablet\\:rf-pl-12 {\n  padding-left: 3rem;\n}\n\n#retorik-container.rf-tablet .tablet\\:rf-pr-24 {\n  padding-right: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-h-10 {\n  height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-h-20 {\n  height: 5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-min-h-20 {\n  min-height: 5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-w-40 {\n  width: 10rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-p-5 {\n  padding: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-pl-32 {\n  padding-left: 8rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-pr-56 {\n  padding-right: 14rem;\n}\n\n.ltr\\:rf-left-1:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  left: .25rem;\n}\n\n.ltr\\:rf-col-start-1:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  grid-column-start: 1;\n}\n\n.ltr\\:rf-ml-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  margin-left: 1rem;\n}\n\n.ltr\\:rf-self-end:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  align-self: flex-end;\n}\n\n.ltr\\:rf-pr-2:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  padding-right: .5rem;\n}\n\n.ltr\\:rf-text-left:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  text-align: left;\n}\n\n.ltr\\:rf-text-right:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n  text-align: right;\n}\n\n.rtl\\:rf-right-1:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  right: .25rem;\n}\n\n.rtl\\:rf-col-end-1:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  grid-column-end: 1;\n}\n\n.rtl\\:rf-mr-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  margin-right: 1rem;\n}\n\n.rtl\\:rf-self-start:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  align-self: flex-start;\n}\n\n.rtl\\:rf-pl-2:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  padding-left: .5rem;\n}\n\n.rtl\\:rf-text-left:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  text-align: left;\n}\n\n.rtl\\:rf-text-right:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n  text-align: right;\n}\n";
 
 
 var $70dd93cce82a6912$exports = {};
@@ -20909,7 +20887,7 @@ const $742ec75d795207eb$var$Checkbox = ({ id: id, choices: choices, split: split
             setChosen(tempChosen);
         }
     };
-    return display && display.length > 0 ? split ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
+    return (display === null || display === void 0 ? void 0 : display.length) ? split ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
         className: "rf-w-full rf-mt-4 rf-flex rf-flex-row rf-text-size-auto rf-text-white",
         children: [
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
@@ -22166,7 +22144,7 @@ const $ca0c07c153e8e8ae$var$ActionButton = ({ text: text, fullWidth: fullWidth,
                         className: "rf-relative rf-text-center rf-mx-8 rf-mt-2 rf-italic",
                         children: [
                             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $318SX.default), {
-                                className: "rf-absolute rf-top-[0.125rem] -ltr:rf-left-6 rtl:rf-right-6 rf-h-4"
+                                className: `rf-absolute rf-top-[0.125rem] ${isRTL ? 'rf-right-6' : '-rf-left-6'} rf-h-4`
                             }),
                             (0, $b5mHp.getTextToDisplayOnLink)({
                                 translation: translation,
@@ -22216,7 +22194,7 @@ const $ca0c07c153e8e8ae$var$ActionButton = ({ text: text, fullWidth: fullWidth,
                 })
             }),
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: "ltr:rf-ml-4 rtl:rf-mr-4",
+                className: `${isRTL ? 'rf-mr-4' : 'rf-ml-4'}`,
                 children: (0, $9JtA7.capitalizeFirstLetter)(text, locale)
             })
         ]
@@ -22224,7 +22202,7 @@ const $ca0c07c153e8e8ae$var$ActionButton = ({ text: text, fullWidth: fullWidth,
         className: `rf-relative ${currentSubView !== (0, $7WHA7.CurrentSubView).history ? clicked ? 'rf-card-button-clicked' : adaptiveStyle === (0, $dWhh5$adaptivecards.ActionStyle).Positive ? 'rf-card-button-positive' : adaptiveStyle === (0, $dWhh5$adaptivecards.ActionStyle).Destructive ? 'rf-card-button-destructive' : 'rf-card-button' : 'rf-card-button-history'} rf-mt-2 ${fullWidth ? 'rf-text-center' : 'rf-text-left'} ${style}`,
         onClick: handleClick,
         children: clicked && !urlToOpen ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-            className: `rf-w-full rf-h-[1.25rem] large:rf-h-[1.3rem] rf-flex rf-justify-center rf-items-center ${fullWidth ? '' : 'ltr:rf-pl-6 rtl:rf-pr-6 large:ltr:rf-pl-12 large:rtl-pr-12'}`,
+            className: `rf-w-full rf-h-[1.25rem] large:rf-h-[1.3rem] rf-flex rf-justify-center rf-items-center ${fullWidth ? '' : isRTL ? 'rf-pr-6 large:rf-pr-12' : 'rf-pl-6 large:rf-pl-12'}`,
             style: {
                 ...animationColor
             },
@@ -22521,7 +22499,6 @@ const $85d8b0d1ec40dae5$export$6108075486421829 = ()=>{
 
 
 
-
 var $6EkQS = parcelRequire("6EkQS");
 
 var $6QoTL = parcelRequire("6QoTL");
@@ -22530,6 +22507,8 @@ var $e53vj = parcelRequire("e53vj");
 
 var $7sZDv = parcelRequire("7sZDv");
 
+var $7WHA7 = parcelRequire("7WHA7");
+
 var $93cl9 = parcelRequire("93cl9");
 const $6be7f5aa73e32bf5$var$TelemetryContextDefaultValues = {
     enabled: true,
@@ -22543,19 +22522,41 @@ function $6be7f5aa73e32bf5$export$a15d15518a3ec33d() {
 }
 function $6be7f5aa73e32bf5$export$bb3ea6dd2428edb6({ enabled: enabled, children: children }) {
     const userId = (0, $6QoTL.useDirectlineStore)((state)=>state.userId);
+    const conversationId = (0, $e53vj.useActivityStore)((state)=>state.conversationId);
     const addressData = (0, $6EkQS.useRetorikStore)((state)=>state.addressData);
     const lastActivity = (0, $e53vj.useActivityStore)((state)=>state.lastActivity);
     const botStreamingActivities = (0, $e53vj.useActivityStore)((state)=>state.botStreamingActivities);
-    const [lastUserActivityData, setLastUserActivityData] = (0, $dWhh5$react.useState)();
+    const lastUserActivityRef = (0, $dWhh5$react.useRef)(null);
     const tracer = (0, $dWhh5$react.useMemo)(()=>{
-        if (enabled && userId) {
+        if (enabled && userId && conversationId) {
             const exporter = new (0, $dWhh5$opentelemetryexportertraceotlphttp.OTLPTraceExporter)({
                 url: (0, $7sZDv.telemetryAddress),
                 headers: {},
                 concurrencyLimit: 1
             });
+            let serviceNamespace = '';
+            switch(addressData.prefix){
+                case 'dev':
+                    serviceNamespace = 'retorik-dev';
+                    break;
+                case 'staging':
+                case 'preview':
+                    serviceNamespace = 'retorik-preview';
+                    break;
+                case 'experimental':
+                    serviceNamespace = 'retorik-experimental';
+                    break;
+                default:
+                    serviceNamespace = 'retorik-prod';
+                    break;
+            }
+            // Create resource with custom parameters used globally in uptrace
             const resource = (0, $dWhh5$opentelemetryresources.defaultResource)().merge((0, $dWhh5$opentelemetryresources.resourceFromAttributes)({
-                [(0, $dWhh5$opentelemetrysemanticconventions.ATTR_SERVICE_NAME)]: 'retorik-framework'
+                [(0, $dWhh5$opentelemetrysemanticconventions.ATTR_SERVICE_NAME)]: 'retorik-framework',
+                ['davi.retorik.activity.conversation.id']: conversationId,
+                ['service_namespace']: serviceNamespace,
+                ['retorik_framework_version']: (0, $93cl9.version),
+                ['user_id']: userId
             }));
             const processor = new (0, $dWhh5$opentelemetrysdktraceweb.BatchSpanProcessor)(exporter);
             const provider = new (0, $dWhh5$opentelemetrysdktraceweb.WebTracerProvider)({
@@ -22568,28 +22569,8 @@ function $6be7f5aa73e32bf5$export$bb3ea6dd2428edb6({ enabled: enabled, children:
             // Add common attributes to each span for better tracing
             (0, $dWhh5$opentelemetryinstrumentation.registerInstrumentations)({
                 instrumentations: [
-                    new (0, $dWhh5$opentelemetryinstrumentationfetch.FetchInstrumentation)({
-                        applyCustomAttributesOnSpan: (span)=>span.setAttributes({
-                                ...getCommonAttributes(),
-                                user_id: userId
-                            })
-                    }),
-                    new (0, $dWhh5$opentelemetryinstrumentationdocumentload.DocumentLoadInstrumentation)({
-                        applyCustomAttributesOnSpan: {
-                            documentLoad: (span)=>span.setAttributes({
-                                    ...getCommonAttributes(),
-                                    user_id: userId
-                                }),
-                            documentFetch: (span)=>span.setAttributes({
-                                    ...getCommonAttributes(),
-                                    user_id: userId
-                                }),
-                            resourceFetch: (span)=>span.setAttributes({
-                                    ...getCommonAttributes(),
-                                    user_id: userId
-                                })
-                        }
-                    })
+                    new (0, $dWhh5$opentelemetryinstrumentationfetch.FetchInstrumentation)(),
+                    new (0, $dWhh5$opentelemetryinstrumentationdocumentload.DocumentLoadInstrumentation)()
                 ]
             });
             return (0, ($parcel$interopDefault($dWhh5$opentelemetryapi))).trace.getTracer('retorik-framework');
@@ -22597,7 +22578,10 @@ function $6be7f5aa73e32bf5$export$bb3ea6dd2428edb6({ enabled: enabled, children:
         return undefined;
     }, [
         enabled,
-        userId
+        userId,
+        conversationId,
+        addressData,
+        (0, $93cl9.version)
     ]);
     (0, $dWhh5$react.useEffect)(()=>{
         if (lastActivity) lastActivity.from.role === 'user' ? handleUserActivity(lastActivity) : handleBotActivity(lastActivity);
@@ -22605,52 +22589,56 @@ function $6be7f5aa73e32bf5$export$bb3ea6dd2428edb6({ enabled: enabled, children:
         lastActivity
     ]);
     (0, $dWhh5$react.useEffect)(()=>{
-        if (lastUserActivityData) {
-            const temp = botStreamingActivities.get(lastUserActivityData.id);
+        if (lastUserActivityRef.current) {
+            const temp = botStreamingActivities.get(lastUserActivityRef.current.id);
             (temp === null || temp === void 0 ? void 0 : temp.length) === 1 && handleBotActivity(temp[0]);
         }
     }, [
-        botStreamingActivities,
-        lastUserActivityData
+        botStreamingActivities
     ]);
-    const getCommonAttributes = ()=>{
-        let tenant = '';
-        if (addressData.tenant) tenant = addressData.prefix ? `${addressData.tenant} (${addressData.prefix})` : addressData.tenant;
-        return {
-            tenant: tenant,
-            current_URL: window.location.toString(),
-            os: `${0, $dWhh5$reactdevicedetect.osName} ${0, $dWhh5$reactdevicedetect.osVersion}`,
-            browser: `${0, $dWhh5$reactdevicedetect.browserName} ${0, $dWhh5$reactdevicedetect.browserVersion}`,
-            retorik_framework_version: (0, $93cl9.version)
-        };
-    };
     const handleUserActivity = (activity)=>{
         // Only handle message activites and event activities waiting for an answer, nothing for typing ones
         if (activity.type === 'message' || activity.type === 'event' && !(0, $7sZDv.nonResponseInducingEvents).find((eventName)=>{
             var _activity_name;
             return (_activity_name = activity.name) === null || _activity_name === void 0 ? void 0 : _activity_name.toLowerCase().includes(eventName);
-        })) setLastUserActivityData({
+        })) lastUserActivityRef.current = {
             id: activity.id,
             time: Date.now()
-        });
+        };
     };
     const handleBotActivity = (activity)=>{
         var _activity_name, _activity_label;
         // Do nothing for bring-up messages and non-streaming events
-        if (lastUserActivityData && (activity.type === 'message' || ((_activity_name = activity.name) === null || _activity_name === void 0 ? void 0 : _activity_name.toLocaleLowerCase()) === 'davi.streammessageactivity') && ((_activity_label = activity.label) === null || _activity_label === void 0 ? void 0 : _activity_label.toLowerCase()) !== 'davi.bringupmessage' && activity.replyToId === lastUserActivityData.id) {
-            sendTrace(lastUserActivityData.time);
-            setLastUserActivityData(undefined);
+        if (lastUserActivityRef.current && (activity.type === 'message' || ((_activity_name = activity.name) === null || _activity_name === void 0 ? void 0 : _activity_name.toLocaleLowerCase()) === 'davi.streammessageactivity') && ((_activity_label = activity.label) === null || _activity_label === void 0 ? void 0 : _activity_label.toLowerCase()) !== 'davi.bringupmessage' && activity.replyToId === lastUserActivityRef.current.id) {
+            sendTrace((0, $7WHA7.TraceType).message, {
+                activityId: activity.id,
+                userActivity: lastUserActivityRef.current
+            });
+            lastUserActivityRef.current = null;
         }
     };
-    const sendTrace = (beginningTimer)=>{
-        if (tracer) {
-            const span = tracer.startSpan('directlineMessage', {
-                startTime: beginningTimer
-            });
+    const sendTrace = (type, data)=>{
+        if (tracer && type) {
+            const parameters = (data === null || data === void 0 ? void 0 : data.activityId) ? {
+                'davi.retorik.activity.id': data.activityId
+            } : {};
+            let startTime = 0;
+            switch(type){
+                case (0, $7WHA7.TraceType).message:
+                    if (data === null || data === void 0 ? void 0 : data.userActivity) startTime = data === null || data === void 0 ? void 0 : data.userActivity.time;
+                    break;
+                case (0, $7WHA7.TraceType).utteranceStart:
+                case (0, $7WHA7.TraceType).utteranceEnd:
+                    parameters.text = data === null || data === void 0 ? void 0 : data.text;
+                    break;
+            }
+            const span = tracer.startSpan(type, startTime ? {
+                startTime: startTime
+            } : undefined);
             span.setStatus({
                 code: (0, $dWhh5$opentelemetryapi.SpanStatusCode).OK
             });
-            span.setAttributes(getCommonAttributes());
+            span.setAttributes(parameters);
             span.end();
         }
     };
@@ -22662,24 +22650,21 @@ function $6be7f5aa73e32bf5$export$bb3ea6dd2428edb6({ enabled: enabled, children:
                 code: (0, $dWhh5$opentelemetryapi.SpanStatusCode).ERROR,
                 message: `${error.message}`
             });
-            span.setAttributes(getCommonAttributes());
             span.end();
         }
     };
     const value = (0, $dWhh5$react.useMemo)(()=>({
             enabled: enabled,
             tracer: tracer,
-            sendErrorTrace: sendErrorTrace,
-            sendTrace: sendTrace
+            sendTrace: sendTrace,
+            sendErrorTrace: sendErrorTrace
         }), [
         enabled,
         tracer
     ]);
-    return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
-        children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)($6be7f5aa73e32bf5$export$7b6b7bc4acb29126.Provider, {
-            value: value,
-            children: children
-        })
+    return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)($6be7f5aa73e32bf5$export$7b6b7bc4acb29126.Provider, {
+        value: value,
+        children: children
     });
 }
 
@@ -23667,7 +23652,7 @@ const $21be82c8ba5b2ec0$var$UserRequest = ()=>{
     ]);
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
         id: "retorik-userRequest",
-        className: `rf-relative rf-z-util rf-h-full rf-w-3/5 landscape-retorik:rf-w-[calc(80%-10rem)] landscape-retorik:ltr:rf-ml-1/5 landscape-retorik:rtl:rf-mr-1/5 rf-py-4 large-vertical:rf-py-5 rf-flex rf-flex-col rf-justify-self-center rf-justify-end landscape-retorik:rf-justify-self-start
+        className: `rf-relative rf-z-util rf-h-full rf-w-3/5 landscape-retorik:rf-w-[calc(80%-10rem)] landscape-retorik:rf-ml-1/5 rf-py-4 large-vertical:rf-py-5 rf-flex rf-flex-col rf-justify-self-center rf-justify-end landscape-retorik:rf-justify-self-start
         ${mode === (0, $7WHA7.Mode).text && 'landscape-retorik:rf-justify-start'}
         ${mediumLandscape ? 'landscape-retorik:rf-col-start-3' : 'landscape-retorik:rf-col-start-4'} large-vertical:rf-col-start-1 rf-col-span-full rf-text-size-auto rf-text-trueblack`,
         style: {
@@ -23743,7 +23728,7 @@ const $6af0aee9119363c4$var$UserRequest = ()=>{
     ]);
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
         id: "retorik-userRequest",
-        className: `rf-relative rf-z-[5] rf-h-full rf-w-3/5 landscape-retorik:rf-w-[calc(80%-10rem)] landscape-retorik:ltr:rf-ml-1/5 landscape-retorik:rtl:rf-mr-1/5 rf-flex rf-flex-col rf-justify-self-center rf-justify-end landscape-retorik:rf-justify-self-start landscape-retorik:rf-justify-start
+        className: `rf-relative rf-z-[5] rf-h-full rf-w-3/5 landscape-retorik:rf-w-[calc(80%-10rem)] landscape-retorik:rf-ml-1/5 rf-flex rf-flex-col rf-justify-self-center rf-justify-end landscape-retorik:rf-justify-self-start landscape-retorik:rf-justify-start
         ${mediumLandscape ? 'landscape-retorik:rf-col-start-3' : 'landscape-retorik:rf-col-start-4'} large-vertical:rf-col-start-1 rf-col-span-full rf-text-size-auto rf-text-trueblack`,
         style: {
             gridRow: `${gridRowStart} / span ${gridRowSpan}`,
@@ -24058,17 +24043,25 @@ var $5f568a67e3f1c45c$export$2e2bcd8739ae039 = $5f568a67e3f1c45c$var$BotResponse
 
 
 
+
+var $6EkQS = parcelRequire("6EkQS");
 parcelRequire("60kUR");
 var $6tJr6 = parcelRequire("6tJr6");
 const $190fac2b3b90e52b$var$RetorikLogo = ()=>{
-    return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("a", {
-        href: "https://davi.ai/retorik",
+    const isUsedOnBorne = (0, $6EkQS.useRetorikStore)((state)=>state.configuration.isUsedOnBorne);
+    return isUsedOnBorne ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
+        className: "rf-hidden large:rf-block rf-relative rf-z-[1] ltr:rf-col-start-1 rtl:rf-col-end-1 rf-col-span-full rf-row-start-12 rf-row-span-1 ltr:rf-self-end rtl:rf-self-start rf-justify-self-start",
+        children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $6tJr6.default), {
+            className: "ltr:rf-ml-4 rtl:rf-mr-4 rf-mb-4 rf-h-14"
+        })
+    }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("a", {
+        href: "https://davi.ai",
         title: "Retorik by Davi",
         target: "_blank",
         rel: "noreferrer",
-        className: "rf-hidden large:rf-block rf-relative rf-z-[1] ltr:rf-col-start-1 rtl:rf-col-end-1 rf-col-span-full rf-row-start-12 rf-row-span-1 ltr:rf-self-end rtl:rf-self-start rf-justify-self-start",
+        className: "rf-hidden large:rf-block rf-relative rf-z-[1] rf-col-start-1 rf-col-span-full rf-row-start-12 rf-row-span-1 rf-self-end rf-justify-self-start",
         children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $6tJr6.default), {
-            className: "ltr:rf-ml-4 rtl:rf-mr-4 rf-mb-4 rf-h-14"
+            className: "rf-ml-4 rf-mb-4 rf-h-14"
         })
     });
 };
@@ -24331,8 +24324,6 @@ var $6EkQS = parcelRequire("6EkQS");
 
 var $e53vj = parcelRequire("e53vj");
 
-var $jgaO0 = parcelRequire("jgaO0");
-
 
 var $pFs7y = parcelRequire("pFs7y");
 
@@ -24344,6 +24335,8 @@ var $eXl5q = parcelRequire("eXl5q");
 
 var $kUiCn = parcelRequire("kUiCn");
 
+var $6Q0mk = parcelRequire("6Q0mk");
+
 var $7WHA7 = parcelRequire("7WHA7");
 
 var $lr5yz = parcelRequire("lr5yz");
@@ -24351,6 +24344,7 @@ const $2fc1133047fd6846$var$interval = 45;
 const $2fc1133047fd6846$var$splitRegex = new RegExp(/<[^<>]+>/g);
 const $2fc1133047fd6846$var$TextBubble = ({ from: from, id: id, text: text, htmlText: htmlText, showWaitingDots: showWaitingDots, isWaitingDots: isWaitingDots, triggerScroll: triggerScroll, onEnded: onEnded, canBeEnded: canBeEnded, isEnded: isEnded })=>{
     const isMobile = (0, $kUiCn.useViewStore)((state)=>state.isMobile);
+    const isRTL = (0, $6Q0mk.useLocaleStore)((state)=>state.isRTL);
     const [currentHtmlText, setCurrentHtmlText] = (0, $dWhh5$react.useState)('');
     const [ended, setEnded] = (0, $dWhh5$react.useState)(isEnded);
     const intervalRef = (0, $dWhh5$react.useRef)(null);
@@ -24421,7 +24415,8 @@ const $2fc1133047fd6846$var$TextBubble = ({ from: from, id: id, text: text, html
     };
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
         id: from === (0, $7WHA7.TextFrom).user ? `retorik-userQuestion-${id}` : `retorik-botResponse-${id}`,
-        className: `rf-w-fit rf-min-h-9 large-vertical:rf-min-h-10 rf-px-4 rf-py-2 rf-max-w-[75%] landscape-retorik:rf-max-w-[calc((80%-10rem)*0.75)] large-vertical:rf-max-w-[45%] ${isMobile && 'rf-mx-4'} ${from === (0, $7WHA7.TextFrom).user ? 'landscape-retorik:ltr:rf-mr-40 landscape-retorik:rtl:rf-ml-40 large-vertical:ltr:rf-mr-1/5 large-vertical:rtl:rf-ml-1/5 rf-self-end rf-text-textModePanelConversationUser rf-bg-textModePanelBackgroundUser rf-border rf-border-textModePanelBackgroundUser ltr:rf-rounded-tl-4 rtl:rf-rounded-tr-4' : 'landscape-retorik:ltr:rf-ml-1/5 landscape-retorik:rtl:rf-mr-1/5 large-vertical:ltr:rf-ml-1/5 large-vertical:rtl:rf-mr-1/5 rf-text-textModePanelConversationBot rf-bg-textModePanelBackgroundBot rf-border rf-border-textModePanelBackgroundBot ltr:rf-rounded-tr-4 rtl:rf-rounded-tl-4'} rf-rounded-b-4 rf-animate-slideBottom rf-flex rf-flex-col rf-text-size-auto rf-shadow-[0_3px_6px_#00000029]`,
+        dir: isRTL ? 'rtl' : 'ltr',
+        className: `rf-w-fit rf-min-h-9 large-vertical:rf-min-h-10 rf-px-4 rf-py-2 rf-max-w-[75%] landscape-retorik:rf-max-w-[calc((80%-10rem)*0.75)] large-vertical:rf-max-w-[45%] ${isMobile && 'rf-mx-4'} ${isRTL ? from === (0, $7WHA7.TextFrom).bot ? 'landscape-retorik:rf-mr-40 large-vertical:rf-mr-1/5 rf-self-end rf-text-textModePanelConversationBot rf-bg-textModePanelBackgroundBot rf-border rf-border-textModePanelBackgroundBot rf-rounded-tl-4' : 'landscape-retorik:rf-ml-1/5 large-vertical:rf-ml-1/5 rf-text-textModePanelConversationUser rf-bg-textModePanelBackgroundUser rf-border rf-border-textModePanelBackgroundUser rf-rounded-tr-4' : from === (0, $7WHA7.TextFrom).user ? 'landscape-retorik:rf-mr-40 large-vertical:rf-mr-1/5 rf-self-end rf-text-textModePanelConversationUser rf-bg-textModePanelBackgroundUser rf-border rf-border-textModePanelBackgroundUser rf-rounded-tl-4' : 'landscape-retorik:rf-ml-1/5 large-vertical:rf-ml-1/5 rf-text-textModePanelConversationBot rf-bg-textModePanelBackgroundBot rf-border rf-border-textModePanelBackgroundBot rf-rounded-tr-4'} rf-rounded-b-4 rf-animate-slideBottom rf-flex rf-flex-col rf-text-size-auto rf-shadow-[0_3px_6px_#00000029]`,
         children: isWaitingDots ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
             className: "rf-w-8 rf-loader-bouncing-bot"
         }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
@@ -24449,8 +24444,6 @@ const $a2a195f52aaf1332$var$DisplayStandard = ({ currentQuestionId: currentQuest
     const endedActivities = (0, $e53vj.useActivityStore)((state)=>state.endedActivities);
     const watermark = (0, $e53vj.useActivityStore)((state)=>state.watermark);
     const forceMobileView = (0, $6EkQS.useRetorikStore)((state)=>state.configuration.forceMobileView);
-    const cancel = (0, $jgaO0.useSpeechStore)((state)=>state.cancel);
-    const addEndedActivity = (0, $e53vj.useActivityStore)((state)=>state.actions.addEndedActivity);
     const [displayData, setDisplayData] = (0, $dWhh5$react.useState)([]);
     const [currentDisplayDataIndex, setCurrentDisplayDataIndex] = (0, $dWhh5$react.useState)(0);
     const [ended, setEnded] = (0, $dWhh5$react.useState)(!activities.length || endedActivities.includes((_activities_ = activities[activities.length - 1]) === null || _activities_ === void 0 ? void 0 : _activities_.id));
@@ -24466,7 +24459,7 @@ const $a2a195f52aaf1332$var$DisplayStandard = ({ currentQuestionId: currentQuest
     ]);
     (0, $dWhh5$react.useEffect)(()=>{
         if (isWaitingForResponse) {
-            // Create temporary activity with the id of the nexxt one to prevent re-renders, in order to display waiting dots
+            // Create temporary activity with the id of the next one to prevent re-renders, in order to display waiting dots
             const nextActivityId = `${currentQuestionId.slice(0, currentQuestionId.length - watermark.toString().length)}${watermark.toString()}`;
             const tempActivity = {
                 id: nextActivityId,
@@ -24481,36 +24474,14 @@ const $a2a195f52aaf1332$var$DisplayStandard = ({ currentQuestionId: currentQuest
                     activity: tempActivity,
                     type: (0, $7WHA7.DisplayDataTypes).text,
                     isWaitingDots: true,
-                    canBeEnded: true
+                    canBeEnded: true,
+                    isEnded: false
                 }
             ]);
         }
     }, [
         isWaitingForResponse
     ]);
-    (0, $dWhh5$react.useEffect)(()=>{
-        if (cancel) {
-            activities.forEach((activity)=>{
-                addEndedActivity(activity.id);
-            });
-            displayData.forEach((data)=>{
-                addEndedActivity(data.activity.id);
-            });
-        }
-    }, [
-        cancel
-    ]);
-    (0, $dWhh5$react.useEffect)(()=>{
-        // End all current activities on component unmount
-        return ()=>{
-            activitiesRef.current.forEach((activity)=>{
-                addEndedActivity(activity.id);
-            });
-            displayDataRef.current.forEach((data)=>{
-                addEndedActivity(data.activity.id);
-            });
-        };
-    }, []);
     (0, $dWhh5$react.useEffect)(()=>{
         activitiesRef.current = [
             ...activities
@@ -24523,7 +24494,7 @@ const $a2a195f52aaf1332$var$DisplayStandard = ({ currentQuestionId: currentQuest
             activities.forEach((activity, index)=>{
                 var _activity_attachments, _activity_name, _activity_value;
                 let splitTextDataToAdd = [];
-                // Check the attachments, special case if this is the message activity after streaming : show attachments if the first streaming activcity didn't have any
+                // Check the attachments, special case if this is the message activity after streaming : show attachments if the first streaming activity didn't have any
                 let attachments = [];
                 if ((_activity_attachments = activity.attachments) === null || _activity_attachments === void 0 ? void 0 : _activity_attachments.length) {
                     var _activity_name1, _activity_value1;
@@ -24533,14 +24504,16 @@ const $a2a195f52aaf1332$var$DisplayStandard = ({ currentQuestionId: currentQuest
                             {
                                 type: (0, $7WHA7.DisplayDataTypes).attachment,
                                 activity: activity,
-                                canBeEnded: true
+                                canBeEnded: true,
+                                isEnded: true
                             }
                         ];
                     } else if (!(((_activity_value1 = activity.value) === null || _activity_value1 === void 0 ? void 0 : _activity_value1.streamingCount) && streamingActivityHasAttachment) && !(0, $1a0bdae30bc87d45$export$7c55936a30618336)(activity)) attachments = [
                         {
                             type: (0, $7WHA7.DisplayDataTypes).attachment,
                             activity: activity,
-                            canBeEnded: true
+                            canBeEnded: true,
+                            isEnded: true
                         }
                     ];
                 }
@@ -24559,14 +24532,20 @@ const $a2a195f52aaf1332$var$DisplayStandard = ({ currentQuestionId: currentQuest
                                     ...currentFirstStreamingActivity,
                                     htmlText: (0, $pFs7y.processMarkdownAndSpeechMarkdown)(streamingTexts.join(''), false).htmlText
                                 },
-                                canBeEnded: false
+                                canBeEnded: false,
+                                isEnded: false
                             }
                         ];
                     }
                 } else if ((_activity_value = activity.value) === null || _activity_value === void 0 ? void 0 : _activity_value.streamingCount) {
                     if (tempDisplayData.length) {
                         const lastStreamingIndex = tempDisplayData.findLastIndex((d)=>d.type === (0, $7WHA7.DisplayDataTypes).text);
-                        lastStreamingIndex !== -1 && (tempDisplayData[lastStreamingIndex].canBeEnded = true);
+                        if (lastStreamingIndex !== -1) {
+                            // Set canBeEnded for the previous streaming
+                            tempDisplayData[lastStreamingIndex].canBeEnded = true;
+                            // Set previous streaming ended if this activity is ended in speech synthesis
+                            tempDisplayData[lastStreamingIndex].isEnded = endedActivities.includes(activity.id);
+                        }
                     }
                     // Reset streaming data if the message containing all streaming data is received
                     currentFirstStreamingActivity = undefined;
@@ -24581,7 +24560,8 @@ const $a2a195f52aaf1332$var$DisplayStandard = ({ currentQuestionId: currentQuest
                             {
                                 type: (0, $7WHA7.DisplayDataTypes).text,
                                 activity: activity,
-                                canBeEnded: true
+                                canBeEnded: true,
+                                isEnded: endedActivities.includes(activity.id)
                             }
                         ];
                     }
@@ -24603,7 +24583,8 @@ const $a2a195f52aaf1332$var$DisplayStandard = ({ currentQuestionId: currentQuest
         }
     }, [
         currentQuestionId,
-        activities.length
+        activities.length,
+        endedActivities
     ]);
     (0, $dWhh5$react.useEffect)(()=>{
         displayDataRef.current = [
@@ -24626,8 +24607,6 @@ const $a2a195f52aaf1332$var$DisplayStandard = ({ currentQuestionId: currentQuest
         ended
     ]);
     const handleEnded = ()=>{
-        var _displayData_currentDisplayDataIndex_activity, _displayData_currentDisplayDataIndex;
-        addEndedActivity((_displayData_currentDisplayDataIndex = displayData[currentDisplayDataIndex]) === null || _displayData_currentDisplayDataIndex === void 0 ? void 0 : (_displayData_currentDisplayDataIndex_activity = _displayData_currentDisplayDataIndex.activity) === null || _displayData_currentDisplayDataIndex_activity === void 0 ? void 0 : _displayData_currentDisplayDataIndex_activity.id);
         setCurrentDisplayDataIndex((current)=>current + 1);
         !ended && triggerScroll();
     };
@@ -24649,7 +24628,7 @@ const $a2a195f52aaf1332$var$DisplayStandard = ({ currentQuestionId: currentQuest
                     triggerScroll: triggerScroll,
                     onEnded: handleEnded,
                     canBeEnded: data.canBeEnded,
-                    isEnded: data.canBeEnded && endedActivities.includes(data.activity.id),
+                    isEnded: data.isEnded,
                     isWaitingDots: data.isWaitingDots
                 }, `${data.activity.id}-${key}`);
             }
@@ -24817,7 +24796,7 @@ const $7df5d708684c32ba$var$ConversationPanelMobile = ({ activities: activities,
                         direction: scrollButtonDirection,
                         display: scrollButtonDisplay && open,
                         scrollHandler: scrollHandler,
-                        className: "rf-absolute rf-z-ui rf-bottom-8 ltr:rf-right-6 rtl:rf-left-6 rf-w-9 rf-h-9 rf-cursor-pointer rf-bg-[#00000050] rf-p-[7px_12px] rf-rounded-[20px] rf-flex"
+                        className: "rf-absolute rf-z-ui rf-bottom-8 rf-right-6 rf-w-9 rf-h-9 rf-cursor-pointer rf-bg-[#00000050] rf-p-[7px_12px] rf-rounded-[20px] rf-flex"
                     }),
                     /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
                         className: "rf-h-max rf-w-full rf-py-4 rf-flex rf-flex-col rf-gap-3",
@@ -25120,6 +25099,8 @@ var $7eio0 = parcelRequire("7eio0");
 
 var $6EkQS = parcelRequire("6EkQS");
 
+var $6Q0mk = parcelRequire("6Q0mk");
+
 var $7WHA7 = parcelRequire("7WHA7");
 parcelRequire("7v7LH");
 var $a6hpb = parcelRequire("a6hpb");
@@ -25210,7 +25191,7 @@ const $3a6f407e42297873$var$Remote = ()=>{
     const configuration = (0, $6EkQS.useRetorikStore)((state)=>state.configuration);
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
         id: "retorik-framework-remote",
-        className: "rf-relative rf-w-full rf-pt-3 rf-pb-4 rf-flex rf-flex-col rf-items-center ltr:rf-rounded-l-lg rtl:rf-rounded-r-lg rf-shadow-[0_3px_6px_#606267]",
+        className: "rf-relative rf-w-full rf-pt-3 rf-pb-4 rf-flex rf-flex-col rf-items-center rf-rounded-l-lg rf-shadow-[0_3px_6px_#606267]",
         style: {
             background: 'linear-gradient(#F8F8FC, #EDEEF3)'
         },
@@ -25239,6 +25220,7 @@ const $81e653c6b570247f$var$RemoteContainer = ({ hideMenu: hideMenu = false })=>
     const top = (0, $4yOCX.default)();
     const menu = (0, $6EkQS.useRetorikStore)((state)=>state.configuration.menu);
     const dashboardOpened = (0, $7eio0.useUtilsStore)((state)=>state.dashboardOpened);
+    const isRTL = (0, $6Q0mk.useLocaleStore)((state)=>state.isRTL);
     const { setCurrentSubView: setCurrentSubView, setDashboardOpened: setDashboardOpened, setClickedOnUI: setClickedOnUI } = (0, $7eio0.useUtilsStore)((state)=>state.actions);
     /**
    * On call :
@@ -25257,7 +25239,7 @@ const $81e653c6b570247f$var$RemoteContainer = ({ hideMenu: hideMenu = false })=>
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
         children: [
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
-                className: "rf-absolute rf-z-ui rf-hidden large:rf-flex rf-flex-col rf-items-center rf-justify-start rf-w-24 ltr:rf-right-0 rtl:rf-left-0 ltr:rf-text-xsm rtl:rf-text-arabic rf-text-trueblack",
+                className: `rf-absolute rf-z-ui rf-hidden large:rf-flex rf-flex-col rf-items-center rf-justify-start rf-w-24 rf-right-0 ${isRTL ? 'rf-text-arabic' : 'rf-text-xsm'} rf-text-trueblack`,
                 style: {
                     top: top
                 },
@@ -25842,8 +25824,7 @@ const $3b4c49538547c1bc$var$WarningBeforeNewsView = ()=>{
     const sendEvent = (0, $6QoTL.useDirectlineStore)((state)=>state.actions.sendEvent);
     const [waiting, setWaiting] = (0, $dWhh5$react.useState)(true);
     const handleClick = (goHome)=>{
-        sendEvent('Davi.CloseWindow', null);
-        sendEvent('Davi.CloseWindowNewsSoundActivated', null);
+        sendEvent('Davi.CloseWindow', null, ()=>sendEvent('Davi.CloseWindowNewsSoundActivated', null));
         goHome ? setRoute((0, $7WHA7.Routes).Home) : setWaiting(false);
     };
     return waiting ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
@@ -25852,7 +25833,7 @@ const $3b4c49538547c1bc$var$WarningBeforeNewsView = ()=>{
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $hqoZC.default), {
                 title: translation.common.back,
                 handleBack: ()=>handleClick(true),
-                className: "rf-absolute rf-top-4 ltr:rf-left-4 rtl:rf-right-4 rf-text-size-auto"
+                className: "rf-absolute rf-top-4 rf-left-4 rf-text-size-auto"
             }),
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("p", {
                 className: "rf-px-4 rf-text-center",
@@ -25919,8 +25900,6 @@ var $6EkQS = parcelRequire("6EkQS");
 
 var $7eio0 = parcelRequire("7eio0");
 
-var $6Q0mk = parcelRequire("6Q0mk");
-
 var $9CCS6 = parcelRequire("9CCS6");
 
 var $hLdi9 = parcelRequire("hLdi9");
@@ -25952,7 +25931,6 @@ var $9ccee10030bde87b$export$2e2bcd8739ae039 = $9ccee10030bde87b$var$ModalFullsc
 
 
 const $9242b50f1c1199a7$var$Container = ({ fullSize: fullSize, width: width, height: height, children: children, parent: parent })=>{
-    const isRTL = (0, $6Q0mk.useLocaleStore)((state)=>state.isRTL);
     const themeColors = (0, $kUiCn.useViewStore)((state)=>state.themeColors);
     const currentDeviceType = (0, $kUiCn.useViewStore)((state)=>state.currentDeviceType);
     const isTactile = (0, $kUiCn.useViewStore)((state)=>state.isTactile);
@@ -26122,8 +26100,7 @@ const $9242b50f1c1199a7$var$Container = ({ fullSize: fullSize, width: width, hei
         id: "retorik-container",
         ref: container,
         tabIndex: -1,
-        dir: isRTL ? 'rtl' : 'ltr',
-        className: `rf-relative ${fullSize ? 'rf-w-screen rf-h-screen' : 'rf-w-full rf-h-full'} rf-max-w-screen rf-max-h-screen rf-grid rf-grid-cols-8 rf-grid-rows-container rf-bg-transparent rf-text-trueblack rf-font-default ${portrait} ${large} ${mobile} ${tablet} ${isTactile && 'rf-tactile'} ${isRTL ? 'rf-rtl' : 'rf-ltr'} rf-overflow-hidden rf-animate-loaderFadeIn`,
+        className: `rf-relative ${fullSize ? 'rf-w-screen rf-h-screen' : 'rf-w-full rf-h-full'} rf-max-w-screen rf-max-h-screen rf-grid rf-grid-cols-8 rf-grid-rows-container rf-bg-transparent rf-text-trueblack rf-font-default ${portrait} ${large} ${mobile} ${tablet} ${isTactile && 'rf-tactile'} rf-overflow-hidden rf-animate-loaderFadeIn`,
         style: {
             ...widthStyle,
             ...heightStyle,
@@ -26214,30 +26191,8 @@ var $6EkQS = parcelRequire("6EkQS");
 
 var $6QoTL = parcelRequire("6QoTL");
 
-var $7WHA7 = parcelRequire("7WHA7");
-/* Return codes:
-  0 => do nothing
-  1 => add to queue
-  2 => stop current activity + change to the one tested
-*/ const $549323f244f4782c$var$checkLastbotActivity = (lastbotActivity, currentPlaying, currentReplyToId, queuedActivities, endedActivities)=>{
-    // Check if the activity is the one currently being played
-    if (lastbotActivity.id === currentPlaying.id) return 0;
-    // Check if the activity has already been ended
-    if (endedActivities.includes(lastbotActivity.id)) return 0;
-    // Check if the activity has the same replyToId than the one currently being played
-    if (lastbotActivity.replyToId === currentReplyToId) {
-        // Check if the activity is already in the queue
-        let count = 0;
-        if (queuedActivities.length > 0) queuedActivities.forEach((activity)=>{
-            if (activity.id === lastbotActivity.id) count++;
-        });
-        if (count === 0) return 1;
-        else return 0;
-    } else return 2;
-};
-var $549323f244f4782c$export$2e2bcd8739ae039 = $549323f244f4782c$var$checkLastbotActivity;
-
 
+var $7WHA7 = parcelRequire("7WHA7");
 
 
 
@@ -26832,7 +26787,8 @@ const $d31b268c3b702355$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd,
     const microphoneCloseAudioRef = (0, $dWhh5$react.useRef)(null);
     const [DBReady, setDBReady] = (0, $dWhh5$react.useState)(false);
     const [playingBlob, setPlayingBlob] = (0, $dWhh5$react.useState)(false);
-    const [nextUtteranceData, setNextUtteranceData] = (0, $dWhh5$react.useState)(null);
+    const nextUtteranceDataRef = (0, $dWhh5$react.useRef)(null);
+    const nextUtteranceTextRef = (0, $dWhh5$react.useRef)(null);
     const nextUtteranceBoundariesRef = (0, $dWhh5$react.useRef)([]);
     const nextUtteranceVisemesRef = (0, $dWhh5$react.useRef)([]);
     const emptyTextUtteranceRef = (0, $dWhh5$react.useRef)(null);
@@ -26847,7 +26803,7 @@ const $d31b268c3b702355$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd,
         if (appAvailable || loaderClosed) {
             var _audioRef_current;
             // Cancel synthesis if using synthesizer
-            if (!playingBlob) ponyfill && ponyfill.speechSynthesis.cancel();
+            if (!playingBlob) ponyfill.speechSynthesis.cancel();
             resetNextUtteranceData();
             if (audioRef.current && !((_audioRef_current = audioRef.current) === null || _audioRef_current === void 0 ? void 0 : _audioRef_current.paused)) {
                 audioRef.current.pause();
@@ -26857,7 +26813,7 @@ const $d31b268c3b702355$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd,
     };
     const attachEvents = (tempUtterance, isMainUtterance)=>{
         tempUtterance.onerror = (event)=>{
-            isMainUtterance ? handleError(event) : setNextUtteranceData(null);
+            isMainUtterance ? handleError(event) : nextUtteranceDataRef.current = null;
         };
         tempUtterance.onsynthesiscompleted = ()=>{
             const endBoundary = {
@@ -26908,7 +26864,6 @@ const $d31b268c3b702355$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd,
         };
         tempUtterance.onviseme = (event)=>{
             if (isMainUtterance) {
-                // Do nothing ATM
                 // Update the boundaryData state with the new data.
                 addViseme(event);
                 const tempVisemes = (visemeRef === null || visemeRef === void 0 ? void 0 : visemeRef.current) || [];
@@ -26924,29 +26879,34 @@ const $d31b268c3b702355$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd,
         return tempUtterance;
     };
     const processNextData = (data)=>{
-        setNextUtteranceData((data === null || data === void 0 ? void 0 : data.byteLength) ? {
-            speechData: data,
-            boundaries: nextUtteranceBoundariesRef.current,
-            visemes: nextUtteranceVisemesRef.current
-        } : null);
+        nextUtteranceDataRef.current = (data === null || data === void 0 ? void 0 : data.byteLength) && nextUtteranceTextRef.current ? {
+            text: nextUtteranceTextRef.current,
+            data: {
+                speechData: data,
+                boundaries: nextUtteranceBoundariesRef.current,
+                visemes: nextUtteranceVisemesRef.current
+            }
+        } : null;
         // Reset boundary / viseme data
         resetNextUtteranceData(true);
     };
     const resetNextUtteranceData = (keepArrayBufferData)=>{
-        !keepArrayBufferData && setNextUtteranceData(null);
+        !keepArrayBufferData && (nextUtteranceDataRef.current = null);
+        nextUtteranceTextRef.current = null;
         nextUtteranceBoundariesRef.current = [];
         nextUtteranceVisemesRef.current = [];
     };
     (0, $dWhh5$react.useEffect)(()=>{
         if (utterance) {
             if (utterance.text) {
-                if (ponyfill && (audioRef === null || audioRef === void 0 ? void 0 : audioRef.current)) {
-                    if (nextUtteranceData) {
-                        boundaryRef.current = nextUtteranceData.boundaries;
-                        setBoundaryData(nextUtteranceData.boundaries);
-                        setVisemeData(nextUtteranceData.visemes);
-                        processData(nextUtteranceData.speechData, true);
-                    } else // Play utterance whether by asking for a speech synthesis, or by retrieving data fro indexeddb
+                if (audioRef === null || audioRef === void 0 ? void 0 : audioRef.current) {
+                    var _nextUtteranceDataRef_current;
+                    if (((_nextUtteranceDataRef_current = nextUtteranceDataRef.current) === null || _nextUtteranceDataRef_current === void 0 ? void 0 : _nextUtteranceDataRef_current.text) === utterance.text && nextUtteranceDataRef.current.data) {
+                        boundaryRef.current = nextUtteranceDataRef.current.data.boundaries;
+                        setBoundaryData(nextUtteranceDataRef.current.data.boundaries);
+                        setVisemeData(nextUtteranceDataRef.current.data.visemes);
+                        processData(nextUtteranceDataRef.current.data.speechData, true);
+                    } else // Play utterance whether by asking for a speech synthesis, or by retrieving data from indexedDB
                     playUtterance(attachEvents(utterance, true));
                 } else stopCurrentPlaying();
             } else handleEmptyTextUtterance();
@@ -26955,8 +26915,10 @@ const $d31b268c3b702355$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd,
         utterance
     ]);
     (0, $dWhh5$react.useEffect)(()=>{
-        if ((nextUtterance === null || nextUtterance === void 0 ? void 0 : nextUtterance.text) && ponyfill) {
+        // If there are data in nextUtteranceTextRef, this means the previous synthesis data retrieval is not finished, so we don't begin a new one
+        if ((nextUtterance === null || nextUtterance === void 0 ? void 0 : nextUtterance.text) && !nextUtteranceTextRef.current) {
             const tempUtterance = attachEvents(nextUtterance);
+            nextUtteranceTextRef.current = nextUtterance.text;
             ponyfill.speechSynthesis.synthesizeAndGetArrayData(tempUtterance, processNextData);
         } else resetNextUtteranceData();
     }, [
@@ -26964,14 +26926,14 @@ const $d31b268c3b702355$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd,
     ]);
     const playUtterance = async (utt)=>{
         if (DBReady && enableSpeechCaching !== false && utt) {
-            const dataFromIndexedDB = await $d31b268c3b702355$var$DBManager.getSpeechData(`${locale}.${voice === null || voice === void 0 ? void 0 : voice.name}.${utt.text.replace($d31b268c3b702355$var$tagsRemoverRegex, '').substring(0, 50)}`);
+            const dataFromIndexedDB = await $d31b268c3b702355$var$DBManager.getSpeechData(`${locale}.${voice === null || voice === void 0 ? void 0 : voice.name}.${utt.text.replace($d31b268c3b702355$var$tagsRemoverRegex, '')}`);
             if (dataFromIndexedDB) {
                 boundaryRef.current = dataFromIndexedDB.boundaries;
                 setBoundaryData(dataFromIndexedDB.boundaries);
                 setVisemeData(dataFromIndexedDB.visemes || []);
                 processData(dataFromIndexedDB.value, true);
-            } else ponyfill === null || ponyfill === void 0 ? void 0 : ponyfill.speechSynthesis.synthesizeAndGetArrayData(utt, processData);
-        } else ponyfill === null || ponyfill === void 0 ? void 0 : ponyfill.speechSynthesis.synthesizeAndGetArrayData(utt, processData);
+            } else ponyfill.speechSynthesis.synthesizeAndGetArrayData(utt, processData);
+        } else ponyfill.speechSynthesis.synthesizeAndGetArrayData(utt, processData);
     };
     const processData = (data, alreadyExistsInDB)=>{
         if (data === null || data === void 0 ? void 0 : data.byteLength) {
@@ -26981,7 +26943,7 @@ const $d31b268c3b702355$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd,
                 type: 'audio/mp3'
             });
             enableSpeechCaching !== false && !alreadyExistsInDB && DBReady && (boundaryRef === null || boundaryRef === void 0 ? void 0 : boundaryRef.current) && utterance && $d31b268c3b702355$var$DBManager.addSpeechData({
-                id: `${locale}.${voice === null || voice === void 0 ? void 0 : voice.name}.${utterance.text.replace($d31b268c3b702355$var$tagsRemoverRegex, '').substring(0, 50)}`,
+                id: `${locale}.${voice === null || voice === void 0 ? void 0 : voice.name}.${utterance.text.replace($d31b268c3b702355$var$tagsRemoverRegex, '')}`,
                 value: data,
                 boundaries: boundaryRef.current,
                 visemes: visemeRef.current || []
@@ -27006,13 +26968,13 @@ const $d31b268c3b702355$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd,
     };
     const handleEnd = ()=>{
         if (appAvailable || loaderClosed) {
-            onEnd && onEnd();
+            onEnd === null || onEnd === void 0 ? void 0 : onEnd();
             resetData();
         } else setLoaderClosed(true);
     };
     const handleError = (error)=>{
-        console.log('Error : ', error);
-        onError && onError();
+        console.log('Retorik Framework > speech synthesis error ', error);
+        onError === null || onError === void 0 ? void 0 : onError();
         resetData();
     };
     const handleEmptyTextUtterance = ()=>{
@@ -27027,7 +26989,7 @@ const $d31b268c3b702355$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd,
    *  - play 1 second muted sound to prime audio output
    *  - MANDATORY FOR SAFARI IN VOCAL MODE
    */ const primeRetorikSpeech = ()=>{
-        if (ponyfill && audioRef.current) {
+        if (audioRef.current) {
             audioRef.current.play().catch((e)=>console.warn(e));
             (speechRecognitionAudioRef === null || speechRecognitionAudioRef === void 0 ? void 0 : speechRecognitionAudioRef.current) && speechRecognitionAudioRef.current.play().catch((e)=>console.warn(e));
             // Send animation start event to secure animation not playing on safari if permissions are not sufficient
@@ -27038,13 +27000,6 @@ const $d31b268c3b702355$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd,
    * Play sound on speech recognition activation if it isn't disabled in configuration
    */ (0, $dWhh5$react.useEffect)(()=>{
         var _speechRecognitionAudioRef_current;
-        // if (
-        //   !!speechRecognitionOptions?.enableActivationSound &&
-        //   activeRecognitionState === RecognitionState.Listening
-        // ) {
-        //   speechRecognitionAudioRef?.current &&
-        //     speechRecognitionAudioRef.current.play().catch((e) => console.warn(e))
-        // }
         if (useOldRemote) {
             if (!!(speechRecognitionOptions === null || speechRecognitionOptions === void 0 ? void 0 : speechRecognitionOptions.enableActivationSound) && activeRecognitionState === (0, $7WHA7.RecognitionState).Listening) speechRecognitionAudioRef === null || speechRecognitionAudioRef === void 0 ? void 0 : (_speechRecognitionAudioRef_current = speechRecognitionAudioRef.current) === null || _speechRecognitionAudioRef_current === void 0 ? void 0 : _speechRecognitionAudioRef_current.play().catch((e)=>console.warn(e));
         } else if (!!(speechRecognitionOptions === null || speechRecognitionOptions === void 0 ? void 0 : speechRecognitionOptions.enableActivationSound)) switch(activeRecognitionState){
@@ -27103,11 +27058,7 @@ var $d31b268c3b702355$export$2e2bcd8739ae039 = $d31b268c3b702355$var$RetorikSpee
 
 const $ad561f5c61e38c20$var$SynthesisManager = ({ ponyfill: ponyfill, isRetorikNews: isRetorikNews })=>{
     const cancel = (0, $jgaO0.useSpeechStore)((state)=>state.cancel);
-    const streamingReplyToId = (0, $jgaO0.useSpeechStore)((state)=>state.streamingReplyToId);
     const streamingQueue = (0, $jgaO0.useSpeechStore)((state)=>state.streamingQueue);
-    const currentPlaying = (0, $jgaO0.useSpeechStore)((state)=>state.currentPlaying);
-    const currentReplyToId = (0, $jgaO0.useSpeechStore)((state)=>state.currentReplyToId);
-    const endedActivities = (0, $jgaO0.useSpeechStore)((state)=>state.endedActivities);
     const voice = (0, $jgaO0.useSpeechStore)((state)=>state.voice);
     const customVoice = (0, $jgaO0.useSpeechStore)((state)=>state.customVoice);
     const activeRecognitionState = (0, $jgaO0.useSpeechStore)((state)=>state.activeRecognitionState);
@@ -27120,24 +27071,18 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ ponyfill: ponyfill, isRetorikN
     const appAvailable = (0, $6EkQS.useRetorikStore)((state)=>state.appAvailable);
     const preventExpectedInputHint = (0, $6EkQS.useRetorikStore)((state)=>state.configuration.preventExpectedInputHint);
     const speechSynthesisOptions = (0, $6EkQS.useRetorikStore)((state)=>state.configuration.speechSynthesisOptions);
-    const currentNewsActivity = (0, $7eio0.useUtilsStore)((state)=>state.currentNewsActivity);
-    const lastBotActivity = (0, $e53vj.useActivityStore)((state)=>state.lastBotMessageActivity);
     const checkReplacementLocale = (0, $6Q0mk.useLocaleStore)((state)=>state.actions.checkReplacementLocale);
     const setRetorikNewsEnded = (0, $7eio0.useUtilsStore)((state)=>state.actions.setRetorikNewsEnded);
-    const { resetCancelCurrentUtterance: resetCancelCurrentUtterance, setSpeaking: setSpeaking, setCurrentPlaying: setCurrentPlaying, setCurrentReplyToId: setCurrentReplyToId, setEndedActivities: setEndedActivities, setBoundaryData: setBoundaryData, removeFirstFromStreamingQueue: removeFirstFromStreamingQueue, setCurrentStreaming: setCurrentStreaming, killCurrentStreaming: killCurrentStreaming, askPermission: askPermission, toggleMicrophone: toggleMicrophone } = (0, $jgaO0.useSpeechStore)((state)=>state.actions);
+    const { setCurrentOrLastPlayedActivity: setCurrentOrLastPlayedActivity, resetCancelCurrentUtterance: resetCancelCurrentUtterance, setSpeaking: setSpeaking, setBoundaryData: setBoundaryData, removeFirstFromStreamingQueue: removeFirstFromStreamingQueue, killCurrentStreaming: killCurrentStreaming, askPermission: askPermission, toggleMicrophone: toggleMicrophone } = (0, $jgaO0.useSpeechStore)((state)=>state.actions);
     const addEndedActivity = (0, $e53vj.useActivityStore)((state)=>state.actions.addEndedActivity);
     const dispatchMarkActivity = (0, $6QoTL.useDirectlineStore)((state)=>state.actions.dispatchMarkActivity);
+    const sendTrace = (0, $6be7f5aa73e32bf5$export$a15d15518a3ec33d)().sendTrace;
     const [utterance, setUtterance] = (0, $dWhh5$react.useState)(null);
     const [nextUtterance, setNextUtterance] = (0, $dWhh5$react.useState)(null);
-    const cancelRef = (0, $dWhh5$react.useRef)(false);
-    const isSpeaking = (0, $dWhh5$react.useRef)(false);
     const isNewsViewRef = (0, $dWhh5$react.useRef)(!!isRetorikNews);
     const lastListTextPlayedRef = (0, $dWhh5$react.useRef)('');
-    const queuedActivitiesRef = (0, $dWhh5$react.useRef)([]);
+    const streamingQueueRef = (0, $dWhh5$react.useRef)([]);
     const currentActivityRef = (0, $dWhh5$react.useRef)(null);
-    const currentPlayingRef = (0, $dWhh5$react.useRef)(null);
-    const tempCurrentStreamingRef = (0, $dWhh5$react.useRef)(null);
-    const streamingRelatedMessageRef = (0, $dWhh5$react.useRef)(null);
     /**
    * Check activity locale in case of voice change during the speech, to keep the language defined in activity
    * instead of switching languages between answers that are written in the same language
@@ -27164,17 +27109,21 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ ponyfill: ponyfill, isRetorikN
         return (0, $285c8810199513ef$export$f969af62bba9a48b)(params, speechSynthesisOptions === null || speechSynthesisOptions === void 0 ? void 0 : speechSynthesisOptions.sayAs);
     };
     const resetData = ()=>{
-        queuedActivitiesRef.current = [];
-        tempCurrentStreamingRef.current = null;
-        streamingRelatedMessageRef.current = null;
-        currentPlayingRef.current = null;
-        isSpeaking.current = false;
+        var // Set all activities currently in the queue as ended
+        _streamingQueueRef_current;
+        (_streamingQueueRef_current = streamingQueueRef.current) === null || _streamingQueueRef_current === void 0 ? void 0 : _streamingQueueRef_current.forEach((activity)=>{
+            addEndedActivity(activity.id);
+        });
+        streamingQueueRef.current = [];
+        killCurrentStreaming();
+        currentActivityRef.current = null;
         setUtterance(null);
         setNextUtterance(null);
         resetCancelCurrentUtterance();
+        setSpeaking(false);
+        setBoundaryData([]);
     };
-    const checkReplacementLocaleAndGetUtterance = (activity, checkReplacement = true, setCurrent = true)=>{
-        setCurrent && (currentActivityRef.current = activity);
+    const checkReplacementLocaleAndGetUtterance = (activity, checkReplacement = true)=>{
         const replacementLocale = checkReplacement ? checkReplacementLocale(activity.locale || locale) : locale;
         const params = {
             activity: activity,
@@ -27183,176 +27132,39 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ ponyfill: ponyfill, isRetorikN
         };
         return checkActivityAndCreateUtterance(params);
     };
-    const checkDictateState = ()=>{
+    /**
+   * Check if the microphone can be opened automatically
+   */ const checkDictateState = ()=>{
         if (!preventExpectedInputHint && mode === (0, $7WHA7.Mode).vocal && activeRecognitionState === (0, $7WHA7.RecognitionState).Closed) {
             if (!isMicrophoneAllowed) askPermission();
             else toggleMicrophone(true);
         }
     };
-    (0, $dWhh5$react.useEffect)(()=>{
-        if (isNewsViewRef.current) {
-            if (currentNewsActivity) {
-                setUtterance(checkReplacementLocaleAndGetUtterance(currentNewsActivity));
-                isSpeaking.current = true;
-            } else {
-                setUtterance(null);
-                isSpeaking.current = false;
-            }
-        }
-    }, [
-        currentNewsActivity,
-        ponyfill
-    ]);
     /**
-   * On ViewContext's route state change :
-   *  - when we toggle from a view to another, we reset the data related to speech
+   * On route change, reset all data and check if we are on the news view
    */ (0, $dWhh5$react.useEffect)(()=>{
-        setSpeaking(false);
-        setBoundaryData([]);
-        const ended = [
-            ...endedActivities
-        ];
-        if (currentPlaying) {
-            // Add played activity id to context's endedActivities
-            ended.length > 10 && ended.splice(0, 1);
-            if (currentPlaying.id) {
-                ended.push(currentPlaying.id);
-                addEndedActivity(currentPlaying.id);
-            }
-            setEndedActivities(ended);
-        }
-        setCurrentPlaying(undefined);
         resetData();
         if (!isRetorikNews) isNewsViewRef.current = route === (0, $7WHA7.Routes).News;
     }, [
         route
     ]);
     /**
-   * On RetorikContext's appAvailable state change :
-   *  - appAvailable is set to true after the user interacted with the loader and every needed element is loaded
-   *  - no utterance is created while appAvailable isn't true
-   *  - if during the waiting time, some activities were queued, when appAvailable comes to true, let's begin creating the utterances and playing them
+   * On cancel call, reset all data and kill current streaming
    */ (0, $dWhh5$react.useEffect)(()=>{
-        var _queuedActivitiesRef_current;
-        if (appAvailable && ((_queuedActivitiesRef_current = queuedActivitiesRef.current) === null || _queuedActivitiesRef_current === void 0 ? void 0 : _queuedActivitiesRef_current.length)) {
-            setUtterance(checkReplacementLocaleAndGetUtterance(queuedActivitiesRef.current[0]));
-            queuedActivitiesRef.current.splice(0, 1);
-            isSpeaking.current = true;
-        }
-    }, [
-        appAvailable
-    ]);
-    /**
-   * On speechCancelStore's cancel state change :
-   *  - if there is currently no utterance being played, reset cancel state to false
-   *  - if an utterance is being played, set it to null to stop playing and prevent data in queue from being played
-   *  - setting an utterance to null will trigger the handleUtteranceEnded method automatically
-   */ (0, $dWhh5$react.useEffect)(()=>{
-        cancelRef.current = cancel;
-        if (cancel) {
-            utterance ? setUtterance(null) : resetCancelCurrentUtterance();
-            isSpeaking.current = false;
-            setNextUtterance(null);
-            killCurrentStreaming();
-        }
+        cancel && resetData();
     }, [
         cancel
     ]);
     /**
-   *  - check if the ponyfill is created and the voices loaded
-   *  - if the activity doesn't have a replyToId value, put it in the queue (used for reminder process)
-   *  - if the app is not available yet, put the activity in the queue if it is not yet inside
-   *  - NB: an activity can be received once from the directline, but can be found several times in the activities in the botframework
-   *  this is because it is processed multiple times if there is something to speak (channelDate empty, then channelData with {speak: true})
-   *  - if an utterance is being played, process the new one (do nothing / put it in the queue / stop the current one and play the new one)
-   *  - if an utterance has to be created, create it and set the utterance state
+   * Play external speech immediately but don't add it to the history
    */ (0, $dWhh5$react.useEffect)(()=>{
-        if (voice && (lastBotActivity === null || lastBotActivity === void 0 ? void 0 : lastBotActivity.id)) {
-            let createNewUtterance = false;
-            if (!lastBotActivity.replyToId) {
-                var _queuedActivitiesRef_current;
-                if (isNewsViewRef.current) ;
-                else if (currentPlaying || ((_queuedActivitiesRef_current = queuedActivitiesRef.current) === null || _queuedActivitiesRef_current === void 0 ? void 0 : _queuedActivitiesRef_current.length)) queuedActivitiesRef.current = [
-                    ...queuedActivitiesRef.current,
-                    lastBotActivity
-                ];
-                else if (endedActivities.length === 0 || endedActivities[endedActivities.length - 1] !== lastBotActivity.id) createNewUtterance = true;
-            } else if (lastBotActivity.replyToId === streamingReplyToId) {
-                var _lastBotActivity_value;
-                if ((_lastBotActivity_value = lastBotActivity.value) === null || _lastBotActivity_value === void 0 ? void 0 : _lastBotActivity_value.streamingId) {
-                    setCurrentPlaying(lastBotActivity);
-                    currentPlayingRef.current = lastBotActivity;
-                    // Keep the message related to playing streaming activities to deal with when streaming is ended
-                    streamingRelatedMessageRef.current = lastBotActivity;
-                } else queuedActivitiesRef.current = [
-                    ...queuedActivitiesRef.current,
-                    lastBotActivity
-                ];
-            } else if (!appAvailable) {
-                if (!currentReplyToId) {
-                    setCurrentReplyToId(lastBotActivity.replyToId);
-                    queuedActivitiesRef.current = [
-                        lastBotActivity
-                    ];
-                } else {
-                    var _queuedActivitiesRef_current1;
-                    if (currentReplyToId === lastBotActivity.replyToId) {
-                        if (!((_queuedActivitiesRef_current1 = queuedActivitiesRef.current) === null || _queuedActivitiesRef_current1 === void 0 ? void 0 : _queuedActivitiesRef_current1.find((act)=>act.id === lastBotActivity.id))) queuedActivitiesRef.current = [
-                            ...queuedActivitiesRef.current,
-                            lastBotActivity
-                        ];
-                    } else {
-                        setCurrentReplyToId(lastBotActivity.replyToId);
-                        queuedActivitiesRef.current = [
-                            lastBotActivity
-                        ];
-                    }
-                }
-            } else if (currentActivityRef === null || currentActivityRef === void 0 ? void 0 : currentActivityRef.current) switch((0, $549323f244f4782c$export$2e2bcd8739ae039)(lastBotActivity, currentActivityRef.current, currentReplyToId, queuedActivitiesRef.current, endedActivities)){
-                case 0:
-                    break;
-                case 1:
-                    // Add the activity to the queue
-                    queuedActivitiesRef.current.push(lastBotActivity);
-                    break;
-                case 2:
-                    // Stop current activity and play the new one
-                    queuedActivitiesRef.current = [];
-                    createNewUtterance = true;
-                    break;
-            }
-            else createNewUtterance = !endedActivities.includes(lastBotActivity.id);
-            if (createNewUtterance) {
-                setCurrentReplyToId(lastBotActivity.replyToId || 'customReplyToIdIfNotPresent');
-                setUtterance(checkReplacementLocaleAndGetUtterance(lastBotActivity));
-                isSpeaking.current = true;
-            }
-        }
-    }, [
-        lastBotActivity,
-        ponyfill,
-        voice
-    ]);
-    (0, $dWhh5$react.useEffect)(()=>{
-        if (streamingReplyToId && streamingQueue.length) {
-            setUtterance(checkReplacementLocaleAndGetUtterance(streamingQueue[0], false, false));
-            isSpeaking.current = true;
-            setCurrentPlaying(undefined);
-            currentPlayingRef.current = null;
-            currentActivityRef.current = null;
-            tempCurrentStreamingRef.current = streamingQueue[0].text || null;
-            removeFirstFromStreamingQueue();
-        }
-    }, [
-        streamingReplyToId
-    ]);
-    (0, $dWhh5$react.useEffect)(()=>{
         if (externalTextToSpeech) {
-            setUtterance(checkReplacementLocaleAndGetUtterance({
+            const activity = {
                 speak: externalTextToSpeech,
                 locale: locale
-            }, false, false));
-            isSpeaking.current = true;
+            };
+            currentActivityRef.current = activity;
+            setUtterance(checkReplacementLocaleAndGetUtterance(activity, false));
         }
     }, [
         externalTextToSpeech
@@ -27362,93 +27174,88 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ ponyfill: ponyfill, isRetorikN
         document.dispatchEvent(speechEvent);
     };
     /**
-   * On call :
-   *  - set speaking state to true
-   *  - clear timerref timeout
-   *  - set currentPlaying and currentReplyToId states after a small delay to prevent make sure that the display will happen after the speech has begun
+   * Called when utterance's "start" event is fired
    */ const handleUtteranceStart = ()=>{
+        var _currentActivityRef_current, _currentActivityRef_current1, _currentActivityRef_current2, _streamingQueueRef_current__value;
+        sendTrace((0, $7WHA7.TraceType).utteranceStart, {
+            activityId: (_currentActivityRef_current = currentActivityRef.current) === null || _currentActivityRef_current === void 0 ? void 0 : _currentActivityRef_current.id,
+            text: ((_currentActivityRef_current1 = currentActivityRef.current) === null || _currentActivityRef_current1 === void 0 ? void 0 : _currentActivityRef_current1.speak) || ((_currentActivityRef_current2 = currentActivityRef.current) === null || _currentActivityRef_current2 === void 0 ? void 0 : _currentActivityRef_current2.text)
+        });
         setSpeaking(true);
         if (!isNewsViewRef.current && (currentActivityRef === null || currentActivityRef === void 0 ? void 0 : currentActivityRef.current)) {
-            setCurrentPlaying(currentActivityRef.current);
-            currentPlayingRef.current = currentActivityRef.current;
+            setCurrentOrLastPlayedActivity(currentActivityRef.current);
             currentActivityRef.current.id && dispatchMarkActivity(currentActivityRef.current.id, true);
         }
         dispatchSpeechEvent(true);
         // Set next utterance to prepare synthesis data in order to improve fluidity
-        if (streamingReplyToId && streamingQueue.length) {
-            const tempActivity = streamingQueue[0];
-            if (tempActivity.text) {
-                const tempUtterance = checkReplacementLocaleAndGetUtterance(streamingQueue[0], false, false);
-                tempUtterance.text !== (nextUtterance === null || nextUtterance === void 0 ? void 0 : nextUtterance.text) ? setNextUtterance(tempUtterance) : setNextUtterance(null);
-            } else setNextUtterance(null);
+        if (streamingQueueRef.current.length && !((_streamingQueueRef_current__value = streamingQueueRef.current[0].value) === null || _streamingQueueRef_current__value === void 0 ? void 0 : _streamingQueueRef_current__value.streamingCount)) {
+            const utt = checkReplacementLocaleAndGetUtterance(streamingQueueRef.current[0], false);
+            setNextUtterance((current)=>utt.text === (current === null || current === void 0 ? void 0 : current.text) ? null : utt);
         } else setNextUtterance(null);
-        setCurrentStreaming(tempCurrentStreamingRef === null || tempCurrentStreamingRef === void 0 ? void 0 : tempCurrentStreamingRef.current);
     };
-    const handleUtteranceEnd = ()=>{
+    /**
+   * Called when utterance's "end" event is fired
+   */ const handleUtteranceEnd = ()=>{
+        var _currentActivityRef_current;
+        sendTrace((0, $7WHA7.TraceType).utteranceEnd, {
+            activityId: (_currentActivityRef_current = currentActivityRef.current) === null || _currentActivityRef_current === void 0 ? void 0 : _currentActivityRef_current.id
+        });
         setSpeaking(false);
         dispatchSpeechEvent(false);
-        if (isNewsViewRef.current) setRetorikNewsEnded(true);
-        else if (cancelRef.current) resetData();
-        else handleEnded();
+        if (isNewsViewRef.current) {
+            setRetorikNewsEnded(true);
+            currentActivityRef.current = null;
+        } else handleEnded();
     };
-    /**
-   * On call :
-   *  - update the states related to the ende activity
-   *  - check if the end of the utterance was called by a cancel or not
-   *  - if it wasn't a cancel, deal with the queue
-   *  - if this was the last activity of the queue, check if the microphone has to be opened automatically (inputHint = expectingInput)
-   */ const handleEnded = ()=>{
-        let futureUtterance = null;
-        if (currentPlayingRef === null || currentPlayingRef === void 0 ? void 0 : currentPlayingRef.current) // Add played activity id to context's endedActivities
-        {
-            if (currentPlayingRef.current.id) {
-                addEndedActivity(currentPlayingRef.current.id);
-                dispatchMarkActivity(currentPlayingRef.current.id, false);
-            }
+    const handleEnded = ()=>{
+        var _currentActivityRef_current, _streamingQueueRef_current;
+        // Add played activity id to context's endedActivities
+        if ((_currentActivityRef_current = currentActivityRef.current) === null || _currentActivityRef_current === void 0 ? void 0 : _currentActivityRef_current.id) {
+            addEndedActivity(currentActivityRef.current.id);
+            dispatchMarkActivity(currentActivityRef.current.id, false);
         }
-        setCurrentPlaying(undefined);
-        if (streamingQueue.length) {
-            futureUtterance = checkReplacementLocaleAndGetUtterance(streamingQueue[0], false);
-            tempCurrentStreamingRef.current = streamingQueue[0].text || null;
-            removeFirstFromStreamingQueue();
-        } else {
-            var _queuedActivitiesRef_current, _currentPlayingRef_current;
-            // Launch next activity in the queue and remove it from the queue
-            if ((_queuedActivitiesRef_current = queuedActivitiesRef.current) === null || _queuedActivitiesRef_current === void 0 ? void 0 : _queuedActivitiesRef_current.length) {
-                futureUtterance = checkReplacementLocaleAndGetUtterance(queuedActivitiesRef.current[0]);
-                queuedActivitiesRef.current.splice(0, 1);
-                // If a streaming-related message activity is stored, set it as ended and flush it
-                if (streamingRelatedMessageRef.current) {
-                    addEndedActivity(streamingRelatedMessageRef.current.id);
-                    streamingRelatedMessageRef.current = null;
+        if ((_streamingQueueRef_current = streamingQueueRef.current) === null || _streamingQueueRef_current === void 0 ? void 0 : _streamingQueueRef_current.length) {
+            var _streamingQueueRef_current__value;
+            // Check if this is the message sent after streaming activities
+            if ((_streamingQueueRef_current__value = streamingQueueRef.current[0].value) === null || _streamingQueueRef_current__value === void 0 ? void 0 : _streamingQueueRef_current__value.streamingCount) {
+                var _streamingQueueRef_current1;
+                addEndedActivity(streamingQueueRef.current[0].id);
+                // If there is another activity after this message, play it. If not, let's check if the microphone should be opened
+                if (((_streamingQueueRef_current1 = streamingQueueRef.current) === null || _streamingQueueRef_current1 === void 0 ? void 0 : _streamingQueueRef_current1.length) > 1) {
+                    const utt = checkReplacementLocaleAndGetUtterance(streamingQueueRef.current[1]);
+                    currentActivityRef.current = streamingQueueRef.current[1];
+                    setUtterance(utt);
+                    removeFirstFromStreamingQueue(true);
+                } else {
+                    streamingQueueRef.current[0].inputHint === 'expectingInput' && checkDictateState();
+                    currentActivityRef.current = null;
+                    setUtterance(null);
+                    setNextUtterance(null);
+                    removeFirstFromStreamingQueue();
                 }
-            } else if (streamingRelatedMessageRef.current) {
-                // Streaming-related message activity stored
-                streamingRelatedMessageRef.current.inputHint === 'expectingInput' && checkDictateState();
-                addEndedActivity(streamingRelatedMessageRef.current.id);
-                streamingRelatedMessageRef.current = null;
-            } else (currentPlayingRef === null || currentPlayingRef === void 0 ? void 0 : (_currentPlayingRef_current = currentPlayingRef.current) === null || _currentPlayingRef_current === void 0 ? void 0 : _currentPlayingRef_current.inputHint) === 'expectingInput' && checkDictateState();
+            } else {
+                const utt = checkReplacementLocaleAndGetUtterance(streamingQueueRef.current[0]);
+                currentActivityRef.current = streamingQueueRef.current[0];
+                setUtterance(utt);
+                removeFirstFromStreamingQueue();
+            }
+        } else {
+            var _currentActivityRef_current1;
+            ((_currentActivityRef_current1 = currentActivityRef.current) === null || _currentActivityRef_current1 === void 0 ? void 0 : _currentActivityRef_current1.inputHint) === 'expectingInput' && checkDictateState();
+            currentActivityRef.current = null;
+            setUtterance(null);
+            setNextUtterance(null);
         }
-        currentPlayingRef.current = null;
-        setUtterance(futureUtterance);
-        isSpeaking.current = !!futureUtterance;
     };
     /**
-   * If the previous audio stream ends before the next one is received, we relaunch the new stream as soon as it arrives.
+   * Wait for app loading and voice selection to begin playing speech
    */ (0, $dWhh5$react.useEffect)(()=>{
-        if (!isSpeaking.current) {
-            let futureUtterance = null;
-            setCurrentPlaying(undefined);
-            if (streamingQueue.length) {
-                futureUtterance = checkReplacementLocaleAndGetUtterance(streamingQueue[0], false, false);
-                tempCurrentStreamingRef.current = streamingQueue[0].text || null;
-                removeFirstFromStreamingQueue();
-            }
-            currentPlayingRef.current = null;
-            setUtterance(futureUtterance);
-            isSpeaking.current = !!futureUtterance;
-        }
+        // Set ref from the state to use in events
+        streamingQueueRef.current = streamingQueue;
+        if (appAvailable && voice && streamingQueue.length && !currentActivityRef.current) handleEnded();
     }, [
+        appAvailable,
+        voice,
         streamingQueue
     ]);
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $d31b268c3b702355$export$2e2bcd8739ae039), {
@@ -27966,8 +27773,7 @@ const $4b02e31a53a4d2e7$var$typingTimer = 2000;
 const $4b02e31a53a4d2e7$var$SendTypingIndicator = ({ isRetorikNews: isRetorikNews })=>{
     const speaking = (0, $jgaO0.useSpeechStore)((state)=>state.speaking);
     const streamingQueue = (0, $jgaO0.useSpeechStore)((state)=>state.streamingQueue);
-    const streamingQueueFullLength = (0, $jgaO0.useSpeechStore)((state)=>state.streamingQueueFullLength);
-    const lastRecognitionInterim = (0, $jgaO0.useSpeechStore)((state)=>state.lastRecognitionInterim);
+    const activeRecognitionState = (0, $jgaO0.useSpeechStore)((state)=>state.activeRecognitionState);
     const route = (0, $kUiCn.useViewStore)((state)=>state.route);
     const loaderClosed = (0, $6EkQS.useRetorikStore)((state)=>state.loaderClosed);
     const appAvailable = (0, $6EkQS.useRetorikStore)((state)=>state.appAvailable);
@@ -27980,17 +27786,24 @@ const $4b02e31a53a4d2e7$var$SendTypingIndicator = ({ isRetorikNews: isRetorikNew
     const sendTyping = (0, $6QoTL.useDirectlineStore)((state)=>state.actions.sendTyping);
     const dataRef = (0, $dWhh5$react.useRef)(false);
     (0, $dWhh5$react.useEffect)(()=>{
+        // Don't send typing activity when we are receiving streaming events
+        const isReceivingStreamingData = !!streamingQueue.length && !!streamingQueue.find((activity)=>{
+            var _activity_name;
+            return ((_activity_name = activity.name) === null || _activity_name === void 0 ? void 0 : _activity_name.toLowerCase()) === 'davi.streammessageactivity';
+        }) && !streamingQueue.find((activity)=>{
+            var _activity_value;
+            return (_activity_value = activity.value) === null || _activity_value === void 0 ? void 0 : _activity_value.streamingCount;
+        });
         dataRef.current = !isWaitingForResponse && // Don't send typing activity when we are receiving streaming events
-        !(streamingQueue.length && streamingQueueFullLength === 0) && (!loaderClosed || lastRecognitionInterim !== '' || userIsTyping || userIsSwiping || speaking || currentSubView !== (0, $7WHA7.CurrentSubView).none || route === (0, $7WHA7.Routes).News || retorikEvent === (0, $7WHA7.RetorikEvent).DetailViewOpen || listStatus === (0, $7WHA7.ListStatus).opened);
+        !isReceivingStreamingData && (!loaderClosed || activeRecognitionState !== (0, $7WHA7.RecognitionState).Closed || userIsTyping || userIsSwiping || speaking || currentSubView !== (0, $7WHA7.CurrentSubView).none || route === (0, $7WHA7.Routes).News || retorikEvent === (0, $7WHA7.RetorikEvent).DetailViewOpen || listStatus === (0, $7WHA7.ListStatus).opened);
     }, [
         appAvailable,
         loaderClosed,
-        lastRecognitionInterim,
+        activeRecognitionState,
         userIsTyping,
         userIsSwiping,
         speaking,
         streamingQueue,
-        streamingQueueFullLength,
         currentSubView,
         route,
         retorikEvent,
@@ -28277,7 +28090,7 @@ const $8f73b7a6f73661a7$var$ChatbotAndSubtitlesContainer = ({ centered: centered
         children: [
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
                 id: "retorik-animation-container",
-                className: `rf-relative rf-z-agent rf-col-start-1 rf-col-end-9 ${!centered && 'landscape-retorik:ltr:-rf-translate-x-1/4 landscape-retorik:rtl:rf-translate-x-1/4'} rf-row-span-full rf-self-end rf-h-full`,
+                className: `rf-relative rf-z-agent rf-col-start-1 rf-col-end-9 ${!centered && 'landscape-retorik:-rf-translate-x-1/4'} rf-row-span-full rf-self-end rf-h-full`,
                 style: {
                     visibility: visible ? 'visible' : 'hidden',
                     gridRow: `${gridRowStart} / span ${gridRowSpan}`
@@ -28762,7 +28575,6 @@ var $6FBQK = parcelRequire("6FBQK");
 
 const $5f80e5f73a172bb5$var$LayoutHandler = (props)=>{
     var _props_widgetConfig, _props_widgetConfig_button, _props_widgetConfig1, _props_widgetConfig_button_text, _props_widgetConfig_button1, _props_widgetConfig2, _props_widgetConfig_button_background, _props_widgetConfig_button2, _props_widgetConfig3, _props_widgetConfig_button_border, _props_widgetConfig_button3, _props_widgetConfig4, _props_widgetConfig_button_border1, _props_widgetConfig_button4, _props_widgetConfig5, _props_widgetConfig_button_border2, _props_widgetConfig_button5, _props_widgetConfig6, _props_widgetConfig_button_position, _props_widgetConfig_button6, _props_widgetConfig7, _props_widgetConfig_button_position1, _props_widgetConfig_button7, _props_widgetConfig8, _props_widgetConfig_button_position2, _props_widgetConfig_button8, _props_widgetConfig9, _props_widgetConfig_button_position3, _props_widgetConfig_button9, _props_widgetConfig10, _props_widgetConfig_button_position4, _props_widgetConfig_button10, _props_widgetConfig11, _props_widgetConfig_button_position5, _props_widgetConfig_button11, _props_widgetConfig12, _props_widgetConfig_button_position6, _props_widgetConfig_button12, _props_widgetConfig13, _props_widgetConfig_button_position7, _props_widgetConfig_button13, _props_widgetConfig14, _props_widgetConfig_button_position8, _props_widgetConfig_button14, _props_widgetConfig15, _props_widgetConfig_button_position9, _props_widgetConfig_button15, _props_widgetConfig16, _props_widgetConfig_button_position10, _props_widgetConfig_button16, _props_widgetConfig17, _props_widgetConfig_button_position11, _props_widgetConfig_button17, _props_widgetConfig18, _props_widgetConfig_button_image, _props_widgetConfig_button18, _props_widgetConfig19, _props_widgetConfig_button_image1, _props_widgetConfig_button19, _props_widgetConfig20, _props_widgetConfig_button20, _props_widgetConfig21, _props_widgetConfig_button21, _props_widgetConfig22, _props_widgetConfig_button_text1, _props_widgetConfig_button22, _props_widgetConfig23, _props_widgetConfig_button_text2, _props_widgetConfig_button23, _props_widgetConfig24, _props_widgetConfig_button_image2, _props_widgetConfig_button24, _props_widgetConfig25, _props_widgetConfig_button_image3, _props_widgetConfig_button25, _props_widgetConfig26, _props_widgetConfig_button26, _props_widgetConfig27, _props_widgetConfig_button27, _props_widgetConfig28;
-    const isRTL = (0, $6Q0mk.useLocaleStore)((state)=>state.isRTL);
     const translation = (0, $6Q0mk.useLocaleStore)((state)=>state.currentTranslations);
     const currentLayout = (0, $6EkQS.useRetorikStore)((state)=>state.currentLayout);
     const displayChangeLayoutButton = (0, $6EkQS.useRetorikStore)((state)=>state.configuration).allowSwitchLayout;
@@ -28870,7 +28682,6 @@ const $5f80e5f73a172bb5$var$LayoutHandler = (props)=>{
                 ]
             }),
             loaded && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
-                dir: isRTL ? 'rtl' : 'ltr',
                 className: `${currentLayout === (0, $7WHA7.ContainerParent).widget ? 'rf-fixed rf-pt-8 rf-height-fill-available rf-transition-all rf-overflow-hidden rf-max-w-[100vw]' : ''}`,
                 style: currentLayout === (0, $7WHA7.ContainerParent).widget ? {
                     ...frameStyle,
@@ -28894,7 +28705,7 @@ const $5f80e5f73a172bb5$var$LayoutHandler = (props)=>{
                             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("button", {
                                 onClick: toggleWidget,
                                 "aria-label": "Close",
-                                className: "rf-absolute rf-z-exitwidget rf-flex ltr:rf-right-0 rtl:rf-left-0 rf-top-0 rf-p-1 rf-bg-truewhite rf-border rf-border-trueblack rf-rounded-lg",
+                                className: "rf-absolute rf-z-exitwidget rf-flex rf-right-0 rf-top-0 rf-p-1 rf-bg-truewhite rf-border rf-border-trueblack rf-rounded-lg",
                                 children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $6FBQK.default), {
                                     className: "rf-h-4 rf-w-4",
                                     color: "#000000"