npm - @davi-ai/retorik-framework - Versions diffs - 3.0.4 → 3.2.0 - Mend

@davi-ai/retorik-framework 3.0.4 → 3.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.js CHANGED Viewed

@@ -55,53 +55,54 @@ $parcel$export(module.exports, "default", () => $3f93eb6d5bf69cb7$export$2e2bcd8
 $parcel$export(module.exports, "RetorikAgent", () => $e9118dec60074066$export$2e2bcd8739ae039);
 $parcel$export(module.exports, "RetorikWidget", () => $09a824b6b849eeca$export$2e2bcd8739ae039);
 $parcel$export(module.exports, "RetorikNews", () => $b2eff0b289a9ca58$export$2e2bcd8739ae039);
-$parcel$export(module.exports, "presets", () => $dWhh5$daviaireactbodyenginethree.presets);
-$parcel$export(module.exports, "characters", () => $ad17e3bb6d135d7b$export$30a86d91af8ff6e6);
-$parcel$export(module.exports, "setCurrentCustomView", () => $33ea75f69090702b$export$5a678fd51bd89633);
-$parcel$export(module.exports, "setCurrentSubView", () => $33ea75f69090702b$export$f0c096b4ecd7115d);
-$parcel$export(module.exports, "sendActivity", () => $33ea75f69090702b$export$d4c8c6daac289378);
-$parcel$export(module.exports, "sendMessage", () => $33ea75f69090702b$export$465cb47180de50f0);
-$parcel$export(module.exports, "sendEvent", () => $33ea75f69090702b$export$7329bcdc3edcd90e);
+$parcel$export(module.exports, "addDetailedAttachmentTrigger", () => $33ea75f69090702b$export$d1f60bb847ecc604);
+$parcel$export(module.exports, "cancelCurrentUtterance", () => $33ea75f69090702b$export$f3aaae0c8197c567);
+$parcel$export(module.exports, "closeWidget", () => $33ea75f69090702b$export$d27f1b0993b666c);
 $parcel$export(module.exports, "fetchAvailableLanguages", () => $49ef6b13684edff9$export$2e2bcd8739ae039);
 $parcel$export(module.exports, "getRetorikConfigs", () => $ba3150a69d33f468$export$2e2bcd8739ae039);
 $parcel$export(module.exports, "getThemeColors", () => $68ec406cc754e31c$export$2e2bcd8739ae039);
-$parcel$export(module.exports, "setLocale", () => $33ea75f69090702b$export$c8aadf3621e41efb);
-$parcel$export(module.exports, "showAgent", () => $33ea75f69090702b$export$ae67eb518a2aae74);
 $parcel$export(module.exports, "hideAgent", () => $33ea75f69090702b$export$e73dbd7ba351e3e);
-$parcel$export(module.exports, "addDetailedAttachmentTrigger", () => $33ea75f69090702b$export$d1f60bb847ecc604);
-$parcel$export(module.exports, "setMode", () => $33ea75f69090702b$export$d4f039427a1beff1);
-$parcel$export(module.exports, "setLoaderClosed", () => $33ea75f69090702b$export$982d69b78a955aaf);
-$parcel$export(module.exports, "setModalFullscreenContent", () => $33ea75f69090702b$export$4317154639841e84);
-$parcel$export(module.exports, "setPrintingCallback", () => $33ea75f69090702b$export$7f09d7ad7dbdcd2c);
+$parcel$export(module.exports, "openWidget", () => $33ea75f69090702b$export$a1c83309c736819f);
+$parcel$export(module.exports, "pauseConversation", () => $33ea75f69090702b$export$7431bc5a5c7c9317);
+$parcel$export(module.exports, "playExternalSynthesis", () => $33ea75f69090702b$export$99dcb7840cd85481);
+$parcel$export(module.exports, "resumeConversation", () => $33ea75f69090702b$export$cceb853b29df842);
+$parcel$export(module.exports, "sendActivity", () => $33ea75f69090702b$export$d4c8c6daac289378);
+$parcel$export(module.exports, "sendEvent", () => $33ea75f69090702b$export$7329bcdc3edcd90e);
+$parcel$export(module.exports, "sendMessage", () => $33ea75f69090702b$export$465cb47180de50f0);
+$parcel$export(module.exports, "sendMessageToChatbot", () => $33ea75f69090702b$export$255ebd0ca6bfba88);
+$parcel$export(module.exports, "setCurrentCustomView", () => $33ea75f69090702b$export$5a678fd51bd89633);
+$parcel$export(module.exports, "setCurrentSubView", () => $33ea75f69090702b$export$f0c096b4ecd7115d);
 $parcel$export(module.exports, "setDashboardOpened", () => $33ea75f69090702b$export$bbd7c92fc378d660);
 $parcel$export(module.exports, "setDisplaySubtitles", () => $33ea75f69090702b$export$708f3eb1d5828832);
-$parcel$export(module.exports, "toggleSubtitles", () => $33ea75f69090702b$export$3fa7f3a227fc16cb);
-$parcel$export(module.exports, "toggleMicrophone", () => $33ea75f69090702b$export$39fcdeae376856e7);
+$parcel$export(module.exports, "setLoaderClosed", () => $33ea75f69090702b$export$982d69b78a955aaf);
+$parcel$export(module.exports, "setLocale", () => $33ea75f69090702b$export$c8aadf3621e41efb);
+$parcel$export(module.exports, "setModalFullscreenContent", () => $33ea75f69090702b$export$4317154639841e84);
+$parcel$export(module.exports, "setMode", () => $33ea75f69090702b$export$d4f039427a1beff1);
 $parcel$export(module.exports, "setMuted", () => $33ea75f69090702b$export$a1680ba91cc9be33);
-$parcel$export(module.exports, "playExternalSynthesis", () => $33ea75f69090702b$export$99dcb7840cd85481);
+$parcel$export(module.exports, "setPrintingCallback", () => $33ea75f69090702b$export$7f09d7ad7dbdcd2c);
 $parcel$export(module.exports, "setVisibility", () => $33ea75f69090702b$export$2c64211ecf98e50d);
+$parcel$export(module.exports, "showAgent", () => $33ea75f69090702b$export$ae67eb518a2aae74);
+$parcel$export(module.exports, "toggleDisplay", () => $33ea75f69090702b$export$f0e9d14ede4c01bd);
+$parcel$export(module.exports, "toggleMicrophone", () => $33ea75f69090702b$export$39fcdeae376856e7);
+$parcel$export(module.exports, "toggleSubtitles", () => $33ea75f69090702b$export$3fa7f3a227fc16cb);
 $parcel$export(module.exports, "toggleVisibility", () => $33ea75f69090702b$export$7396a2167c7f755e);
-$parcel$export(module.exports, "pauseConversation", () => $33ea75f69090702b$export$7431bc5a5c7c9317);
-$parcel$export(module.exports, "resumeConversation", () => $33ea75f69090702b$export$cceb853b29df842);
-$parcel$export(module.exports, "sendMessageToChatbot", () => $33ea75f69090702b$export$255ebd0ca6bfba88);
-$parcel$export(module.exports, "openWidget", () => $33ea75f69090702b$export$a1c83309c736819f);
-$parcel$export(module.exports, "closeWidget", () => $33ea75f69090702b$export$d27f1b0993b666c);
 $parcel$export(module.exports, "toggleWidget", () => $33ea75f69090702b$export$77c0ba4d0d97cee5);
-$parcel$export(module.exports, "toggleDisplay", () => $33ea75f69090702b$export$f0e9d14ede4c01bd);
+$parcel$export(module.exports, "useConfiguration", () => $d69f8233be4cb01a$export$2e2bcd8739ae039);
 $parcel$export(module.exports, "useCurrentSubView", () => $3e19540ccac3c4df$export$2e2bcd8739ae039);
+$parcel$export(module.exports, "useIsMobile", () => $f504a73816380d9f$export$2e2bcd8739ae039);
+$parcel$export(module.exports, "useIsRTL", () => $90f60770defa1857$export$2e2bcd8739ae039);
+$parcel$export(module.exports, "useIsUsedOnBorne", () => $b0851c8a4aa6be6a$export$2e2bcd8739ae039);
+$parcel$export(module.exports, "useIsWidget", () => $f9f069937179e1e1$export$2e2bcd8739ae039);
 $parcel$export(module.exports, "useKioskParameterOpening", () => $bafed4617816be24$export$2e2bcd8739ae039);
-$parcel$export(module.exports, "useRetorikEvent", () => $af904b55748ebfd1$export$2e2bcd8739ae039);
+$parcel$export(module.exports, "useLoaderClosed", () => $9b7c0505b2978531$export$2e2bcd8739ae039);
 $parcel$export(module.exports, "useLocale", () => $d475f175c55a36d5$export$2e2bcd8739ae039);
 $parcel$export(module.exports, "useMode", () => $11cef3dc5a2b4f17$export$2e2bcd8739ae039);
 $parcel$export(module.exports, "useMuted", () => $e72a2b3d53bfff70$export$2e2bcd8739ae039);
-$parcel$export(module.exports, "useLoaderClosed", () => $9b7c0505b2978531$export$2e2bcd8739ae039);
-$parcel$export(module.exports, "useConfiguration", () => $d69f8233be4cb01a$export$2e2bcd8739ae039);
-$parcel$export(module.exports, "useIsUsedOnBorne", () => $b0851c8a4aa6be6a$export$2e2bcd8739ae039);
-$parcel$export(module.exports, "useIsMobile", () => $f504a73816380d9f$export$2e2bcd8739ae039);
-$parcel$export(module.exports, "useIsWidget", () => $f9f069937179e1e1$export$2e2bcd8739ae039);
-$parcel$export(module.exports, "useIsRTL", () => $90f60770defa1857$export$2e2bcd8739ae039);
+$parcel$export(module.exports, "useRetorikEvent", () => $af904b55748ebfd1$export$2e2bcd8739ae039);
 $parcel$export(module.exports, "useTranslation", () => $c2f7e3fcd01ae5b3$export$2e2bcd8739ae039);
 $parcel$export(module.exports, "useThemeColors", () => $a8503510ff390bc9$export$2e2bcd8739ae039);
+$parcel$export(module.exports, "presets", () => $dWhh5$daviaireactbodyenginethree.presets);
+$parcel$export(module.exports, "characters", () => $ad17e3bb6d135d7b$export$30a86d91af8ff6e6);
 $parcel$export(module.exports, "CONTENT_TYPE_POI", () => $3b05c823a6ed4bb8$export$8c612ad42a82284);
 $parcel$export(module.exports, "CONTENT_TYPE_NEWS", () => $3b05c823a6ed4bb8$export$7ff82c027074e396);
 $parcel$export(module.exports, "CONTENT_TYPE_ADAPTIVE_CARD", () => $3b05c823a6ed4bb8$export$bbfd0bb0baceb2f8);
@@ -1676,12 +1677,10 @@ const $df401eb9a10f9e0e$var$createSpeechStore = (setRetorikEvent, getListStatus,
                             return;
                         case (0, $71c613e2e831c34c$export$3f0071308968cd80).Listening:
                             get().actions.setActiveRecognitionState((0, $71c613e2e831c34c$export$3f0071308968cd80).ForceClosing);
-                            console.log('called here');
                             get().actions.cancelCurrentUtterance();
                             break;
                         case (0, $71c613e2e831c34c$export$3f0071308968cd80).Closed:
                             get().actions.setActiveRecognitionState((0, $71c613e2e831c34c$export$3f0071308968cd80).Initializing);
-                            console.log('called there');
                             !fromExpectedInput && get().actions.cancelCurrentUtterance();
                             break;
                     }
@@ -1907,7 +1906,9 @@ const $1d4f8108de9ab73a$var$initialState = {
     displayAgentInNews: true,
     submitDelayBeforeSendingMessage: undefined,
     disableHistory: false,
-    environmentPreset: "apartment"
+    environmentPreset: "apartment",
+    customScripts: [],
+    customCSS: []
 };
 let $1d4f8108de9ab73a$var$timer = null;
 $1d4f8108de9ab73a$var$timer = setTimeout(()=>{
@@ -2064,6 +2065,16 @@ const $1d4f8108de9ab73a$var$createSpeechStore = (modeRef)=>{
                         disableHistory: value
                     });
                 },
+                setCustomScripts: (value)=>{
+                    set({
+                        customScripts: value
+                    });
+                },
+                setCustomCSS: (value)=>{
+                    set({
+                        customCSS: value
+                    });
+                },
                 resetRetorikStore: ()=>{
                     set({
                         ...$1d4f8108de9ab73a$var$initialState
@@ -3218,7 +3229,7 @@ var $c8770452d727244a$export$2e2bcd8739ae039 = $c8770452d727244a$var$activityMid
 var $696df75883117d57$exports = {};
-$696df75883117d57$exports = JSON.parse("{\"name\":\"@davi-ai/retorik-framework\",\"version\":\"3.0.4\",\"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\",\"includeNodeModules\":{\"@testing-library/jest-dom\":false,\"@testing-library/react\":false,\"@testing-library/react-hooks\":false,\"@testing-library/user-event\":false,\"eslint\":false,\"eslint-config-prettier\":false,\"eslint-config-standard\":false,\"eslint-config-standard-react\":false,\"eslint-plugin-import\":false,\"eslint-plugin-node\":false,\"eslint-plugin-prettier\":false,\"eslint-plugin-promise\":false,\"eslint-plugin-react\":false,\"eslint-plugin-standard\":false,\"jest-junit\":false,\"npm-run-all\":false,\"parcel\":false,\"prettier\":false,\"raw-loader\":false,\"react-docgen-typescript-plugin\":false,\"react-scripts\":false,\"react-test-renderer\":false,\"tailwindcss\":false,\"typescript\":false}},\"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-scripts\":\"5.0.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.0\",\"@davi-ai/retorik-weather\":\"2.0.0\",\"@davi-ai/speechmarkdown-davi-js\":\"1.0.6\",\"@davi-ai/web-speech-cognitive-services-davi\":\"2.0.10\",\"@fluentui/react\":\"^8.103.3\",\"@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\",\"@react-three/drei\":\"^9.106.0\",\"@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\",\"react-webcam\":\"^6.0.0\",\"swiper\":\"^8.4.5\",\"three\":\"0.174.0\",\"zustand\":\"^5.0.3\"},\"overrides\":{\"@davi-ai/web-speech-cognitive-services-davi\":\"$@davi-ai/web-speech-cognitive-services-davi\",\"three\":\"$three\",\"zustand\":\"$zustand\"},\"@parcel/resolver-default\":{\"packageExports\":true}}");
+$696df75883117d57$exports = JSON.parse("{\"name\":\"@davi-ai/retorik-framework\",\"version\":\"3.2.0\",\"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\",\"includeNodeModules\":{\"@testing-library/jest-dom\":false,\"@testing-library/react\":false,\"@testing-library/react-hooks\":false,\"@testing-library/user-event\":false,\"eslint\":false,\"eslint-config-prettier\":false,\"eslint-config-standard\":false,\"eslint-config-standard-react\":false,\"eslint-plugin-import\":false,\"eslint-plugin-node\":false,\"eslint-plugin-prettier\":false,\"eslint-plugin-promise\":false,\"eslint-plugin-react\":false,\"eslint-plugin-standard\":false,\"jest-junit\":false,\"npm-run-all\":false,\"parcel\":false,\"prettier\":false,\"raw-loader\":false,\"react-docgen-typescript-plugin\":false,\"react-scripts\":false,\"react-test-renderer\":false,\"tailwindcss\":false,\"typescript\":false}},\"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-scripts\":\"5.0.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.5\",\"@davi-ai/retorik-weather\":\"2.0.0\",\"@davi-ai/speechmarkdown-davi-js\":\"1.0.6\",\"@davi-ai/web-speech-cognitive-services-davi\":\"2.0.10\",\"@fluentui/react\":\"^8.103.3\",\"@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\",\"@react-three/drei\":\"^9.106.0\",\"@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\",\"react-webcam\":\"^6.0.0\",\"swiper\":\"^8.4.5\",\"three\":\"0.174.0\",\"zustand\":\"^5.0.3\"},\"overrides\":{\"@davi-ai/web-speech-cognitive-services-davi\":\"$@davi-ai/web-speech-cognitive-services-davi\",\"three\":\"$three\",\"zustand\":\"$zustand\"},\"@parcel/resolver-default\":{\"packageExports\":true}}");
 const $328a7f03b0982320$var$initialState = {
@@ -3227,7 +3238,7 @@ const $328a7f03b0982320$var$initialState = {
     connectionStatusSubscription: null,
     activitySubscription: null,
     userId: '',
-    externalActivityHandler: null,
+    externalActivityHandlers: [],
     paginationToSend: 10,
     positionToSend: undefined,
     activityWatermark: 0,
@@ -3241,6 +3252,14 @@ const $328a7f03b0982320$var$eventsWithoutCancel = [
     'setuser',
     'davi.gdprconsent'
 ];
+const $328a7f03b0982320$var$pad = (num)=>{
+    return (num < 10 ? '0' : '') + num;
+};
+const $328a7f03b0982320$var$getFormattedTimestamp = (date = new Date())=>{
+    const tzo = -date.getTimezoneOffset();
+    const dif = tzo >= 0 ? '+' : '-';
+    return date.getFullYear() + '-' + $328a7f03b0982320$var$pad(date.getMonth() + 1) + '-' + $328a7f03b0982320$var$pad(date.getDate()) + 'T' + $328a7f03b0982320$var$pad(date.getHours()) + ':' + $328a7f03b0982320$var$pad(date.getMinutes()) + ':' + $328a7f03b0982320$var$pad(date.getSeconds()) + dif + $328a7f03b0982320$var$pad(Math.floor(Math.abs(tzo) / 60)) + ':' + $328a7f03b0982320$var$pad(Math.abs(tzo) % 60);
+};
 const $328a7f03b0982320$var$createDirectlineStore = (modeRef, recognitionStateRef, retrievingConversationRef, conversationIdRef, isTactileRef, localeRef, sendBoxRefRef, channelDataRef, setIsWaitingForResponse, unlockClickedButton, addBotEvent, addBotMessage, addUserEvent, addUserMessage, checkConversationId, setRetrievingConversation, checkDumpedLocaleFallback, cancelCurrentUtterance, checkActivityReplyToId, addSpeechRecognitionDynamicGrammar, toggleMicrophone)=>{
     return (0, $dWhh5$zustand.createStore)((set, get)=>{
         return {
@@ -3269,19 +3288,22 @@ const $328a7f03b0982320$var$createDirectlineStore = (modeRef, recognitionStateRe
                     return tempActivity;
                 },
                 checkIfHandlerAbortsActivity: (type, activity)=>{
-                    const handler = get().externalActivityHandler;
-                    if (handler) {
+                    const handlers = get().externalActivityHandlers;
+                    if (handlers.length) {
                         const action = {
                             type: type,
                             payload: {
                                 activity: activity
                             }
                         };
-                        if (handler(action)) {
-                            setIsWaitingForResponse(false);
-                            unlockClickedButton();
-                            console.log('Retorik Framework > aborted activity');
-                            return true;
+                        for(let i = 0; i < handlers.length; i++){
+                            const f = handlers[i];
+                            if (f(action)) {
+                                setIsWaitingForResponse(false);
+                                unlockClickedButton();
+                                console.log('Retorik Framework > aborted activity');
+                                return true;
+                            }
                         }
                     }
                     return false;
@@ -3290,19 +3312,17 @@ const $328a7f03b0982320$var$createDirectlineStore = (modeRef, recognitionStateRe
                     set({
                         directLineStatus: status
                     });
-                    const handler = get().externalActivityHandler;
-                    if (handler) {
+                    get().externalActivityHandlers.forEach((handler)=>{
                         handler({
                             type: (0, $950037f04376bcbf$export$741b3b19a0ba7556)[status]
                         });
                         status === (0, $dWhh5$botframeworkdirectlinejs.ConnectionStatus).Online && handler({
                             type: (0, $950037f04376bcbf$export$bbd16b9b30e132b3).SET_LANGUAGE
                         });
-                    }
+                    });
                 },
                 dispatchActivity: (activity)=>{
                     if (get().conversationPaused) return;
-                    // const retrievingConversation = useRetrievingConversation()
                     if (retrievingConversationRef.current) {
                         var _get_directLine;
                         // @ts-ignore
@@ -3380,10 +3400,16 @@ const $328a7f03b0982320$var$createDirectlineStore = (modeRef, recognitionStateRe
                     (_get_directLine = get().directLine) === null || _get_directLine === void 0 ? void 0 : _get_directLine.end();
                 },
                 createDirectLine: (data)=>{
-                    var // Send DIRECT_LINE/CONNECT before creating directline because if everything goes well it only sends DIRECT_LINE/CONNECT_FULFILLED
-                    _data_externalActivityHandler;
-                    (_data_externalActivityHandler = data.externalActivityHandler) === null || _data_externalActivityHandler === void 0 ? void 0 : _data_externalActivityHandler.call(data, {
-                        type: (0, $950037f04376bcbf$export$741b3b19a0ba7556)[0]
+                    // Check if there are handlers already set or in the data
+                    const currentHandlers = get().externalActivityHandlers;
+                    const handlers = currentHandlers.length ? currentHandlers : data.externalActivityHandler ? [
+                        data.externalActivityHandler
+                    ] : [];
+                    // Send DIRECT_LINE/CONNECT before creating directline because if everything goes well it only sends DIRECT_LINE/CONNECT_FULFILLED
+                    handlers.forEach((handler)=>{
+                        handler({
+                            type: (0, $950037f04376bcbf$export$741b3b19a0ba7556)[0]
+                        });
                     });
                     const directLine = new (0, $dWhh5$botframeworkdirectlinejs.DirectLine)({
                         webSocket: true,
@@ -3393,7 +3419,7 @@ const $328a7f03b0982320$var$createDirectlineStore = (modeRef, recognitionStateRe
                     get().actions.subscribe(directLine);
                     set({
                         userId: data.userId || 'userId',
-                        externalActivityHandler: data.externalActivityHandler
+                        externalActivityHandlers: handlers
                     });
                 },
                 addDataInChannelData: ()=>{
@@ -3433,6 +3459,8 @@ const $328a7f03b0982320$var$createDirectlineStore = (modeRef, recognitionStateRe
                         },
                         type: 'message',
                         channelData: get().actions.addDataInChannelData(),
+                        localTimezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+                        localTimestamp: $328a7f03b0982320$var$getFormattedTimestamp(),
                         locale: locale
                     };
                     text && (tempActivity.text = text);
@@ -3453,25 +3481,16 @@ const $328a7f03b0982320$var$createDirectlineStore = (modeRef, recognitionStateRe
                         },
                         type: 'event',
                         channelData: get().actions.addDataInChannelData(),
-                        // @ts-ignore
                         locale: locale,
+                        localTimezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+                        localTimestamp: $328a7f03b0982320$var$getFormattedTimestamp(),
                         name: name,
                         value: value
                     };
                     // Check if the event should be stopped in the external activity handler if there is one
                     if (get().actions.checkIfHandlerAbortsActivity((0, $950037f04376bcbf$export$bbd16b9b30e132b3).POST_ACTIVITY, tempEvent)) return;
                     if (get().actions.checkIfHandlerAbortsActivity((0, $950037f04376bcbf$export$bbd16b9b30e132b3).SEND_EVENT, tempEvent)) return;
-                    (_get_directLine = get().directLine) === null || _get_directLine === void 0 ? void 0 : _get_directLine.postActivity({
-                        from: {
-                            id: get().userId
-                        },
-                        type: 'event',
-                        channelData: get().actions.addDataInChannelData(),
-                        // @ts-ignore
-                        locale: locale,
-                        name: name,
-                        value: value
-                    }).subscribe();
+                    (_get_directLine = get().directLine) === null || _get_directLine === void 0 ? void 0 : _get_directLine.postActivity(tempEvent).subscribe();
                 },
                 sendTyping: ()=>{
                     var _get_directLine;
@@ -3488,24 +3507,36 @@ const $328a7f03b0982320$var$createDirectlineStore = (modeRef, recognitionStateRe
                         paginationToSend: value
                     });
                 },
+                addExternalActivityHandler: (value)=>{
+                    set((state)=>({
+                            externalActivityHandlers: [
+                                ...state.externalActivityHandlers,
+                                value
+                            ]
+                        }));
+                },
+                setExternalActivityHandlers: (value)=>{
+                    set({
+                        externalActivityHandlers: value
+                    });
+                },
                 setPositionToSend: (value)=>{
                     set({
                         positionToSend: value
                     });
                 },
                 dispatchMarkActivity: (id, speaking)=>{
-                    const handler = get().externalActivityHandler;
-                    if (handler) {
-                        const action = {
-                            type: (0, $950037f04376bcbf$export$bbd16b9b30e132b3).MARK,
-                            payload: {
-                                activityID: id,
-                                name: 'speak',
-                                value: speaking
-                            }
-                        };
+                    const action = {
+                        type: (0, $950037f04376bcbf$export$bbd16b9b30e132b3).MARK,
+                        payload: {
+                            activityID: id,
+                            name: 'speak',
+                            value: speaking
+                        }
+                    };
+                    get().externalActivityHandlers.forEach((handler)=>{
                         handler(action);
-                    }
+                    });
                 },
                 pauseConversation: ()=>{
                     set({
@@ -3634,7 +3665,7 @@ const $33ea75f69090702b$var$InputOutputHandler = ({ instanceId: instanceId })=>{
     const isMicrophoneAllowedRef = (0, $dWhh5$react.useRef)(isMicrophoneAllowed);
     const { setDisplaySubtitles: setDisplaySubtitles, toggleSubtitles: toggleSubtitles, setAgentData: setAgentData, setLoaderClosed: setLoaderClosed, resetRetorikStore: resetRetorikStore } = (0, $1d4f8108de9ab73a$export$bd22554f31e5f96f)((state)=>state.actions);
     const resetActivityStore = (0, $8fc061e3e1dc64cb$export$b56465394e2b1287)((state)=>state.actions.resetActivityStore);
-    const { sendMessage: sendMessage, sendEvent: sendEvent, pauseConversation: pauseConversation, resumeConversation: resumeConversation, sendMessageToChatbot: sendMessageToChatbot, resetDirectlineStore: resetDirectlineStore } = (0, $328a7f03b0982320$export$adc771f45cf9b273)((state)=>state.actions);
+    const { sendMessage: sendMessage, sendEvent: sendEvent, pauseConversation: pauseConversation, resumeConversation: resumeConversation, sendMessageToChatbot: sendMessageToChatbot, addExternalActivityHandler: addExternalActivityHandler, setExternalActivityHandlers: setExternalActivityHandlers, resetDirectlineStore: resetDirectlineStore } = (0, $328a7f03b0982320$export$adc771f45cf9b273)((state)=>state.actions);
     const handleCustomEvent = (event, method)=>{
         var _event_detail;
         // Check if an instance id is given to use this method in a single instance of Retorik Framework when there are several
@@ -3724,6 +3755,8 @@ const $33ea75f69090702b$var$InputOutputHandler = ({ instanceId: instanceId })=>{
         document.addEventListener('retorik_pauseConversation', (e)=>handleCustomEvent(e, pauseConversation));
         document.addEventListener('retorik_resumeConversation', (e)=>handleCustomEvent(e, resumeConversation));
         document.addEventListener('retorik_sendMessageToChatbot', (e)=>handleCustomEvent(e, sendMessageToChatbot));
+        document.addEventListener('retorik_addExternalActivityHandler', (e)=>handleCustomEvent(e, addExternalActivityHandler));
+        document.addEventListener('retorik_setExternalActivityHandlers', (e)=>handleCustomEvent(e, setExternalActivityHandlers));
         document.addEventListener('retorik_resetDirectlineStore', (e)=>handleCustomEvent(e, resetDirectlineStore));
         return ()=>{
             document.removeEventListener('retorik_openWidget', (e)=>handleCustomEvent(e, openWidget));
@@ -3770,6 +3803,8 @@ const $33ea75f69090702b$var$InputOutputHandler = ({ instanceId: instanceId })=>{
             document.removeEventListener('retorik_pauseConversation', (e)=>handleCustomEvent(e, pauseConversation));
             document.removeEventListener('retorik_resumeConversation', (e)=>handleCustomEvent(e, resumeConversation));
             document.removeEventListener('retorik_sendMessageToChatbot', (e)=>handleCustomEvent(e, sendMessageToChatbot));
+            document.removeEventListener('retorik_addExternalActivityHandler', (e)=>handleCustomEvent(e, addExternalActivityHandler));
+            document.removeEventListener('retorik_setExternalActivityHandlers', (e)=>handleCustomEvent(e, setExternalActivityHandlers));
             document.removeEventListener('retorik_resetDirectlineStore', (e)=>handleCustomEvent(e, resetDirectlineStore));
         };
     }, []);
@@ -3894,6 +3929,12 @@ const $33ea75f69090702b$export$cceb853b29df842 = (instanceId)=>$33ea75f69090702b
 const $33ea75f69090702b$export$255ebd0ca6bfba88 = (value, instanceId)=>$33ea75f69090702b$var$eventDispatch('retorik_sendMessageToChatbot', [
         value
     ], instanceId);
+const $33ea75f69090702b$export$28afdcc603412603 = (value, instanceId)=>$33ea75f69090702b$var$eventDispatch('retorik_addExternalActivityHandler', [
+        value
+    ], instanceId);
+const $33ea75f69090702b$export$2c7ae0f34657d605 = (value, instanceId)=>$33ea75f69090702b$var$eventDispatch('retorik_setExternalActivityHandlers', [
+        value
+    ], instanceId);
 const $33ea75f69090702b$export$8f3b2f6aa8e2c248 = (instanceId)=>$33ea75f69090702b$var$eventDispatch('retorik_resetDirectlineStore', [], instanceId);
@@ -4954,8 +4995,9 @@ var $96e000dbf063a176$export$2e2bcd8739ae039 = $96e000dbf063a176$var$GlobalProvi
 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-3 {\n  grid-row: span 3 / span 3;\n}\n\n.rf-row-span-9 {\n  grid-row: span 9 / span 9;\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-start-9 {\n  grid-row-start: 9;\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-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-90 {\n  --tw-rotate: -90deg;\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-rotate-90 {\n  --tw-rotate: 90deg;\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-row-start-10 {\n  grid-row-start: 10;\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-pt-3 {\n  padding-top: .75rem;\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-row-start-7 {\n  grid-row-start: 7;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-end-11 {\n  grid-row-end: 11;\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-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-3 {\n  grid-row: span 3 / span 3;\n}\n\n.rf-row-span-9 {\n  grid-row: span 9 / span 9;\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-10 {\n  grid-row-start: 10;\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-90 {\n  --tw-rotate: -90deg;\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-rotate-90 {\n  --tw-rotate: 90deg;\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-row-start-7 {\n  grid-row-start: 7;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-end-11 {\n  grid-row-end: 11;\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";
 var $70dd93cce82a6912$exports = {};
@@ -4968,10 +5010,7 @@ const $184baaa1aacf568a$export$ad7b40b81d5409c = 'data:image/png;base64,iVBORw0K
 const $184baaa1aacf568a$export$1524746c49eeef2b = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAQAAAACach9AAACMUlEQVR4Ae3ShY7jQBAE0Aoz/f9/HTMzhg1zrdKUrJbdx+Kd2nD8VNudfsL/Th///dyQN2TH6f3y/BGpC379rV+S+qqetBOxImNQXL8JCAr2V4iMQXHGNJxeCfZXhSRBcQMfvkOWUdtfzlLgAENmZDcmo2TVmt8OSM2eXxBp3DjHSMFutqS7SbmemzBiR+xpKCNUIRkdkkYxhAkyGoBvyQFEJEefwSmmvBfJuJ6aKqKWnAkvGZOaZXTUgFqYULWNSHUckZuR1HIIimUExutRxwzOLROIG4vKmCKQt364mIlhSyzAf1m9lHZHJZrlAOMMztRRiKimp/rpdJDc9Awry5xTZCte7FHtuS8wJgeYGrex28xNTd086Dik7vUMscQOa8y4DoGtCCSkAKlNwpgNtphjrC6MIHUkR6YWxxs6Sc5xqn222mmCRFzIt8lEdKx+ikCtg91qS2WpwVfBelJCiQJwvzixfI9cxZQWgiSJelKnwBElKYtDOb2MFbhmUigbReQBV0Cg4+qMXSxXSyGUn4UbF8l+7qdSGnTC0XLCmahIgUHLhLOhpVCtw4CzYXvLQWQbJNmxoCsOKAxSgBJno75avolkRw8iIAFcsdc02e9iyCd8tHwmeSSoKTowIgvscSGZUOA7PuCN5b2BX9mQM7S0wYhMNU74zgsPBj3HU7wguAfnxxjFQGBE6pwN+GjME9zHY7zGp8wVxMShYX9NXvEWD3HbwJf4giO4CFIQxXScH1/TM+04kkBiAAAAAElFTkSuQmCC';
-/**
- * STORYBOOK : there is a conflict between parcel and webpack. Here we use bundle-text from parcel and it's not recognized in webpack, that is used in storybook.
- * To prevent conflict, you need to comment the 3 imports unsign 'bundle-text' above, and the 3 'style' tags in the HTML below.
- */ const $06e5942c9d4d6916$var$DefaultIcon = (0, ($parcel$interopDefault($dWhh5$leaflet))).icon({
+const $06e5942c9d4d6916$var$DefaultIcon = (0, ($parcel$interopDefault($dWhh5$leaflet))).icon({
     iconUrl: `${(0, $c48ed13ada25d174$export$e56d88b19b5c9fbf).mapArrival}`,
     shadowUrl: (0, $184baaa1aacf568a$export$1524746c49eeef2b),
     iconSize: [
@@ -4986,8 +5025,35 @@ const $184baaa1aacf568a$export$1524746c49eeef2b = 'data:image/png;base64,iVBORw0
 (0, ($parcel$interopDefault($dWhh5$leaflet))).Marker.prototype.options.icon = $06e5942c9d4d6916$var$DefaultIcon;
 const $06e5942c9d4d6916$var$ShadowRoot = ({ children: children })=>{
     const visibility = (0, $6acc5d637072b42e$export$d13b2577cb75f2ad)((state)=>state.visibility);
+    const customScripts = (0, $1d4f8108de9ab73a$export$bd22554f31e5f96f)((state)=>state.customScripts);
+    const customCSS = (0, $1d4f8108de9ab73a$export$bd22554f31e5f96f)((state)=>state.customCSS);
+    const [alreadyAppliedCustomScripts, setAlreadyAppliedCustomScripts] = (0, $dWhh5$react.useState)([]);
+    const shadowRef = (0, $dWhh5$react.useRef)(null);
+    (0, $dWhh5$react.useEffect)(()=>{
+        if (shadowRef === null || shadowRef === void 0 ? void 0 : shadowRef.current) customScripts.forEach((customScript)=>{
+            if (!alreadyAppliedCustomScripts.includes(customScript)) {
+                var _shadowRef_current;
+                // Add the URL of the script to the already processed ones to prevent duplicate injection
+                setAlreadyAppliedCustomScripts((current)=>[
+                        ...current,
+                        customScript
+                    ]);
+                // Create a script element and inject it in the shadowroot
+                const scriptElement = document.createElement('script');
+                scriptElement.type = 'text/javascript';
+                scriptElement.src = customScript;
+                scriptElement.onload = ()=>{
+                    console.log(`Retorik Framework > custom script loaded from ${customScript}`);
+                };
+                (_shadowRef_current = shadowRef.current) === null || _shadowRef_current === void 0 ? void 0 : _shadowRef_current.appendChild(scriptElement);
+            }
+        });
+    }, [
+        customScripts
+    ]);
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$reactshadow))).div, {
         id: "retorik-shadow",
+        ref: shadowRef,
         className: "rf-w-full rf-h-full",
         style: {
             position: 'relative',
@@ -5004,6 +5070,12 @@ const $06e5942c9d4d6916$var$ShadowRoot = ({ children: children })=>{
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("style", {
                 type: "text/css",
                 children: `${$70dd93cce82a6912$exports}`
+            }),
+            customCSS.map((css, key)=>{
+                return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("link", {
+                    rel: "stylesheet",
+                    href: css
+                }, key);
             })
         ]
     });
@@ -5198,7 +5270,7 @@ const $ba3150a69d33f468$var$processJson = (json, retorikProps, baseAddress)=>{
         else if (json.directLine_tokenEndpoint) tokenEndpoint = json.directLine_tokenEndpoint;
         else tokenEndpoint = `${baseAddress}${0, $0b4f07c0f09dbbcf$export$d9e38c0112bbdae6}`;
         // Prevent passive speech recognition if no name was given for the character.
-        // Used for retrocompatibility since v2.0.4
+        // Used for retrocompatibility since v2.0.4
         if (!json.characterName && json.speechRecognitionOptions) json.speechRecognitionOptions.enableContinuousRecognitionOnAllDevices = false, json.speechRecognitionOptions.enableContinuousRecognitionOn = undefined;
         const props = {
             config: {
@@ -5282,12 +5354,7 @@ const $ba3150a69d33f468$var$processJson = (json, retorikProps, baseAddress)=>{
                 showTemporaryBanner: undefined,
                 preventVirtualKeyboard: undefined,
                 channelData: json.channelData,
-                newsConfig: {
-                    bannerTitle: json.newsBannerTitle,
-                    bannerTitleLocalized: json.newBannerTitleLocalized,
-                    removeTitleFromTextToSpeak: json.newsRemoveTitleFromTextToSpeak,
-                    removeSubtitleFromTextToSpeak: json.newsRemoveSubtitleFromTextToSpeak
-                }
+                newsConfig: json.newsConfig
             },
             viewsConfig: {
                 homeRoute: 'home',
@@ -5299,9 +5366,7 @@ const $ba3150a69d33f468$var$processJson = (json, retorikProps, baseAddress)=>{
                             image: background,
                             video: undefined,
                             webcam: undefined,
-                            neutral: undefined,
-                            blur: undefined,
-                            overlayOpacity: undefined
+                            neutral: undefined
                         }
                     },
                     news: {
@@ -5313,9 +5378,7 @@ const $ba3150a69d33f468$var$processJson = (json, retorikProps, baseAddress)=>{
                             image: newsBackground,
                             video: undefined,
                             webcam: undefined,
-                            neutral: undefined,
-                            blur: undefined,
-                            overlayOpacity: undefined
+                            neutral: undefined
                         }
                     }
                 }
@@ -5479,7 +5542,9 @@ const $ba3150a69d33f468$var$processJson = (json, retorikProps, baseAddress)=>{
             defaultCulture: json.defaultCulture,
             supportedCultures: json.supportedCultures,
             // Other data
-            disableHistory: json.disableHistory
+            disableHistory: json.disableHistory,
+            customScripts: json.customScripts,
+            customCSS: json.customCSS
         };
         return props;
     }
@@ -11160,13 +11225,6 @@ const $f30fe7aba51bf78e$var$Background = ({ config: config, videoLoop: videoLoop
     const [videoDimensions, setVideoDimensions] = (0, $dWhh5$react.useState)(dimensions);
     const [rotation, setRotation] = (0, $dWhh5$react.useState)('');
     const [webcamSizeStyle, setWebcamSizeStyle] = (0, $dWhh5$react.useState)({});
-    const blurValue = (0, $dWhh5$react.useMemo)(()=>{
-        return {
-            '--rf-blur-background': (config === null || config === void 0 ? void 0 : config.blur) !== undefined ? `${config.blur}px` : '0'
-        };
-    }, [
-        config === null || config === void 0 ? void 0 : config.blur
-    ]);
     (0, $dWhh5$react.useEffect)(()=>{
         if (config.style === 'webcam') {
             if (isWebcamAllowed) {
@@ -11256,7 +11314,6 @@ const $f30fe7aba51bf78e$var$Background = ({ config: config, videoLoop: videoLoop
                 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: {
-                    ...blurValue,
                     ...isRTL ? {
                         transform: 'scaleX(-1)'
                     } : {}
@@ -11267,14 +11324,12 @@ const $f30fe7aba51bf78e$var$Background = ({ config: config, videoLoop: videoLoop
                 loop: !!videoLoop,
                 muted: !!videoMuted,
                 onVideoEnded: onVideoEnded,
-                onVideoCanPlay: onVideoCanPlay,
-                style: blurValue
+                onVideoCanPlay: onVideoCanPlay
             }),
             config.style === 'webcam' && isWebcamAllowed && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$reactwebcam))), {
                 className: `rf-relative rf-col-span-full rf-row-span-full rf-overflow-hidden rf-max-w-none rf-w-screen rf-h-screen rf-filter rf-blur-background rf-border rf-self-center rf-justify-self-center rf-object-cover ${rotation}`,
                 ...videoDimensions,
                 style: {
-                    ...blurValue,
                     ...webcamSizeStyle
                 },
                 audio: false,
@@ -11674,6 +11729,7 @@ const $b3293ae5ea012219$var$SendTextBox = ({ className: className })=>{
         setMode((0, $71c613e2e831c34c$export$9484bbecc3c49a2e).vocal);
     };
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
+        id: "retorik-send-textbox",
         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", {
@@ -13471,6 +13527,26 @@ var $18d4a37a7fa81be4$export$2e2bcd8739ae039 = $18d4a37a7fa81be4$var$MicrophoneA
 const $f49c2c2bc5cff629$var$springDuration = 1050;
+// Unicode Spaces found here : https://www.fileformat.info/info/unicode/category/Zs/list.htm
+const $f49c2c2bc5cff629$var$spacingCharacters = [
+    '\u0020',
+    '\u00A0',
+    '\u1680',
+    '\u2000',
+    '\u2001',
+    '\u2002',
+    '\u2003',
+    '\u2004',
+    '\u2005',
+    '\u2006',
+    '\u2007',
+    '\u2008',
+    '\u2009',
+    '\u200A',
+    '\u202F',
+    '\u205F',
+    '\u3000'
+];
 const $f49c2c2bc5cff629$var$VoiceInput = ({ className: className })=>{
     const isMobile = (0, $6acc5d637072b42e$export$d13b2577cb75f2ad)((state)=>state.isMobile);
     const isLandscape = (0, $6acc5d637072b42e$export$d13b2577cb75f2ad)((state)=>state.isLandscape);
@@ -13478,6 +13554,8 @@ const $f49c2c2bc5cff629$var$VoiceInput = ({ className: className })=>{
     const isWaitingForResponse = (0, $1d4f8108de9ab73a$export$bd22554f31e5f96f)((state)=>state.isWaitingForResponse);
     const [remainingLastRecognitionInterim, setRemainingLastRecognitionInterim] = (0, $dWhh5$react.useState)(null);
     const animationTimerRef = (0, $dWhh5$react.useRef)();
+    const divRef = (0, $dWhh5$react.useRef)(null);
+    const lastSpaceRef = (0, $dWhh5$react.useRef)(0);
     const [spring, api] = (0, $dWhh5$reactspringweb.useSpring)(()=>({
             from: {
                 opacity: 1
@@ -13486,11 +13564,36 @@ const $f49c2c2bc5cff629$var$VoiceInput = ({ className: className })=>{
     (0, $dWhh5$react.useEffect)(()=>{
         return ()=>{
             (animationTimerRef === null || animationTimerRef === void 0 ? void 0 : animationTimerRef.current) && clearTimeout(animationTimerRef.current);
+            lastSpaceRef.current = 0;
         };
     }, []);
     (0, $dWhh5$react.useEffect)(()=>{
-        if (lastRecognitionInterim) setRemainingLastRecognitionInterim(lastRecognitionInterim);
-        else if (remainingLastRecognitionInterim) {
+        if (lastRecognitionInterim) {
+            if (isLandscape && (divRef === null || divRef === void 0 ? void 0 : divRef.current)) {
+                if (divRef.current.scrollHeight > divRef.current.clientHeight) {
+                    let lastSpace = 0;
+                    for(let i = lastRecognitionInterim.length - 1; i > 0; i--)if ($f49c2c2bc5cff629$var$spacingCharacters.includes(lastRecognitionInterim[i])) {
+                        switch(lastSpace){
+                            case 0:
+                                // First space found, let's wait for another one
+                                lastSpace = 1;
+                                break;
+                            case 1:
+                                // Second space found, the next one will be the good one
+                                lastSpace = 2;
+                                break;
+                            case 2:
+                                // Take this space as reference to display text
+                                lastSpace = 3;
+                                lastSpaceRef.current = i;
+                                break;
+                        }
+                        if (lastSpace === 3) break;
+                    }
+                }
+                setRemainingLastRecognitionInterim(`${lastSpaceRef.current ? '... ' : ''}${lastRecognitionInterim.substring(lastSpaceRef.current)}`);
+            } else setRemainingLastRecognitionInterim(lastRecognitionInterim);
+        } else if (remainingLastRecognitionInterim) {
             api.start({
                 from: {
                     opacity: 1
@@ -13508,6 +13611,7 @@ const $f49c2c2bc5cff629$var$VoiceInput = ({ className: className })=>{
                     opacity: 1
                 });
                 setRemainingLastRecognitionInterim(null);
+                lastSpaceRef.current = 0;
             }, $f49c2c2bc5cff629$var$springDuration);
         }
     }, [
@@ -13525,18 +13629,29 @@ const $f49c2c2bc5cff629$var$VoiceInput = ({ className: className })=>{
                 ...spring
             },
             children: remainingLastRecognitionInterim
-        }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
+        }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
             className: "rf-w-full rf-h-full rf-flex rf-flex-col rf-justify-end landscape-retorik:rf-justify-start rf-gap-2",
-            children: [
-                isLandscape && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $18d4a37a7fa81be4$export$2e2bcd8739ae039), {}),
-                remainingLastRecognitionInterim && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $dWhh5$reactspringweb.animated).div, {
+            children: isLandscape ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $18d4a37a7fa81be4$export$2e2bcd8739ae039), {}),
+                    remainingLastRecognitionInterim && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $dWhh5$reactspringweb.animated).div, {
+                        ref: divRef,
+                        className: "rf-w-full rf-max-h-16 rf-pt-2 rf-subtitle-size-auto rf-font-bold rf-text-truewhite rf-text-center rf-text-shadow-black rf-overflow-hidden",
+                        style: {
+                            ...spring
+                        },
+                        children: remainingLastRecognitionInterim
+                    })
+                ]
+            }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
+                children: remainingLastRecognitionInterim && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $dWhh5$reactspringweb.animated).div, {
                     className: "rf-w-full rf-py-3 rf-subtitle-size-auto rf-font-bold rf-text-truewhite rf-text-center rf-text-shadow-black",
                     style: {
                         ...spring
                     },
                     children: remainingLastRecognitionInterim
                 })
-            ]
+            })
         })
     });
 };
@@ -13611,6 +13726,7 @@ const $85e61aba8b9a5198$var$Logo = ({ className: className })=>{
     var _configuration_logo;
     const configuration = (0, $1d4f8108de9ab73a$export$bd22554f31e5f96f)((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',
         children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("img", {
             src: configuration.logo.src,
@@ -19180,6 +19296,7 @@ const $f0e30ad3081b61d6$var$Grid = ({ title: title, history: history, qrCodeData
     ]);
     (0, $dWhh5$react.useEffect)(()=>{
         switch(nbCards){
+            case 1:
             case 2:
                 setClassname('rf-grid-cols-[repeat(2,30%)] rf-grid-rows-1');
                 break;
@@ -25375,8 +25492,87 @@ var $d3f2491623efa760$export$2e2bcd8739ae039 = $d3f2491623efa760$var$useNews;
+const $5ffb87b569a304f8$var$BannerTopMobile = ({ category: category, title: title, subtitle: subtitle, url: url })=>{
+    const locale = (0, $0db969f5e79ce01b$export$6650dace022cfacc)((state)=>state.locale);
+    return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
+        children: [
+            /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
+                className: "rf-w-full rf-px-4 rf-py-2 rf-font-bold rf-bg-red-600 rf-whitespace-nowrap rf-text-size-auto",
+                children: category === null || category === void 0 ? void 0 : category.toLocaleUpperCase(locale)
+            }),
+            /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
+                className: "rf-w-full rf-flex rf-flex-row",
+                children: [
+                    url && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
+                        className: "rf-aspect-video rf-w-1/4",
+                        style: {
+                            backgroundImage: `url(${url})`,
+                            backgroundSize: 'cover',
+                            backgroundRepeat: 'no-repeat',
+                            backgroundPosition: 'center'
+                        }
+                    }),
+                    /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
+                        className: "rf-px-4 rf-py-1 rf-font-bold",
+                        children: [
+                            /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
+                                className: "rf-text-size-auto rf-line-clamp-1",
+                                children: title && title.toLocaleUpperCase(locale)
+                            }),
+                            /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
+                                className: "rf-text-basecustom rf-line-clamp-2",
+                                children: subtitle ? (0, $04321743da31c8db$export$d07f57595c356899)(subtitle) : '...'
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+var $5ffb87b569a304f8$export$2e2bcd8739ae039 = $5ffb87b569a304f8$var$BannerTopMobile;
+const $a94481e954312e6d$var$BannerTopLarge = ({ category: category, title: title, subtitle: subtitle })=>{
+    const locale = (0, $0db969f5e79ce01b$export$6650dace022cfacc)((state)=>state.locale);
+    return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
+        children: [
+            /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
+                className: "rf-w-full rf-flex rf-flex-row rf-justify-start rf-text-size-auto",
+                children: [
+                    /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
+                        className: "rf-px-4 rf-py-3 rf-font-bold rf-bg-red-600 rf-whitespace-nowrap",
+                        children: category === null || category === void 0 ? void 0 : category.toLocaleUpperCase(locale)
+                    }),
+                    /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
+                        className: "rf-px-4 rf-mb-2 rf-mt-2 large:rf-mt-3 rf-font-bold rf-line-clamp-1",
+                        children: title === null || title === void 0 ? void 0 : title.toLocaleUpperCase(locale)
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
+                className: "rf-w-full rf-h-fit rf-flex rf-flex-row rf-justify-start",
+                children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
+                    className: "rf-px-4 rf-my-2 large:rf-my-3 rf-title-large-size-auto rf-line-clamp-2",
+                    children: subtitle ? (0, $04321743da31c8db$export$d07f57595c356899)(subtitle) : '...'
+                })
+            })
+        ]
+    });
+};
+var $a94481e954312e6d$export$2e2bcd8739ae039 = $a94481e954312e6d$var$BannerTopLarge;
 const $24072221965576dd$var$Banner = ({ news: news })=>{
-    var _news_image, _news_image1;
+    var _news_image;
     const translation = (0, $0db969f5e79ce01b$export$6650dace022cfacc)((state)=>state.currentTranslations);
     const locale = (0, $0db969f5e79ce01b$export$6650dace022cfacc)((state)=>state.locale);
     const isMobile = (0, $6acc5d637072b42e$export$d13b2577cb75f2ad)((state)=>state.isMobile);
@@ -25386,7 +25582,7 @@ const $24072221965576dd$var$Banner = ({ news: news })=>{
     const [scrollDuration, setScrollDuration] = (0, $dWhh5$react.useState)(0);
     const [imageSize, setImageSize] = (0, $dWhh5$react.useState)(0);
     const elementRef = (0, $dWhh5$react.useRef)(null);
-    const bannerTitle = (0, $dWhh5$react.useMemo)(()=>{
+    const category = (0, $dWhh5$react.useMemo)(()=>{
         var _newsConfig_bannerTitleLocalized;
         if (news.category) return news.category;
         else if (newsConfig === null || newsConfig === void 0 ? void 0 : (_newsConfig_bannerTitleLocalized = newsConfig.bannerTitleLocalized) === null || _newsConfig_bannerTitleLocalized === void 0 ? void 0 : _newsConfig_bannerTitleLocalized[locale]) return newsConfig.bannerTitleLocalized[locale];
@@ -25428,42 +25624,20 @@ const $24072221965576dd$var$Banner = ({ news: news })=>{
         elementRef
     ]);
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
-        className: "rf-h-fit rf-z-util rf-col-start-1 rf-col-span-full rf-row-start-9 large:rf-row-start-10 rf-row-span-3 large:rf-mb-6 rf-flex rf-flex-col rf-self-end rf-items-center rf-glass-background rf-text-white",
+        className: "rf-h-fit rf-z-util rf-col-start-1 rf-col-span-full rf-row-start-10 rf-row-span-3 large:rf-mb-6 rf-flex rf-flex-col rf-self-end rf-items-center rf-glass-background rf-text-white",
         children: [
-            /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
-                className: "rf-w-full rf-flex rf-flex-row rf-justify-start rf-text-size-auto",
-                children: [
-                    /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                        className: "rf-px-4 rf-pb-2 rf-pt-2 large:rf-pt-3 rf-font-bold rf-bg-red-600 rf-whitespace-nowrap",
-                        ref: elementRef,
-                        children: bannerTitle === null || bannerTitle === void 0 ? void 0 : bannerTitle.toLocaleUpperCase(locale)
-                    }),
-                    /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                        className: "rf-px-4 rf-mb-2 rf-mt-2 large:rf-mt-3 rf-font-bold rf-line-clamp-1",
-                        children: news.title && news.title.toLocaleUpperCase(locale)
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
-                className: "rf-w-full rf-h-fit rf-flex rf-flex-row rf-justify-start",
-                children: [
-                    isMobile && ((_news_image = news.image) === null || _news_image === void 0 ? void 0 : _news_image.url) && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                        style: {
-                            minWidth: `${imageSize}px`,
-                            backgroundImage: `url(${(_news_image1 = news.image) === null || _news_image1 === void 0 ? void 0 : _news_image1.url})`,
-                            backgroundSize: 'cover',
-                            backgroundRepeat: 'no-repeat',
-                            backgroundPosition: 'center'
-                        }
-                    }),
-                    /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                        className: "rf-px-4 rf-my-2 large:rf-my-3 rf-title-large-size-auto rf-line-clamp-2",
-                        children: news.subtitle ? (0, $04321743da31c8db$export$d07f57595c356899)(news.subtitle) : '...'
-                    })
-                ]
+            isMobile ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $5ffb87b569a304f8$export$2e2bcd8739ae039), {
+                category: category,
+                title: news.title,
+                subtitle: news.subtitle,
+                url: (_news_image = news.image) === null || _news_image === void 0 ? void 0 : _news_image.url
+            }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $a94481e954312e6d$export$2e2bcd8739ae039), {
+                category: category,
+                title: news.title,
+                subtitle: news.subtitle
             }),
             /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
-                className: "rf-w-full ltr:rf-pr-4 rtl:rf-pl-4 rf-py-4 rf-subtitle-size-auto rf-text-black rf-bg-white rf-overflow-clip",
+                className: "rf-w-full ltr:rf-pr-4 rtl:rf-pl-4 rf-py-2 large:rf-py-4 rf-subtitle-size-auto rf-text-black rf-bg-white rf-overflow-clip",
                 style: {
                     paddingLeft: currentWidth
                 },
@@ -25687,8 +25861,7 @@ const $9b9bf2fb80ceb1cd$var$NewsView = ({ hideMenu: hideMenu, isRetorikNews: isR
             ...configurations.views.news,
             background: {
                 video: videoUrl,
-                style: 'video',
-                blur: 0
+                style: 'video'
             }
         });
     };
@@ -26086,50 +26259,60 @@ var $9242b50f1c1199a7$export$2e2bcd8739ae039 = $9242b50f1c1199a7$var$Container;
+const $f2ae26d736ec24dc$export$a2ce4fdd6972d6a7 = async (region, key)=>{
+    const tokenRes = await fetch(`https://${region}.api.cognitive.microsoft.com/sts/v1.0/issueToken`, {
+        method: 'POST',
+        headers: {
+            'Ocp-Apim-Subscription-Key': key
+        }
+    }).then((value)=>{
+        return value.text();
+    }).catch((error)=>{
+        console.log('Error : ', error);
+        return undefined;
+    });
+    return tokenRes;
+};
-const $d441ea54333b2073$var$buildSSML = (activity, locale, speechMarkdownParser, sayAsWords)=>{
-    let speech = activity.speak || activity.text;
-    // Replace character not recognized in Microsoft TTS
-    speech = speech.replaceAll("\u2019", "'");
-    let textParsedAsSSML = '';
-    try {
-        if (sayAsWords === null || sayAsWords === void 0 ? void 0 : sayAsWords.length) {
-            const wordsUsed = [];
-            sayAsWords.forEach((tuple)=>{
-                if (!wordsUsed.includes(tuple.text.toLocaleLowerCase(locale))) {
-                    const regex = new RegExp(`\\b${tuple.text}\\b`, 'gi');
-                    speech = speech.replaceAll(regex, `(${tuple.text})[ipa:"${tuple.ipa}"]`);
-                    wordsUsed.push(tuple.text.toLocaleLowerCase(locale));
-                }
-            });
-        }
-        textParsedAsSSML = speechMarkdownParser.toSSML(speech);
-    } catch (e) {
-        console.warn('Retorik Framework > error in speechmarkdown parser : ', e);
+const $5679d80e89b3df01$export$4bf371fc4fa74a28 = (voices, locale, customVoice, agentData)=>{
+    let voice = null;
+    // Check if a custom voice is defined in the props
+    if (customVoice) {
+        if (customVoice.voice) {
+            // Search voice with its full name (ex: AriaNeural, GuyNeural)
+            const neuralVoice = new RegExp(customVoice.voice, 'iu');
+            voice = voices.find(({ name: name })=>neuralVoice.test(name) || name === customVoice.voice);
+        } else if (customVoice.gender) // Search voice depending on given gender and locale
+        voice = voices.find(({ gender: gender, lang: lang })=>{
+            var _customVoice_gender;
+            return gender.toLowerCase() === (customVoice === null || customVoice === void 0 ? void 0 : (_customVoice_gender = customVoice.gender) === null || _customVoice_gender === void 0 ? void 0 : _customVoice_gender.toLowerCase()) && lang === locale;
+        });
     }
-    return `<speak version="1.0" xmlns="http://www.w3.org/2001/10/synthesis" xmlns:mstts="https://www.w3.org/2001/mstts" xmlns:emo="http://www.w3.org/2009/10/emotionml" xml:lang="${locale}">` + textParsedAsSSML + '</speak>';
+    // Get voice depending on locale and gender
+    if (!voice) voice = voices.find(({ gender: gender, lang: lang })=>{
+        var _agentData_gender;
+        return gender.toLowerCase() === ((agentData === null || agentData === void 0 ? void 0 : (_agentData_gender = agentData.gender) === null || _agentData_gender === void 0 ? void 0 : _agentData_gender.toLowerCase()) || 'female') && lang === locale;
+    });
+    // No voice found, fall back to US default voices : female => Aria / male => Guy
+    if (!voice) {
+        var _agentData_gender;
+        const genderedVoice = (agentData === null || agentData === void 0 ? void 0 : (_agentData_gender = agentData.gender) === null || _agentData_gender === void 0 ? void 0 : _agentData_gender.toLowerCase()) === 'female' ? 'AriaNeural' : 'GuyNeural';
+        const neuralVoice = new RegExp(genderedVoice, 'iu');
+        voice = voices.find(({ name: name })=>neuralVoice.test(name));
+    }
+    return voice;
 };
-function $d441ea54333b2073$export$2e2bcd8739ae039({ activity: activity, voice: voice, locale: locale, sayAsWords: sayAsWords }) {
-    // If there is no text to be read, create an empty utterance that will be put in the array of ended activities
-    if (!voice || !activity.speak && !activity.text) return new (0, $dWhh5$daviaiwebspeechcognitiveservicesdavi.SpeechSynthesisUtterance)('');
-    const options = {
-        platform: 'microsoft-azure',
-        includeSpeakTag: false,
-        globalVoiceAndLang: {
-            voice: voice.name,
-            lang: voice.name.toLowerCase().includes('multilingual') ? locale : undefined
-        }
-    };
-    const speechMarkdownParser = new (0, $dWhh5$daviaispeechmarkdowndavijs.SpeechMarkdown)(options);
-    const utterance = new (0, $dWhh5$daviaiwebspeechcognitiveservicesdavi.SpeechSynthesisUtterance)($d441ea54333b2073$var$buildSSML(activity, locale, speechMarkdownParser, sayAsWords));
-    return utterance;
-}
 /* Return codes:
@@ -26155,49 +26338,69 @@ function $d441ea54333b2073$export$2e2bcd8739ae039({ activity: activity, voice: v
 var $549323f244f4782c$export$2e2bcd8739ae039 = $549323f244f4782c$var$checkLastbotActivity;
-const $f2ae26d736ec24dc$export$a2ce4fdd6972d6a7 = async (region, key)=>{
-    const tokenRes = await fetch(`https://${region}.api.cognitive.microsoft.com/sts/v1.0/issueToken`, {
-        method: 'POST',
-        headers: {
-            'Ocp-Apim-Subscription-Key': key
+const $d441ea54333b2073$var$buildSSML = (activity, locale, speechMarkdownParser, sayAsWords)=>{
+    let speech = activity.speak || activity.text;
+    // Replace character not recognized in Microsoft TTS
+    speech = speech.replaceAll("\u2019", "'");
+    let textParsedAsSSML = '';
+    try {
+        if (sayAsWords === null || sayAsWords === void 0 ? void 0 : sayAsWords.length) {
+            const wordsUsed = [];
+            sayAsWords.forEach((tuple)=>{
+                if (!wordsUsed.includes(tuple.text.toLocaleLowerCase(locale))) {
+                    const regex = new RegExp(`\\b${tuple.text}\\b`, 'gi');
+                    speech = speech.replaceAll(regex, `(${tuple.text})[ipa:"${tuple.ipa}"]`);
+                    wordsUsed.push(tuple.text.toLocaleLowerCase(locale));
+                }
+            });
         }
-    }).then((value)=>{
-        return value.text();
-    }).catch((error)=>{
-        console.log('Error : ', error);
-        return undefined;
-    });
-    return tokenRes;
+        textParsedAsSSML = speechMarkdownParser.toSSML(speech);
+    } catch (e) {
+        console.warn('Retorik Framework > error in speechmarkdown parser : ', e);
+    }
+    return `<speak version="1.0" xmlns="http://www.w3.org/2001/10/synthesis" xmlns:mstts="https://www.w3.org/2001/mstts" xmlns:emo="http://www.w3.org/2009/10/emotionml" xml:lang="${locale}">` + textParsedAsSSML + '</speak>';
 };
+function $d441ea54333b2073$export$2e2bcd8739ae039({ activity: activity, voice: voice, locale: locale, sayAsWords: sayAsWords }) {
+    // If there is no text to be read, create an empty utterance that will be put in the array of ended activities
+    if (!voice || !activity.speak && !activity.text) return new (0, $dWhh5$daviaiwebspeechcognitiveservicesdavi.SpeechSynthesisUtterance)('');
+    const options = {
+        platform: 'microsoft-azure',
+        includeSpeakTag: false,
+        globalVoiceAndLang: {
+            voice: voice.name,
+            lang: voice.name.toLowerCase().includes('multilingual') ? locale : undefined
+        }
+    };
+    const speechMarkdownParser = new (0, $dWhh5$daviaispeechmarkdowndavijs.SpeechMarkdown)(options);
+    const utterance = new (0, $dWhh5$daviaiwebspeechcognitiveservicesdavi.SpeechSynthesisUtterance)($d441ea54333b2073$var$buildSSML(activity, locale, speechMarkdownParser, sayAsWords));
+    return utterance;
+}
-const $5679d80e89b3df01$export$4bf371fc4fa74a28 = (voices, locale, customVoice, agentData)=>{
-    let voice = null;
-    // Check if a custom voice is defined in the props
-    if (customVoice) {
-        if (customVoice.voice) {
-            // Search voice with its full name (ex: AriaNeural, GuyNeural)
-            const neuralVoice = new RegExp(customVoice.voice, 'iu');
-            voice = voices.find(({ name: name })=>neuralVoice.test(name) || name === customVoice.voice);
-        } else if (customVoice.gender) // Search voice depending on given gender and locale
-        voice = voices.find(({ gender: gender, lang: lang })=>{
-            var _customVoice_gender;
-            return gender.toLowerCase() === (customVoice === null || customVoice === void 0 ? void 0 : (_customVoice_gender = customVoice.gender) === null || _customVoice_gender === void 0 ? void 0 : _customVoice_gender.toLowerCase()) && lang === locale;
-        });
+/**
+ * Check if there are some replacement codes for this language, to improve speech synthesis, and then create the utterance
+ * @param {CreateUtteranceParams} params - data needed to create an utterance
+ * @param {SayAs} sayAs - string that should be replaced by their ipa codes
+ * @returns {SpeechSynthesisUtterance}
+ */ const $285c8810199513ef$export$f969af62bba9a48b = (params, sayAs)=>{
+    let sayAsWords = [];
+    if (sayAs) {
+        var _sayAs_common, _sayAs_localized_params_locale;
+        ((_sayAs_common = sayAs.common) === null || _sayAs_common === void 0 ? void 0 : _sayAs_common.length) && (sayAsWords = [
+            ...sayAs.common
+        ]);
+        sayAs.localized && ((_sayAs_localized_params_locale = sayAs.localized[params.locale]) === null || _sayAs_localized_params_locale === void 0 ? void 0 : _sayAs_localized_params_locale.length) && (sayAsWords = [
+            ...sayAsWords,
+            ...sayAs.localized[params.locale]
+        ]);
     }
-    // Get voice depending on locale and gender
-    if (!voice) voice = voices.find(({ gender: gender, lang: lang })=>{
-        var _agentData_gender;
-        return gender.toLowerCase() === ((agentData === null || agentData === void 0 ? void 0 : (_agentData_gender = agentData.gender) === null || _agentData_gender === void 0 ? void 0 : _agentData_gender.toLowerCase()) || 'female') && lang === locale;
+    return (0, $d441ea54333b2073$export$2e2bcd8739ae039)({
+        ...params,
+        sayAsWords: sayAsWords
     });
-    // No voice found, fall back to US default voices : female => Aria / male => Guy
-    if (!voice) {
-        var _agentData_gender;
-        const genderedVoice = (agentData === null || agentData === void 0 ? void 0 : (_agentData_gender = agentData.gender) === null || _agentData_gender === void 0 ? void 0 : _agentData_gender.toLowerCase()) === 'female' ? 'AriaNeural' : 'GuyNeural';
-        const neuralVoice = new RegExp(genderedVoice, 'iu');
-        voice = voices.find(({ name: name })=>neuralVoice.test(name));
-    }
-    return voice;
 };
@@ -26978,9 +27181,8 @@ const $d31b268c3b702355$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd,
 var $d31b268c3b702355$export$2e2bcd8739ae039 = $d31b268c3b702355$var$RetorikSpeech;
-const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews })=>{
+const $ad561f5c61e38c20$var$SynthesisManager = ({ ponyfill: ponyfill, isRetorikNews: isRetorikNews })=>{
     const cancel = (0, $df401eb9a10f9e0e$export$f299240efcda25a2)((state)=>state.cancel);
-    const cancelRef = (0, $dWhh5$react.useRef)(false);
     const streamingReplyToId = (0, $df401eb9a10f9e0e$export$f299240efcda25a2)((state)=>state.streamingReplyToId);
     const streamingQueue = (0, $df401eb9a10f9e0e$export$f299240efcda25a2)((state)=>state.streamingQueue);
     const currentPlaying = (0, $df401eb9a10f9e0e$export$f299240efcda25a2)((state)=>state.currentPlaying);
@@ -26988,13 +27190,12 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
     const endedActivities = (0, $df401eb9a10f9e0e$export$f299240efcda25a2)((state)=>state.endedActivities);
     const voice = (0, $df401eb9a10f9e0e$export$f299240efcda25a2)((state)=>state.voice);
     const customVoice = (0, $df401eb9a10f9e0e$export$f299240efcda25a2)((state)=>state.customVoice);
-    const ponyfillCredentials = (0, $df401eb9a10f9e0e$export$f299240efcda25a2)((state)=>state.ponyfillCredentials);
     const activeRecognitionState = (0, $df401eb9a10f9e0e$export$f299240efcda25a2)((state)=>state.activeRecognitionState);
     const externalTextToSpeech = (0, $df401eb9a10f9e0e$export$f299240efcda25a2)((state)=>state.externalTextToSpeech);
     const isMicrophoneAllowed = (0, $df401eb9a10f9e0e$export$f299240efcda25a2)((state)=>state.isMicrophoneAllowed);
+    const mode = (0, $df401eb9a10f9e0e$export$f299240efcda25a2)((state)=>state.mode);
     const route = (0, $6acc5d637072b42e$export$d13b2577cb75f2ad)((state)=>state.route);
     const locale = (0, $0db969f5e79ce01b$export$6650dace022cfacc)((state)=>state.locale);
-    const mode = (0, $df401eb9a10f9e0e$export$f299240efcda25a2)((state)=>state.mode);
     const agentData = (0, $1d4f8108de9ab73a$export$bd22554f31e5f96f)((state)=>state.agentData);
     const appAvailable = (0, $1d4f8108de9ab73a$export$bd22554f31e5f96f)((state)=>state.appAvailable);
     const preventExpectedInputHint = (0, $1d4f8108de9ab73a$export$bd22554f31e5f96f)((state)=>state.configuration.preventExpectedInputHint);
@@ -27003,154 +27204,75 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
     const lastBotActivity = (0, $8fc061e3e1dc64cb$export$b56465394e2b1287)((state)=>state.lastBotMessageActivity);
     const checkReplacementLocale = (0, $0db969f5e79ce01b$export$6650dace022cfacc)((state)=>state.actions.checkReplacementLocale);
     const setRetorikNewsEnded = (0, $2793f2455cec0982$export$77e4cc5334565f28)((state)=>state.actions.setRetorikNewsEnded);
-    const isSpeaking = (0, $dWhh5$react.useRef)(false);
-    const { setVoice: setVoice, cancelCurrentUtterance: cancelCurrentUtterance, resetCancelCurrentUtterance: resetCancelCurrentUtterance, setSpeaking: setSpeaking, setCurrentPlaying: setCurrentPlaying, setCurrentReplyToId: setCurrentReplyToId, setEndedActivities: setEndedActivities, setBoundaryData: setBoundaryData, removeFirstFromStreamingQueue: removeFirstFromStreamingQueue, setCurrentStreaming: setCurrentStreaming, killCurrentStreaming: killCurrentStreaming, askPermission: askPermission, toggleMicrophone: toggleMicrophone } = (0, $df401eb9a10f9e0e$export$f299240efcda25a2)((state)=>state.actions);
+    const { resetCancelCurrentUtterance: resetCancelCurrentUtterance, setSpeaking: setSpeaking, setCurrentPlaying: setCurrentPlaying, setCurrentReplyToId: setCurrentReplyToId, setEndedActivities: setEndedActivities, setBoundaryData: setBoundaryData, removeFirstFromStreamingQueue: removeFirstFromStreamingQueue, setCurrentStreaming: setCurrentStreaming, killCurrentStreaming: killCurrentStreaming, askPermission: askPermission, toggleMicrophone: toggleMicrophone } = (0, $df401eb9a10f9e0e$export$f299240efcda25a2)((state)=>state.actions);
     const addEndedActivity = (0, $8fc061e3e1dc64cb$export$b56465394e2b1287)((state)=>state.actions.addEndedActivity);
     const dispatchMarkActivity = (0, $328a7f03b0982320$export$adc771f45cf9b273)((state)=>state.actions.dispatchMarkActivity);
     const [utterance, setUtterance] = (0, $dWhh5$react.useState)(null);
     const [nextUtterance, setNextUtterance] = (0, $dWhh5$react.useState)(null);
-    const [utteranceEnded, setUtteranceEnded] = (0, $dWhh5$react.useState)(false);
+    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 currentActivityRef = (0, $dWhh5$react.useRef)(null);
     const currentPlayingRef = (0, $dWhh5$react.useRef)(null);
-    const timerRef = (0, $dWhh5$react.useRef)(null);
-    const [isNewsView, setIsNewsView] = (0, $dWhh5$react.useState)(!!isRetorikNews);
-    const [ponyfill, setPonyfill] = (0, $dWhh5$react.useState)(undefined);
-    const refreshTimerRef = (0, $dWhh5$react.useRef)(null);
-    const [lastListTextPlayed, setLastListTextPlayed] = (0, $dWhh5$react.useState)('');
     const tempCurrentStreamingRef = (0, $dWhh5$react.useRef)(null);
     const streamingRelatedMessageRef = (0, $dWhh5$react.useRef)(null);
     /**
-   * Async function to retrieve a new token and assign it to the speechConfig inside ponyfill.speechSynthesis
-   * @param region string
-   * @param key string
-   */ const refreshTokenInNineMinutes = async (region, key)=>{
-        // A token is valid during 10 minutes, let's refresh it after 9 minutes
-        refreshTimerRef.current = setTimeout(async ()=>{
-            var _ponyfill_speechSynthesis;
-            const token = await (0, $f2ae26d736ec24dc$export$a2ce4fdd6972d6a7)(region, key);
-            if (token && (ponyfill === null || ponyfill === void 0 ? void 0 : (_ponyfill_speechSynthesis = ponyfill.speechSynthesis) === null || _ponyfill_speechSynthesis === void 0 ? void 0 : _ponyfill_speechSynthesis.speechConfig)) {
-                ponyfill.speechSynthesis.speechConfig.authorizationToken = token;
-                refreshTokenInNineMinutes(region, key);
-            }
-        }, 540000) // 9 minutes
-        ;
-    };
-    const fetchTokenAndCreatePonyfill = async (key, region)=>{
-        const token = await (0, $f2ae26d736ec24dc$export$a2ce4fdd6972d6a7)(region, key);
-        if (token) setPonyfill((0, $dWhh5$daviaiwebspeechcognitiveservicesdavi.createSpeechSynthesisPonyfill)({
-            credentials: {
-                region: ponyfillCredentials === null || ponyfillCredentials === void 0 ? void 0 : ponyfillCredentials.region,
-                authorizationToken: token
-            }
-        }));
-    };
-    /**
-   * Launch token refresh after ponyfill creation if subscription key and region are given
-   */ (0, $dWhh5$react.useEffect)(()=>{
-        ponyfill && (ponyfillCredentials === null || ponyfillCredentials === void 0 ? void 0 : ponyfillCredentials.subscriptionKey) && (ponyfillCredentials === null || ponyfillCredentials === void 0 ? void 0 : ponyfillCredentials.region) && refreshTokenInNineMinutes(ponyfillCredentials.region, ponyfillCredentials.subscriptionKey);
-    }, [
-        ponyfill
-    ]);
-    (0, $dWhh5$react.useEffect)(()=>{
-        if ((ponyfillCredentials === null || ponyfillCredentials === void 0 ? void 0 : ponyfillCredentials.authorizationToken) && (ponyfillCredentials === null || ponyfillCredentials === void 0 ? void 0 : ponyfillCredentials.region)) {
-            const data = {
-                credentials: ponyfillCredentials
-            };
-            setPonyfill((0, $dWhh5$daviaiwebspeechcognitiveservicesdavi.createSpeechSynthesisPonyfill)(data));
-        } else if ((ponyfillCredentials === null || ponyfillCredentials === void 0 ? void 0 : ponyfillCredentials.subscriptionKey) && (ponyfillCredentials === null || ponyfillCredentials === void 0 ? void 0 : ponyfillCredentials.region)) fetchTokenAndCreatePonyfill(ponyfillCredentials.subscriptionKey, ponyfillCredentials.region);
-    }, [
-        ponyfillCredentials
-    ]);
-    const onVoicesChanged = ()=>{
-        const voices = ponyfill.speechSynthesis.getVoices();
-        if (voices && Array.isArray(voices) && voices.length > 0) setVoice((0, $5679d80e89b3df01$export$4bf371fc4fa74a28)(ponyfill.speechSynthesis.getVoices(), locale, customVoice, agentData));
-    };
-    /**
    * 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
-   * @param activityLocale : string
-   * @returns SpeechSynthesisVoice | null
+   * @param {string} activityLocale
+   * @returns {SpeechSynthesisVoice | null}
    */ const getVoiceAfterCheckingActivityLocale = (activityLocale)=>{
         return activityLocale === locale ? voice : (0, $5679d80e89b3df01$export$4bf371fc4fa74a28)(ponyfill.speechSynthesis.getVoices(), activityLocale, customVoice, agentData);
     };
-    (0, $dWhh5$react.useEffect)(()=>{
-        if (ponyfill) {
-            const voices = ponyfill.speechSynthesis.getVoices();
-            if (voices && Array.isArray(voices) && voices.length > 0) setVoice((0, $5679d80e89b3df01$export$4bf371fc4fa74a28)(ponyfill.speechSynthesis.getVoices(), locale, customVoice, agentData));
-            else ponyfill.speechSynthesis.onvoiceschanged = onVoicesChanged;
-        }
-    }, [
-        ponyfill,
-        customVoice,
-        agentData,
-        locale
-    ]);
     /**
-   * On call (used with the 'cancelSpeech' event is fired) :
-   *  - set speechCancelStore's cancel state to false
-   */ const cancelSpeech = ()=>{
-        !isNewsView && cancelCurrentUtterance();
-    };
-    const checkSayAsWordsAndCreateUtterance = (params)=>{
-        let sayAsWords = [];
-        if (speechSynthesisOptions === null || speechSynthesisOptions === void 0 ? void 0 : speechSynthesisOptions.sayAs) {
-            var _speechSynthesisOptions_sayAs_common, _speechSynthesisOptions_sayAs, _speechSynthesisOptions_sayAs1, _speechSynthesisOptions_sayAs_localized_locale;
-            (speechSynthesisOptions === null || speechSynthesisOptions === void 0 ? void 0 : (_speechSynthesisOptions_sayAs = speechSynthesisOptions.sayAs) === null || _speechSynthesisOptions_sayAs === void 0 ? void 0 : (_speechSynthesisOptions_sayAs_common = _speechSynthesisOptions_sayAs.common) === null || _speechSynthesisOptions_sayAs_common === void 0 ? void 0 : _speechSynthesisOptions_sayAs_common.length) && (sayAsWords = [
-                ...speechSynthesisOptions.sayAs.common
-            ]);
-            (speechSynthesisOptions === null || speechSynthesisOptions === void 0 ? void 0 : (_speechSynthesisOptions_sayAs1 = speechSynthesisOptions.sayAs) === null || _speechSynthesisOptions_sayAs1 === void 0 ? void 0 : _speechSynthesisOptions_sayAs1.localized) && ((_speechSynthesisOptions_sayAs_localized_locale = speechSynthesisOptions.sayAs.localized[locale]) === null || _speechSynthesisOptions_sayAs_localized_locale === void 0 ? void 0 : _speechSynthesisOptions_sayAs_localized_locale.length) && (sayAsWords = [
-                ...sayAsWords,
-                ...speechSynthesisOptions.sayAs.localized[locale]
-            ]);
-        }
-        return (0, $d441ea54333b2073$export$2e2bcd8739ae039)({
-            ...params,
-            sayAsWords: sayAsWords
-        });
-    };
-    const checkActivityAndCreateUtterance = (params)=>{
+   * Check if the activity is a list one, to prevent text re-reading on state update
+   * @param {CreateUtteranceParams} params
+   * @returns {SpeechSynthesisUtterance}
+   */ const checkActivityAndCreateUtterance = (params)=>{
         if (params.activity.attachmentLayout && params.activity.attachmentLayout.toLowerCase() === 'davilist') {
             const textToSpeak = params.activity.speak || params.activity.text;
             if (textToSpeak) {
-                if (textToSpeak === lastListTextPlayed) return checkSayAsWordsAndCreateUtterance({
+                if (textToSpeak === lastListTextPlayedRef.current) return (0, $285c8810199513ef$export$f969af62bba9a48b)({
                     ...params,
                     voice: null
-                });
-                else setLastListTextPlayed(textToSpeak);
+                }, speechSynthesisOptions === null || speechSynthesisOptions === void 0 ? void 0 : speechSynthesisOptions.sayAs);
+                else lastListTextPlayedRef.current = textToSpeak;
             }
         }
-        return checkSayAsWordsAndCreateUtterance({
-            ...params
-        });
+        return (0, $285c8810199513ef$export$f969af62bba9a48b)(params, speechSynthesisOptions === null || speechSynthesisOptions === void 0 ? void 0 : speechSynthesisOptions.sayAs);
     };
-    /**
-   * On component mount :
-   *  - attach event listener to 'cancelSpeech' event
-   * On component unmount :
-   *  - reset the timer
-   *  - detach the event listener
-   */ (0, $dWhh5$react.useEffect)(()=>{
-        // Event called from the outside to cancel speech
-        document.addEventListener('cancelSpeech', cancelSpeech);
-        return ()=>{
-            timerRef && clearTimeout(timerRef.current);
-            refreshTimerRef.current && clearTimeout(refreshTimerRef.current);
-            document.removeEventListener('cancelSpeech', cancelSpeech);
+    const resetData = ()=>{
+        queuedActivitiesRef.current = [];
+        tempCurrentStreamingRef.current = null;
+        streamingRelatedMessageRef.current = null;
+        currentPlayingRef.current = null;
+        isSpeaking.current = false;
+        setUtterance(null);
+        setNextUtterance(null);
+        resetCancelCurrentUtterance();
+    };
+    const checkReplacementLocaleAndGetUtterance = (activity, checkReplacement = true, setCurrent = true)=>{
+        setCurrent && (currentActivityRef.current = activity);
+        const replacementLocale = checkReplacement ? checkReplacementLocale(activity.locale || locale) : locale;
+        const params = {
+            activity: activity,
+            voice: getVoiceAfterCheckingActivityLocale(replacementLocale),
+            locale: replacementLocale
         };
-    }, []);
+        return checkActivityAndCreateUtterance(params);
+    };
+    const checkDictateState = ()=>{
+        if (!preventExpectedInputHint && mode === (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).vocal && activeRecognitionState === (0, $71c613e2e831c34c$export$3f0071308968cd80).Closed) {
+            if (!isMicrophoneAllowed) askPermission();
+            else toggleMicrophone(true);
+        }
+    };
     (0, $dWhh5$react.useEffect)(()=>{
-        if (isNewsView) {
-            if (currentNewsActivity && ponyfill) {
-                const replacementLocale = checkReplacementLocale(currentNewsActivity.locale || locale);
-                const params = {
-                    activity: currentNewsActivity,
-                    voice: getVoiceAfterCheckingActivityLocale(replacementLocale),
-                    locale: replacementLocale
-                };
-                setUtterance(checkSayAsWordsAndCreateUtterance({
-                    ...params
-                }));
+        if (isNewsViewRef.current) {
+            if (currentNewsActivity) {
+                setUtterance(checkReplacementLocaleAndGetUtterance(currentNewsActivity));
                 isSpeaking.current = true;
             } else {
                 setUtterance(null);
@@ -27180,13 +27302,8 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
             setEndedActivities(ended);
         }
         setCurrentPlaying(undefined);
-        currentPlayingRef.current = null;
-        queuedActivitiesRef.current = [];
-        resetCancelCurrentUtterance();
-        setUtterance(null);
-        isSpeaking.current = false;
-        setNextUtterance(null);
-        !isRetorikNews && setIsNewsView(route === (0, $71c613e2e831c34c$export$3565eb3d00ca5a74).News);
+        resetData();
+        if (!isRetorikNews) isNewsViewRef.current = route === (0, $71c613e2e831c34c$export$3565eb3d00ca5a74).News;
     }, [
         route
     ]);
@@ -27198,21 +27315,8 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
    */ (0, $dWhh5$react.useEffect)(()=>{
         var _queuedActivitiesRef_current;
         if (appAvailable && ((_queuedActivitiesRef_current = queuedActivitiesRef.current) === null || _queuedActivitiesRef_current === void 0 ? void 0 : _queuedActivitiesRef_current.length)) {
-            const activity = queuedActivitiesRef.current[0];
-            // Check if the locale in the activity should be replaced
-            const replacementLocale = checkReplacementLocale(activity.locale || locale);
-            currentActivityRef.current = activity;
-            const params = {
-                activity: activity,
-                voice: getVoiceAfterCheckingActivityLocale(replacementLocale),
-                locale: replacementLocale
-            };
-            const queue = [
-                ...queuedActivitiesRef.current
-            ];
-            queue.splice(0, 1);
-            queuedActivitiesRef.current = queue;
-            setUtterance(checkActivityAndCreateUtterance(params));
+            setUtterance(checkReplacementLocaleAndGetUtterance(queuedActivitiesRef.current[0]));
+            queuedActivitiesRef.current.splice(0, 1);
             isSpeaking.current = true;
         }
     }, [
@@ -27220,7 +27324,7 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
     ]);
     /**
    * On speechCancelStore's cancel state change :
-   *  - if there is currently non utterance being played, reset cancel state to false
+   *  - 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)(()=>{
@@ -27235,7 +27339,6 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
         cancel
     ]);
     /**
-   * On lastBotActivity, ponyfill states change :
    *  - 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
@@ -27244,11 +27347,11 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
    *  - 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
    */ (0, $dWhh5$react.useEffect)(()=>{
-        if (ponyfill && voice && (lastBotActivity === null || lastBotActivity === void 0 ? void 0 : lastBotActivity.id)) {
+        if (voice && (lastBotActivity === null || lastBotActivity === void 0 ? void 0 : lastBotActivity.id)) {
             let createNewUtterance = false;
             if (!lastBotActivity.replyToId) {
                 var _queuedActivitiesRef_current;
-                if (isNewsView) ;
+                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
@@ -27271,52 +27374,37 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
                     queuedActivitiesRef.current = [
                         lastBotActivity
                     ];
-                } else if (currentReplyToId === lastBotActivity.replyToId) {
-                    var _queuedActivitiesRef_current1;
-                    let count = 0;
-                    if ((_queuedActivitiesRef_current1 = queuedActivitiesRef.current) === null || _queuedActivitiesRef_current1 === void 0 ? void 0 : _queuedActivitiesRef_current1.length) queuedActivitiesRef.current.forEach((activity)=>{
-                        if (activity.id === lastBotActivity.id) count++;
-                    });
-                    if (count === 0) queuedActivitiesRef.current = [
-                        ...queuedActivitiesRef.current,
-                        lastBotActivity
-                    ];
                 } else {
-                    setCurrentReplyToId(lastBotActivity.replyToId);
-                    queuedActivitiesRef.current = [
-                        lastBotActivity
-                    ];
-                }
-            } else if (currentActivityRef === null || currentActivityRef === void 0 ? void 0 : currentActivityRef.current) {
-                const returnCode = (0, $549323f244f4782c$export$2e2bcd8739ae039)(lastBotActivity, currentActivityRef.current, currentReplyToId, queuedActivitiesRef.current, endedActivities);
-                const queue = [
-                    ...queuedActivitiesRef.current
-                ];
-                switch(returnCode){
-                    case 0:
-                        break;
-                    case 1:
-                        // Add the activity to the queue
-                        queue.push(lastBotActivity);
-                        queuedActivitiesRef.current = queue;
-                        break;
-                    case 2:
-                        // Stop current activity and play the new one
-                        queuedActivitiesRef.current = [];
-                        createNewUtterance = true;
-                        break;
+                    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 createNewUtterance = !endedActivities.includes(lastBotActivity.id);
+            } 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) {
-                currentActivityRef.current = lastBotActivity;
                 setCurrentReplyToId(lastBotActivity.replyToId || 'customReplyToIdIfNotPresent');
-                const replacementLocale = checkReplacementLocale(lastBotActivity.locale || locale);
-                const params = {
-                    activity: lastBotActivity,
-                    voice: getVoiceAfterCheckingActivityLocale(replacementLocale),
-                    locale: replacementLocale
-                };
-                setUtterance(checkActivityAndCreateUtterance(params));
+                setUtterance(checkReplacementLocaleAndGetUtterance(lastBotActivity));
                 isSpeaking.current = true;
             }
         }
@@ -27327,47 +27415,23 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
     ]);
     (0, $dWhh5$react.useEffect)(()=>{
         if (streamingReplyToId && streamingQueue.length) {
-            const tempActivity = streamingQueue[0];
-            const params = {
-                activity: tempActivity,
-                voice: getVoiceAfterCheckingActivityLocale(locale),
-                locale: locale
-            };
-            removeFirstFromStreamingQueue();
-            setUtterance(checkSayAsWordsAndCreateUtterance(params));
+            setUtterance(checkReplacementLocaleAndGetUtterance(streamingQueue[0], false, false));
             isSpeaking.current = true;
             setCurrentPlaying(undefined);
             currentPlayingRef.current = null;
             currentActivityRef.current = null;
-            tempCurrentStreamingRef.current = tempActivity.text || null;
+            tempCurrentStreamingRef.current = streamingQueue[0].text || null;
+            removeFirstFromStreamingQueue();
         }
     }, [
         streamingReplyToId
     ]);
-    /**
-   * On utteranceEnded state change :
-   *  - if the state is true, an utterance just ended, so the steps are :
-   *  - call the handleEnded method
-   *  - set utteranceEnded state to false to wait for another utterance end
-   */ (0, $dWhh5$react.useEffect)(()=>{
-        if (utteranceEnded) {
-            handleEnded();
-            setUtteranceEnded(false);
-        }
-    }, [
-        utteranceEnded
-    ]);
     (0, $dWhh5$react.useEffect)(()=>{
         if (externalTextToSpeech) {
-            const params = {
-                activity: {
-                    speak: externalTextToSpeech,
-                    locale: locale
-                },
-                voice: getVoiceAfterCheckingActivityLocale(locale),
+            setUtterance(checkReplacementLocaleAndGetUtterance({
+                speak: externalTextToSpeech,
                 locale: locale
-            };
-            setUtterance(checkSayAsWordsAndCreateUtterance(params));
+            }, false, false));
             isSpeaking.current = true;
         }
     }, [
@@ -27384,7 +27448,7 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
    *  - set currentPlaying and currentReplyToId states after a small delay to prevent make sure that the display will happen after the speech has begun
    */ const handleUtteranceStart = ()=>{
         setSpeaking(true);
-        if (!isNewsView && (currentActivityRef === null || currentActivityRef === void 0 ? void 0 : currentActivityRef.current)) {
+        if (!isNewsViewRef.current && (currentActivityRef === null || currentActivityRef === void 0 ? void 0 : currentActivityRef.current)) {
             setCurrentPlaying(currentActivityRef.current);
             currentPlayingRef.current = currentActivityRef.current;
             currentActivityRef.current.id && dispatchMarkActivity(currentActivityRef.current.id, true);
@@ -27394,31 +27458,18 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
         if (streamingReplyToId && streamingQueue.length) {
             const tempActivity = streamingQueue[0];
             if (tempActivity.text) {
-                const params = {
-                    activity: tempActivity,
-                    voice: getVoiceAfterCheckingActivityLocale(locale),
-                    locale: locale
-                };
-                const tempUtterance = checkSayAsWordsAndCreateUtterance(params);
+                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);
         } else setNextUtterance(null);
         setCurrentStreaming(tempCurrentStreamingRef === null || tempCurrentStreamingRef === void 0 ? void 0 : tempCurrentStreamingRef.current);
     };
-    /**
-   * On call :
-   *  - set speaking state to false
-   *  - set utteranceEnded state to true
-   */ const handleUtteranceEnd = ()=>{
+    const handleUtteranceEnd = ()=>{
         setSpeaking(false);
-        isNewsView ? setRetorikNewsEnded(true) : setUtteranceEnded(true);
         dispatchSpeechEvent(false);
-    };
-    const checkDictateState = ()=>{
-        if (!preventExpectedInputHint && mode === (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).vocal && activeRecognitionState === (0, $71c613e2e831c34c$export$3f0071308968cd80).Closed) {
-            if (!isMicrophoneAllowed) askPermission();
-            else toggleMicrophone(true);
-        }
+        if (isNewsViewRef.current) setRetorikNewsEnded(true);
+        else if (cancelRef.current) resetData();
+        else handleEnded();
     };
     /**
    * On call :
@@ -27436,40 +27487,16 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
             }
         }
         setCurrentPlaying(undefined);
-        // Check if the audio ended because of a cancel call
-        if (cancelRef.current) {
-            queuedActivitiesRef.current = [];
-            tempCurrentStreamingRef.current = null;
-            streamingRelatedMessageRef.current = null;
-            resetCancelCurrentUtterance();
-        } else if (streamingQueue.length) {
-            const tempActivity = streamingQueue[0];
-            const params = {
-                activity: tempActivity,
-                voice: getVoiceAfterCheckingActivityLocale(locale),
-                locale: locale
-            };
+        if (streamingQueue.length) {
+            futureUtterance = checkReplacementLocaleAndGetUtterance(streamingQueue[0], false);
+            tempCurrentStreamingRef.current = streamingQueue[0].text || null;
             removeFirstFromStreamingQueue();
-            futureUtterance = checkSayAsWordsAndCreateUtterance(params);
-            tempCurrentStreamingRef.current = tempActivity.text || null;
         } 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) {
-                const activity = queuedActivitiesRef.current[0];
-                const replacementLocale = checkReplacementLocale(activity.locale || locale);
-                currentActivityRef.current = activity;
-                const params = {
-                    activity: activity,
-                    voice: getVoiceAfterCheckingActivityLocale(replacementLocale),
-                    locale: replacementLocale
-                };
-                futureUtterance = checkActivityAndCreateUtterance(params);
-                const queue = [
-                    ...queuedActivitiesRef.current
-                ];
-                queue.splice(0, 1);
-                queuedActivitiesRef.current = queue;
+                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);
@@ -27487,21 +27514,15 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
         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.
+   * If the previous audio stream ends before the next one is received, we relaunch the new stream as soon as it arrives.
    */ (0, $dWhh5$react.useEffect)(()=>{
         if (!isSpeaking.current) {
             let futureUtterance = null;
             setCurrentPlaying(undefined);
             if (streamingQueue.length) {
-                const tempActivity = streamingQueue[0];
-                const params = {
-                    activity: tempActivity,
-                    voice: getVoiceAfterCheckingActivityLocale(locale),
-                    locale: locale
-                };
+                futureUtterance = checkReplacementLocaleAndGetUtterance(streamingQueue[0], false, false);
+                tempCurrentStreamingRef.current = streamingQueue[0].text || null;
                 removeFirstFromStreamingQueue();
-                futureUtterance = checkSayAsWordsAndCreateUtterance(params);
-                tempCurrentStreamingRef.current = tempActivity.text || null;
             }
             currentPlayingRef.current = null;
             setUtterance(futureUtterance);
@@ -27510,7 +27531,7 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
     }, [
         streamingQueue
     ]);
-    return ponyfill ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $d31b268c3b702355$export$2e2bcd8739ae039), {
+    return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $d31b268c3b702355$export$2e2bcd8739ae039), {
         ponyfill: ponyfill,
         appAvailable: appAvailable,
         utterance: utterance,
@@ -27518,11 +27539,91 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
         onStart: handleUtteranceStart,
         onError: handleUtteranceEnd,
         onEnd: handleUtteranceEnd
-    }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {});
+    });
 };
 var $ad561f5c61e38c20$export$2e2bcd8739ae039 = $ad561f5c61e38c20$var$SynthesisManager;
+const $fe06f31a645aa3a1$var$SynthesisPonyfillManager = ({ isRetorikNews: isRetorikNews })=>{
+    const customVoice = (0, $df401eb9a10f9e0e$export$f299240efcda25a2)((state)=>state.customVoice);
+    const ponyfillCredentials = (0, $df401eb9a10f9e0e$export$f299240efcda25a2)((state)=>state.ponyfillCredentials);
+    const locale = (0, $0db969f5e79ce01b$export$6650dace022cfacc)((state)=>state.locale);
+    const agentData = (0, $1d4f8108de9ab73a$export$bd22554f31e5f96f)((state)=>state.agentData);
+    const setVoice = (0, $df401eb9a10f9e0e$export$f299240efcda25a2)((state)=>state.actions.setVoice);
+    const [ponyfill, setPonyfill] = (0, $dWhh5$react.useState)(undefined);
+    const refreshTimerRef = (0, $dWhh5$react.useRef)(null);
+    /**
+   * Async function to retrieve a new token and assign it to the speechConfig inside ponyfill.speechSynthesis
+   * @param {string} region
+   * @param {string} key
+   */ const refreshTokenInNineMinutes = async (region, key)=>{
+        // A token is valid during 10 minutes, let's refresh it after 9 minutes
+        refreshTimerRef.current = setTimeout(async ()=>{
+            var _ponyfill_speechSynthesis;
+            const token = await (0, $f2ae26d736ec24dc$export$a2ce4fdd6972d6a7)(region, key);
+            if (token && (ponyfill === null || ponyfill === void 0 ? void 0 : (_ponyfill_speechSynthesis = ponyfill.speechSynthesis) === null || _ponyfill_speechSynthesis === void 0 ? void 0 : _ponyfill_speechSynthesis.speechConfig)) {
+                ponyfill.speechSynthesis.speechConfig.authorizationToken = token;
+                refreshTokenInNineMinutes(region, key);
+            }
+        }, 540000) // 9 minutes
+        ;
+    };
+    /**
+   * Fetch speech synthesis token and create the ponyfill containing all data
+   * @param {string} region
+   * @param {string} key
+   */ const fetchTokenAndCreatePonyfill = async (region, key)=>{
+        const token = await (0, $f2ae26d736ec24dc$export$a2ce4fdd6972d6a7)(region, key);
+        if (token) {
+            setPonyfill((0, $dWhh5$daviaiwebspeechcognitiveservicesdavi.createSpeechSynthesisPonyfill)({
+                credentials: {
+                    region: ponyfillCredentials === null || ponyfillCredentials === void 0 ? void 0 : ponyfillCredentials.region,
+                    authorizationToken: token
+                }
+            }));
+            // Launch token refresh after ponyfill creation
+            refreshTokenInNineMinutes(region, key);
+        }
+    };
+    (0, $dWhh5$react.useEffect)(()=>{
+        if ((ponyfillCredentials === null || ponyfillCredentials === void 0 ? void 0 : ponyfillCredentials.authorizationToken) && ponyfillCredentials.region) {
+            const data = {
+                credentials: ponyfillCredentials
+            };
+            setPonyfill((0, $dWhh5$daviaiwebspeechcognitiveservicesdavi.createSpeechSynthesisPonyfill)(data));
+        } else if ((ponyfillCredentials === null || ponyfillCredentials === void 0 ? void 0 : ponyfillCredentials.subscriptionKey) && ponyfillCredentials.region) fetchTokenAndCreatePonyfill(ponyfillCredentials.region, ponyfillCredentials.subscriptionKey);
+    }, [
+        ponyfillCredentials
+    ]);
+    const onVoicesChanged = ()=>{
+        const voices = ponyfill === null || ponyfill === void 0 ? void 0 : ponyfill.speechSynthesis.getVoices();
+        if (voices && Array.isArray(voices) && voices.length) setVoice((0, $5679d80e89b3df01$export$4bf371fc4fa74a28)(voices, locale, customVoice, agentData));
+    };
+    (0, $dWhh5$react.useEffect)(()=>{
+        if (ponyfill) {
+            const voices = ponyfill.speechSynthesis.getVoices();
+            if (voices && Array.isArray(voices) && voices.length) setVoice((0, $5679d80e89b3df01$export$4bf371fc4fa74a28)(voices, locale, customVoice, agentData));
+            else ponyfill.speechSynthesis.onvoiceschanged = onVoicesChanged;
+        }
+    }, [
+        ponyfill,
+        customVoice,
+        agentData,
+        locale
+    ]);
+    (0, $dWhh5$react.useEffect)(()=>{
+        return ()=>{
+            refreshTimerRef.current && clearTimeout(refreshTimerRef.current);
+        };
+    }, []);
+    return ponyfill ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $ad561f5c61e38c20$export$2e2bcd8739ae039), {
+        ponyfill: ponyfill,
+        isRetorikNews: isRetorikNews
+    }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {});
+};
+var $fe06f31a645aa3a1$export$2e2bcd8739ae039 = $fe06f31a645aa3a1$var$SynthesisPonyfillManager;
@@ -27752,7 +27853,7 @@ var $b0722e4118e770aa$export$2e2bcd8739ae039 = $b0722e4118e770aa$var$Recognition
 const $9e19251bfed127fc$var$SpeechManager = ({ isRetorikNews: isRetorikNews })=>{
     return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
         children: [
-            /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $ad561f5c61e38c20$export$2e2bcd8739ae039), {
+            /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $fe06f31a645aa3a1$export$2e2bcd8739ae039), {
                 isRetorikNews: isRetorikNews
             }),
             !isRetorikNews && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $b0722e4118e770aa$export$2e2bcd8739ae039), {})
@@ -28374,6 +28475,7 @@ const $8f73b7a6f73661a7$var$ChatbotAndSubtitlesContainer = ({ centered: centered
     return agentData ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
         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`,
                 style: {
                     visibility: visible ? 'visible' : 'hidden',
@@ -28612,14 +28714,14 @@ var $9765bd6ac5154ec8$export$2e2bcd8739ae039 = $9765bd6ac5154ec8$var$getBaseAddr
-const $ce7633a58d99dcca$var$RetorikConfigHandler = ({ config: config, viewsConfig: viewsConfig, chatbotData: chatbotData, chatbotDataWidget: chatbotDataWidget, agentData: agentData, ponyfillFactoryCredentials: ponyfillFactoryCredentials, customVoice: customVoice, colors: colors, skipLoader: skipLoader, defaultMode: defaultMode, GDPR: GDPR, addressData: addressData, externalEventHandler: externalEventHandler, externalComponents: externalComponents, userData: userData, width: width, height: height, menuConfig: menuConfig, environmentPreset: environmentPreset, parent: parent })=>{
+const $ce7633a58d99dcca$var$RetorikConfigHandler = ({ config: config, viewsConfig: viewsConfig, chatbotData: chatbotData, chatbotDataWidget: chatbotDataWidget, agentData: agentData, ponyfillFactoryCredentials: ponyfillFactoryCredentials, customVoice: customVoice, colors: colors, skipLoader: skipLoader, defaultMode: defaultMode, GDPR: GDPR, customScripts: customScripts, customCSS: customCSS, addressData: addressData, externalEventHandler: externalEventHandler, externalComponents: externalComponents, userData: userData, width: width, height: height, menuConfig: menuConfig, environmentPreset: environmentPreset, parent: parent })=>{
     const { fetchSupportedLanguages: fetchSupportedLanguages, setLanguageData: setLanguageData } = (0, $0db969f5e79ce01b$export$6650dace022cfacc)((state)=>state.actions);
     const setTheme = (0, $6acc5d637072b42e$export$d13b2577cb75f2ad)((state)=>state.actions.setTheme);
     const baseAddress = (0, $1d4f8108de9ab73a$export$bd22554f31e5f96f)((state)=>state.baseAddress);
     const [fetchedConfig, setFetchedConfig] = (0, $dWhh5$react.useState)();
     const [mainConfig, setMainConfig] = (0, $dWhh5$react.useState)(undefined);
     const { setGDPRDisplay: setGDPRDisplay, setGDPRUserConsent: setGDPRUserConsent, setGDPRWindowData: setGDPRWindowData } = (0, $2793f2455cec0982$export$77e4cc5334565f28)((state)=>state.actions);
-    const { setBaseAddress: setBaseAddress, setDisableHistory: setDisableHistory, setEnvironmentPreset: setEnvironmentPreset } = (0, $1d4f8108de9ab73a$export$bd22554f31e5f96f)((state)=>state.actions);
+    const { setBaseAddress: setBaseAddress, setDisableHistory: setDisableHistory, setEnvironmentPreset: setEnvironmentPreset, setCustomScripts: setCustomScripts, setCustomCSS: setCustomCSS } = (0, $1d4f8108de9ab73a$export$bd22554f31e5f96f)((state)=>state.actions);
     const [isConfigUpdated, setIsConfigUpdated] = (0, $dWhh5$react.useState)(false);
     /**
    * Check if emergency data can be retrieved to remove the button in menu if no data available
@@ -28696,7 +28798,7 @@ const $ce7633a58d99dcca$var$RetorikConfigHandler = ({ config: config, viewsConfi
     ]);
     (0, $dWhh5$react.useEffect)(()=>{
         if (fetchedConfig) {
-            const { skipLoader: _skipLoader, defaultMode: _defaultMode, config: _config, viewsConfig: _viewsConfig, chatbotData: _chatbotData, chatbotDataWidget: _chatbotDataWidget, agentData: _agentData, addressData: _addressData, ponyfillFactoryCredentials: _ponyfillFactoryCredentials, customVoice: _customVoice, colors: _colors, defaultCulture: defaultCulture, supportedCultures: supportedCultures, disableHistory: disableHistory } = fetchedConfig;
+            const { skipLoader: _skipLoader, defaultMode: _defaultMode, config: _config, viewsConfig: _viewsConfig, chatbotData: _chatbotData, chatbotDataWidget: _chatbotDataWidget, agentData: _agentData, addressData: _addressData, ponyfillFactoryCredentials: _ponyfillFactoryCredentials, customVoice: _customVoice, colors: _colors, defaultCulture: defaultCulture, supportedCultures: supportedCultures, disableHistory: disableHistory, customScripts: _customScripts, customCSS: _customCSS } = fetchedConfig;
             if (defaultCulture && supportedCultures) {
                 const { processedDefaultLanguage: processedDefaultLanguage, processedSupported: processedSupported } = (0, $49ef6b13684edff9$export$92cb25ec092104e6)(defaultCulture, supportedCultures, true);
                 processedDefaultLanguage && processedSupported && setLanguageData(processedDefaultLanguage, processedSupported);
@@ -28753,6 +28855,8 @@ const $ce7633a58d99dcca$var$RetorikConfigHandler = ({ config: config, viewsConfi
                 mergedMainConfig.config.menu = (config === null || config === void 0 ? void 0 : config.menu) || (menuConfig === null || menuConfig === void 0 ? void 0 : menuConfig.menu) || (_config === null || _config === void 0 ? void 0 : _config.menu);
             }
             setDisableHistory(!!disableHistory);
+            setCustomScripts(customScripts || _customScripts || []);
+            setCustomCSS(customCSS || _customCSS || []);
             checkEmergencyAndSetConfig(mergedMainConfig);
         }
     }, [
@@ -28767,6 +28871,7 @@ const $ce7633a58d99dcca$var$RetorikConfigHandler = ({ config: config, viewsConfi
         skipLoader,
         defaultMode,
         GDPR,
+        customScripts,
         addressData,
         externalEventHandler,
         externalComponents,
@@ -29164,23 +29269,26 @@ window.Retorik = {
     ...window.Retorik,
     renderAgent: $3f93eb6d5bf69cb7$export$b69254d879536cde,
     renderWidget: $3f93eb6d5bf69cb7$var$renderWidget,
-    showAgent: $33ea75f69090702b$export$ae67eb518a2aae74,
-    hideAgent: $33ea75f69090702b$export$e73dbd7ba351e3e,
-    setLocale: $33ea75f69090702b$export$c8aadf3621e41efb,
-    sendMessage: $33ea75f69090702b$export$465cb47180de50f0,
-    sendEvent: $33ea75f69090702b$export$7329bcdc3edcd90e,
-    sendActivity: $33ea75f69090702b$export$d4c8c6daac289378,
-    displaySubtitles: (0, $33ea75f69090702b$export$708f3eb1d5828832),
-    toggleSubtitles: $33ea75f69090702b$export$3fa7f3a227fc16cb,
+    addExternalActivityHandler: $33ea75f69090702b$export$28afdcc603412603,
+    cancelCurrentUtterance: $33ea75f69090702b$export$f3aaae0c8197c567,
     changeAgent: (0, $33ea75f69090702b$export$a72b80ff363563a1),
-    toggleMicrophone: $33ea75f69090702b$export$39fcdeae376856e7,
-    setMuted: $33ea75f69090702b$export$a1680ba91cc9be33,
+    displaySubtitles: (0, $33ea75f69090702b$export$708f3eb1d5828832),
+    hideAgent: $33ea75f69090702b$export$e73dbd7ba351e3e,
+    pauseConversation: $33ea75f69090702b$export$7431bc5a5c7c9317,
     playExternalSynthesis: $33ea75f69090702b$export$99dcb7840cd85481,
+    resumeConversation: $33ea75f69090702b$export$cceb853b29df842,
+    sendActivity: $33ea75f69090702b$export$d4c8c6daac289378,
+    sendEvent: $33ea75f69090702b$export$7329bcdc3edcd90e,
+    sendMessage: $33ea75f69090702b$export$465cb47180de50f0,
     sendMessageToChatbot: $33ea75f69090702b$export$255ebd0ca6bfba88,
+    setExternalActivityHandlers: $33ea75f69090702b$export$2c7ae0f34657d605,
+    setLocale: $33ea75f69090702b$export$c8aadf3621e41efb,
+    setMuted: $33ea75f69090702b$export$a1680ba91cc9be33,
     setVisibility: $33ea75f69090702b$export$2c64211ecf98e50d,
-    toggleVisibility: $33ea75f69090702b$export$7396a2167c7f755e,
-    pauseConversation: $33ea75f69090702b$export$7431bc5a5c7c9317,
-    resumeConversation: $33ea75f69090702b$export$cceb853b29df842
+    showAgent: $33ea75f69090702b$export$ae67eb518a2aae74,
+    toggleMicrophone: $33ea75f69090702b$export$39fcdeae376856e7,
+    toggleSubtitles: $33ea75f69090702b$export$3fa7f3a227fc16cb,
+    toggleVisibility: $33ea75f69090702b$export$7396a2167c7f755e
 };