@davi-ai/retorik-framework 1.0.17 → 1.0.19
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.
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +669 -374
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +657 -368
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -20,8 +20,8 @@ var $dWhh5$fluentuireact = require("@fluentui/react");
|
|
|
20
20
|
var $dWhh5$adaptivecardslibcardelements = require("adaptivecards/lib/card-elements");
|
|
21
21
|
var $dWhh5$swchelperscjs_ts_decoratecjs = require("@swc/helpers/cjs/_ts_decorate.cjs");
|
|
22
22
|
var $dWhh5$reactwebcam = require("react-webcam");
|
|
23
|
-
var $dWhh5$daviaibodyenginesprite = require("@davi-ai/body-engine-sprite");
|
|
24
23
|
var $dWhh5$reactspringweb = require("@react-spring/web");
|
|
24
|
+
var $dWhh5$daviaibodyenginesprite = require("@davi-ai/body-engine-sprite");
|
|
25
25
|
var $dWhh5$botframeworkwebchatapilibhooks = require("botframework-webchat-api/lib/hooks");
|
|
26
26
|
var $dWhh5$lottiefilesreactlottieplayer = require("@lottiefiles/react-lottie-player");
|
|
27
27
|
var $dWhh5$reactleaflet = require("react-leaflet");
|
|
@@ -117,7 +117,7 @@ function $063ea7a515c267b7$export$2e2bcd8739ae039(RetorikWidget, props, element)
|
|
|
117
117
|
|
|
118
118
|
|
|
119
119
|
var $203b743475f656c9$exports = {};
|
|
120
|
-
$203b743475f656c9$exports = "*, :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 color: inherit;\n border-top-width: 1px;\n height: 0;\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 color: inherit;\n margin: 0;\n padding: 0;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [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] {\n display: none;\n}\n\n*, :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}\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-2 {\n bottom: -.5rem;\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-16 {\n bottom: 4rem;\n}\n\n.rf-bottom-2 {\n bottom: .5rem;\n}\n\n.rf-bottom-4 {\n bottom: 1rem;\n}\n\n.rf-bottom-40 {\n bottom: 10rem;\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-right-0 {\n right: 0;\n}\n\n.rf-right-1 {\n right: .25rem;\n}\n\n.rf-right-2 {\n right: .5rem;\n}\n\n.rf-right-3 {\n right: .75rem;\n}\n\n.rf-right-4 {\n right: 1rem;\n}\n\n.rf-right-6 {\n right: 1.5rem;\n}\n\n.rf-right-8 {\n right: 2rem;\n}\n\n.rf-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-\\[0\\.125rem\\] {\n top: .125rem;\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: 2;\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-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: 1;\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-6 {\n grid-column: span 6 / span 6;\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-2 {\n grid-column-start: 2;\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-5 {\n grid-row: span 5 / span 5;\n}\n\n.rf-row-span-6 {\n grid-row: span 6 / span 6;\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-2 {\n grid-row-start: 2;\n}\n\n.rf-row-start-3 {\n grid-row-start: 3;\n}\n\n.rf-row-start-4 {\n grid-row-start: 4;\n}\n\n.rf-row-start-6 {\n grid-row-start: 6;\n}\n\n.rf-row-start-9 {\n grid-row-start: 9;\n}\n\n.rf-row-end-12 {\n grid-row-end: 12;\n}\n\n.rf-row-end-13 {\n grid-row-end: 13;\n}\n\n.rf-row-end-2 {\n grid-row-end: 2;\n}\n\n.rf-row-end-3 {\n grid-row-end: 3;\n}\n\n.rf-row-end-4 {\n grid-row-end: 4;\n}\n\n.rf-row-end-5 {\n grid-row-end: 5;\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-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-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-ml-2 {\n margin-left: -.5rem;\n}\n\n.rf-mb-0 {\n margin-bottom: 0;\n}\n\n.rf-mb-1 {\n margin-bottom: .25rem;\n}\n\n.rf-mb-12 {\n margin-bottom: 3rem;\n}\n\n.rf-mb-16 {\n margin-bottom: 4rem;\n}\n\n.rf-mb-2 {\n margin-bottom: .5rem;\n}\n\n.rf-mb-26 {\n margin-bottom: 6.5rem;\n}\n\n.rf-mb-28 {\n margin-bottom: 7rem;\n}\n\n.rf-mb-3 {\n margin-bottom: .75rem;\n}\n\n.rf-mb-30 {\n margin-bottom: 7.5rem;\n}\n\n.rf-mb-4 {\n margin-bottom: 1rem;\n}\n\n.rf-mb-5 {\n margin-bottom: 1.25rem;\n}\n\n.rf-mb-6 {\n margin-bottom: 1.5rem;\n}\n\n.rf-mb-8 {\n margin-bottom: 2rem;\n}\n\n.rf-ml-1 {\n margin-left: .25rem;\n}\n\n.rf-ml-2 {\n margin-left: .5rem;\n}\n\n.rf-ml-4 {\n margin-left: 1rem;\n}\n\n.rf-ml-6 {\n margin-left: 1.5rem;\n}\n\n.rf-mr-1 {\n margin-right: .25rem;\n}\n\n.rf-mr-2 {\n margin-right: .5rem;\n}\n\n.rf-mr-3 {\n margin-right: .75rem;\n}\n\n.rf-mr-4 {\n margin-right: 1rem;\n}\n\n.rf-mr-5 {\n margin-right: 1.25rem;\n}\n\n.rf-mt-1 {\n margin-top: .25rem;\n}\n\n.rf-mt-10 {\n margin-top: 2.5rem;\n}\n\n.rf-mt-2 {\n margin-top: .5rem;\n}\n\n.rf-mt-4 {\n margin-top: 1rem;\n}\n\n.rf-mt-5 {\n margin-top: 1.25rem;\n}\n\n.rf-mt-8 {\n margin-top: 2rem;\n}\n\n.rf-mt-\\[0\\.2rem\\] {\n margin-top: .2rem;\n}\n\n.rf-mt-auto {\n margin-top: auto;\n}\n\n.rf-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 {\n height: .25rem;\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-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-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-\\[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-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-full {\n max-height: 100%;\n}\n\n.rf-max-h-qrcode {\n max-height: 120px;\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-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-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-11\\/12 {\n width: 91.6667%;\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-4\\/9 {\n width: 45%;\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-\\[45ch\\] {\n width: 45ch;\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-11\\/12 {\n min-width: 91.7%;\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-\\[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-\\[70vw\\] {\n max-width: 70vw;\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-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-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-headerContainer {\n grid-template-columns: 7rem 1fr 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-container {\n grid-template-rows: repeat(12, minmax(0, 1fr));\n}\n\n.rf-grid-rows-headerContainer {\n grid-template-rows: repeat(3, 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-8 {\n gap: 2rem;\n}\n\n.rf-gap-9 {\n gap: 2.25rem;\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-x-auto {\n overflow-x: auto;\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-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-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-full {\n border-radius: 9999px;\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-l-lg {\n border-top-left-radius: .5rem;\n border-bottom-left-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-\\[\\#9FA2AA\\] {\n --tw-border-opacity: 1;\n border-color: rgb(159 162 170 / var(--tw-border-opacity));\n}\n\n.rf-border-\\[\\#C7C6C6\\] {\n --tw-border-opacity: 1;\n border-color: rgb(199 198 198 / var(--tw-border-opacity));\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));\n}\n\n.rf-border-menuBorder {\n --tw-border-opacity: 1;\n border-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-primary {\n border-color: var(--rf-color-primary);\n}\n\n.rf-border-red-700 {\n --tw-border-opacity: 1;\n border-color: rgb(185 28 28 / var(--tw-border-opacity));\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));\n}\n\n.rf-border-trueblack {\n --tw-border-opacity: 1;\n border-color: rgb(0 0 0 / var(--tw-border-opacity));\n}\n\n.rf-border-truewhite {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity));\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));\n border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-b-\\[\\#C4C5C8\\] {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(196 197 200 / var(--tw-border-opacity));\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));\n}\n\n.rf-border-b-silver {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(192 192 192 / var(--tw-border-opacity));\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));\n}\n\n.rf-border-r-silver {\n --tw-border-opacity: 1;\n border-right-color: rgb(192 192 192 / var(--tw-border-opacity));\n}\n\n.rf-border-t-\\[\\#CBC9C9\\] {\n --tw-border-opacity: 1;\n border-top-color: rgb(203 201 201 / var(--tw-border-opacity));\n}\n\n.rf-border-t-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-bg-\\[\\#00000050\\] {\n background-color: #00000050;\n}\n\n.rf-bg-\\[\\#F0F0F0\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(240 240 240 / var(--tw-bg-opacity));\n}\n\n.rf-bg-\\[\\#F8F8F8\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(248 248 248 / var(--tw-bg-opacity));\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));\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));\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));\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));\n}\n\n.rf-bg-templateBackground {\n --tw-bg-opacity: 1;\n background-color: rgb(241 241 241 / var(--tw-bg-opacity));\n}\n\n.rf-bg-templateEmptyCard {\n --tw-bg-opacity: 1;\n background-color: rgb(232 231 231 / var(--tw-bg-opacity));\n}\n\n.rf-bg-textModePanelBackground {\n background-color: var(--rf-color-textModePanelBackground);\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));\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));\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-4 {\n padding: 1rem;\n}\n\n.rf-p-6 {\n padding: 1.5rem;\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-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-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-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-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-3 {\n padding-bottom: .75rem;\n}\n\n.rf-pb-4 {\n padding-bottom: 1rem;\n}\n\n.rf-pb-5, .rf-pb-6 {\n padding-bottom: 1.5rem;\n}\n\n.rf-pb-8 {\n padding-bottom: 2rem;\n}\n\n.rf-pb-\\[15vh\\] {\n padding-bottom: 15vh;\n}\n\n.rf-pl-0 {\n padding-left: 0;\n}\n\n.rf-pl-1 {\n padding-left: .25rem;\n}\n\n.rf-pl-2 {\n padding-left: .5rem;\n}\n\n.rf-pl-4 {\n padding-left: 1rem;\n}\n\n.rf-pl-6 {\n padding-left: 1.5rem;\n}\n\n.rf-pr-1 {\n padding-right: .25rem;\n}\n\n.rf-pr-2 {\n padding-right: .5rem;\n}\n\n.rf-pr-4 {\n padding-right: 1rem;\n}\n\n.rf-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-8 {\n padding-top: 2rem;\n}\n\n.rf-pt-\\[25vh\\] {\n padding-top: 25vh;\n}\n\n.rf-pt-\\[26vh\\] {\n padding-top: 26vh;\n}\n\n.rf-text-left {\n text-align: left;\n}\n\n.rf-text-center {\n text-align: center;\n}\n\n.rf-text-right {\n text-align: right;\n}\n\n.rf-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-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-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-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-text-\\[\\#575F6B\\] {\n --tw-text-opacity: 1;\n color: rgb(87 95 107 / var(--tw-text-opacity));\n}\n\n.rf-text-\\[\\#9A9A9A\\] {\n --tw-text-opacity: 1;\n color: rgb(154 154 154 / var(--tw-text-opacity));\n}\n\n.rf-text-\\[\\#A4A7AF\\] {\n --tw-text-opacity: 1;\n color: rgb(164 167 175 / var(--tw-text-opacity));\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));\n}\n\n.rf-text-lightgray {\n --tw-text-opacity: 1;\n color: rgb(129 129 129 / var(--tw-text-opacity));\n}\n\n.rf-text-primary {\n color: var(--rf-color-primary);\n}\n\n.rf-text-red-700 {\n --tw-text-opacity: 1;\n color: rgb(185 28 28 / var(--tw-text-opacity));\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));\n}\n\n.rf-text-truewhite {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\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));\n}\n\n.rf-underline {\n text-decoration-line: underline;\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_3px_6px_rgba\\(0\\,0\\,0\\,0\\.16\\)\\] {\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_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-shadow-card {\n --tw-shadow: 0px 0px 13px 3px #101219;\n --tw-shadow-colored: 0px 0px 13px 3px 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: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));\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: 1;\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));\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-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-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-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));\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.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 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 width: .5rem;\n height: .5rem;\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 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));\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\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));\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));\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));\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));\n}\n\n.hover\\:rf-bg-formInputRadioCheckboxCheckedBackground:hover {\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n.hover\\:rf-bg-truewhite:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\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));\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-span-1 {\n grid-row: span 1 / span 1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-start-11 {\n grid-row-start: 11;\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-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-overflow-x-auto {\n overflow-x: auto;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-border-r-0 {\n border-right-width: 0;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-absolute {\n position: absolute;\n}\n\n#retorik-container.rf-large .large\\:rf-left-4 {\n left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-top-8 {\n top: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-col-start-5 {\n grid-column-start: 5;\n}\n\n#retorik-container.rf-large .large\\:rf-col-end-6 {\n grid-column-end: 6;\n}\n\n#retorik-container.rf-large .large\\:rf-col-end-9 {\n grid-column-end: 9;\n}\n\n#retorik-container.rf-large .large\\:rf-row-span-full {\n grid-row: 1 / -1;\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-row-start-5 {\n grid-row-start: 5;\n}\n\n#retorik-container.rf-large .large\\:rf-m-8 {\n margin: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-my-0 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-my-3 {\n margin-top: .75rem;\n margin-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-0 {\n margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-4 {\n margin-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-6 {\n margin-bottom: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-0 {\n margin-left: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-12 {\n margin-left: 3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-4 {\n margin-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-8 {\n margin-left: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mr-3 {\n margin-right: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mr-30 {\n margin-right: 7.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-0 {\n margin-top: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-20 {\n margin-top: 5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-3 {\n margin-top: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-\\[20vh\\] {\n margin-top: 20vh;\n}\n\n#retorik-container.rf-large .large\\:rf-block {\n display: block;\n}\n\n#retorik-container.rf-large .large\\:rf-flex {\n display: flex;\n}\n\n#retorik-container.rf-large .large\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large .large\\:rf-aspect-video {\n aspect-ratio: 16 / 9;\n}\n\n#retorik-container.rf-large .large\\:rf-h-16 {\n height: 4rem;\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-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-3\\/5 {\n width: 60%;\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-3\\/5 {\n min-width: 60%;\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));\n}\n\n#retorik-container.rf-large .large\\:rf-p-4 {\n padding: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-p-\\[25px\\] {\n padding: 25px;\n}\n\n#retorik-container.rf-large .large\\:rf-p-min1 {\n padding: .1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-0 {\n padding-left: 0;\n padding-right: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-px-16 {\n padding-left: 4rem;\n padding-right: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-5, #retorik-container.rf-large .large\\:rf-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pb-16 {\n padding-bottom: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pl-12 {\n padding-left: 3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pl-4 {\n padding-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pr-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-bottom-\\[25vh\\] {\n bottom: 25vh;\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-span-full {\n grid-column: 1 / -1;\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-col-end-9 {\n grid-column-end: 9;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-span-4 {\n grid-row: span 4 / span 4;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-span-6 {\n grid-row: span 6 / span 6;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-start-5 {\n grid-row-start: 5;\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-row-end-7 {\n grid-row-end: 7;\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-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-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-4\\/9 {\n width: 45%;\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-min-w-24 {\n min-width: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-4\\/9 {\n min-width: 45%;\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-\\[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-justify-center {\n justify-content: center;\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-end {\n align-self: flex-end;\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));\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-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) .desktop\\:rf-h-full {\n height: 100%;\n}\n\n@media (height <= 700px) and (width <= 300px) {\n .small-mobile\\:rf-row-span-6 {\n grid-row: span 6 / span 6;\n }\n\n .small-mobile\\:rf-row-span-7 {\n grid-row: span 7 / span 7;\n }\n\n .small-mobile\\:rf-row-start-5 {\n grid-row-start: 5;\n }\n}\n";
|
|
120
|
+
$203b743475f656c9$exports = "*, :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 color: inherit;\n border-top-width: 1px;\n height: 0;\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 color: inherit;\n margin: 0;\n padding: 0;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [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] {\n display: none;\n}\n\n*, :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}\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-2 {\n bottom: -.5rem;\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-16 {\n bottom: 4rem;\n}\n\n.rf-bottom-2 {\n bottom: .5rem;\n}\n\n.rf-bottom-4 {\n bottom: 1rem;\n}\n\n.rf-bottom-40 {\n bottom: 10rem;\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-right-0 {\n right: 0;\n}\n\n.rf-right-1 {\n right: .25rem;\n}\n\n.rf-right-2 {\n right: .5rem;\n}\n\n.rf-right-3 {\n right: .75rem;\n}\n\n.rf-right-4 {\n right: 1rem;\n}\n\n.rf-right-6 {\n right: 1.5rem;\n}\n\n.rf-right-8 {\n right: 2rem;\n}\n\n.rf-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-\\[0\\.125rem\\] {\n top: .125rem;\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: 2;\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-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: 1;\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-6 {\n grid-column: span 6 / span 6;\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-2 {\n grid-column-start: 2;\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-5 {\n grid-row: span 5 / span 5;\n}\n\n.rf-row-span-6 {\n grid-row: span 6 / span 6;\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-2 {\n grid-row-start: 2;\n}\n\n.rf-row-start-3 {\n grid-row-start: 3;\n}\n\n.rf-row-start-4 {\n grid-row-start: 4;\n}\n\n.rf-row-start-6 {\n grid-row-start: 6;\n}\n\n.rf-row-start-9 {\n grid-row-start: 9;\n}\n\n.rf-row-end-12 {\n grid-row-end: 12;\n}\n\n.rf-row-end-13 {\n grid-row-end: 13;\n}\n\n.rf-row-end-2 {\n grid-row-end: 2;\n}\n\n.rf-row-end-3 {\n grid-row-end: 3;\n}\n\n.rf-row-end-4 {\n grid-row-end: 4;\n}\n\n.rf-row-end-5 {\n grid-row-end: 5;\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-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-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-ml-2 {\n margin-left: -.5rem;\n}\n\n.rf-mb-0 {\n margin-bottom: 0;\n}\n\n.rf-mb-1 {\n margin-bottom: .25rem;\n}\n\n.rf-mb-12 {\n margin-bottom: 3rem;\n}\n\n.rf-mb-16 {\n margin-bottom: 4rem;\n}\n\n.rf-mb-2 {\n margin-bottom: .5rem;\n}\n\n.rf-mb-26 {\n margin-bottom: 6.5rem;\n}\n\n.rf-mb-28 {\n margin-bottom: 7rem;\n}\n\n.rf-mb-3 {\n margin-bottom: .75rem;\n}\n\n.rf-mb-30 {\n margin-bottom: 7.5rem;\n}\n\n.rf-mb-4 {\n margin-bottom: 1rem;\n}\n\n.rf-mb-5 {\n margin-bottom: 1.25rem;\n}\n\n.rf-mb-6 {\n margin-bottom: 1.5rem;\n}\n\n.rf-mb-8 {\n margin-bottom: 2rem;\n}\n\n.rf-ml-1 {\n margin-left: .25rem;\n}\n\n.rf-ml-2 {\n margin-left: .5rem;\n}\n\n.rf-ml-4 {\n margin-left: 1rem;\n}\n\n.rf-ml-6 {\n margin-left: 1.5rem;\n}\n\n.rf-mr-1 {\n margin-right: .25rem;\n}\n\n.rf-mr-2 {\n margin-right: .5rem;\n}\n\n.rf-mr-3 {\n margin-right: .75rem;\n}\n\n.rf-mr-4 {\n margin-right: 1rem;\n}\n\n.rf-mr-5 {\n margin-right: 1.25rem;\n}\n\n.rf-mt-1 {\n margin-top: .25rem;\n}\n\n.rf-mt-10 {\n margin-top: 2.5rem;\n}\n\n.rf-mt-2 {\n margin-top: .5rem;\n}\n\n.rf-mt-4 {\n margin-top: 1rem;\n}\n\n.rf-mt-5 {\n margin-top: 1.25rem;\n}\n\n.rf-mt-8 {\n margin-top: 2rem;\n}\n\n.rf-mt-\\[0\\.2rem\\] {\n margin-top: .2rem;\n}\n\n.rf-mt-auto {\n margin-top: auto;\n}\n\n.rf-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 {\n height: .25rem;\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-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-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-\\[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-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-full {\n max-height: 100%;\n}\n\n.rf-max-h-qrcode {\n max-height: 120px;\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-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-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-11\\/12 {\n width: 91.6667%;\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-4\\/9 {\n width: 45%;\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-\\[45ch\\] {\n width: 45ch;\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-11\\/12 {\n min-width: 91.7%;\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-\\[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-\\[70vw\\] {\n max-width: 70vw;\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-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-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-headerContainer {\n grid-template-columns: 7rem 1fr 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-container {\n grid-template-rows: repeat(12, minmax(0, 1fr));\n}\n\n.rf-grid-rows-headerContainer {\n grid-template-rows: repeat(3, 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-8 {\n gap: 2rem;\n}\n\n.rf-gap-9 {\n gap: 2.25rem;\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-x-auto {\n overflow-x: auto;\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-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-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-full {\n border-radius: 9999px;\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-l-lg {\n border-top-left-radius: .5rem;\n border-bottom-left-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-\\[\\#9FA2AA\\] {\n --tw-border-opacity: 1;\n border-color: rgb(159 162 170 / var(--tw-border-opacity));\n}\n\n.rf-border-\\[\\#C7C6C6\\] {\n --tw-border-opacity: 1;\n border-color: rgb(199 198 198 / var(--tw-border-opacity));\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));\n}\n\n.rf-border-menuBorder {\n --tw-border-opacity: 1;\n border-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-primary {\n border-color: var(--rf-color-primary);\n}\n\n.rf-border-red-700 {\n --tw-border-opacity: 1;\n border-color: rgb(185 28 28 / var(--tw-border-opacity));\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));\n}\n\n.rf-border-trueblack {\n --tw-border-opacity: 1;\n border-color: rgb(0 0 0 / var(--tw-border-opacity));\n}\n\n.rf-border-truewhite {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity));\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));\n border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-border-b-\\[\\#C4C5C8\\] {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(196 197 200 / var(--tw-border-opacity));\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));\n}\n\n.rf-border-b-silver {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(192 192 192 / var(--tw-border-opacity));\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));\n}\n\n.rf-border-r-silver {\n --tw-border-opacity: 1;\n border-right-color: rgb(192 192 192 / var(--tw-border-opacity));\n}\n\n.rf-border-t-\\[\\#CBC9C9\\] {\n --tw-border-opacity: 1;\n border-top-color: rgb(203 201 201 / var(--tw-border-opacity));\n}\n\n.rf-border-t-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity));\n}\n\n.rf-bg-\\[\\#00000050\\] {\n background-color: #00000050;\n}\n\n.rf-bg-\\[\\#F0F0F0\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(240 240 240 / var(--tw-bg-opacity));\n}\n\n.rf-bg-\\[\\#F8F8F8\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(248 248 248 / var(--tw-bg-opacity));\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));\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));\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));\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));\n}\n\n.rf-bg-templateBackground {\n --tw-bg-opacity: 1;\n background-color: rgb(241 241 241 / var(--tw-bg-opacity));\n}\n\n.rf-bg-templateEmptyCard {\n --tw-bg-opacity: 1;\n background-color: rgb(232 231 231 / var(--tw-bg-opacity));\n}\n\n.rf-bg-textModePanelBackground {\n background-color: var(--rf-color-textModePanelBackground);\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));\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));\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-4 {\n padding: 1rem;\n}\n\n.rf-p-6 {\n padding: 1.5rem;\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-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-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-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-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-3 {\n padding-bottom: .75rem;\n}\n\n.rf-pb-4 {\n padding-bottom: 1rem;\n}\n\n.rf-pb-5, .rf-pb-6 {\n padding-bottom: 1.5rem;\n}\n\n.rf-pb-8 {\n padding-bottom: 2rem;\n}\n\n.rf-pb-\\[15vh\\] {\n padding-bottom: 15vh;\n}\n\n.rf-pl-0 {\n padding-left: 0;\n}\n\n.rf-pl-1 {\n padding-left: .25rem;\n}\n\n.rf-pl-2 {\n padding-left: .5rem;\n}\n\n.rf-pl-4 {\n padding-left: 1rem;\n}\n\n.rf-pl-6 {\n padding-left: 1.5rem;\n}\n\n.rf-pl-8 {\n padding-left: 2rem;\n}\n\n.rf-pr-1 {\n padding-right: .25rem;\n}\n\n.rf-pr-2 {\n padding-right: .5rem;\n}\n\n.rf-pr-4 {\n padding-right: 1rem;\n}\n\n.rf-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-8 {\n padding-top: 2rem;\n}\n\n.rf-pt-\\[25vh\\] {\n padding-top: 25vh;\n}\n\n.rf-pt-\\[26vh\\] {\n padding-top: 26vh;\n}\n\n.rf-text-left {\n text-align: left;\n}\n\n.rf-text-center {\n text-align: center;\n}\n\n.rf-text-right {\n text-align: right;\n}\n\n.rf-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-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-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-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-text-\\[\\#575F6B\\] {\n --tw-text-opacity: 1;\n color: rgb(87 95 107 / var(--tw-text-opacity));\n}\n\n.rf-text-\\[\\#9A9A9A\\] {\n --tw-text-opacity: 1;\n color: rgb(154 154 154 / var(--tw-text-opacity));\n}\n\n.rf-text-\\[\\#A4A7AF\\] {\n --tw-text-opacity: 1;\n color: rgb(164 167 175 / var(--tw-text-opacity));\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));\n}\n\n.rf-text-lightgray {\n --tw-text-opacity: 1;\n color: rgb(129 129 129 / var(--tw-text-opacity));\n}\n\n.rf-text-primary {\n color: var(--rf-color-primary);\n}\n\n.rf-text-red-700 {\n --tw-text-opacity: 1;\n color: rgb(185 28 28 / var(--tw-text-opacity));\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));\n}\n\n.rf-text-truewhite {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\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));\n}\n\n.rf-underline {\n text-decoration-line: underline;\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_3px_6px_rgba\\(0\\,0\\,0\\,0\\.16\\)\\] {\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_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-shadow-card {\n --tw-shadow: 0px 0px 13px 3px #101219;\n --tw-shadow-colored: 0px 0px 13px 3px 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: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));\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: 1;\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));\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-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-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-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));\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.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 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 width: .5rem;\n height: .5rem;\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 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));\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\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));\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));\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));\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));\n}\n\n.hover\\:rf-bg-formInputRadioCheckboxCheckedBackground:hover {\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n.hover\\:rf-bg-truewhite:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\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));\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-span-1 {\n grid-row: span 1 / span 1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-start-11 {\n grid-row-start: 11;\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-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-overflow-x-auto {\n overflow-x: auto;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-border-r-0 {\n border-right-width: 0;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-absolute {\n position: absolute;\n}\n\n#retorik-container.rf-large .large\\:rf-left-4 {\n left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-top-8 {\n top: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-col-start-5 {\n grid-column-start: 5;\n}\n\n#retorik-container.rf-large .large\\:rf-col-end-6 {\n grid-column-end: 6;\n}\n\n#retorik-container.rf-large .large\\:rf-col-end-9 {\n grid-column-end: 9;\n}\n\n#retorik-container.rf-large .large\\:rf-row-span-full {\n grid-row: 1 / -1;\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-row-start-5 {\n grid-row-start: 5;\n}\n\n#retorik-container.rf-large .large\\:rf-m-8 {\n margin: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-my-0 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-my-3 {\n margin-top: .75rem;\n margin-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-0 {\n margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-4 {\n margin-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-6 {\n margin-bottom: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-0 {\n margin-left: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-12 {\n margin-left: 3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-4 {\n margin-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-8 {\n margin-left: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mr-3 {\n margin-right: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mr-30 {\n margin-right: 7.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-0 {\n margin-top: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-20 {\n margin-top: 5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-3 {\n margin-top: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-\\[20vh\\] {\n margin-top: 20vh;\n}\n\n#retorik-container.rf-large .large\\:rf-block {\n display: block;\n}\n\n#retorik-container.rf-large .large\\:rf-flex {\n display: flex;\n}\n\n#retorik-container.rf-large .large\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large .large\\:rf-aspect-video {\n aspect-ratio: 16 / 9;\n}\n\n#retorik-container.rf-large .large\\:rf-h-16 {\n height: 4rem;\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-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-3\\/5 {\n width: 60%;\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-3\\/5 {\n min-width: 60%;\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));\n}\n\n#retorik-container.rf-large .large\\:rf-p-4 {\n padding: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-p-\\[25px\\] {\n padding: 25px;\n}\n\n#retorik-container.rf-large .large\\:rf-p-min1 {\n padding: .1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-0 {\n padding-left: 0;\n padding-right: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-px-16 {\n padding-left: 4rem;\n padding-right: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-5, #retorik-container.rf-large .large\\:rf-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pb-16 {\n padding-bottom: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pl-12 {\n padding-left: 3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pl-4 {\n padding-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pr-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-bottom-\\[25vh\\] {\n bottom: 25vh;\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-span-full {\n grid-column: 1 / -1;\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-col-end-9 {\n grid-column-end: 9;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-span-4 {\n grid-row: span 4 / span 4;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-span-6 {\n grid-row: span 6 / span 6;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-row-start-5 {\n grid-row-start: 5;\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-row-end-7 {\n grid-row-end: 7;\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-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-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-4\\/9 {\n width: 45%;\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-min-w-24 {\n min-width: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-4\\/9 {\n min-width: 45%;\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-\\[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-justify-center {\n justify-content: center;\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-end {\n align-self: flex-end;\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));\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-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) .desktop\\:rf-h-full {\n height: 100%;\n}\n\n@media (height <= 700px) and (width <= 300px) {\n .small-mobile\\:rf-row-span-6 {\n grid-row: span 6 / span 6;\n }\n\n .small-mobile\\:rf-row-span-7 {\n grid-row: span 7 / span 7;\n }\n\n .small-mobile\\:rf-row-start-5 {\n grid-row-start: 5;\n }\n}\n";
|
|
121
121
|
|
|
122
122
|
|
|
123
123
|
var $b0c4d46435bb1afc$exports = {};
|
|
@@ -335,6 +335,11 @@ const $0b4f07c0f09dbbcf$export$c0da64553318f2cb = {
|
|
|
335
335
|
agendaColor: "#865DA2",
|
|
336
336
|
occupantColor: "#6DEDBC"
|
|
337
337
|
};
|
|
338
|
+
const $0b4f07c0f09dbbcf$export$6a32bf5257e620e1 = [
|
|
339
|
+
"davi.closewindow",
|
|
340
|
+
"setuser",
|
|
341
|
+
"davi.gdprconsent"
|
|
342
|
+
];
|
|
338
343
|
|
|
339
344
|
|
|
340
345
|
const $c48ed13ada25d174$export$e56d88b19b5c9fbf = {
|
|
@@ -1204,10 +1209,11 @@ const $5f7f457957bd2c8d$var$initialState = {
|
|
|
1204
1209
|
activeRecognitionState: (0, $71c613e2e831c34c$export$3f0071308968cd80).Closed,
|
|
1205
1210
|
lastRecognitionInterim: "",
|
|
1206
1211
|
streamingReplyToId: null,
|
|
1207
|
-
streamingReplyToIdForText: null,
|
|
1208
1212
|
streamingQueue: [],
|
|
1209
1213
|
streamingQueueForText: [],
|
|
1210
|
-
currentStreaming: null
|
|
1214
|
+
currentStreaming: null,
|
|
1215
|
+
streamingQueueFullLength: 0,
|
|
1216
|
+
streamingReplyToIdToIgnore: null
|
|
1211
1217
|
};
|
|
1212
1218
|
const $5f7f457957bd2c8d$export$f299240efcda25a2 = (0, $dWhh5$zustand.create)()(()=>{
|
|
1213
1219
|
return $5f7f457957bd2c8d$var$initialState;
|
|
@@ -1266,16 +1272,7 @@ const $5f7f457957bd2c8d$export$a5c8d6d0ec4b5ccb = (value)=>{
|
|
|
1266
1272
|
};
|
|
1267
1273
|
const $5f7f457957bd2c8d$export$614a80601162ec38 = (value)=>{
|
|
1268
1274
|
$5f7f457957bd2c8d$export$f299240efcda25a2.setState({
|
|
1269
|
-
streamingReplyToId: value
|
|
1270
|
-
streamingReplyToIdForText: value
|
|
1271
|
-
});
|
|
1272
|
-
value === null && $5f7f457957bd2c8d$export$f299240efcda25a2.setState({
|
|
1273
|
-
currentStreaming: null
|
|
1274
|
-
});
|
|
1275
|
-
};
|
|
1276
|
-
const $5f7f457957bd2c8d$export$de8aad637f733113 = (value)=>{
|
|
1277
|
-
$5f7f457957bd2c8d$export$f299240efcda25a2.setState({
|
|
1278
|
-
streamingReplyToIdForText: value
|
|
1275
|
+
streamingReplyToId: value
|
|
1279
1276
|
});
|
|
1280
1277
|
};
|
|
1281
1278
|
const $5f7f457957bd2c8d$export$87afd75c41a617d7 = (value)=>{
|
|
@@ -1285,11 +1282,12 @@ const $5f7f457957bd2c8d$export$87afd75c41a617d7 = (value)=>{
|
|
|
1285
1282
|
});
|
|
1286
1283
|
};
|
|
1287
1284
|
const $5f7f457957bd2c8d$export$9a026d007e335fc0 = (value)=>{
|
|
1288
|
-
|
|
1285
|
+
const idToIgnore = $5f7f457957bd2c8d$export$f299240efcda25a2.getState().streamingReplyToIdToIgnore;
|
|
1286
|
+
if (value.replyToId && value.replyToId !== idToIgnore) {
|
|
1289
1287
|
// Set replyToId and new queue if replyToId is different from the current one
|
|
1290
1288
|
if ($5f7f457957bd2c8d$export$f299240efcda25a2.getState().streamingReplyToId !== value.replyToId) $5f7f457957bd2c8d$export$f299240efcda25a2.setState({
|
|
1289
|
+
streamingQueueFullLength: 0,
|
|
1291
1290
|
streamingReplyToId: value.replyToId,
|
|
1292
|
-
streamingReplyToIdForText: value.replyToId,
|
|
1293
1291
|
streamingQueue: [
|
|
1294
1292
|
value
|
|
1295
1293
|
],
|
|
@@ -1322,11 +1320,36 @@ const $5f7f457957bd2c8d$export$eb50624bfd363865 = ()=>{
|
|
|
1322
1320
|
});
|
|
1323
1321
|
}
|
|
1324
1322
|
};
|
|
1323
|
+
const $5f7f457957bd2c8d$export$8505d436556ca045 = (replyToId)=>{
|
|
1324
|
+
const currentId = $5f7f457957bd2c8d$export$f299240efcda25a2.getState().streamingReplyToId;
|
|
1325
|
+
currentId !== replyToId && $5f7f457957bd2c8d$export$c3296e37e9ef3fed();
|
|
1326
|
+
};
|
|
1327
|
+
const $5f7f457957bd2c8d$export$c3296e37e9ef3fed = ()=>{
|
|
1328
|
+
const currentId = $5f7f457957bd2c8d$export$f299240efcda25a2.getState().streamingReplyToId;
|
|
1329
|
+
$5f7f457957bd2c8d$export$f299240efcda25a2.setState({
|
|
1330
|
+
streamingReplyToId: null,
|
|
1331
|
+
streamingQueue: [],
|
|
1332
|
+
streamingQueueForText: [],
|
|
1333
|
+
currentStreaming: null,
|
|
1334
|
+
streamingQueueFullLength: 0,
|
|
1335
|
+
streamingReplyToIdToIgnore: currentId
|
|
1336
|
+
});
|
|
1337
|
+
};
|
|
1325
1338
|
const $5f7f457957bd2c8d$export$d300d9470f5679ba = (value)=>{
|
|
1326
1339
|
$5f7f457957bd2c8d$export$f299240efcda25a2.setState({
|
|
1327
1340
|
currentStreaming: value
|
|
1328
1341
|
});
|
|
1329
1342
|
};
|
|
1343
|
+
const $5f7f457957bd2c8d$export$e9ca045daeb00700 = (value, replyToId)=>{
|
|
1344
|
+
if (replyToId) {
|
|
1345
|
+
const currentStreamingId = $5f7f457957bd2c8d$export$f299240efcda25a2.getState().streamingReplyToId;
|
|
1346
|
+
replyToId === currentStreamingId && $5f7f457957bd2c8d$export$f299240efcda25a2.setState({
|
|
1347
|
+
streamingQueueFullLength: value
|
|
1348
|
+
});
|
|
1349
|
+
} else $5f7f457957bd2c8d$export$f299240efcda25a2.setState({
|
|
1350
|
+
streamingQueueFullLength: value
|
|
1351
|
+
});
|
|
1352
|
+
};
|
|
1330
1353
|
const $5f7f457957bd2c8d$export$b6d2196a3ce412d8 = ()=>{
|
|
1331
1354
|
$5f7f457957bd2c8d$export$f299240efcda25a2.setState({
|
|
1332
1355
|
...$5f7f457957bd2c8d$var$initialState
|
|
@@ -1338,6 +1361,137 @@ const $5f7f457957bd2c8d$export$b6d2196a3ce412d8 = ()=>{
|
|
|
1338
1361
|
|
|
1339
1362
|
|
|
1340
1363
|
|
|
1364
|
+
|
|
1365
|
+
|
|
1366
|
+
|
|
1367
|
+
|
|
1368
|
+
var // Get data from the json file located at the root of the folder at the address agentUrl
|
|
1369
|
+
$e65c34cb6b549068$export$2e2bcd8739ae039 = async (agentUrl)=>{
|
|
1370
|
+
const responseData = await fetch(`${agentUrl}/manifest.json`).then((data)=>{
|
|
1371
|
+
return data.json();
|
|
1372
|
+
}).then((json)=>{
|
|
1373
|
+
return json;
|
|
1374
|
+
}).catch((error)=>{
|
|
1375
|
+
console.log(error);
|
|
1376
|
+
return null;
|
|
1377
|
+
});
|
|
1378
|
+
// Set urls to retrieve the animations and a portrait of the agent
|
|
1379
|
+
if (responseData !== null) {
|
|
1380
|
+
responseData.url = agentUrl;
|
|
1381
|
+
responseData.portrait = agentUrl + "/" + responseData.portrait;
|
|
1382
|
+
}
|
|
1383
|
+
return responseData;
|
|
1384
|
+
};
|
|
1385
|
+
|
|
1386
|
+
|
|
1387
|
+
const $c7242af7a2bc5e50$var$initialState = {
|
|
1388
|
+
mode: (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).text,
|
|
1389
|
+
subtitlesInConfiguration: false,
|
|
1390
|
+
displaySubtitles: false,
|
|
1391
|
+
agentData: undefined,
|
|
1392
|
+
loaderClosed: false,
|
|
1393
|
+
appAvailable: false,
|
|
1394
|
+
currentLayout: (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).agent,
|
|
1395
|
+
changeLayoutButtonDisplay: false,
|
|
1396
|
+
userAlreadySet: false,
|
|
1397
|
+
enableDocumentPrinting: false,
|
|
1398
|
+
disableSound: false,
|
|
1399
|
+
isWaitingForResponse: false
|
|
1400
|
+
};
|
|
1401
|
+
let $c7242af7a2bc5e50$var$timer = null;
|
|
1402
|
+
const $c7242af7a2bc5e50$export$bd22554f31e5f96f = (0, $dWhh5$zustand.create)()(()=>{
|
|
1403
|
+
return $c7242af7a2bc5e50$var$initialState;
|
|
1404
|
+
});
|
|
1405
|
+
const $c7242af7a2bc5e50$export$ca8db8ed18ea1d2c = (value)=>{
|
|
1406
|
+
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1407
|
+
disableSound: value
|
|
1408
|
+
});
|
|
1409
|
+
};
|
|
1410
|
+
const $c7242af7a2bc5e50$export$e8437af1f2483b8e = (value)=>{
|
|
1411
|
+
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1412
|
+
currentLayout: value
|
|
1413
|
+
});
|
|
1414
|
+
};
|
|
1415
|
+
const $c7242af7a2bc5e50$export$702dee93694750db = (value)=>{
|
|
1416
|
+
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1417
|
+
userAlreadySet: value
|
|
1418
|
+
});
|
|
1419
|
+
};
|
|
1420
|
+
const $c7242af7a2bc5e50$export$19136b839dabd3bb = (value)=>{
|
|
1421
|
+
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1422
|
+
changeLayoutButtonDisplay: value
|
|
1423
|
+
});
|
|
1424
|
+
};
|
|
1425
|
+
const $c7242af7a2bc5e50$export$d4f039427a1beff1 = (value)=>{
|
|
1426
|
+
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1427
|
+
mode: value
|
|
1428
|
+
});
|
|
1429
|
+
!$c7242af7a2bc5e50$export$bd22554f31e5f96f.getState().subtitlesInConfiguration && $c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1430
|
+
displaySubtitles: false
|
|
1431
|
+
});
|
|
1432
|
+
(0, $70e3d65f5a106231$export$e2194ce98b9711c9)(undefined);
|
|
1433
|
+
value !== (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).text && (0, $70e3d65f5a106231$export$4a471cf3284fc492)(false);
|
|
1434
|
+
!$c7242af7a2bc5e50$export$bd22554f31e5f96f.getState().disableSound && (0, $5f7f457957bd2c8d$export$a1680ba91cc9be33)(value === (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).text);
|
|
1435
|
+
};
|
|
1436
|
+
const $c7242af7a2bc5e50$export$982d69b78a955aaf = (value)=>{
|
|
1437
|
+
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1438
|
+
loaderClosed: value
|
|
1439
|
+
});
|
|
1440
|
+
};
|
|
1441
|
+
const $c7242af7a2bc5e50$export$a8ce9bbc5b910a21 = (value)=>{
|
|
1442
|
+
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1443
|
+
appAvailable: value
|
|
1444
|
+
});
|
|
1445
|
+
};
|
|
1446
|
+
const $c7242af7a2bc5e50$export$f9f752f8a699b258 = (value)=>{
|
|
1447
|
+
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1448
|
+
subtitlesInConfiguration: value
|
|
1449
|
+
});
|
|
1450
|
+
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1451
|
+
displaySubtitles: value && $c7242af7a2bc5e50$export$bd22554f31e5f96f.getState().mode === (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).vocal
|
|
1452
|
+
});
|
|
1453
|
+
};
|
|
1454
|
+
const $c7242af7a2bc5e50$export$708f3eb1d5828832 = (value)=>{
|
|
1455
|
+
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1456
|
+
displaySubtitles: value
|
|
1457
|
+
});
|
|
1458
|
+
};
|
|
1459
|
+
const $c7242af7a2bc5e50$export$a72b80ff363563a1 = async (value)=>{
|
|
1460
|
+
const url = typeof value === "string" ? value : value.url;
|
|
1461
|
+
const data = await (0, $e65c34cb6b549068$export$2e2bcd8739ae039)(url);
|
|
1462
|
+
if (data) typeof value !== "string" && value.name && (data.name = value.name);
|
|
1463
|
+
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1464
|
+
agentData: data
|
|
1465
|
+
});
|
|
1466
|
+
};
|
|
1467
|
+
const $c7242af7a2bc5e50$export$7d50f05ed13dfccf = (value)=>{
|
|
1468
|
+
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1469
|
+
enableDocumentPrinting: value
|
|
1470
|
+
});
|
|
1471
|
+
};
|
|
1472
|
+
const $c7242af7a2bc5e50$export$b468e470fbb95f20 = (value)=>{
|
|
1473
|
+
if (value) !$c7242af7a2bc5e50$var$timer && ($c7242af7a2bc5e50$var$timer = setTimeout(()=>{
|
|
1474
|
+
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1475
|
+
isWaitingForResponse: value
|
|
1476
|
+
});
|
|
1477
|
+
$c7242af7a2bc5e50$var$timer = null;
|
|
1478
|
+
}, 1000));
|
|
1479
|
+
else {
|
|
1480
|
+
$c7242af7a2bc5e50$var$timer && clearTimeout($c7242af7a2bc5e50$var$timer);
|
|
1481
|
+
$c7242af7a2bc5e50$var$timer = null;
|
|
1482
|
+
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1483
|
+
isWaitingForResponse: value
|
|
1484
|
+
});
|
|
1485
|
+
}
|
|
1486
|
+
};
|
|
1487
|
+
const $c7242af7a2bc5e50$export$cd85ac4858c7290c = ()=>{
|
|
1488
|
+
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1489
|
+
...$c7242af7a2bc5e50$var$initialState
|
|
1490
|
+
});
|
|
1491
|
+
};
|
|
1492
|
+
|
|
1493
|
+
|
|
1494
|
+
|
|
1341
1495
|
const $9acd31406c230961$var$initialState = {
|
|
1342
1496
|
activities: [],
|
|
1343
1497
|
lastBotActivity: undefined,
|
|
@@ -1370,8 +1524,14 @@ const $9acd31406c230961$var$addActivity = async (activity, resetQueue)=>{
|
|
|
1370
1524
|
const isBot = activity.from.role === "bot" || activity.replyToId || ((_activity_from_name = activity.from.name) === null || _activity_from_name === void 0 ? void 0 : _activity_from_name.toLowerCase()) === "bot";
|
|
1371
1525
|
if (activity.type === "message") {
|
|
1372
1526
|
if (isBot) {
|
|
1373
|
-
var _currentState_botMessageActivities, _activity_replyToId;
|
|
1374
|
-
|
|
1527
|
+
var _activity_value, _currentState_botMessageActivities, _activity_replyToId;
|
|
1528
|
+
(0, $c7242af7a2bc5e50$export$b468e470fbb95f20)(false);
|
|
1529
|
+
// If this activity is the one concluding a streaming, let's set the amount of streams previously generated
|
|
1530
|
+
if (!currentState.retrievingConversation && ((_activity_value = activity.value) === null || _activity_value === void 0 ? void 0 : _activity_value.streamingCount)) (0, $5f7f457957bd2c8d$export$e9ca045daeb00700)(activity.value.streamingCount, activity.replyToId);
|
|
1531
|
+
if (((_currentState_botMessageActivities = currentState.botMessageActivities) === null || _currentState_botMessageActivities === void 0 ? void 0 : _currentState_botMessageActivities.length) && currentState.botMessageActivities.find((activity)=>{
|
|
1532
|
+
var _activity_replyToId;
|
|
1533
|
+
return ((_activity_replyToId = activity.replyToId) === null || _activity_replyToId === void 0 ? void 0 : _activity_replyToId.substring(activity.replyToId.length - 4)) !== "0000";
|
|
1534
|
+
}) && ((_activity_replyToId = activity.replyToId) === null || _activity_replyToId === void 0 ? void 0 : _activity_replyToId.substring(activity.replyToId.length - 4)) === "0000") // Special process when retrieving conversation from directline : the first activity is delayed by botframwork-webchat and is treated after the other.
|
|
1375
1535
|
// We must put this activity back in first place in the array.
|
|
1376
1536
|
$9acd31406c230961$export$b56465394e2b1287.setState({
|
|
1377
1537
|
activities: [
|
|
@@ -1405,51 +1565,60 @@ const $9acd31406c230961$var$addActivity = async (activity, resetQueue)=>{
|
|
|
1405
1565
|
lastBotMessageActivity: currentState.retrievingConversation ? resetQueue ? activity : undefined : activity,
|
|
1406
1566
|
watermark: currentState.watermark + 1
|
|
1407
1567
|
});
|
|
1408
|
-
} else
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
|
|
1414
|
-
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
|
|
1421
|
-
|
|
1422
|
-
|
|
1423
|
-
|
|
1568
|
+
} else {
|
|
1569
|
+
(0, $c7242af7a2bc5e50$export$b468e470fbb95f20)(true);
|
|
1570
|
+
$9acd31406c230961$export$b56465394e2b1287.setState({
|
|
1571
|
+
activities: [
|
|
1572
|
+
...currentState.activities,
|
|
1573
|
+
activity
|
|
1574
|
+
],
|
|
1575
|
+
messageActivities: [
|
|
1576
|
+
...currentState.messageActivities,
|
|
1577
|
+
activity
|
|
1578
|
+
],
|
|
1579
|
+
userMessageActivities: [
|
|
1580
|
+
...currentState.userMessageActivities,
|
|
1581
|
+
activity
|
|
1582
|
+
],
|
|
1583
|
+
lastUserMessageActivity: activity,
|
|
1584
|
+
watermark: currentState.watermark + 1
|
|
1585
|
+
});
|
|
1586
|
+
}
|
|
1424
1587
|
} else if (activity.type === "event") {
|
|
1425
|
-
if (isBot)
|
|
1426
|
-
|
|
1427
|
-
|
|
1428
|
-
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1588
|
+
if (isBot) {
|
|
1589
|
+
(0, $c7242af7a2bc5e50$export$b468e470fbb95f20)(false);
|
|
1590
|
+
$9acd31406c230961$export$b56465394e2b1287.setState({
|
|
1591
|
+
activities: [
|
|
1592
|
+
...currentState.activities,
|
|
1593
|
+
activity
|
|
1594
|
+
],
|
|
1595
|
+
lastBotActivity: shouldNotSetLastBotActivity ? undefined : activity,
|
|
1596
|
+
eventActivities: [
|
|
1597
|
+
...currentState.eventActivities,
|
|
1598
|
+
activity
|
|
1599
|
+
],
|
|
1600
|
+
botEventActivities: [
|
|
1601
|
+
...currentState.botEventActivities,
|
|
1602
|
+
activity
|
|
1603
|
+
],
|
|
1604
|
+
lastBotEventActivity: activity,
|
|
1605
|
+
watermark: currentState.watermark + 1
|
|
1606
|
+
});
|
|
1607
|
+
} else {
|
|
1608
|
+
// Only wait for response if the event is one that need it
|
|
1609
|
+
!(0, $0b4f07c0f09dbbcf$export$6a32bf5257e620e1).find((eventName)=>activity.name.toLowerCase().includes(eventName)) && (0, $c7242af7a2bc5e50$export$b468e470fbb95f20)(true);
|
|
1610
|
+
$9acd31406c230961$export$b56465394e2b1287.setState({
|
|
1611
|
+
activities: [
|
|
1612
|
+
...currentState.activities,
|
|
1613
|
+
activity
|
|
1614
|
+
],
|
|
1615
|
+
eventActivities: [
|
|
1616
|
+
...currentState.eventActivities,
|
|
1617
|
+
activity
|
|
1618
|
+
],
|
|
1619
|
+
watermark: currentState.watermark + 1
|
|
1620
|
+
});
|
|
1621
|
+
}
|
|
1453
1622
|
}
|
|
1454
1623
|
if (resetQueue) {
|
|
1455
1624
|
$9acd31406c230961$export$b56465394e2b1287.setState({
|
|
@@ -1497,6 +1666,8 @@ const $9acd31406c230961$export$f9786f6b1a1e81e3 = (activity)=>{
|
|
|
1497
1666
|
$9acd31406c230961$var$timerRef && clearTimeout($9acd31406c230961$var$timerRef);
|
|
1498
1667
|
$9acd31406c230961$var$timerRef = setTimeout(()=>{
|
|
1499
1668
|
$9acd31406c230961$var$updateActivities();
|
|
1669
|
+
// Let speechStore check if this activity has an impact on a curent streaming
|
|
1670
|
+
(0, $5f7f457957bd2c8d$export$8505d436556ca045)(activity.replyToId);
|
|
1500
1671
|
}, 500);
|
|
1501
1672
|
};
|
|
1502
1673
|
const $9acd31406c230961$export$210f7e70e69f7df5 = (activity)=>{
|
|
@@ -1508,12 +1679,6 @@ const $9acd31406c230961$export$210f7e70e69f7df5 = (activity)=>{
|
|
|
1508
1679
|
const currentConversationId = $9acd31406c230961$export$b56465394e2b1287.getState().conversationId;
|
|
1509
1680
|
currentConversationId && ((_activity_id = activity.id) === null || _activity_id === void 0 ? void 0 : _activity_id.includes(currentConversationId)) && $9acd31406c230961$export$f9786f6b1a1e81e3(activity);
|
|
1510
1681
|
};
|
|
1511
|
-
const $9acd31406c230961$export$35bf93b87d9ffb15 = (activity)=>{
|
|
1512
|
-
var _activity_id;
|
|
1513
|
-
const retrieving = $9acd31406c230961$export$b56465394e2b1287.getState().retrievingConversation;
|
|
1514
|
-
const currentConversationId = $9acd31406c230961$export$b56465394e2b1287.getState().conversationId;
|
|
1515
|
-
currentConversationId && !retrieving && ((_activity_id = activity.id) === null || _activity_id === void 0 ? void 0 : _activity_id.includes(currentConversationId)) && (0, $5f7f457957bd2c8d$export$9a026d007e335fc0)(activity);
|
|
1516
|
-
};
|
|
1517
1682
|
const $9acd31406c230961$export$4365557467e67cdc = (value)=>{
|
|
1518
1683
|
const currentState = $9acd31406c230961$export$b56465394e2b1287.getState();
|
|
1519
1684
|
// Check directline id to know if we have to reset the activities
|
|
@@ -1641,10 +1806,15 @@ const $c79349f4444d81d7$var$createCustomStore = (enableConversationCookie, conve
|
|
|
1641
1806
|
var _action_payload_activity_text;
|
|
1642
1807
|
if ((_action_payload_activity_text = action.payload.activity.text) === null || _action_payload_activity_text === void 0 ? void 0 : _action_payload_activity_text.trim().length) {
|
|
1643
1808
|
// Create speak field from the text one
|
|
1644
|
-
const processedText = (
|
|
1645
|
-
action.payload.activity.text
|
|
1809
|
+
// const processedText = processMarkdownAndSpeechMarkdown(
|
|
1810
|
+
// action.payload.activity.text,
|
|
1811
|
+
// true
|
|
1812
|
+
// )
|
|
1813
|
+
const processedText = (0, $175044c5f3c2d8cc$export$2e2bcd8739ae039)(action);
|
|
1814
|
+
// action.payload.activity.text = processedText.htmlText
|
|
1646
1815
|
action.payload.activity.speak = processedText.text;
|
|
1647
|
-
(0, $
|
|
1816
|
+
(0, $5f7f457957bd2c8d$export$9a026d007e335fc0)(action.payload.activity);
|
|
1817
|
+
(0, $c7242af7a2bc5e50$export$b468e470fbb95f20)(false);
|
|
1648
1818
|
}
|
|
1649
1819
|
return next(action);
|
|
1650
1820
|
}
|
|
@@ -1823,118 +1993,6 @@ var $82b306c512e33035$export$2e2bcd8739ae039 = $82b306c512e33035$var$processBase
|
|
|
1823
1993
|
|
|
1824
1994
|
|
|
1825
1995
|
|
|
1826
|
-
|
|
1827
|
-
var // Get data from the json file located at the root of the folder at the address agentUrl
|
|
1828
|
-
$e65c34cb6b549068$export$2e2bcd8739ae039 = async (agentUrl)=>{
|
|
1829
|
-
const responseData = await fetch(`${agentUrl}/manifest.json`).then((data)=>{
|
|
1830
|
-
return data.json();
|
|
1831
|
-
}).then((json)=>{
|
|
1832
|
-
return json;
|
|
1833
|
-
}).catch((error)=>{
|
|
1834
|
-
console.log(error);
|
|
1835
|
-
return null;
|
|
1836
|
-
});
|
|
1837
|
-
// Set urls to retrieve the animations and a portrait of the agent
|
|
1838
|
-
if (responseData !== null) {
|
|
1839
|
-
responseData.url = agentUrl;
|
|
1840
|
-
responseData.portrait = agentUrl + "/" + responseData.portrait;
|
|
1841
|
-
}
|
|
1842
|
-
return responseData;
|
|
1843
|
-
};
|
|
1844
|
-
|
|
1845
|
-
|
|
1846
|
-
const $c7242af7a2bc5e50$var$initialState = {
|
|
1847
|
-
mode: (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).text,
|
|
1848
|
-
subtitlesInConfiguration: false,
|
|
1849
|
-
displaySubtitles: false,
|
|
1850
|
-
agentData: undefined,
|
|
1851
|
-
loaderClosed: false,
|
|
1852
|
-
appAvailable: false,
|
|
1853
|
-
currentLayout: (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).agent,
|
|
1854
|
-
changeLayoutButtonDisplay: false,
|
|
1855
|
-
userAlreadySet: false,
|
|
1856
|
-
enableDocumentPrinting: false,
|
|
1857
|
-
disableSound: false
|
|
1858
|
-
};
|
|
1859
|
-
const $c7242af7a2bc5e50$export$bd22554f31e5f96f = (0, $dWhh5$zustand.create)()(()=>{
|
|
1860
|
-
return $c7242af7a2bc5e50$var$initialState;
|
|
1861
|
-
});
|
|
1862
|
-
const $c7242af7a2bc5e50$export$ca8db8ed18ea1d2c = (value)=>{
|
|
1863
|
-
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1864
|
-
disableSound: value
|
|
1865
|
-
});
|
|
1866
|
-
};
|
|
1867
|
-
const $c7242af7a2bc5e50$export$e8437af1f2483b8e = (value)=>{
|
|
1868
|
-
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1869
|
-
currentLayout: value
|
|
1870
|
-
});
|
|
1871
|
-
};
|
|
1872
|
-
const $c7242af7a2bc5e50$export$702dee93694750db = (value)=>{
|
|
1873
|
-
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1874
|
-
userAlreadySet: value
|
|
1875
|
-
});
|
|
1876
|
-
};
|
|
1877
|
-
const $c7242af7a2bc5e50$export$19136b839dabd3bb = (value)=>{
|
|
1878
|
-
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1879
|
-
changeLayoutButtonDisplay: value
|
|
1880
|
-
});
|
|
1881
|
-
};
|
|
1882
|
-
const $c7242af7a2bc5e50$export$d4f039427a1beff1 = (value)=>{
|
|
1883
|
-
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1884
|
-
mode: value
|
|
1885
|
-
});
|
|
1886
|
-
!$c7242af7a2bc5e50$export$bd22554f31e5f96f.getState().subtitlesInConfiguration && $c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1887
|
-
displaySubtitles: false
|
|
1888
|
-
});
|
|
1889
|
-
(0, $70e3d65f5a106231$export$e2194ce98b9711c9)(undefined);
|
|
1890
|
-
value !== (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).text && (0, $70e3d65f5a106231$export$4a471cf3284fc492)(false);
|
|
1891
|
-
!$c7242af7a2bc5e50$export$bd22554f31e5f96f.getState().disableSound && (0, $5f7f457957bd2c8d$export$a1680ba91cc9be33)(value === (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).text);
|
|
1892
|
-
};
|
|
1893
|
-
const $c7242af7a2bc5e50$export$982d69b78a955aaf = (value)=>{
|
|
1894
|
-
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1895
|
-
loaderClosed: value
|
|
1896
|
-
});
|
|
1897
|
-
};
|
|
1898
|
-
const $c7242af7a2bc5e50$export$a8ce9bbc5b910a21 = (value)=>{
|
|
1899
|
-
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1900
|
-
appAvailable: value
|
|
1901
|
-
});
|
|
1902
|
-
};
|
|
1903
|
-
const $c7242af7a2bc5e50$export$f9f752f8a699b258 = (value)=>{
|
|
1904
|
-
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1905
|
-
subtitlesInConfiguration: value
|
|
1906
|
-
});
|
|
1907
|
-
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1908
|
-
displaySubtitles: value && $c7242af7a2bc5e50$export$bd22554f31e5f96f.getState().mode === (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).vocal
|
|
1909
|
-
});
|
|
1910
|
-
};
|
|
1911
|
-
const $c7242af7a2bc5e50$export$708f3eb1d5828832 = (value)=>{
|
|
1912
|
-
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1913
|
-
displaySubtitles: value
|
|
1914
|
-
});
|
|
1915
|
-
};
|
|
1916
|
-
const $c7242af7a2bc5e50$export$a72b80ff363563a1 = async (value)=>{
|
|
1917
|
-
const url = typeof value === "string" ? value : value.url;
|
|
1918
|
-
const data = await (0, $e65c34cb6b549068$export$2e2bcd8739ae039)(url);
|
|
1919
|
-
if (data) typeof value !== "string" && value.name && (data.name = value.name);
|
|
1920
|
-
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1921
|
-
agentData: data
|
|
1922
|
-
});
|
|
1923
|
-
};
|
|
1924
|
-
const $c7242af7a2bc5e50$export$7d50f05ed13dfccf = (value)=>{
|
|
1925
|
-
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1926
|
-
enableDocumentPrinting: value
|
|
1927
|
-
});
|
|
1928
|
-
};
|
|
1929
|
-
const $c7242af7a2bc5e50$export$cd85ac4858c7290c = ()=>{
|
|
1930
|
-
$c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
|
|
1931
|
-
...$c7242af7a2bc5e50$var$initialState
|
|
1932
|
-
});
|
|
1933
|
-
};
|
|
1934
|
-
|
|
1935
|
-
|
|
1936
|
-
|
|
1937
|
-
|
|
1938
1996
|
const $1d4f8108de9ab73a$var$defaultConfiguration = {
|
|
1939
1997
|
subtitles: false
|
|
1940
1998
|
};
|
|
@@ -5437,17 +5495,15 @@ const $0425d21c89c76455$var$DiscoverAttachment = ({ title: title, mainButtons: m
|
|
|
5437
5495
|
} else if (index !== undefined) {
|
|
5438
5496
|
setDiscoverClicked(index);
|
|
5439
5497
|
const tempData = data;
|
|
5440
|
-
|
|
5498
|
+
dataToSend = {
|
|
5499
|
+
type: "event",
|
|
5500
|
+
name: tempData.EventName,
|
|
5441
5501
|
value: {
|
|
5442
5502
|
filterId: tempData.FilterId,
|
|
5443
5503
|
filterValue: tempData.FilterValue,
|
|
5444
|
-
followingCardText: tempData.FollowingCardText
|
|
5504
|
+
followingCardText: tempData.FollowingCardText,
|
|
5505
|
+
identifier: tempData.Identifier
|
|
5445
5506
|
}
|
|
5446
|
-
} : {};
|
|
5447
|
-
dataToSend = {
|
|
5448
|
-
type: "event",
|
|
5449
|
-
name: tempData.EventName,
|
|
5450
|
-
...value
|
|
5451
5507
|
};
|
|
5452
5508
|
}
|
|
5453
5509
|
sendPostBack(dataToSend);
|
|
@@ -8975,20 +9031,121 @@ var $f30fe7aba51bf78e$export$2e2bcd8739ae039 = $f30fe7aba51bf78e$var$Background;
|
|
|
8975
9031
|
|
|
8976
9032
|
|
|
8977
9033
|
|
|
9034
|
+
/* eslint-disable react/jsx-boolean-value */
|
|
9035
|
+
|
|
9036
|
+
|
|
9037
|
+
|
|
9038
|
+
|
|
9039
|
+
|
|
9040
|
+
|
|
9041
|
+
|
|
9042
|
+
|
|
9043
|
+
|
|
9044
|
+
|
|
9045
|
+
const $9be2c147aa3799b2$var$AnimationContainer = ({ classname: classname, subClassname: subClassname, size: size, useTextColor: useTextColor, triggerScroll: triggerScroll })=>{
|
|
9046
|
+
const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
9047
|
+
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
9048
|
+
const processedClassName = (0, $dWhh5$react.useMemo)(()=>{
|
|
9049
|
+
return classname || "rf-w-full rf-h-full rf-flex rf-justify-center rf-items-center";
|
|
9050
|
+
}, [
|
|
9051
|
+
classname
|
|
9052
|
+
]);
|
|
9053
|
+
const processedSubClassName = (0, $dWhh5$react.useMemo)(()=>{
|
|
9054
|
+
return subClassname || "rf-w-4 rf-h-4 large:rf-w-6 large:rf-h-6";
|
|
9055
|
+
}, [
|
|
9056
|
+
subClassname
|
|
9057
|
+
]);
|
|
9058
|
+
const processedAnimationColor = (0, $dWhh5$react.useMemo)(()=>{
|
|
9059
|
+
return {
|
|
9060
|
+
"--rf-color-loader-animation": useTextColor ? themeColors.textMode.panel.conversationBot : themeColors.card.frame.text
|
|
9061
|
+
};
|
|
9062
|
+
}, [
|
|
9063
|
+
themeColors,
|
|
9064
|
+
useTextColor
|
|
9065
|
+
]);
|
|
9066
|
+
(0, $dWhh5$react.useEffect)(()=>{
|
|
9067
|
+
triggerScroll === null || triggerScroll === void 0 ? void 0 : triggerScroll();
|
|
9068
|
+
}, []);
|
|
9069
|
+
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
9070
|
+
className: processedClassName,
|
|
9071
|
+
style: {
|
|
9072
|
+
...processedAnimationColor
|
|
9073
|
+
},
|
|
9074
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
9075
|
+
className: processedSubClassName,
|
|
9076
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $acf3b62642941e13$export$2e2bcd8739ae039), {
|
|
9077
|
+
size: size || (isMobile ? (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).medium : (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).large)
|
|
9078
|
+
})
|
|
9079
|
+
})
|
|
9080
|
+
});
|
|
9081
|
+
};
|
|
9082
|
+
var $9be2c147aa3799b2$export$2e2bcd8739ae039 = $9be2c147aa3799b2$var$AnimationContainer;
|
|
8978
9083
|
|
|
8979
9084
|
|
|
8980
9085
|
|
|
8981
9086
|
|
|
9087
|
+
const $f49c2c2bc5cff629$var$springDuration = 1050;
|
|
8982
9088
|
const $f49c2c2bc5cff629$var$VoiceInput = ({ className: className })=>{
|
|
8983
9089
|
const isMobile = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isMobile);
|
|
8984
9090
|
const lastRecognitionInterim = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.lastRecognitionInterim);
|
|
8985
|
-
|
|
8986
|
-
|
|
8987
|
-
|
|
8988
|
-
|
|
8989
|
-
|
|
8990
|
-
|
|
8991
|
-
|
|
9091
|
+
const isWaitingForResponse = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.isWaitingForResponse);
|
|
9092
|
+
const [remainingLastRecognitionInterim, setRemainingLastRecognitionInterim] = (0, $dWhh5$react.useState)(null);
|
|
9093
|
+
const animationTimerRef = (0, $dWhh5$react.useRef)();
|
|
9094
|
+
const [spring, api] = (0, $dWhh5$reactspringweb.useSpring)(()=>({
|
|
9095
|
+
from: {
|
|
9096
|
+
opacity: 1
|
|
9097
|
+
}
|
|
9098
|
+
}));
|
|
9099
|
+
(0, $dWhh5$react.useEffect)(()=>{
|
|
9100
|
+
return ()=>{
|
|
9101
|
+
(animationTimerRef === null || animationTimerRef === void 0 ? void 0 : animationTimerRef.current) && clearTimeout(animationTimerRef.current);
|
|
9102
|
+
};
|
|
9103
|
+
}, []);
|
|
9104
|
+
(0, $dWhh5$react.useEffect)(()=>{
|
|
9105
|
+
if (lastRecognitionInterim) setRemainingLastRecognitionInterim(lastRecognitionInterim);
|
|
9106
|
+
else if (remainingLastRecognitionInterim) {
|
|
9107
|
+
api.start({
|
|
9108
|
+
from: {
|
|
9109
|
+
opacity: 1
|
|
9110
|
+
},
|
|
9111
|
+
to: {
|
|
9112
|
+
opacity: 0
|
|
9113
|
+
},
|
|
9114
|
+
config: {
|
|
9115
|
+
duration: $f49c2c2bc5cff629$var$springDuration
|
|
9116
|
+
}
|
|
9117
|
+
});
|
|
9118
|
+
(animationTimerRef === null || animationTimerRef === void 0 ? void 0 : animationTimerRef.current) && clearTimeout(animationTimerRef.current);
|
|
9119
|
+
animationTimerRef.current = setTimeout(()=>{
|
|
9120
|
+
api.set({
|
|
9121
|
+
opacity: 1
|
|
9122
|
+
});
|
|
9123
|
+
setRemainingLastRecognitionInterim(null);
|
|
9124
|
+
}, $f49c2c2bc5cff629$var$springDuration);
|
|
9125
|
+
}
|
|
9126
|
+
}, [
|
|
9127
|
+
lastRecognitionInterim
|
|
9128
|
+
]);
|
|
9129
|
+
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
9130
|
+
children: isWaitingForResponse ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $9be2c147aa3799b2$export$2e2bcd8739ae039), {
|
|
9131
|
+
classname: `rf-flex ${isMobile ? "rf-justify-center" : "rf-pl-8 rf-justify-start"} rf-py-3 rf-items-center`,
|
|
9132
|
+
subClassname: "rf-w-4 rf-h-4",
|
|
9133
|
+
size: (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).medium,
|
|
9134
|
+
useTextColor: true
|
|
9135
|
+
}) : remainingLastRecognitionInterim && (isMobile ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $dWhh5$reactspringweb.animated).p, {
|
|
9136
|
+
className: className,
|
|
9137
|
+
style: {
|
|
9138
|
+
...spring
|
|
9139
|
+
},
|
|
9140
|
+
children: remainingLastRecognitionInterim
|
|
9141
|
+
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $dWhh5$reactspringweb.animated).div, {
|
|
9142
|
+
className: "rf-w-full rf-px-4 rf-py-3 rf-subtitle-size-auto rf-font-bold rf-text-truewhite rf-text-shadow-black",
|
|
9143
|
+
style: {
|
|
9144
|
+
...spring
|
|
9145
|
+
},
|
|
9146
|
+
children: remainingLastRecognitionInterim
|
|
9147
|
+
}))
|
|
9148
|
+
});
|
|
8992
9149
|
};
|
|
8993
9150
|
var $f49c2c2bc5cff629$export$2e2bcd8739ae039 = $f49c2c2bc5cff629$var$VoiceInput;
|
|
8994
9151
|
|
|
@@ -15645,7 +15802,6 @@ const $1068fd56b5926747$export$f0e9d14ede4c01bd = ()=>{
|
|
|
15645
15802
|
|
|
15646
15803
|
|
|
15647
15804
|
|
|
15648
|
-
|
|
15649
15805
|
const $016ac743b008b7bc$export$aa0c5ba341a0028 = ({ agentName: agentName = "L\xe9a", companyName: companyName, companyNameLocalized: companyNameLocalized, subCompanyMessage: subCompanyMessage, subCompanyMessageLocalized: subCompanyMessageLocalized, imageUrl: imageUrl = "" })=>{
|
|
15650
15806
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
15651
15807
|
const translation = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.currentTranslations);
|
|
@@ -15686,7 +15842,7 @@ const $016ac743b008b7bc$export$aa0c5ba341a0028 = ({ agentName: agentName = "L\xe
|
|
|
15686
15842
|
|
|
15687
15843
|
|
|
15688
15844
|
|
|
15689
|
-
|
|
15845
|
+
/* eslint-disable react/jsx-boolean-value */
|
|
15690
15846
|
|
|
15691
15847
|
|
|
15692
15848
|
|
|
@@ -15705,107 +15861,131 @@ const $016ac743b008b7bc$export$aa0c5ba341a0028 = ({ agentName: agentName = "L\xe
|
|
|
15705
15861
|
};
|
|
15706
15862
|
|
|
15707
15863
|
|
|
15708
|
-
const $a2a195f52aaf1332$var$DisplayStandard = ({ botResponses: botResponses, isMobile: isMobile })=>{
|
|
15709
|
-
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
15710
|
-
const { configuration: { forceMobileView: forceMobileView } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
15711
|
-
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15712
|
-
id: "retorik-botResponses",
|
|
15713
|
-
className: "rf-flex rf-flex-col rf-text-size-auto rf-gap-2 rf-scrollbar-hidden",
|
|
15714
|
-
children: botResponses.map((activity, key)=>{
|
|
15715
|
-
var _activity_attachments;
|
|
15716
|
-
const answerTime = activity.localTimestamp ? new Date(activity.localTimestamp) : activity.timestamp ? new Date(activity.timestamp) : new Date();
|
|
15717
|
-
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
15718
|
-
className: `${key > 0 && "rf-pt-2"} rf-text-textModePanelConversationBot rf-animate-slideBottom rf-flex rf-flex-col rf-items-start rf-gap-2`,
|
|
15719
|
-
children: [
|
|
15720
|
-
isMobile && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15721
|
-
className: "rf-px-4 rf-text-[#9A9A9A]",
|
|
15722
|
-
children: answerTime.toLocaleString(locale, {
|
|
15723
|
-
hour: "numeric",
|
|
15724
|
-
minute: "numeric"
|
|
15725
|
-
})
|
|
15726
|
-
}),
|
|
15727
|
-
activity.htmlText ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15728
|
-
className: "rf-px-4",
|
|
15729
|
-
dangerouslySetInnerHTML: {
|
|
15730
|
-
__html: activity.htmlText
|
|
15731
|
-
}
|
|
15732
|
-
}) : activity.text ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15733
|
-
className: "rf-px-4",
|
|
15734
|
-
children: (0, $547da4225675b90f$export$d6c6ec86eedacfd9)(activity.text)
|
|
15735
|
-
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {}),
|
|
15736
|
-
!!(activity === null || activity === void 0 ? void 0 : (_activity_attachments = activity.attachments) === null || _activity_attachments === void 0 ? void 0 : _activity_attachments.length) && !(0, $1a0bdae30bc87d45$export$7c55936a30618336)(activity) && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15737
|
-
className: `${forceMobileView ? "rf-m-auto" : "rf-w-full"} ${activity.attachments.length <= 1 && "rf-px-4"} rf-flex rf-flex-col rf-gap-2`,
|
|
15738
|
-
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $c0f9a707e7db7f07$export$2e2bcd8739ae039), {
|
|
15739
|
-
activity: activity
|
|
15740
|
-
})
|
|
15741
|
-
})
|
|
15742
|
-
]
|
|
15743
|
-
}, key);
|
|
15744
|
-
})
|
|
15745
|
-
});
|
|
15746
|
-
};
|
|
15747
|
-
var $a2a195f52aaf1332$export$2e2bcd8739ae039 = $a2a195f52aaf1332$var$DisplayStandard;
|
|
15748
15864
|
|
|
15749
15865
|
|
|
15750
15866
|
|
|
15751
15867
|
|
|
15752
15868
|
|
|
15753
|
-
|
|
15754
|
-
|
|
15869
|
+
|
|
15870
|
+
|
|
15871
|
+
const $8113fa9a024156c4$var$interval = 150 // 20 // 25
|
|
15872
|
+
;
|
|
15873
|
+
const $8113fa9a024156c4$var$md = new (0, ($parcel$interopDefault($dWhh5$markdownit)))({
|
|
15874
|
+
breaks: true,
|
|
15875
|
+
html: true,
|
|
15876
|
+
xhtmlOut: true,
|
|
15877
|
+
typographer: true,
|
|
15878
|
+
quotes: `""''`
|
|
15879
|
+
});
|
|
15880
|
+
const $8113fa9a024156c4$var$DisplayStreaming = ({ triggerScroll: triggerScroll, setStreamingEnded: setStreamingEnded, streamingActivity: streamingActivity, currentStreaming: currentStreaming, isMobile: isMobile })=>{
|
|
15881
|
+
var _streamingActivity_attachments;
|
|
15882
|
+
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
15883
|
+
const streamingQueue = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.streamingQueueForText);
|
|
15884
|
+
const streamingCount = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.streamingQueueFullLength);
|
|
15885
|
+
const { configuration: { forceMobileView: forceMobileView } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
15755
15886
|
const [streamingTextToDisplay, setStreamingTextToDisplay] = (0, $dWhh5$react.useState)("");
|
|
15756
15887
|
const [currentTextEnded, setCurrentTextEnded] = (0, $dWhh5$react.useState)(true);
|
|
15757
15888
|
const [currentQueueIndex, setCurrentQueueIndex] = (0, $dWhh5$react.useState)(0);
|
|
15889
|
+
const time = (0, $dWhh5$react.useMemo)(()=>{
|
|
15890
|
+
if (streamingQueue.length) {
|
|
15891
|
+
const answerTime = streamingQueue[0].localTimestamp ? new Date(streamingQueue[0].localTimestamp) : streamingQueue[0].timestamp ? new Date(streamingQueue[0].timestamp) : new Date();
|
|
15892
|
+
return answerTime;
|
|
15893
|
+
}
|
|
15894
|
+
return null;
|
|
15895
|
+
}, [
|
|
15896
|
+
streamingQueue
|
|
15897
|
+
]);
|
|
15758
15898
|
const intervalRef = (0, $dWhh5$react.useRef)(null);
|
|
15759
15899
|
const streamRef = (0, $dWhh5$react.useRef)([]);
|
|
15900
|
+
const streamIndexRef = (0, $dWhh5$react.useRef)(0);
|
|
15901
|
+
const previousTextRef = (0, $dWhh5$react.useRef)([]);
|
|
15902
|
+
// const handleNewStreaming = (text: string): void => {
|
|
15903
|
+
// text = md.render(text)
|
|
15904
|
+
// if (previousTextRef.current) {
|
|
15905
|
+
// for (let i = 0; i < previousTextRef.current.length; i++) {
|
|
15906
|
+
// if (text[i] !== previousTextRef.current[i]) {
|
|
15907
|
+
// streamIndexRef.current = i
|
|
15908
|
+
// break
|
|
15909
|
+
// }
|
|
15910
|
+
// }
|
|
15911
|
+
// } else {
|
|
15912
|
+
// streamIndexRef.current = 0
|
|
15913
|
+
// }
|
|
15914
|
+
// setCurrentTextEnded(false)
|
|
15915
|
+
// streamRef.current = text.split('')
|
|
15916
|
+
// previousTextRef.current = text
|
|
15917
|
+
// streamIndexRef.current !== streamingTextToDisplay.length &&
|
|
15918
|
+
// setStreamingTextToDisplay((value) =>
|
|
15919
|
+
// value.substring(0, streamIndexRef.current)
|
|
15920
|
+
// )
|
|
15921
|
+
// intervalRef.current = setInterval(() => {
|
|
15922
|
+
// if (streamIndexRef.current < streamRef.current?.length) {
|
|
15923
|
+
// const current = streamRef.current[streamIndexRef.current]
|
|
15924
|
+
// setStreamingTextToDisplay((value) => `${value}${current}`)
|
|
15925
|
+
// streamIndexRef.current = streamIndexRef.current + 1
|
|
15926
|
+
// } else {
|
|
15927
|
+
// setCurrentTextEnded(true)
|
|
15928
|
+
// intervalRef.current && clearInterval(intervalRef.current)
|
|
15929
|
+
// }
|
|
15930
|
+
// }, interval)
|
|
15931
|
+
// }
|
|
15760
15932
|
const handleNewStreaming = (text)=>{
|
|
15933
|
+
text = $8113fa9a024156c4$var$md.render(text);
|
|
15934
|
+
streamRef.current = text.split(" ");
|
|
15761
15935
|
setCurrentTextEnded(false);
|
|
15762
|
-
// Create array containing indexes of \n parts to replace them with html <br /> tag later
|
|
15763
|
-
const slashNIndexesArray = [];
|
|
15764
|
-
let searchIndex = 0;
|
|
15765
|
-
while(text.indexOf("\n", searchIndex) !== -1){
|
|
15766
|
-
const index = text.indexOf("\n", searchIndex);
|
|
15767
|
-
slashNIndexesArray.push(index);
|
|
15768
|
-
searchIndex = index + 2;
|
|
15769
|
-
}
|
|
15770
|
-
streamRef.current = text.split("");
|
|
15771
|
-
let currentIndex = 0;
|
|
15772
15936
|
intervalRef.current = setInterval(()=>{
|
|
15773
|
-
|
|
15774
|
-
|
|
15775
|
-
|
|
15776
|
-
|
|
15777
|
-
|
|
15778
|
-
setStreamingTextToDisplay((value)=>`${value}<br />`);
|
|
15779
|
-
streamRef.current = streamRef.current.slice(1);
|
|
15780
|
-
} else {
|
|
15781
|
-
setStreamingTextToDisplay((value)=>`${value}${current}`);
|
|
15782
|
-
streamRef.current = streamRef.current.slice(1);
|
|
15783
|
-
}
|
|
15784
|
-
currentIndex++;
|
|
15937
|
+
if (streamIndexRef.current < streamRef.current.length - 1) {
|
|
15938
|
+
const current = streamRef.current[streamIndexRef.current];
|
|
15939
|
+
setStreamingTextToDisplay((value)=>`${value} ${current}`);
|
|
15940
|
+
streamIndexRef.current = streamIndexRef.current + 1;
|
|
15941
|
+
streamIndexRef.current % 10 === 0 && triggerScroll();
|
|
15785
15942
|
} else {
|
|
15786
15943
|
setCurrentTextEnded(true);
|
|
15944
|
+
triggerScroll();
|
|
15787
15945
|
intervalRef.current && clearInterval(intervalRef.current);
|
|
15788
15946
|
}
|
|
15789
15947
|
}, $8113fa9a024156c4$var$interval);
|
|
15790
15948
|
};
|
|
15949
|
+
const resetData = ()=>{
|
|
15950
|
+
setCurrentQueueIndex(0);
|
|
15951
|
+
streamIndexRef.current = 0;
|
|
15952
|
+
previousTextRef.current = [];
|
|
15953
|
+
(0, $5f7f457957bd2c8d$export$e9ca045daeb00700)(0);
|
|
15954
|
+
(intervalRef === null || intervalRef === void 0 ? void 0 : intervalRef.current) && clearInterval(intervalRef.current);
|
|
15955
|
+
};
|
|
15791
15956
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
15792
|
-
if ((streamingQueue === null || streamingQueue === void 0 ? void 0 : streamingQueue.length)
|
|
15793
|
-
if (
|
|
15794
|
-
|
|
15795
|
-
|
|
15957
|
+
if (currentTextEnded && (streamingQueue === null || streamingQueue === void 0 ? void 0 : streamingQueue.length)) {
|
|
15958
|
+
if (streamingCount === 0 || currentQueueIndex < streamingCount) {
|
|
15959
|
+
if (streamingQueue.length > currentQueueIndex) {
|
|
15960
|
+
setStreamingEnded(false);
|
|
15961
|
+
let text = "";
|
|
15962
|
+
for(let i = 0; i <= currentQueueIndex; i++)text = text + streamingQueue[i].text;
|
|
15963
|
+
handleNewStreaming(text);
|
|
15964
|
+
setCurrentQueueIndex((value)=>value + 1);
|
|
15965
|
+
}
|
|
15796
15966
|
} else {
|
|
15797
|
-
|
|
15798
|
-
(
|
|
15967
|
+
let fullText = "";
|
|
15968
|
+
streamingQueue.forEach((activity)=>{
|
|
15969
|
+
fullText = `${fullText} ${activity.text}`;
|
|
15970
|
+
});
|
|
15971
|
+
setStreamingTextToDisplay($8113fa9a024156c4$var$md.render(fullText));
|
|
15972
|
+
setStreamingEnded(true);
|
|
15973
|
+
resetData();
|
|
15799
15974
|
}
|
|
15800
15975
|
}
|
|
15801
15976
|
}, [
|
|
15802
15977
|
streamingQueue,
|
|
15803
|
-
currentTextEnded
|
|
15978
|
+
currentTextEnded,
|
|
15979
|
+
streamingCount
|
|
15804
15980
|
]);
|
|
15805
15981
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
15806
|
-
|
|
15982
|
+
if (!currentStreaming) {
|
|
15983
|
+
setCurrentTextEnded(true);
|
|
15984
|
+
setStreamingTextToDisplay("");
|
|
15985
|
+
resetData();
|
|
15986
|
+
}
|
|
15807
15987
|
}, [
|
|
15808
|
-
|
|
15988
|
+
currentStreaming
|
|
15809
15989
|
]);
|
|
15810
15990
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
15811
15991
|
return ()=>{
|
|
@@ -15813,17 +15993,30 @@ const $8113fa9a024156c4$var$DisplayStreaming = ({ streamingQueue: streamingQueue
|
|
|
15813
15993
|
};
|
|
15814
15994
|
}, []);
|
|
15815
15995
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
15816
|
-
|
|
15817
|
-
className: "rf-flex rf-flex-col rf-text-size-auto rf-scrollbar-hidden",
|
|
15996
|
+
className: "rf-text-textModePanelConversationBot rf-flex rf-flex-col rf-items-start rf-gap-2",
|
|
15818
15997
|
children: [
|
|
15998
|
+
isMobile && time && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15999
|
+
className: "rf-px-4 rf-text-[#9A9A9A]",
|
|
16000
|
+
children: time.toLocaleString(locale, {
|
|
16001
|
+
hour: "numeric",
|
|
16002
|
+
minute: "numeric"
|
|
16003
|
+
})
|
|
16004
|
+
}),
|
|
15819
16005
|
streamingTextToDisplay && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
15820
|
-
className: "rf-px-4
|
|
16006
|
+
className: "rf-px-4",
|
|
15821
16007
|
dangerouslySetInnerHTML: {
|
|
15822
16008
|
__html: streamingTextToDisplay
|
|
15823
16009
|
}
|
|
15824
16010
|
}),
|
|
15825
|
-
currentQueueIndex
|
|
15826
|
-
|
|
16011
|
+
currentQueueIndex === 0 ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
16012
|
+
children: !!(streamingActivity === null || streamingActivity === void 0 ? void 0 : (_streamingActivity_attachments = streamingActivity.attachments) === null || _streamingActivity_attachments === void 0 ? void 0 : _streamingActivity_attachments.length) && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
16013
|
+
className: `${forceMobileView ? "rf-m-auto" : "rf-w-full"} ${streamingActivity.attachments.length <= 1 && "rf-px-4"}`,
|
|
16014
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $c0f9a707e7db7f07$export$2e2bcd8739ae039), {
|
|
16015
|
+
activity: streamingActivity
|
|
16016
|
+
})
|
|
16017
|
+
})
|
|
16018
|
+
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
16019
|
+
className: "rf-px-4 rf-font-bold rf-animate-blink",
|
|
15827
16020
|
children: "..."
|
|
15828
16021
|
})
|
|
15829
16022
|
]
|
|
@@ -15832,8 +16025,84 @@ const $8113fa9a024156c4$var$DisplayStreaming = ({ streamingQueue: streamingQueue
|
|
|
15832
16025
|
var $8113fa9a024156c4$export$2e2bcd8739ae039 = $8113fa9a024156c4$var$DisplayStreaming;
|
|
15833
16026
|
|
|
15834
16027
|
|
|
15835
|
-
|
|
16028
|
+
|
|
16029
|
+
const $a2a195f52aaf1332$var$DisplayStandard = ({ botResponses: botResponses, isMobile: isMobile, triggerScroll: triggerScroll, canBeStreaming: canBeStreaming })=>{
|
|
16030
|
+
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
16031
|
+
const currentStreaming = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.currentStreaming);
|
|
16032
|
+
const streamingId = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.streamingReplyToId);
|
|
16033
|
+
const { configuration: { forceMobileView: forceMobileView } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
16034
|
+
const [streamingActivity, setStreamingActivity] = (0, $dWhh5$react.useState)(undefined);
|
|
16035
|
+
const [streamingEnded, setStreamingEnded] = (0, $dWhh5$react.useState)(false);
|
|
16036
|
+
const nonStreamingActivities = (0, $dWhh5$react.useMemo)(()=>{
|
|
16037
|
+
if (streamingActivity) return botResponses.filter((act)=>act.id !== streamingActivity.id && act.replyToId === streamingActivity.replyToId);
|
|
16038
|
+
return botResponses;
|
|
16039
|
+
}, [
|
|
16040
|
+
streamingActivity,
|
|
16041
|
+
botResponses
|
|
16042
|
+
]);
|
|
16043
|
+
(0, $dWhh5$react.useEffect)(()=>{
|
|
16044
|
+
if (botResponses.length && currentStreaming) setStreamingActivity(botResponses.find((act)=>{
|
|
16045
|
+
var _act_value;
|
|
16046
|
+
return act.replyToId === streamingId && ((_act_value = act.value) === null || _act_value === void 0 ? void 0 : _act_value.streamingCount);
|
|
16047
|
+
}));
|
|
16048
|
+
else setStreamingActivity(undefined);
|
|
16049
|
+
}, [
|
|
16050
|
+
botResponses,
|
|
16051
|
+
currentStreaming,
|
|
16052
|
+
streamingId
|
|
16053
|
+
]);
|
|
16054
|
+
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
16055
|
+
children: [
|
|
16056
|
+
canBeStreaming && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $8113fa9a024156c4$export$2e2bcd8739ae039), {
|
|
16057
|
+
triggerScroll: triggerScroll,
|
|
16058
|
+
setStreamingEnded: setStreamingEnded,
|
|
16059
|
+
streamingActivity: streamingActivity,
|
|
16060
|
+
currentStreaming: currentStreaming,
|
|
16061
|
+
isMobile: isMobile
|
|
16062
|
+
}),
|
|
16063
|
+
(!streamingActivity || streamingActivity && streamingEnded) && nonStreamingActivities.map((activity, key)=>{
|
|
16064
|
+
var _activity_attachments;
|
|
16065
|
+
const answerTime = activity.localTimestamp ? new Date(activity.localTimestamp) : activity.timestamp ? new Date(activity.timestamp) : new Date();
|
|
16066
|
+
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
16067
|
+
className: `${key > 0 && "rf-pt-2"} rf-text-textModePanelConversationBot rf-animate-slideBottom rf-flex rf-flex-col rf-items-start rf-gap-2`,
|
|
16068
|
+
children: [
|
|
16069
|
+
isMobile && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
16070
|
+
className: "rf-px-4 rf-text-[#9A9A9A]",
|
|
16071
|
+
children: answerTime.toLocaleString(locale, {
|
|
16072
|
+
hour: "numeric",
|
|
16073
|
+
minute: "numeric"
|
|
16074
|
+
})
|
|
16075
|
+
}),
|
|
16076
|
+
activity.htmlText ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
16077
|
+
className: "rf-px-4",
|
|
16078
|
+
dangerouslySetInnerHTML: {
|
|
16079
|
+
__html: activity.htmlText
|
|
16080
|
+
}
|
|
16081
|
+
}) : activity.text ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
16082
|
+
className: "rf-px-4",
|
|
16083
|
+
children: (0, $547da4225675b90f$export$d6c6ec86eedacfd9)(activity.text)
|
|
16084
|
+
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {}),
|
|
16085
|
+
!!(activity === null || activity === void 0 ? void 0 : (_activity_attachments = activity.attachments) === null || _activity_attachments === void 0 ? void 0 : _activity_attachments.length) && !(0, $1a0bdae30bc87d45$export$7c55936a30618336)(activity) && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
16086
|
+
className: `${forceMobileView ? "rf-m-auto" : "rf-w-full"} ${activity.attachments.length <= 1 && "rf-px-4"} rf-flex rf-flex-col rf-gap-2`,
|
|
16087
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $c0f9a707e7db7f07$export$2e2bcd8739ae039), {
|
|
16088
|
+
activity: activity
|
|
16089
|
+
})
|
|
16090
|
+
})
|
|
16091
|
+
]
|
|
16092
|
+
}, key);
|
|
16093
|
+
})
|
|
16094
|
+
]
|
|
16095
|
+
});
|
|
16096
|
+
};
|
|
16097
|
+
var $a2a195f52aaf1332$export$2e2bcd8739ae039 = $a2a195f52aaf1332$var$DisplayStandard;
|
|
16098
|
+
|
|
16099
|
+
|
|
16100
|
+
|
|
16101
|
+
|
|
16102
|
+
|
|
16103
|
+
const $4d9ea07b04f0d01b$var$ConversationDisplay = ({ userQuestion: userQuestion, botResponses: botResponses, userQuestionTime: userQuestionTime, isMobile: isMobile, triggerScroll: triggerScroll, canBeStreaming: canBeStreaming })=>{
|
|
15836
16104
|
const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
|
|
16105
|
+
const isWaitingForResponse = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.isWaitingForResponse);
|
|
15837
16106
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
|
|
15838
16107
|
children: [
|
|
15839
16108
|
(userQuestion === null || userQuestion === void 0 ? void 0 : userQuestion.text) && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
@@ -15853,12 +16122,22 @@ const $4d9ea07b04f0d01b$var$ConversationDisplay = ({ userQuestion: userQuestion,
|
|
|
15853
16122
|
})
|
|
15854
16123
|
]
|
|
15855
16124
|
}, userQuestion.id),
|
|
15856
|
-
|
|
15857
|
-
|
|
16125
|
+
isWaitingForResponse && (!isMobile || isMobile && canBeStreaming) && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $9be2c147aa3799b2$export$2e2bcd8739ae039), {
|
|
16126
|
+
classname: "rf-flex rf-justify-start rf-pl-8 rf-items-center",
|
|
16127
|
+
subClassname: "rf-w-4 rf-h-4",
|
|
16128
|
+
useTextColor: true,
|
|
16129
|
+
size: (0, $71c613e2e831c34c$export$a2a634340dd7e3e3).medium,
|
|
15858
16130
|
triggerScroll: triggerScroll
|
|
15859
|
-
})
|
|
15860
|
-
|
|
15861
|
-
|
|
16131
|
+
}),
|
|
16132
|
+
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
16133
|
+
id: "retorik-botResponses",
|
|
16134
|
+
className: "rf-flex rf-flex-col rf-text-size-auto rf-gap-2 rf-scrollbar-hidden",
|
|
16135
|
+
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $a2a195f52aaf1332$export$2e2bcd8739ae039), {
|
|
16136
|
+
triggerScroll: triggerScroll,
|
|
16137
|
+
botResponses: botResponses || [],
|
|
16138
|
+
isMobile: isMobile,
|
|
16139
|
+
canBeStreaming: canBeStreaming
|
|
16140
|
+
})
|
|
15862
16141
|
})
|
|
15863
16142
|
]
|
|
15864
16143
|
});
|
|
@@ -15880,8 +16159,6 @@ const $7df5d708684c32ba$var$ConversationPanelMobile = ({ homeActivity: homeActiv
|
|
|
15880
16159
|
const [scrollButtonDisplay, setScrollButtonDisplay] = (0, $dWhh5$react.useState)(false);
|
|
15881
16160
|
const [scrollButtonDirection, setScrollButtonDirection] = (0, $dWhh5$react.useState)("bottom");
|
|
15882
16161
|
const [preventScroll, setPreventScroll] = (0, $dWhh5$react.useState)(false);
|
|
15883
|
-
const streamingId = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.streamingReplyToIdForText);
|
|
15884
|
-
const streamingQueue = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.streamingQueueForText);
|
|
15885
16162
|
const retorikConversationRef = (0, $dWhh5$react.useRef)(null);
|
|
15886
16163
|
const botEndRef = (0, $dWhh5$react.useRef)(null);
|
|
15887
16164
|
const timerRef = (0, $dWhh5$react.useRef)(null);
|
|
@@ -15985,11 +16262,10 @@ const $7df5d708684c32ba$var$ConversationPanelMobile = ({ homeActivity: homeActiv
|
|
|
15985
16262
|
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $4d9ea07b04f0d01b$export$2e2bcd8739ae039), {
|
|
15986
16263
|
userQuestion: activity.question,
|
|
15987
16264
|
botResponses: activity.answers,
|
|
15988
|
-
streamingId: index === activities.length - 1 ? streamingId : null,
|
|
15989
|
-
streamingQueue: streamingQueue,
|
|
15990
16265
|
userQuestionTime: userQuestionTime,
|
|
15991
16266
|
isMobile: true,
|
|
15992
|
-
triggerScroll: ()=>scrollHandler("bottom", "newMessage")
|
|
16267
|
+
triggerScroll: ()=>scrollHandler("bottom", "newMessage"),
|
|
16268
|
+
canBeStreaming: index === activities.length - 1
|
|
15993
16269
|
})
|
|
15994
16270
|
}, index);
|
|
15995
16271
|
}),
|
|
@@ -16010,8 +16286,7 @@ const $7df5d708684c32ba$var$ConversationPanelMobile = ({ homeActivity: homeActiv
|
|
|
16010
16286
|
var $7df5d708684c32ba$export$2e2bcd8739ae039 = $7df5d708684c32ba$var$ConversationPanelMobile;
|
|
16011
16287
|
|
|
16012
16288
|
|
|
16013
|
-
|
|
16014
|
-
|
|
16289
|
+
/* eslint-disable react/jsx-boolean-value */
|
|
16015
16290
|
|
|
16016
16291
|
|
|
16017
16292
|
|
|
@@ -16021,8 +16296,6 @@ const $d65b086bfae1b3b3$var$ConversationPanelLarge = ({ homeActivity: homeActivi
|
|
|
16021
16296
|
var _homeActivity_attachments, _homeActivity_attachments1;
|
|
16022
16297
|
const activities = (0, $970df85ce5628c51$export$2e2bcd8739ae039)();
|
|
16023
16298
|
const { mediumLandscape: mediumLandscape } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
|
|
16024
|
-
const streamingId = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.streamingReplyToIdForText);
|
|
16025
|
-
const streamingQueue = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.streamingQueueForText);
|
|
16026
16299
|
const botEndRef = (0, $dWhh5$react.useRef)(null);
|
|
16027
16300
|
const timerRef = (0, $dWhh5$react.useRef)(null);
|
|
16028
16301
|
const userQuestion = (0, $dWhh5$react.useMemo)(()=>{
|
|
@@ -16054,7 +16327,7 @@ const $d65b086bfae1b3b3$var$ConversationPanelLarge = ({ homeActivity: homeActivi
|
|
|
16054
16327
|
}, [
|
|
16055
16328
|
itemsInConversation
|
|
16056
16329
|
]);
|
|
16057
|
-
return (homeActivity === null || homeActivity === void 0 ? void 0 : (_homeActivity_attachments = homeActivity.attachments) === null || _homeActivity_attachments === void 0 ? void 0 : _homeActivity_attachments.length) ||
|
|
16330
|
+
return (homeActivity === null || homeActivity === void 0 ? void 0 : (_homeActivity_attachments = homeActivity.attachments) === null || _homeActivity_attachments === void 0 ? void 0 : _homeActivity_attachments.length) || userQuestion || botResponses ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
16058
16331
|
className: `rf-relative rf-max-h-full ${mediumLandscape ? "rf-col-start-4" : "rf-col-start-5"} vertical:rf-col-start-1 rf-col-span-full rf-row-start-4 rf-row-end-12 large-vertical:rf-row-start-7 large-vertical:rf-row-span-6 rf-self-start rf-overflow-hidden rf-justify-self-center rf-w-3/5 rf-flex rf-flex-col rf-rounded rf-bg-textModePanelBackground`,
|
|
16059
16332
|
children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
|
|
16060
16333
|
id: "retorik-conversation",
|
|
@@ -16068,9 +16341,8 @@ const $d65b086bfae1b3b3$var$ConversationPanelLarge = ({ homeActivity: homeActivi
|
|
|
16068
16341
|
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $4d9ea07b04f0d01b$export$2e2bcd8739ae039), {
|
|
16069
16342
|
userQuestion: userQuestion,
|
|
16070
16343
|
botResponses: botResponses,
|
|
16071
|
-
|
|
16072
|
-
|
|
16073
|
-
triggerScroll: handleScroll
|
|
16344
|
+
triggerScroll: handleScroll,
|
|
16345
|
+
canBeStreaming: true
|
|
16074
16346
|
}),
|
|
16075
16347
|
/*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
|
|
16076
16348
|
ref: botEndRef
|
|
@@ -16314,6 +16586,7 @@ var $e27b2d64339a5000$export$2e2bcd8739ae039 = $e27b2d64339a5000$var$ModeButton;
|
|
|
16314
16586
|
const $40c9c7ece5949bcc$var$Mobile = ({ parametersOpened: parametersOpened, toggleParameters: toggleParameters })=>{
|
|
16315
16587
|
const { setCanFocusSendBox: setCanFocusSendBox, configuration: { hideMenu: hideMenu } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
16316
16588
|
const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
16589
|
+
const appAvailable = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.appAvailable);
|
|
16317
16590
|
const currentDeviceType = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.currentDeviceType);
|
|
16318
16591
|
const [fromTextToVocal, setFromTextToVocal] = (0, $dWhh5$react.useState)(false);
|
|
16319
16592
|
const { configuration: { disableSpeechMode: disabledSpeechMode } } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
|
|
@@ -16367,7 +16640,7 @@ const $40c9c7ece5949bcc$var$Mobile = ({ parametersOpened: parametersOpened, togg
|
|
|
16367
16640
|
className: "rf-mx-3 rf-mt-2",
|
|
16368
16641
|
withButton: currentDeviceType !== (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).mobile
|
|
16369
16642
|
}),
|
|
16370
|
-
!parametersOpened && mode === (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).vocal && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $f49c2c2bc5cff629$export$2e2bcd8739ae039), {
|
|
16643
|
+
appAvailable && !parametersOpened && mode === (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).vocal && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $f49c2c2bc5cff629$export$2e2bcd8739ae039), {
|
|
16371
16644
|
className: "rf-w-full rf-px-6 rf-py-2"
|
|
16372
16645
|
})
|
|
16373
16646
|
]
|
|
@@ -17673,7 +17946,7 @@ function $6be7f5aa73e32bf5$export$bb3ea6dd2428edb6({ enabled: enabled, children:
|
|
|
17673
17946
|
|
|
17674
17947
|
|
|
17675
17948
|
|
|
17676
|
-
const $c60444aa70224d4d$var$ContextProvider = ({ skipLoader: skipLoader, mode: mode, viewsConfiguration: viewsConfiguration, config: config, customVoice: customVoice, addressData: addressData, agentSource: agentSource, ponyfillFactoryCredentials: ponyfillFactoryCredentials, themeColors: themeColors, children: children
|
|
17949
|
+
const $c60444aa70224d4d$var$ContextProvider = ({ skipLoader: skipLoader, mode: mode, viewsConfiguration: viewsConfiguration, config: config, customVoice: customVoice, addressData: addressData, agentSource: agentSource, ponyfillFactoryCredentials: ponyfillFactoryCredentials, themeColors: themeColors, children: children })=>{
|
|
17677
17950
|
const { locale: locale, supported: supported, defaultLocale: defaultLocale } = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)();
|
|
17678
17951
|
/**
|
|
17679
17952
|
* On component mount :
|
|
@@ -17691,8 +17964,7 @@ const $c60444aa70224d4d$var$ContextProvider = ({ skipLoader: skipLoader, mode: m
|
|
|
17691
17964
|
}, config.locales));
|
|
17692
17965
|
}, [
|
|
17693
17966
|
supported,
|
|
17694
|
-
config
|
|
17695
|
-
isConfigUpdated
|
|
17967
|
+
config
|
|
17696
17968
|
]);
|
|
17697
17969
|
/**
|
|
17698
17970
|
* On agentSource prop change :
|
|
@@ -18818,6 +19090,7 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
|
|
|
18818
19090
|
if (cancel) {
|
|
18819
19091
|
utterance ? setUtterance(null) : (0, $5f7f457957bd2c8d$export$d0df6aec4e971f52)(false);
|
|
18820
19092
|
setNextUtterance(null);
|
|
19093
|
+
(0, $5f7f457957bd2c8d$export$c3296e37e9ef3fed)();
|
|
18821
19094
|
}
|
|
18822
19095
|
}, [
|
|
18823
19096
|
cancel
|
|
@@ -19004,9 +19277,8 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
|
|
|
19004
19277
|
// Check if the audio ended because of a cancel call
|
|
19005
19278
|
if (cancelRef.current) {
|
|
19006
19279
|
queuedActivitiesRef.current = [];
|
|
19007
|
-
(0, $5f7f457957bd2c8d$export$614a80601162ec38)(null);
|
|
19008
19280
|
tempCurrentStreamingRef.current = null;
|
|
19009
|
-
|
|
19281
|
+
// killCurrentStreaming()
|
|
19010
19282
|
(0, $5f7f457957bd2c8d$export$d0df6aec4e971f52)(false);
|
|
19011
19283
|
} else if (streamingQueue.length) {
|
|
19012
19284
|
const tempActivity = streamingQueue[0];
|
|
@@ -19020,7 +19292,7 @@ const $ad561f5c61e38c20$var$SynthesisManager = ({ isRetorikNews: isRetorikNews }
|
|
|
19020
19292
|
tempCurrentStreamingRef.current = tempActivity.text || null;
|
|
19021
19293
|
} else {
|
|
19022
19294
|
var _queuedActivitiesRef_current, _currentPlayingRef_current;
|
|
19023
|
-
|
|
19295
|
+
// setStreamingReplyToId(null)
|
|
19024
19296
|
// Launch next activity in the queue and remove it from the queue
|
|
19025
19297
|
if ((_queuedActivitiesRef_current = queuedActivitiesRef.current) === null || _queuedActivitiesRef_current === void 0 ? void 0 : _queuedActivitiesRef_current.length) {
|
|
19026
19298
|
const activity = queuedActivitiesRef.current[0];
|
|
@@ -19277,8 +19549,11 @@ var $9e19251bfed127fc$export$2e2bcd8739ae039 = $9e19251bfed127fc$var$SpeechManag
|
|
|
19277
19549
|
|
|
19278
19550
|
|
|
19279
19551
|
|
|
19552
|
+
|
|
19553
|
+
|
|
19280
19554
|
const $fa132146e65c60c8$var$FocusManager = ()=>{
|
|
19281
|
-
const
|
|
19555
|
+
const isWidget = (0, $30fe6c40d8e8a888$export$d13b2577cb75f2ad)((state)=>state.isWidget);
|
|
19556
|
+
const open = (0, $1068fd56b5926747$export$d95eb9b67812311f)((state)=>state.open);
|
|
19282
19557
|
const muted = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.muted);
|
|
19283
19558
|
const activeRecognitionState = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.activeRecognitionState);
|
|
19284
19559
|
const focusedRef = (0, $dWhh5$react.useRef)(true);
|
|
@@ -19294,6 +19569,23 @@ const $fa132146e65c60c8$var$FocusManager = ()=>{
|
|
|
19294
19569
|
}, [
|
|
19295
19570
|
activeRecognitionState
|
|
19296
19571
|
]);
|
|
19572
|
+
(0, $dWhh5$react.useEffect)(()=>{
|
|
19573
|
+
if ((0, $dWhh5$reactdevicedetect.isMobile) && isWidget) {
|
|
19574
|
+
if (open) {
|
|
19575
|
+
focusedRef.current = true;
|
|
19576
|
+
oldMutedRef.current === false && (0, $5f7f457957bd2c8d$export$a1680ba91cc9be33)(false);
|
|
19577
|
+
} else {
|
|
19578
|
+
focusedRef.current = false;
|
|
19579
|
+
(0, $5f7f457957bd2c8d$export$d0df6aec4e971f52)(true);
|
|
19580
|
+
(0, $5f7f457957bd2c8d$export$a1680ba91cc9be33)(true);
|
|
19581
|
+
recognitionStateRef.current === (0, $71c613e2e831c34c$export$3f0071308968cd80).Listening && (0, $5f7f457957bd2c8d$export$45913366c4ba414f)((0, $71c613e2e831c34c$export$3f0071308968cd80).ForceClosing);
|
|
19582
|
+
}
|
|
19583
|
+
}
|
|
19584
|
+
}, [
|
|
19585
|
+
open,
|
|
19586
|
+
isWidget,
|
|
19587
|
+
(0, $dWhh5$reactdevicedetect.isMobile)
|
|
19588
|
+
]);
|
|
19297
19589
|
const handleVisibilityChange = ()=>{
|
|
19298
19590
|
if (document.visibilityState === "visible") {
|
|
19299
19591
|
focusedRef.current = true;
|
|
@@ -19306,12 +19598,12 @@ const $fa132146e65c60c8$var$FocusManager = ()=>{
|
|
|
19306
19598
|
}
|
|
19307
19599
|
};
|
|
19308
19600
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
19309
|
-
|
|
19601
|
+
(0, $dWhh5$reactdevicedetect.isMobile) && document.addEventListener("visibilitychange", handleVisibilityChange);
|
|
19310
19602
|
return ()=>{
|
|
19311
19603
|
document.removeEventListener("visibilitychange", handleVisibilityChange);
|
|
19312
19604
|
};
|
|
19313
19605
|
}, [
|
|
19314
|
-
|
|
19606
|
+
(0, $dWhh5$reactdevicedetect.isMobile)
|
|
19315
19607
|
]);
|
|
19316
19608
|
return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {});
|
|
19317
19609
|
};
|
|
@@ -19458,7 +19750,7 @@ var $4b02e31a53a4d2e7$export$2e2bcd8739ae039 = $4b02e31a53a4d2e7$var$SendTypingI
|
|
|
19458
19750
|
|
|
19459
19751
|
// Configure react-pdf worker
|
|
19460
19752
|
(0, $dWhh5$reactpdf.pdfjs).GlobalWorkerOptions.workerSrc = $dWhh5$pdfjsdistbuildpdfworkerjs;
|
|
19461
|
-
const $bbc725a084d1069a$var$RetorikContainer = ({ parent: parent,
|
|
19753
|
+
const $bbc725a084d1069a$var$RetorikContainer = ({ parent: parent, config: props })=>{
|
|
19462
19754
|
const [processedThemeColors] = (0, $dWhh5$react.useState)((0, $68ec406cc754e31c$export$2e2bcd8739ae039)(props.colors));
|
|
19463
19755
|
const currentLayout = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.currentLayout);
|
|
19464
19756
|
return props.config && props.viewsConfig && props.chatbotData && props.chatbotDataWidget && props.agentData && props.ponyfillFactoryCredentials ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, $c60444aa70224d4d$export$2e2bcd8739ae039), {
|
|
@@ -19470,7 +19762,6 @@ const $bbc725a084d1069a$var$RetorikContainer = ({ parent: parent, isConfigUpdate
|
|
|
19470
19762
|
agentSource: props.agentData,
|
|
19471
19763
|
ponyfillFactoryCredentials: props.ponyfillFactoryCredentials,
|
|
19472
19764
|
themeColors: processedThemeColors,
|
|
19473
|
-
isConfigUpdated: isConfigUpdated,
|
|
19474
19765
|
customVoice: props.customVoice,
|
|
19475
19766
|
children: [
|
|
19476
19767
|
!props.config.forceMobileView && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $77eb6663565cbda4$export$2e2bcd8739ae039), {}),
|
|
@@ -19534,11 +19825,11 @@ const $ba3150a69d33f468$var$getRetorikConfigs = async (props)=>{
|
|
|
19534
19825
|
};
|
|
19535
19826
|
const $ba3150a69d33f468$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
19536
19827
|
if (json) {
|
|
19537
|
-
var
|
|
19828
|
+
var _json_colorSettings_loader, _json_colorSettings_loader1, _json_colorSettings_loader2, _json_colorSettings_loader_toggle, _json_colorSettings_loader3, _json_colorSettings_loader_toggle1, _json_colorSettings_loader4, _json_colorSettings_loader_button_background, _json_colorSettings_loader_button, _json_colorSettings_loader5, _json_colorSettings_loader_button_background1, _json_colorSettings_loader_button1, _json_colorSettings_loader6, _json_colorSettings_loader_button_border, _json_colorSettings_loader_button2, _json_colorSettings_loader7, _json_colorSettings_loader_button_border1, _json_colorSettings_loader_button3, _json_colorSettings_loader8, _json_colorSettings_loader_button_text, _json_colorSettings_loader_button4, _json_colorSettings_loader9, _json_colorSettings_loader_button_text1, _json_colorSettings_loader_button5, _json_colorSettings_loader10, _json_colorSettings_card_frame, _json_colorSettings_card, _json_colorSettings_card_frame1, _json_colorSettings_card1, _json_colorSettings_card_frame2, _json_colorSettings_card2, _json_colorSettings_card_button_background, _json_colorSettings_card_button, _json_colorSettings_card3, _json_colorSettings_card_button_background1, _json_colorSettings_card_button1, _json_colorSettings_card4, _json_colorSettings_card_button_border, _json_colorSettings_card_button2, _json_colorSettings_card5, _json_colorSettings_card_button_border1, _json_colorSettings_card_button3, _json_colorSettings_card6, _json_colorSettings_card_button_text, _json_colorSettings_card_button4, _json_colorSettings_card7, _json_colorSettings_card_button_text1, _json_colorSettings_card_button5, _json_colorSettings_card8, _json_colorSettings_card_discoverButton_background, _json_colorSettings_card_discoverButton, _json_colorSettings_card9, _json_colorSettings_card_discoverButton_background1, _json_colorSettings_card_discoverButton1, _json_colorSettings_card10, _json_colorSettings_card_discoverButton_border, _json_colorSettings_card_discoverButton2, _json_colorSettings_card11, _json_colorSettings_card_discoverButton_border1, _json_colorSettings_card_discoverButton3, _json_colorSettings_card12, _json_colorSettings_card_discoverButton_text, _json_colorSettings_card_discoverButton4, _json_colorSettings_card13, _json_colorSettings_card_discoverButton_text1, _json_colorSettings_card_discoverButton5, _json_colorSettings_card14, _json_colorSettings_textMode_panel, _json_colorSettings_textMode, _json_colorSettings_textMode_panel1, _json_colorSettings_textMode1, _json_colorSettings_textMode_panel2, _json_colorSettings_textMode2, _json_colorSettings_textMode_panel3, _json_colorSettings_textMode3, _json_colorSettings_vocalMode_subtitles, _json_colorSettings_vocalMode, _json_colorSettings_vocalMode_subtitles1, _json_colorSettings_vocalMode1, _json_colorSettings_formInput_inputText, _json_colorSettings_formInput, _json_colorSettings_formInput_inputText1, _json_colorSettings_formInput1, _json_colorSettings_formInput_inputRadioCheckbox_unchecked, _json_colorSettings_formInput_inputRadioCheckbox, _json_colorSettings_formInput2, _json_colorSettings_formInput_inputRadioCheckbox_unchecked1, _json_colorSettings_formInput_inputRadioCheckbox1, _json_colorSettings_formInput3, _json_colorSettings_formInput_inputRadioCheckbox_checked, _json_colorSettings_formInput_inputRadioCheckbox2, _json_colorSettings_formInput4, _json_colorSettings_formInput_inputRadioCheckbox_checked1, _json_colorSettings_formInput_inputRadioCheckbox3, _json_colorSettings_formInput5, _json_colorSettings_formInput_inputRadioCheckbox_checked2, _json_colorSettings_formInput_inputRadioCheckbox4, _json_colorSettings_formInput6, _json_colorSettings_formInput_inputButton_background, _json_colorSettings_formInput_inputButton, _json_colorSettings_formInput7, _json_colorSettings_formInput_inputButton_background1, _json_colorSettings_formInput_inputButton1, _json_colorSettings_formInput8, _json_colorSettings_formInput_inputButton_border, _json_colorSettings_formInput_inputButton2, _json_colorSettings_formInput9, _json_colorSettings_formInput_inputButton_border1, _json_colorSettings_formInput_inputButton3, _json_colorSettings_formInput10, _json_colorSettings_formInput_inputButton_text, _json_colorSettings_formInput_inputButton4, _json_colorSettings_formInput11, _json_colorSettings_formInput_inputButton_text1, _json_colorSettings_formInput_inputButton5, _json_colorSettings_formInput12, _json_colorSettings_formInput_likert, _json_colorSettings_formInput13, _json_colorSettings_formInput_likert1, _json_colorSettings_formInput14;
|
|
19538
19829
|
// Get full address for backgrounds & logo
|
|
19539
19830
|
let logo, background, newsBackground, personnage;
|
|
19540
19831
|
if (json.personnage) personnage = `${0, $0b4f07c0f09dbbcf$export$2475544086fd222b}/${json.personnage}`;
|
|
19541
|
-
else personnage =
|
|
19832
|
+
else personnage = `${0, $0b4f07c0f09dbbcf$export$2475544086fd222b}/long-shot/zahra`;
|
|
19542
19833
|
if (retorikProps.addressData.tenant && baseAddress.indexOf(`/${retorikProps.addressData.tenant}`)) baseAddress = baseAddress.replace(`/${retorikProps.addressData.tenant}`, "");
|
|
19543
19834
|
baseAddress = baseAddress.endsWith("/") ? baseAddress.slice(0, -1) : baseAddress;
|
|
19544
19835
|
if (json.logo) logo = `${baseAddress}${json.logo}`;
|
|
@@ -19610,9 +19901,9 @@ const $ba3150a69d33f468$var$processJson = (json, retorikProps, baseAddress)=>{
|
|
|
19610
19901
|
}
|
|
19611
19902
|
},
|
|
19612
19903
|
hideRetorikLogo: json.hideRetorikLogo,
|
|
19613
|
-
baseMenu:
|
|
19614
|
-
customMenu:
|
|
19615
|
-
subMenu:
|
|
19904
|
+
baseMenu: undefined,
|
|
19905
|
+
customMenu: undefined,
|
|
19906
|
+
subMenu: undefined,
|
|
19616
19907
|
hideMenu: json.hideMenu,
|
|
19617
19908
|
hideControls: json.hideControls,
|
|
19618
19909
|
doNotDetectDeviceFromUserAgent: json.doNotDetectDeviceFromUserAgent,
|
|
@@ -19945,10 +20236,10 @@ const $9b7229e19d910060$export$284b58786299e6c5 = async ({ configurationData: co
|
|
|
19945
20236
|
|
|
19946
20237
|
|
|
19947
20238
|
const $ce7633a58d99dcca$var$RetorikConfigHandler = (props)=>{
|
|
19948
|
-
var
|
|
20239
|
+
var _props_config;
|
|
20240
|
+
const [fetchedConfig, setFetchedConfig] = (0, $dWhh5$react.useState)();
|
|
19949
20241
|
const [mainConfig, setMainConfig] = (0, $dWhh5$react.useState)(undefined);
|
|
19950
20242
|
const [isConfigUpdated, setIsConfigUpdated] = (0, $dWhh5$react.useState)(false);
|
|
19951
|
-
const [configurationFetchingEnded, setConfigurationFetchingEnded] = (0, $dWhh5$react.useState)(!!(isConfigUpdated || props.config !== undefined));
|
|
19952
20243
|
/**
|
|
19953
20244
|
* Check if emergency data can be retrieved to remove the button in menu if no data available
|
|
19954
20245
|
* @param configuration RetorikMainComponentConfiguration
|
|
@@ -19966,77 +20257,81 @@ const $ce7633a58d99dcca$var$RetorikConfigHandler = (props)=>{
|
|
|
19966
20257
|
}
|
|
19967
20258
|
setMainConfig(tempConfiguration);
|
|
19968
20259
|
setIsConfigUpdated(true);
|
|
19969
|
-
setConfigurationFetchingEnded(true);
|
|
19970
20260
|
};
|
|
19971
|
-
|
|
20261
|
+
const fetchConfigurationFromRetorikStudio = async ()=>{
|
|
20262
|
+
const fetchedConfig = await (0, $ba3150a69d33f468$export$2e2bcd8739ae039)(props);
|
|
20263
|
+
console.log("Retorik Framework > configuration fetched from Retorik Studio");
|
|
20264
|
+
fetchedConfig && setFetchedConfig(fetchedConfig);
|
|
20265
|
+
};
|
|
20266
|
+
const checkGDPR = async ()=>{
|
|
20267
|
+
const data = await (0, $9b7229e19d910060$export$284b58786299e6c5)({
|
|
20268
|
+
configurationData: props.GDPR,
|
|
20269
|
+
addressData: props.addressData
|
|
20270
|
+
});
|
|
20271
|
+
// Set GDPR data in utilsStore
|
|
20272
|
+
data.data && (0, $70e3d65f5a106231$export$2d640df2114a2d77)(data.data);
|
|
20273
|
+
(0, $70e3d65f5a106231$export$ff26692bd8e0fbbd)(data.displayGDPR);
|
|
20274
|
+
typeof data.userConsent === "boolean" && (0, $70e3d65f5a106231$export$7a09e6b3c59f37ad)(data.userConsent);
|
|
20275
|
+
};
|
|
20276
|
+
/**
|
|
20277
|
+
* Fetch configuration once and det GDPR data from Retorik Studio and set them in store
|
|
20278
|
+
*/ (0, $dWhh5$react.useEffect)(()=>{
|
|
20279
|
+
props && fetchConfigurationFromRetorikStudio();
|
|
20280
|
+
props.addressData && checkGDPR();
|
|
20281
|
+
}, []);
|
|
19972
20282
|
(0, $dWhh5$react.useEffect)(()=>{
|
|
19973
|
-
|
|
19974
|
-
const
|
|
19975
|
-
|
|
19976
|
-
|
|
19977
|
-
|
|
19978
|
-
|
|
19979
|
-
|
|
19980
|
-
|
|
19981
|
-
|
|
19982
|
-
|
|
19983
|
-
|
|
19984
|
-
|
|
19985
|
-
|
|
19986
|
-
|
|
19987
|
-
|
|
19988
|
-
|
|
19989
|
-
|
|
19990
|
-
|
|
19991
|
-
|
|
19992
|
-
|
|
19993
|
-
|
|
19994
|
-
|
|
19995
|
-
|
|
19996
|
-
|
|
19997
|
-
|
|
19998
|
-
|
|
19999
|
-
|
|
20000
|
-
|
|
20001
|
-
|
|
20002
|
-
|
|
20003
|
-
|
|
20004
|
-
|
|
20005
|
-
|
|
20283
|
+
if (fetchedConfig && props) {
|
|
20284
|
+
const { skipLoader: skipLoader, defaultMode: defaultMode, config: _config, viewsConfig: viewsConfig, chatbotData: chatbotData, chatbotDataWidget: chatbotDataWidget, agentData: agentData, ponyfillFactoryCredentials: ponyfillFactoryCredentials, customVoice: customVoice, colors: colors } = fetchedConfig;
|
|
20285
|
+
const mergedMainConfig = {
|
|
20286
|
+
config: props.config !== undefined ? (0, $68ec406cc754e31c$export$6969335ea1e4e77c)(props.config, _config) : _config,
|
|
20287
|
+
viewsConfig: props.viewsConfig !== undefined ? (0, $68ec406cc754e31c$export$6969335ea1e4e77c)(props.viewsConfig, viewsConfig) : viewsConfig,
|
|
20288
|
+
chatbotData: props.chatbotData !== undefined ? {
|
|
20289
|
+
...chatbotData,
|
|
20290
|
+
...props.chatbotData
|
|
20291
|
+
} : chatbotData,
|
|
20292
|
+
chatbotDataWidget: props.chatbotDataWidget !== undefined ? {
|
|
20293
|
+
...chatbotDataWidget,
|
|
20294
|
+
...props.chatbotDataWidget
|
|
20295
|
+
} : chatbotDataWidget,
|
|
20296
|
+
agentData: props.agentData !== undefined ? props.agentData : agentData,
|
|
20297
|
+
ponyfillFactoryCredentials: props.ponyfillFactoryCredentials !== undefined ? props.ponyfillFactoryCredentials : ponyfillFactoryCredentials,
|
|
20298
|
+
customVoice: props.customVoice !== undefined ? {
|
|
20299
|
+
...customVoice,
|
|
20300
|
+
...props.customVoice
|
|
20301
|
+
} : customVoice,
|
|
20302
|
+
colors: props.colors !== undefined ? (0, $68ec406cc754e31c$export$6969335ea1e4e77c)(props.colors, (0, $68ec406cc754e31c$export$2e2bcd8739ae039)(colors)) : (0, $68ec406cc754e31c$export$2e2bcd8739ae039)(colors),
|
|
20303
|
+
skipLoader: props.skipLoader !== undefined ? props.skipLoader : skipLoader,
|
|
20304
|
+
defaultMode: props.defaultMode !== undefined ? props.defaultMode : defaultMode,
|
|
20305
|
+
// Data not retrieved from Retorik Studio
|
|
20306
|
+
addressData: props.addressData,
|
|
20307
|
+
userData: props.userData,
|
|
20308
|
+
externalEventHandler: props.externalEventHandler,
|
|
20309
|
+
externalComponents: props.externalComponents,
|
|
20310
|
+
width: props.width,
|
|
20311
|
+
height: props.height
|
|
20312
|
+
};
|
|
20313
|
+
// Prevent menus from being copied again after each modification of configuration
|
|
20314
|
+
if (mergedMainConfig.config) {
|
|
20315
|
+
var _props_config, _props_menuConfig, _props_config1, _props_menuConfig1, _props_config2, _props_menuConfig2;
|
|
20316
|
+
mergedMainConfig.config.baseMenu = ((_props_config = props.config) === null || _props_config === void 0 ? void 0 : _props_config.baseMenu) || ((_props_menuConfig = props.menuConfig) === null || _props_menuConfig === void 0 ? void 0 : _props_menuConfig.baseMenu);
|
|
20317
|
+
mergedMainConfig.config.customMenu = ((_props_config1 = props.config) === null || _props_config1 === void 0 ? void 0 : _props_config1.customMenu) || ((_props_menuConfig1 = props.menuConfig) === null || _props_menuConfig1 === void 0 ? void 0 : _props_menuConfig1.customMenu);
|
|
20318
|
+
mergedMainConfig.config.subMenu = ((_props_config2 = props.config) === null || _props_config2 === void 0 ? void 0 : _props_config2.subMenu) || ((_props_menuConfig2 = props.menuConfig) === null || _props_menuConfig2 === void 0 ? void 0 : _props_menuConfig2.subMenu);
|
|
20006
20319
|
}
|
|
20007
|
-
|
|
20008
|
-
if (!isConfigUpdated) {
|
|
20009
|
-
console.log("Retorik Framework > Get configuration");
|
|
20010
|
-
getUpdatedConfig();
|
|
20320
|
+
checkEmergencyAndSetConfig(mergedMainConfig);
|
|
20011
20321
|
}
|
|
20012
20322
|
}, [
|
|
20013
|
-
props
|
|
20323
|
+
props,
|
|
20324
|
+
fetchedConfig
|
|
20014
20325
|
]);
|
|
20015
|
-
|
|
20016
|
-
* Get GDPR data from Retorik Studio and set them in store
|
|
20017
|
-
*/ (0, $dWhh5$react.useEffect)(()=>{
|
|
20018
|
-
const checkGDPR = async ()=>{
|
|
20019
|
-
const data = await (0, $9b7229e19d910060$export$284b58786299e6c5)({
|
|
20020
|
-
configurationData: props.GDPR,
|
|
20021
|
-
addressData: props.addressData
|
|
20022
|
-
});
|
|
20023
|
-
// Set GDPR data in utilsStore
|
|
20024
|
-
data.data && (0, $70e3d65f5a106231$export$2d640df2114a2d77)(data.data);
|
|
20025
|
-
(0, $70e3d65f5a106231$export$ff26692bd8e0fbbd)(data.displayGDPR);
|
|
20026
|
-
typeof data.userConsent === "boolean" && (0, $70e3d65f5a106231$export$7a09e6b3c59f37ad)(data.userConsent);
|
|
20027
|
-
};
|
|
20028
|
-
props.addressData && checkGDPR();
|
|
20029
|
-
}, []);
|
|
20030
|
-
return mainConfig && configurationFetchingEnded ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $bbc725a084d1069a$export$2e2bcd8739ae039), {
|
|
20326
|
+
return mainConfig ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $bbc725a084d1069a$export$2e2bcd8739ae039), {
|
|
20031
20327
|
parent: props.parent,
|
|
20032
|
-
config: mainConfig
|
|
20033
|
-
isConfigUpdated: isConfigUpdated
|
|
20328
|
+
config: mainConfig
|
|
20034
20329
|
}) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $9569bd86e01b07fd$export$2e2bcd8739ae039), {
|
|
20035
20330
|
className: isConfigUpdated ? "rf-animate-loaderFadeOut" : "",
|
|
20036
20331
|
parent: props.parent,
|
|
20037
20332
|
width: props.width,
|
|
20038
20333
|
height: props.height,
|
|
20039
|
-
fullSize: !!(props.parent !== (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).widget && (
|
|
20334
|
+
fullSize: !!(props.parent !== (0, $71c613e2e831c34c$export$a31c5a03aaeee5f).widget && (props === null || props === void 0 ? void 0 : (_props_config = props.config) === null || _props_config === void 0 ? void 0 : _props_config.fullSize) !== false)
|
|
20040
20335
|
});
|
|
20041
20336
|
};
|
|
20042
20337
|
var $ce7633a58d99dcca$export$2e2bcd8739ae039 = $ce7633a58d99dcca$var$RetorikConfigHandler;
|