@davi-ai/retorik-framework 1.0.11 → 1.0.12
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 +88 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +599 -206
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +582 -204
- package/dist/index.modern.js.map +1 -1
- package/package.json +2 -3
package/dist/index.modern.js
CHANGED
|
@@ -12,7 +12,6 @@ import $b3y7N$qrcode from "qrcode";
|
|
|
12
12
|
import {SpeechMarkdown as $b3y7N$SpeechMarkdown} from "@davi-ai/speechmarkdown-davi-js";
|
|
13
13
|
import {create as $b3y7N$create} from "zustand";
|
|
14
14
|
import {hooks as $b3y7N$hooks1} from "botframework-webchat-component";
|
|
15
|
-
import $b3y7N$htmlreactparser from "html-react-parser";
|
|
16
15
|
import {GlobalRegistry as $b3y7N$GlobalRegistry, TextSize as $b3y7N$TextSize, BoolProperty as $b3y7N$BoolProperty, Versions as $b3y7N$Versions, property as $b3y7N$property, ChoiceSetInput as $b3y7N$ChoiceSetInput, NumProperty as $b3y7N$NumProperty, StringArrayProperty as $b3y7N$StringArrayProperty, StringProperty as $b3y7N$StringProperty, Input as $b3y7N$Input, SerializableObjectCollectionProperty as $b3y7N$SerializableObjectCollectionProperty, SerializableObject as $b3y7N$SerializableObject, SubmitAction as $b3y7N$SubmitAction, OpenUrlAction as $b3y7N$OpenUrlAction, ShowCardAction as $b3y7N$ShowCardAction, ToggleVisibilityAction as $b3y7N$ToggleVisibilityAction} from "adaptivecards";
|
|
17
16
|
import {initializeIcons as $b3y7N$initializeIcons} from "@fluentui/react";
|
|
18
17
|
import {TextBlock as $b3y7N$TextBlock, ToggleInput as $b3y7N$ToggleInput, DateInput as $b3y7N$DateInput, TimeInput as $b3y7N$TimeInput} from "adaptivecards/lib/card-elements";
|
|
@@ -65,7 +64,7 @@ function $be78c14eded2a1b5$export$2e2bcd8739ae039(RetorikWidget, props, element)
|
|
|
65
64
|
|
|
66
65
|
|
|
67
66
|
var $8eccbe85e6b61151$exports = {};
|
|
68
|
-
$8eccbe85e6b61151$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-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-6 {\n top: -1.5rem;\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-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-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-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-10 {\n margin-bottom: 2.5rem;\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-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-\\[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-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\\/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\\/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-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-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-\\[600px\\] {\n max-width: 600px;\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-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@keyframes rf-fadeIn {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\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-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-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-x-silver {\n --tw-border-opacity: 1;\n border-left-color: rgb(192 192 192 / var(--tw-border-opacity));\n border-right-color: rgb(192 192 192 / var(--tw-border-opacity));\n}\n\n.rf-border-x-transparent {\n border-left-color: #0000;\n border-right-color: #0000;\n}\n\n.rf-border-x-truewhite {\n --tw-border-opacity: 1;\n border-left-color: rgb(255 255 255 / var(--tw-border-opacity));\n border-right-color: rgb(255 255 255 / var(--tw-border-opacity));\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-y-transparent {\n border-top-color: #0000;\n border-bottom-color: #0000;\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-py-\\[0\\.1rem\\] {\n padding-top: .1rem;\n padding-bottom: .1rem;\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-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-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\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}\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_-5px_10px_silver\\,-5px_0_10px_silver\\,5px_0_10px_silver\\] {\n --tw-shadow: 0 -5px 10px silver, -5px 0 10px silver, 5px 0 10px silver;\n --tw-shadow-colored: 0 -5px 10px var(--tw-shadow-color), -5px 0 10px var(--tw-shadow-color), 5px 0 10px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_15px_0_silver\\] {\n --tw-shadow: 0 0 15px 0 silver;\n --tw-shadow-colored: 0 0 15px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_20px_1px_\\#A4A7AF80\\] {\n --tw-shadow: 0 0 20px 1px #a4a7af80;\n --tw-shadow-colored: 0 0 20px 1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_3px_6px_\\#00000029\\] {\n --tw-shadow: 0 0 3px 6px #00000029;\n --tw-shadow-colored: 0 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#00000029\\] {\n --tw-shadow: 0 3px 6px #00000029;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#606267\\] {\n --tw-shadow: 0 3px 6px #606267;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_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-\\[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.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-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-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-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: 1rem .5rem;\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.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-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#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-span-full {\n grid-row: 1 / -1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-start-1 {\n grid-row-start: 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-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-3 {\n margin-top: .75rem;\n margin-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-my-8 {\n margin-top: 2rem;\n margin-bottom: 2rem;\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-4 {\n margin-top: 1rem;\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-\\[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-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-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-\\[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-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-rounded {\n border-radius: .3125rem;\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-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-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-\\[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-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-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-items-center {\n align-items: center;\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#retorik-container.rf-large:not(.rf-portrait) .desktop\\:rf-max-h-\\[40\\%\\] {\n max-height: 40%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .desktop\\:rf-max-h-\\[58\\%\\] {\n max-height: 58%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .desktop\\:rf-scale-75 {\n --tw-scale-x: .75;\n --tw-scale-y: .75;\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@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\n";
|
|
67
|
+
$8eccbe85e6b61151$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-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-6 {\n top: -1.5rem;\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-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-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-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-10 {\n margin-bottom: 2.5rem;\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-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-\\[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-\\[120px\\] {\n max-height: 120px;\n}\n\n.rf-max-h-full {\n max-height: 100%;\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\\/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\\/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-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-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-\\[600px\\] {\n max-width: 600px;\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-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@keyframes rf-fadeIn {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\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-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-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-x-silver {\n --tw-border-opacity: 1;\n border-left-color: rgb(192 192 192 / var(--tw-border-opacity));\n border-right-color: rgb(192 192 192 / var(--tw-border-opacity));\n}\n\n.rf-border-x-transparent {\n border-left-color: #0000;\n border-right-color: #0000;\n}\n\n.rf-border-x-truewhite {\n --tw-border-opacity: 1;\n border-left-color: rgb(255 255 255 / var(--tw-border-opacity));\n border-right-color: rgb(255 255 255 / var(--tw-border-opacity));\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-y-transparent {\n border-top-color: #0000;\n border-bottom-color: #0000;\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-py-\\[0\\.1rem\\] {\n padding-top: .1rem;\n padding-bottom: .1rem;\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-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-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\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_-5px_10px_silver\\,-5px_0_10px_silver\\,5px_0_10px_silver\\] {\n --tw-shadow: 0 -5px 10px silver, -5px 0 10px silver, 5px 0 10px silver;\n --tw-shadow-colored: 0 -5px 10px var(--tw-shadow-color), -5px 0 10px var(--tw-shadow-color), 5px 0 10px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_15px_0_silver\\] {\n --tw-shadow: 0 0 15px 0 silver;\n --tw-shadow-colored: 0 0 15px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_20px_1px_\\#A4A7AF80\\] {\n --tw-shadow: 0 0 20px 1px #a4a7af80;\n --tw-shadow-colored: 0 0 20px 1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_3px_6px_\\#00000029\\] {\n --tw-shadow: 0 0 3px 6px #00000029;\n --tw-shadow-colored: 0 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#00000029\\] {\n --tw-shadow: 0 3px 6px #00000029;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#606267\\] {\n --tw-shadow: 0 3px 6px #606267;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_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-\\[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-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-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-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.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-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#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-span-full {\n grid-row: 1 / -1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-start-1 {\n grid-row-start: 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-3 {\n margin-top: .75rem;\n margin-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-my-8 {\n margin-top: 2rem;\n margin-bottom: 2rem;\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-\\[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-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-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-\\[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-rounded {\n border-radius: .3125rem;\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-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-\\[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-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-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-items-center {\n align-items: center;\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#retorik-container.rf-large:not(.rf-portrait) .desktop\\:rf-max-h-\\[40\\%\\] {\n max-height: 40%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .desktop\\:rf-max-h-\\[58\\%\\] {\n max-height: 58%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .desktop\\:rf-scale-75 {\n --tw-scale-x: .75;\n --tw-scale-y: .75;\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@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\n";
|
|
69
68
|
|
|
70
69
|
|
|
71
70
|
var $e34e49dc85af82c2$exports = {};
|
|
@@ -910,6 +909,7 @@ const $4ffa233287fbc69d$export$4a92a69e5bfa5f9a = (attachments)=>{
|
|
|
910
909
|
|
|
911
910
|
const $3426110875af99d0$export$77e4cc5334565f28 = (0, $b3y7N$create)()(()=>{
|
|
912
911
|
return {
|
|
912
|
+
usingOnBorne: false,
|
|
913
913
|
fullScreenImage: undefined,
|
|
914
914
|
lastListActivity: undefined,
|
|
915
915
|
listClosed: false,
|
|
@@ -922,9 +922,27 @@ const $3426110875af99d0$export$77e4cc5334565f28 = (0, $b3y7N$create)()(()=>{
|
|
|
922
922
|
currentNewsActivity: undefined,
|
|
923
923
|
retorikNewsEnded: false,
|
|
924
924
|
userIsTyping: false,
|
|
925
|
-
askedForKioskParametersOpening: false
|
|
925
|
+
askedForKioskParametersOpening: false,
|
|
926
|
+
detailedAttachmentTriggers: [
|
|
927
|
+
{
|
|
928
|
+
type: "event",
|
|
929
|
+
name: "hospitality.ShowPointOfInterest",
|
|
930
|
+
linkedComponent: null
|
|
931
|
+
},
|
|
932
|
+
{
|
|
933
|
+
type: "event",
|
|
934
|
+
name: "hospitality.ShowContentItem",
|
|
935
|
+
linkedComponent: null
|
|
936
|
+
}
|
|
937
|
+
],
|
|
938
|
+
currentDetailedAttachmentTemplate: null
|
|
926
939
|
};
|
|
927
940
|
});
|
|
941
|
+
const $3426110875af99d0$export$a5e26481e56e47f9 = (value)=>{
|
|
942
|
+
$3426110875af99d0$export$77e4cc5334565f28.setState({
|
|
943
|
+
usingOnBorne: value
|
|
944
|
+
});
|
|
945
|
+
};
|
|
928
946
|
const $3426110875af99d0$export$4e062bd31c814155 = (src)=>{
|
|
929
947
|
$3426110875af99d0$export$77e4cc5334565f28.setState({
|
|
930
948
|
fullScreenImage: src
|
|
@@ -1000,6 +1018,15 @@ const $3426110875af99d0$export$61008920e70c5e8a = ()=>{
|
|
|
1000
1018
|
});
|
|
1001
1019
|
}, 50);
|
|
1002
1020
|
};
|
|
1021
|
+
const $3426110875af99d0$export$d1f60bb847ecc604 = (value)=>{
|
|
1022
|
+
const currentTriggers = $3426110875af99d0$export$77e4cc5334565f28.getState().detailedAttachmentTriggers;
|
|
1023
|
+
$3426110875af99d0$export$77e4cc5334565f28.setState({
|
|
1024
|
+
detailedAttachmentTriggers: [
|
|
1025
|
+
...currentTriggers,
|
|
1026
|
+
value
|
|
1027
|
+
]
|
|
1028
|
+
});
|
|
1029
|
+
};
|
|
1003
1030
|
|
|
1004
1031
|
|
|
1005
1032
|
|
|
@@ -1454,6 +1481,17 @@ var $9a5f0912c55d1da2$export$2e2bcd8739ae039 = $9a5f0912c55d1da2$var$createCusto
|
|
|
1454
1481
|
|
|
1455
1482
|
|
|
1456
1483
|
|
|
1484
|
+
const $99c9e8518c31254c$var$processBaseURI = (baseURI)=>{
|
|
1485
|
+
if (baseURI && baseURI.length > 0) {
|
|
1486
|
+
if (baseURI.indexOf(`/${(0, $cd0e91e00b0900ed$export$d9e38c0112bbdae6)}`) > -1) baseURI = baseURI.replace(`/${(0, $cd0e91e00b0900ed$export$d9e38c0112bbdae6)}`, "");
|
|
1487
|
+
}
|
|
1488
|
+
return baseURI;
|
|
1489
|
+
};
|
|
1490
|
+
var $99c9e8518c31254c$export$2e2bcd8739ae039 = $99c9e8518c31254c$var$processBaseURI;
|
|
1491
|
+
|
|
1492
|
+
|
|
1493
|
+
|
|
1494
|
+
|
|
1457
1495
|
|
|
1458
1496
|
|
|
1459
1497
|
|
|
@@ -1481,7 +1519,8 @@ const $56b00880a398c953$export$bd22554f31e5f96f = (0, $b3y7N$create)()(()=>{
|
|
|
1481
1519
|
mode: (0, $f5ca62954d1f1f5b$export$9484bbecc3c49a2e).text,
|
|
1482
1520
|
subtitlesInConfiguration: false,
|
|
1483
1521
|
displaySubtitles: false,
|
|
1484
|
-
agentData: undefined
|
|
1522
|
+
agentData: undefined,
|
|
1523
|
+
loaderClosed: false
|
|
1485
1524
|
};
|
|
1486
1525
|
});
|
|
1487
1526
|
const $56b00880a398c953$export$d4f039427a1beff1 = (value)=>{
|
|
@@ -1495,6 +1534,11 @@ const $56b00880a398c953$export$d4f039427a1beff1 = (value)=>{
|
|
|
1495
1534
|
value !== (0, $f5ca62954d1f1f5b$export$9484bbecc3c49a2e).text && (0, $3426110875af99d0$export$4a471cf3284fc492)(false);
|
|
1496
1535
|
(0, $04ce41b46d359821$export$a1680ba91cc9be33)(value === (0, $f5ca62954d1f1f5b$export$9484bbecc3c49a2e).text);
|
|
1497
1536
|
};
|
|
1537
|
+
const $56b00880a398c953$export$982d69b78a955aaf = (value)=>{
|
|
1538
|
+
$56b00880a398c953$export$bd22554f31e5f96f.setState({
|
|
1539
|
+
loaderClosed: value
|
|
1540
|
+
});
|
|
1541
|
+
};
|
|
1498
1542
|
const $56b00880a398c953$export$f9f752f8a699b258 = (value)=>{
|
|
1499
1543
|
$56b00880a398c953$export$bd22554f31e5f96f.setState({
|
|
1500
1544
|
subtitlesInConfiguration: value
|
|
@@ -1518,6 +1562,7 @@ const $56b00880a398c953$export$a72b80ff363563a1 = async (value)=>{
|
|
|
1518
1562
|
};
|
|
1519
1563
|
|
|
1520
1564
|
|
|
1565
|
+
|
|
1521
1566
|
const $15b0bc93a9787124$var$defaultConfiguration = {
|
|
1522
1567
|
subtitles: false
|
|
1523
1568
|
};
|
|
@@ -1526,11 +1571,11 @@ const $15b0bc93a9787124$var$RetorikContextDefaultValues = {
|
|
|
1526
1571
|
appAvailable: false,
|
|
1527
1572
|
loaderClosed: false,
|
|
1528
1573
|
addressData: {},
|
|
1574
|
+
baseAddress: "",
|
|
1529
1575
|
canFocusSendBox: false,
|
|
1530
1576
|
setConfiguration: ()=>{},
|
|
1531
1577
|
setAppAvailable: ()=>{},
|
|
1532
1578
|
setLoaderClosed: ()=>{},
|
|
1533
|
-
setCurrentAddressData: ()=>{},
|
|
1534
1579
|
setSendBoxRef: ()=>{},
|
|
1535
1580
|
focusSendBox: ()=>{},
|
|
1536
1581
|
setCanFocusSendBox: ()=>{}
|
|
@@ -1540,7 +1585,6 @@ function $15b0bc93a9787124$export$d8760bee47331b1d() {
|
|
|
1540
1585
|
return (0, $b3y7N$useContext)($15b0bc93a9787124$export$353e73f2cc0f3642);
|
|
1541
1586
|
}
|
|
1542
1587
|
function $15b0bc93a9787124$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, chosenMode: chosenMode, config: config, children: children, addressData: addressData }) {
|
|
1543
|
-
const [currentAddressData, setCurrentAddressData] = (0, $b3y7N$useState)(addressData);
|
|
1544
1588
|
const [configuration, setConfiguration] = (0, $b3y7N$useState)(config);
|
|
1545
1589
|
const [appAvailable, setAppAvailable] = (0, $b3y7N$useState)(false);
|
|
1546
1590
|
const [loaderClosed, setLoaderClosed] = (0, $b3y7N$useState)(!!skipLoader);
|
|
@@ -1549,17 +1593,22 @@ function $15b0bc93a9787124$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, cho
|
|
|
1549
1593
|
const focusSendBox = ()=>{
|
|
1550
1594
|
sendBoxRef && document.activeElement !== sendBoxRef && sendBoxRef.focus();
|
|
1551
1595
|
};
|
|
1596
|
+
const baseAddress = (0, $b3y7N$useMemo)(()=>{
|
|
1597
|
+
return `${addressData.baseURI && addressData.baseURI.length > 0 ? (0, $99c9e8518c31254c$export$2e2bcd8739ae039)(addressData.baseURI) : (0, $29f3fbfb4bd47593$export$2e2bcd8739ae039)(addressData.prefix)}/${addressData.tenant ? addressData.tenant + "/" : ""}`;
|
|
1598
|
+
}, [
|
|
1599
|
+
addressData
|
|
1600
|
+
]);
|
|
1601
|
+
const storeLoaderClosed = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
|
|
1552
1602
|
const value = (0, $b3y7N$useMemo)(()=>({
|
|
1553
1603
|
configuration: configuration,
|
|
1554
1604
|
appAvailable: appAvailable,
|
|
1555
1605
|
loaderClosed: loaderClosed,
|
|
1556
|
-
currentAddressData: currentAddressData,
|
|
1557
1606
|
addressData: addressData,
|
|
1607
|
+
baseAddress: baseAddress,
|
|
1558
1608
|
canFocusSendBox: canFocusSendBox,
|
|
1559
1609
|
setConfiguration: setConfiguration,
|
|
1560
1610
|
setAppAvailable: setAppAvailable,
|
|
1561
1611
|
setLoaderClosed: setLoaderClosed,
|
|
1562
|
-
setCurrentAddressData: setCurrentAddressData,
|
|
1563
1612
|
setSendBoxRef: setSendBoxRef,
|
|
1564
1613
|
focusSendBox: focusSendBox,
|
|
1565
1614
|
setCanFocusSendBox: setCanFocusSendBox
|
|
@@ -1567,12 +1616,11 @@ function $15b0bc93a9787124$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, cho
|
|
|
1567
1616
|
configuration,
|
|
1568
1617
|
appAvailable,
|
|
1569
1618
|
loaderClosed,
|
|
1570
|
-
|
|
1619
|
+
baseAddress,
|
|
1571
1620
|
canFocusSendBox,
|
|
1572
1621
|
setConfiguration,
|
|
1573
1622
|
setAppAvailable,
|
|
1574
1623
|
setLoaderClosed,
|
|
1575
|
-
setCurrentAddressData,
|
|
1576
1624
|
setSendBoxRef,
|
|
1577
1625
|
setCanFocusSendBox
|
|
1578
1626
|
]);
|
|
@@ -1588,6 +1636,11 @@ function $15b0bc93a9787124$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, cho
|
|
|
1588
1636
|
position: position
|
|
1589
1637
|
});
|
|
1590
1638
|
};
|
|
1639
|
+
(0, $b3y7N$useEffect)(()=>{
|
|
1640
|
+
(0, $3426110875af99d0$export$a5e26481e56e47f9)(!!configuration.isUsedOnBorne);
|
|
1641
|
+
}, [
|
|
1642
|
+
configuration.isUsedOnBorne
|
|
1643
|
+
]);
|
|
1591
1644
|
// Get position from navigator
|
|
1592
1645
|
(0, $b3y7N$useEffect)(()=>{
|
|
1593
1646
|
if (configuration.position?.searchForLocation) // Position enabled
|
|
@@ -1608,6 +1661,16 @@ function $15b0bc93a9787124$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, cho
|
|
|
1608
1661
|
}, [
|
|
1609
1662
|
chosenMode
|
|
1610
1663
|
]);
|
|
1664
|
+
(0, $b3y7N$useEffect)(()=>{
|
|
1665
|
+
(0, $56b00880a398c953$export$982d69b78a955aaf)(loaderClosed);
|
|
1666
|
+
}, [
|
|
1667
|
+
loaderClosed
|
|
1668
|
+
]);
|
|
1669
|
+
(0, $b3y7N$useEffect)(()=>{
|
|
1670
|
+
if (storeLoaderClosed !== loaderClosed) setLoaderClosed(storeLoaderClosed);
|
|
1671
|
+
}, [
|
|
1672
|
+
storeLoaderClosed
|
|
1673
|
+
]);
|
|
1611
1674
|
/**
|
|
1612
1675
|
* On config props change :
|
|
1613
1676
|
* - update configuration state
|
|
@@ -1638,15 +1701,6 @@ function $15b0bc93a9787124$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, cho
|
|
|
1638
1701
|
|
|
1639
1702
|
|
|
1640
1703
|
|
|
1641
|
-
const $99c9e8518c31254c$var$processBaseURI = (baseURI)=>{
|
|
1642
|
-
if (baseURI && baseURI.length > 0) {
|
|
1643
|
-
if (baseURI.indexOf(`/${(0, $cd0e91e00b0900ed$export$d9e38c0112bbdae6)}`) > -1) baseURI = baseURI.replace(`/${(0, $cd0e91e00b0900ed$export$d9e38c0112bbdae6)}`, "");
|
|
1644
|
-
}
|
|
1645
|
-
return baseURI;
|
|
1646
|
-
};
|
|
1647
|
-
var $99c9e8518c31254c$export$2e2bcd8739ae039 = $99c9e8518c31254c$var$processBaseURI;
|
|
1648
|
-
|
|
1649
|
-
|
|
1650
1704
|
|
|
1651
1705
|
async function $309fa5b19f540c29$export$2e2bcd8739ae039({ tenant: tenant, prefix: prefix, baseURI: baseURI }) {
|
|
1652
1706
|
const fullAddress = `${baseURI && baseURI?.length > 0 ? (0, $99c9e8518c31254c$export$2e2bcd8739ae039)(baseURI) : (0, $29f3fbfb4bd47593$export$2e2bcd8739ae039)(prefix)}/${tenant ? tenant + "/" : ""}api/graphql?query={siteCultures{culture,default}}`;
|
|
@@ -1679,7 +1733,8 @@ async function $309fa5b19f540c29$export$2e2bcd8739ae039({ tenant: tenant, prefix
|
|
|
1679
1733
|
}
|
|
1680
1734
|
*/ const $309fa5b19f540c29$var$processJson = (json)=>{
|
|
1681
1735
|
if (!json.data?.siteCultures || !json.data.siteCultures?.length) return 0, $cd0e91e00b0900ed$export$8828fbbb6034a09b;
|
|
1682
|
-
|
|
1736
|
+
// Filter data to remove sitecultures without culture as <language>-<culture>
|
|
1737
|
+
const siteCultures = json.data.siteCultures.filter((siteCulture)=>siteCulture.culture?.includes("-"));
|
|
1683
1738
|
const processedLanguages = {
|
|
1684
1739
|
all: siteCultures.map((siteCulture)=>siteCulture.culture),
|
|
1685
1740
|
default: siteCultures.find((siteCulture)=>siteCulture.default)?.culture || siteCultures[0].culture
|
|
@@ -3929,7 +3984,7 @@ var $521e78e1921d1e6b$export$2e2bcd8739ae039 = $521e78e1921d1e6b$var$POIAttachme
|
|
|
3929
3984
|
|
|
3930
3985
|
|
|
3931
3986
|
var $eaf6a199394cb1e5$exports = {};
|
|
3932
|
-
$eaf6a199394cb1e5$exports = JSON.parse('{"fr-FR":{"comment":"avis clients","route":"itin\xe9raire","nodata":"Aucun contenu ne correspond \xe0 votre recherche","pr\xe9c\xe9dent":"Page pr\xe9c\xe9dente","suivant":"Voir la suite","download":"T\xe9l\xe9charger cette fiche","scanQR":"en scannant le QrCode"},"en-US":{"comment":"customer review","route":"route","nodata":"No content corresponds to your search","pr\xe9c\xe9dent":"Previous page","suivant":"Next page","download":"Download this sheet","scanQR":"by scanning the QrCode"},"es-ES":{"comment":"revisi\xf3n del cliente","route":"ruta","nodata":"Ning\xfan contenido corresponde a su b\xfasqueda","pr\xe9c\xe9dent":"P\xe1gina anterior","suivant":"P\xe1gina siguiente","download":"Descargue esta hoja","scanQR":"escaneando el QrCode"},"de-DE":{"comment":"Kundenbewertung","route":"Route","nodata":"Kein Inhalt entspricht Ihrer Suche","pr\xe9c\xe9dent":"Vorherige Seite","suivant":"N\xe4chste Seite","download":"Dieses Blatt herunterladen","scanQR":"durch Scannen des QrCodes"}}');
|
|
3987
|
+
$eaf6a199394cb1e5$exports = JSON.parse('{"fr-FR":{"comment":"avis clients","route":"itin\xe9raire","nodata":"Aucun contenu ne correspond \xe0 votre recherche","pr\xe9c\xe9dent":"Page pr\xe9c\xe9dente","suivant":"Voir la suite","download":"T\xe9l\xe9charger cette fiche","scanQR":"en scannant le QrCode","openinghours":"Horaires","prices":"Tarifs","paymentmethods":"Modes de paiement","numberofplaces":"nombre de couverts","FoodEstablishment":"O\xf9 manger","LodgingBusiness":"O\xf9 dormir","TouristDestination":"A voir","TouristAttraction":"A faire","Product":"Produits locaux","Service":"Services","Event":"Ev\xe8nements","City":"Villes","Wine":"Vins"},"en-US":{"comment":"customer review","route":"route","nodata":"No content corresponds to your search","pr\xe9c\xe9dent":"Previous page","suivant":"Next page","download":"Download this sheet","scanQR":"by scanning the QrCode","openinghours":"Opening hours","prices":"Prices","paymentmethods":"Payment methods","numberofplaces":"number of places","FoodEstablishment":"Where to eat","LodgingBusiness":"Where to sleep","TouristDestination":"What to see","TouristAttraction":"What to do","Product":"Local products","Service":"Services","Event":"Events","City":"Cities","Wine":"Wines"},"es-ES":{"comment":"revisi\xf3n del cliente","route":"ruta","nodata":"Ning\xfan contenido corresponde a su b\xfasqueda","pr\xe9c\xe9dent":"P\xe1gina anterior","suivant":"P\xe1gina siguiente","download":"Descargue esta hoja","scanQR":"escaneando el QrCode","openinghours":"Horario de apertura","prices":"Precios","paymentmethods":"M\xe9todos de pago","numberofplaces":"numero de lugares","FoodEstablishment":"D\xf3nde comer","LodgingBusiness":"D\xf3nde dormir","TouristDestination":"Qu\xe9 ver","TouristAttraction":"Qu\xe9 hacer","Product":"Productos locales","Service":"Servicios","Event":"Eventos","City":"Ciudades","Wine":"Vinos"},"de-DE":{"comment":"Kundenbewertung","route":"Route","nodata":"Kein Inhalt entspricht Ihrer Suche","pr\xe9c\xe9dent":"Vorherige Seite","suivant":"N\xe4chste Seite","download":"Dieses Blatt herunterladen","scanQR":"durch Scannen des QrCodes","openinghours":"\xd6ffnungszeiten","prices":"Preise","paymentmethods":"Zahlungsarten","numberofplaces":"Anzahl der Pl\xe4tze","FoodEstablishment":"Wo sollen wir essen","LodgingBusiness":"Wo schlafen","TouristDestination":"Was zu sehen","TouristAttraction":"Was zu tun","Product":"Lokale Produkte","Service":"Dienstleistungen","Event":"Veranstaltungen","City":"St\xe4dte","Wine":"Weine"}}');
|
|
3933
3988
|
|
|
3934
3989
|
|
|
3935
3990
|
const { useSendPostBack: $2fe91ba099f766ba$var$useSendPostBack } = (0, $b3y7N$hooks1);
|
|
@@ -4064,10 +4119,6 @@ var $eb227575bb03fb1f$export$2e2bcd8739ae039 = $eb227575bb03fb1f$var$ImageAttach
|
|
|
4064
4119
|
|
|
4065
4120
|
|
|
4066
4121
|
|
|
4067
|
-
var $49349f2cabfc324f$exports = {};
|
|
4068
|
-
$49349f2cabfc324f$exports = JSON.parse('{"fr-FR":{"download":"T\xe9l\xe9charger","goto":"Acc\xe9der \xe0 l\'adresse","click":"Cliquez-ici","scanQR":"en scannant le QrCode"},"en-US":{"download":"Download","goto":"Go to address","click":"Click here","scanQR":"by scanning the QrCode"},"es-ES":{"download":"Descargar","goto":"Ir a la direcci\xf3n","click":"Haga clic aqu\xed","scanQR":"escaneando el QrCode"},"de-DE":{"download":"Herunterladen","goto":"Gehe zu Adresse","click":"Hier klicken","scanQR":"durch Scannen des QrCodes"}}');
|
|
4069
|
-
|
|
4070
|
-
|
|
4071
4122
|
const $2765b17b11305295$export$d07f57595c356899 = (text, locale = "fr-FR")=>{
|
|
4072
4123
|
if (text && text.length > 0) {
|
|
4073
4124
|
const first = text.charAt(0);
|
|
@@ -4260,40 +4311,55 @@ var $d6e80ae182c0e55b$export$2e2bcd8739ae039 = $d6e80ae182c0e55b$var$BorderlessB
|
|
|
4260
4311
|
|
|
4261
4312
|
|
|
4262
4313
|
|
|
4314
|
+
var $49349f2cabfc324f$exports = {};
|
|
4315
|
+
$49349f2cabfc324f$exports = JSON.parse('{"fr-FR":{"download":"T\xe9l\xe9charger","goto":"Acc\xe9der \xe0 l\'adresse","click":"Cliquez-ici","scanQR":"en scannant le QrCode"},"en-US":{"download":"Download","goto":"Go to address","click":"Click here","scanQR":"by scanning the QrCode"},"es-ES":{"download":"Descargar","goto":"Ir a la direcci\xf3n","click":"Haga clic aqu\xed","scanQR":"escaneando el QrCode"},"de-DE":{"download":"Herunterladen","goto":"Gehe zu Adresse","click":"Hier klicken","scanQR":"durch Scannen des QrCodes"}}');
|
|
4316
|
+
|
|
4317
|
+
|
|
4318
|
+
const $66f1786018af6977$export$2eb1c1cc4b12d451 = ({ locale: locale, isUsedOnBorne: isUsedOnBorne, data: data, fileName: fileName })=>{
|
|
4319
|
+
let textToDisplay = "";
|
|
4320
|
+
const downloadText = (0, (/*@__PURE__*/$parcel$interopDefault($49349f2cabfc324f$exports)))[locale]?.download || (0, (/*@__PURE__*/$parcel$interopDefault($49349f2cabfc324f$exports)))["fr-FR"].download;
|
|
4321
|
+
const gotoText = (0, (/*@__PURE__*/$parcel$interopDefault($49349f2cabfc324f$exports)))[locale]?.goto || (0, (/*@__PURE__*/$parcel$interopDefault($49349f2cabfc324f$exports)))["fr-FR"].goto;
|
|
4322
|
+
const clickText = (0, (/*@__PURE__*/$parcel$interopDefault($49349f2cabfc324f$exports)))[locale]?.click || (0, (/*@__PURE__*/$parcel$interopDefault($49349f2cabfc324f$exports)))["fr-FR"].click;
|
|
4323
|
+
const scanQRText = (0, (/*@__PURE__*/$parcel$interopDefault($49349f2cabfc324f$exports)))[locale]?.scanQR || (0, (/*@__PURE__*/$parcel$interopDefault($49349f2cabfc324f$exports)))["fr-FR"].scanQR;
|
|
4324
|
+
if (isUsedOnBorne) {
|
|
4325
|
+
if (data.download) {
|
|
4326
|
+
if (data.title) textToDisplay = `${downloadText} \u00ab ${fileName} \u00bb`;
|
|
4327
|
+
else textToDisplay = downloadText;
|
|
4328
|
+
} else textToDisplay = gotoText;
|
|
4329
|
+
textToDisplay += ` ${scanQRText}`;
|
|
4330
|
+
} else if (data.download) {
|
|
4331
|
+
if (data.title) textToDisplay = `${downloadText} ${fileName}`;
|
|
4332
|
+
else textToDisplay = downloadText;
|
|
4333
|
+
} else textToDisplay = clickText;
|
|
4334
|
+
return textToDisplay;
|
|
4335
|
+
};
|
|
4336
|
+
|
|
4337
|
+
|
|
4263
4338
|
|
|
4264
4339
|
const $c61309d68b23d8e1$var$LinkAttachment = ({ urlData: urlData, fileName: fileName, qrCode: qrCode, description: description, height: height })=>{
|
|
4265
|
-
const
|
|
4266
|
-
const
|
|
4340
|
+
const isUsedOnBorne = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.usingOnBorne);
|
|
4341
|
+
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
4267
4342
|
!fileName && (fileName = (0, $8dab441d7015d472$export$a6f11fce0a840e6c)(urlData.url));
|
|
4268
4343
|
const title = urlData.title || fileName;
|
|
4269
4344
|
const [qrCodeData, setQrCodeData] = (0, $b3y7N$useState)(qrCode);
|
|
4270
|
-
|
|
4271
|
-
|
|
4272
|
-
|
|
4273
|
-
|
|
4274
|
-
|
|
4275
|
-
|
|
4276
|
-
|
|
4277
|
-
|
|
4278
|
-
|
|
4279
|
-
|
|
4280
|
-
|
|
4281
|
-
|
|
4282
|
-
|
|
4283
|
-
else textToDisplay = downloadText;
|
|
4284
|
-
} else textToDisplay = gotoText;
|
|
4285
|
-
textToDisplay += ` ${scanQRText}`;
|
|
4286
|
-
} else if (urlData.download) {
|
|
4287
|
-
if (urlData.title) textToDisplay = `${downloadText} ${fileName}`;
|
|
4288
|
-
else textToDisplay = downloadText;
|
|
4289
|
-
} else textToDisplay = clickText;
|
|
4290
|
-
return textToDisplay;
|
|
4291
|
-
};
|
|
4345
|
+
const [textToDisplay, setTextToDisplay] = (0, $b3y7N$useState)("");
|
|
4346
|
+
(0, $b3y7N$useEffect)(()=>{
|
|
4347
|
+
setTextToDisplay((0, $66f1786018af6977$export$2eb1c1cc4b12d451)({
|
|
4348
|
+
locale: locale,
|
|
4349
|
+
isUsedOnBorne: isUsedOnBorne,
|
|
4350
|
+
data: urlData,
|
|
4351
|
+
fileName: fileName
|
|
4352
|
+
}));
|
|
4353
|
+
}, [
|
|
4354
|
+
isUsedOnBorne,
|
|
4355
|
+
locale,
|
|
4356
|
+
urlData
|
|
4357
|
+
]);
|
|
4292
4358
|
/**
|
|
4293
4359
|
* On component creation :
|
|
4294
4360
|
* - call setQrCodeDataAsync only if used on a borne
|
|
4295
4361
|
*/ (0, $b3y7N$useEffect)(()=>{
|
|
4296
|
-
!qrCode &&
|
|
4362
|
+
!qrCode && isUsedOnBorne && setQrCodeDataAsync();
|
|
4297
4363
|
}, []);
|
|
4298
4364
|
/**
|
|
4299
4365
|
* On call :
|
|
@@ -4312,10 +4378,10 @@ const $c61309d68b23d8e1$var$LinkAttachment = ({ urlData: urlData, fileName: file
|
|
|
4312
4378
|
children: [
|
|
4313
4379
|
title && // Title on the left if there is a description, middle otherwise
|
|
4314
4380
|
/*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
4315
|
-
className: `rf-w-full rf-mb-4 ${description ? "rf-text-left" : "rf-text-center"} rf-title-size-auto ${
|
|
4381
|
+
className: `rf-w-full rf-mb-4 ${description ? "rf-text-left" : "rf-text-center"} rf-title-size-auto ${isUsedOnBorne ? "rf-truncate" : "rf-line-clamp-2"}`,
|
|
4316
4382
|
children: (0, $2765b17b11305295$export$d07f57595c356899)(title)
|
|
4317
4383
|
}),
|
|
4318
|
-
|
|
4384
|
+
isUsedOnBorne ? /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $b3y7N$react).Fragment, {
|
|
4319
4385
|
children: [
|
|
4320
4386
|
/*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
4321
4387
|
className: "rf-w-full rf-mb-4 rf-flex rf-flex-row rf-items-center rf-justify-center",
|
|
@@ -4337,7 +4403,7 @@ const $c61309d68b23d8e1$var$LinkAttachment = ({ urlData: urlData, fileName: file
|
|
|
4337
4403
|
/*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3b954e5dc07413f$export$2e2bcd8739ae039), {
|
|
4338
4404
|
className: "rf-absolute rf-top-[0.125rem] -rf-left-6 rf-h-4"
|
|
4339
4405
|
}),
|
|
4340
|
-
|
|
4406
|
+
textToDisplay
|
|
4341
4407
|
]
|
|
4342
4408
|
})
|
|
4343
4409
|
]
|
|
@@ -4347,13 +4413,13 @@ const $c61309d68b23d8e1$var$LinkAttachment = ({ urlData: urlData, fileName: file
|
|
|
4347
4413
|
className: "rf-mb-4",
|
|
4348
4414
|
children: description
|
|
4349
4415
|
}),
|
|
4350
|
-
urlData.download && urlData.title &&
|
|
4416
|
+
urlData.download && urlData.title && textToDisplay.length >= 40 ? /*#__PURE__*/ (0, $b3y7N$jsx)((0, $d6e80ae182c0e55b$export$2e2bcd8739ae039), {
|
|
4351
4417
|
url: urlData.url,
|
|
4352
|
-
text:
|
|
4418
|
+
text: textToDisplay,
|
|
4353
4419
|
download: true
|
|
4354
4420
|
}) : /*#__PURE__*/ (0, $b3y7N$jsx)((0, $c2d3f42580cae3e9$export$2e2bcd8739ae039), {
|
|
4355
4421
|
url: urlData.url,
|
|
4356
|
-
text:
|
|
4422
|
+
text: textToDisplay,
|
|
4357
4423
|
description: !!description,
|
|
4358
4424
|
download: !!urlData.download
|
|
4359
4425
|
})
|
|
@@ -4452,7 +4518,6 @@ var $c4d4cd8419dfdc81$export$2e2bcd8739ae039 = $c4d4cd8419dfdc81$var$SuggestedAc
|
|
|
4452
4518
|
|
|
4453
4519
|
|
|
4454
4520
|
|
|
4455
|
-
|
|
4456
4521
|
const $4e2a8337f51cd40f$var$SvgColorChanger = ({ svgUrl: svgUrl, fillColor: fillColor, height: height })=>{
|
|
4457
4522
|
const [modifiedSvg, setModifiedSvg] = (0, $b3y7N$useState)(null);
|
|
4458
4523
|
(0, $b3y7N$useEffect)(()=>{
|
|
@@ -4477,7 +4542,11 @@ const $4e2a8337f51cd40f$var$SvgColorChanger = ({ svgUrl: svgUrl, fillColor: fill
|
|
|
4477
4542
|
fillColor
|
|
4478
4543
|
]);
|
|
4479
4544
|
return /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$Fragment), {
|
|
4480
|
-
children: modifiedSvg && (0, $b3y7N$
|
|
4545
|
+
children: modifiedSvg && /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
4546
|
+
dangerouslySetInnerHTML: {
|
|
4547
|
+
__html: modifiedSvg
|
|
4548
|
+
}
|
|
4549
|
+
})
|
|
4481
4550
|
});
|
|
4482
4551
|
};
|
|
4483
4552
|
var $4e2a8337f51cd40f$export$2e2bcd8739ae039 = $4e2a8337f51cd40f$var$SvgColorChanger;
|
|
@@ -4487,13 +4556,34 @@ const { useSendPostBack: $b82cb9309c705ea4$var$useSendPostBack } = (0, $b3y7N$ho
|
|
|
4487
4556
|
const $b82cb9309c705ea4$var$DiscoverAttachment = ({ title: title, mainButtons: mainButtons, recommandationButton: recommandationButton, history: history, height: height })=>{
|
|
4488
4557
|
const sendPostBack = $b82cb9309c705ea4$var$useSendPostBack();
|
|
4489
4558
|
const { locale: locale } = (0, $f902d4436881b887$export$6650dace022cfacc)();
|
|
4490
|
-
const {
|
|
4491
|
-
const
|
|
4492
|
-
|
|
4493
|
-
|
|
4494
|
-
|
|
4495
|
-
|
|
4496
|
-
|
|
4559
|
+
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
4560
|
+
const displayLayout = (0, $b3y7N$useMemo)(()=>{
|
|
4561
|
+
if (mainButtons && mainButtons.length > 1) return `rf-w-full rf-grid rf-grid-cols-${mainButtons.length} rf-gap-2 large:rf-gap-4`;
|
|
4562
|
+
return "rf-w-1/2 rf-justify-self-center";
|
|
4563
|
+
}, [
|
|
4564
|
+
mainButtons
|
|
4565
|
+
]);
|
|
4566
|
+
const handleClick = (data)=>{
|
|
4567
|
+
let dataToSend = {};
|
|
4568
|
+
if (typeof data === "string") dataToSend = {
|
|
4569
|
+
type: "event",
|
|
4570
|
+
name: data
|
|
4571
|
+
};
|
|
4572
|
+
else {
|
|
4573
|
+
const value = data.FilterId ? {
|
|
4574
|
+
value: {
|
|
4575
|
+
filterId: data.FilterId,
|
|
4576
|
+
filterValue: data.FilterValue,
|
|
4577
|
+
followingCardText: data.FollowingCardText
|
|
4578
|
+
}
|
|
4579
|
+
} : {};
|
|
4580
|
+
dataToSend = {
|
|
4581
|
+
type: "event",
|
|
4582
|
+
name: data.EventName,
|
|
4583
|
+
...value
|
|
4584
|
+
};
|
|
4585
|
+
}
|
|
4586
|
+
sendPostBack(dataToSend);
|
|
4497
4587
|
};
|
|
4498
4588
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
4499
4589
|
className: `rf-w-full rf-flex rf-flex-col rf-items-center rf-justify-between rf-rounded rf-bg-cardFrameBackground large:rf-p-[25px] rf-p-4 ${history && "rf-pointer-events-none"} `,
|
|
@@ -4502,11 +4592,11 @@ const $b82cb9309c705ea4$var$DiscoverAttachment = ({ title: title, mainButtons: m
|
|
|
4502
4592
|
},
|
|
4503
4593
|
children: [
|
|
4504
4594
|
/*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
4505
|
-
className: "rf-min-h-inherit rf-rounded rf-bg-cardFrameBackground rf-text-cardFrameText rf-
|
|
4595
|
+
className: "rf-w-full rf-min-h-inherit rf-rounded rf-bg-cardFrameBackground rf-text-cardFrameText rf-title-size-auto rf-mb-3 rf-text-center",
|
|
4506
4596
|
children: (0, $2765b17b11305295$export$d07f57595c356899)(title, locale)
|
|
4507
4597
|
}),
|
|
4508
4598
|
/*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
4509
|
-
className:
|
|
4599
|
+
className: `rf-h-full ${displayLayout}`,
|
|
4510
4600
|
children: mainButtons && mainButtons.length > 0 ? mainButtons.map((button, i)=>{
|
|
4511
4601
|
let colorButtonHandle = "";
|
|
4512
4602
|
if (button.EventName.indexOf("TouristAttractions") > -1) colorButtonHandle = themeColors.tobeDoneColor;
|
|
@@ -4516,10 +4606,9 @@ const $b82cb9309c705ea4$var$DiscoverAttachment = ({ title: title, mainButtons: m
|
|
|
4516
4606
|
else if (button.EventName.indexOf("TouristDestinations") > -1) colorButtonHandle = themeColors.tobeSeenColor;
|
|
4517
4607
|
else if (button.EventName.indexOf("Event") > -1) colorButtonHandle = themeColors.agendaColor;
|
|
4518
4608
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
4519
|
-
className: "rf-relative rf-card-button-discover rf-rounded rf-flex rf-flex-col rf-gap-2 large:rf-gap-
|
|
4520
|
-
onClick: ()=>handleClick(button
|
|
4609
|
+
className: "rf-relative rf-w-full rf-card-button-discover rf-rounded rf-flex rf-flex-col rf-gap-2 large:rf-gap-3 rf-items-center rf-justify-self-center",
|
|
4610
|
+
onClick: ()=>handleClick(button),
|
|
4521
4611
|
style: {
|
|
4522
|
-
flex: isMobile ? "0 1 6rem" : "0 1 8rem",
|
|
4523
4612
|
boxShadow: "0px 0px 13px #0000009c"
|
|
4524
4613
|
},
|
|
4525
4614
|
children: [
|
|
@@ -4535,15 +4624,15 @@ const $b82cb9309c705ea4$var$DiscoverAttachment = ({ title: title, mainButtons: m
|
|
|
4535
4624
|
}
|
|
4536
4625
|
}),
|
|
4537
4626
|
/*#__PURE__*/ (0, $b3y7N$jsx)("p", {
|
|
4538
|
-
className: "rf-text-center rf-uppercase rf-font-bold large:rf-text-
|
|
4627
|
+
className: "rf-h-full rf-flex rf-items-center rf-text-center rf-uppercase rf-font-bold large:rf-text-basecustom rf-text-xsl",
|
|
4539
4628
|
children: button.Text
|
|
4540
4629
|
})
|
|
4541
4630
|
]
|
|
4542
4631
|
}, i);
|
|
4543
4632
|
}) : /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$Fragment), {})
|
|
4544
4633
|
}),
|
|
4545
|
-
recommandationButton && /*#__PURE__*/ (0, $b3y7N$jsx)("p", {
|
|
4546
|
-
className: "
|
|
4634
|
+
recommandationButton && mainButtons && mainButtons.length > 1 && /*#__PURE__*/ (0, $b3y7N$jsx)("p", {
|
|
4635
|
+
className: "rf-mt-4 rf-font-bold rf-card-button rf-text-center rf-capitalize-first",
|
|
4547
4636
|
onClick: ()=>handleClick(recommandationButton.eventName),
|
|
4548
4637
|
children: recommandationButton.text
|
|
4549
4638
|
})
|
|
@@ -7099,12 +7188,62 @@ class $e0d6ab762891a996$export$7f21b8f94f2ce32b extends $b3y7N$Input {
|
|
|
7099
7188
|
|
|
7100
7189
|
|
|
7101
7190
|
|
|
7102
|
-
|
|
7103
|
-
|
|
7104
|
-
|
|
7191
|
+
|
|
7192
|
+
|
|
7193
|
+
|
|
7194
|
+
|
|
7195
|
+
|
|
7196
|
+
const $db576dca76f01dfc$var$Animation2 = ({ color: color, loaderColor: loaderColor, backgroundColor: backgroundColor })=>{
|
|
7197
|
+
return /*#__PURE__*/ (0, $b3y7N$jsxs)("svg", {
|
|
7198
|
+
"aria-hidden": "true",
|
|
7199
|
+
className: "rf-inline rf-w-8 rf-h-8 rf-mr-2 rf-animate-spin ",
|
|
7200
|
+
viewBox: "0 0 100 101",
|
|
7201
|
+
fill: "none",
|
|
7202
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7203
|
+
style: {
|
|
7204
|
+
backgroundColor: backgroundColor
|
|
7205
|
+
},
|
|
7206
|
+
children: [
|
|
7207
|
+
/*#__PURE__*/ (0, $b3y7N$jsx)("path", {
|
|
7208
|
+
d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
|
|
7209
|
+
fill: "currentColor",
|
|
7210
|
+
style: {
|
|
7211
|
+
fill: color
|
|
7212
|
+
}
|
|
7213
|
+
}),
|
|
7214
|
+
/*#__PURE__*/ (0, $b3y7N$jsx)("path", {
|
|
7215
|
+
d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
|
|
7216
|
+
fill: "currentFill",
|
|
7217
|
+
style: {
|
|
7218
|
+
fill: loaderColor
|
|
7219
|
+
}
|
|
7220
|
+
})
|
|
7221
|
+
]
|
|
7222
|
+
});
|
|
7223
|
+
};
|
|
7224
|
+
var $db576dca76f01dfc$export$2e2bcd8739ae039 = $db576dca76f01dfc$var$Animation2;
|
|
7225
|
+
|
|
7226
|
+
|
|
7227
|
+
const $80813655cca657d6$var$ActionButton = ({ text: text, fullWidth: fullWidth, position: position, display: display, urlToOpen: urlToOpen, onClick: onClick })=>{
|
|
7228
|
+
const currentSubView = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.currentSubView);
|
|
7229
|
+
const isUsedOnBorne = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.usingOnBorne);
|
|
7230
|
+
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
7105
7231
|
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
7106
7232
|
const [style, setStyle] = (0, $b3y7N$useState)();
|
|
7107
7233
|
const [hover, setHover] = (0, $b3y7N$useState)(false);
|
|
7234
|
+
const [qrCodeData, setQrCodeData] = (0, $b3y7N$useState)();
|
|
7235
|
+
const setQrCodeDataAsync = async ()=>{
|
|
7236
|
+
if (urlToOpen) {
|
|
7237
|
+
const qrCodeString = await (0, $b3y7N$qrcode).toDataURL(encodeURI(urlToOpen));
|
|
7238
|
+
setQrCodeData(qrCodeString);
|
|
7239
|
+
}
|
|
7240
|
+
};
|
|
7241
|
+
(0, $b3y7N$useEffect)(()=>{
|
|
7242
|
+
if (urlToOpen && isUsedOnBorne) setQrCodeDataAsync();
|
|
7243
|
+
}, [
|
|
7244
|
+
urlToOpen,
|
|
7245
|
+
isUsedOnBorne
|
|
7246
|
+
]);
|
|
7108
7247
|
(0, $b3y7N$useEffect)(()=>{
|
|
7109
7248
|
// Set width : full or fit
|
|
7110
7249
|
let temp = fullWidth ? "rf-w-full" : "rf-w-fit";
|
|
@@ -7134,7 +7273,41 @@ const $80813655cca657d6$var$ActionButton = ({ text: text, fullWidth: fullWidth,
|
|
|
7134
7273
|
const handleLeave = ()=>{
|
|
7135
7274
|
if (currentSubView !== (0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).history) setHover(false);
|
|
7136
7275
|
};
|
|
7137
|
-
return
|
|
7276
|
+
return urlToOpen && isUsedOnBorne ? /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
7277
|
+
className: "rf-w-full rf-mt-2 rf-flex rf-flex-col rf-justify-center rf-items-center rf-text-cardButtonTextDefault",
|
|
7278
|
+
children: qrCodeData ? /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $b3y7N$react).Fragment, {
|
|
7279
|
+
children: [
|
|
7280
|
+
/*#__PURE__*/ (0, $b3y7N$jsx)("img", {
|
|
7281
|
+
className: "rf-h-full rf-max-h-[120px]",
|
|
7282
|
+
src: qrCodeData,
|
|
7283
|
+
alt: "QR Code"
|
|
7284
|
+
}),
|
|
7285
|
+
/*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
7286
|
+
className: "rf-relative rf-text-center rf-mx-8 rf-mt-2 rf-italic",
|
|
7287
|
+
children: [
|
|
7288
|
+
/*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3b954e5dc07413f$export$2e2bcd8739ae039), {
|
|
7289
|
+
className: "rf-absolute rf-top-[0.125rem] -rf-left-6 rf-h-4"
|
|
7290
|
+
}),
|
|
7291
|
+
(0, $66f1786018af6977$export$2eb1c1cc4b12d451)({
|
|
7292
|
+
locale: locale,
|
|
7293
|
+
isUsedOnBorne: isUsedOnBorne,
|
|
7294
|
+
data: {
|
|
7295
|
+
url: urlToOpen,
|
|
7296
|
+
download: true
|
|
7297
|
+
}
|
|
7298
|
+
})
|
|
7299
|
+
]
|
|
7300
|
+
})
|
|
7301
|
+
]
|
|
7302
|
+
}) : /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
7303
|
+
className: "rf-w-6 rf-h-6",
|
|
7304
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)((0, $db576dca76f01dfc$export$2e2bcd8739ae039), {
|
|
7305
|
+
color: "gray",
|
|
7306
|
+
loaderColor: themeColors.primary,
|
|
7307
|
+
backgroundColor: "transparent"
|
|
7308
|
+
})
|
|
7309
|
+
})
|
|
7310
|
+
}) : text && display.toLowerCase() === "link" ? /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
7138
7311
|
className: `rf-w-full rf-mt-2 rf-flex rf-justify-start rf-items-center rf-text-cardButtonTextDefault ${currentSubView !== (0, $f5ca62954d1f1f5b$export$f05d0fed0593ead7).history && "rf-cursor-pointer"}`,
|
|
7139
7312
|
onPointerEnter: handleEnter,
|
|
7140
7313
|
onPointerLeave: handleLeave,
|
|
@@ -7261,7 +7434,8 @@ class $6fc32154312a44e9$export$3226295bbd9dad06 extends $b3y7N$OpenUrlAction {
|
|
|
7261
7434
|
text: this.title,
|
|
7262
7435
|
fullWidth: this.fullWidth,
|
|
7263
7436
|
position: this.position,
|
|
7264
|
-
display: this.display
|
|
7437
|
+
display: this.display,
|
|
7438
|
+
urlToOpen: this.url
|
|
7265
7439
|
};
|
|
7266
7440
|
return /*#__PURE__*/ (0, $b3y7N$jsx)((0, $80813655cca657d6$export$2e2bcd8739ae039), {
|
|
7267
7441
|
...props
|
|
@@ -9787,7 +9961,7 @@ const $a77b906ea2d581f2$var$MicrophoneButton = ({ openMicrophone: openMicrophone
|
|
|
9787
9961
|
const activeRecognitionState = (0, $04ce41b46d359821$export$f299240efcda25a2)((state)=>state.activeRecognitionState);
|
|
9788
9962
|
const toggleMicrophone = (0, $b7c552f6163a7a5c$export$2e2bcd8739ae039)();
|
|
9789
9963
|
const { isMobile: isMobile, themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
9790
|
-
const
|
|
9964
|
+
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
9791
9965
|
const allowedRef = (0, $b3y7N$useRef)(false);
|
|
9792
9966
|
const [message, setMessage] = (0, $b3y7N$useState)("");
|
|
9793
9967
|
const [playerRef, setPlayerRef] = (0, $b3y7N$useState)(null);
|
|
@@ -10690,38 +10864,6 @@ function $97a7deacd265097c$export$2e2bcd8739ae039() {
|
|
|
10690
10864
|
|
|
10691
10865
|
|
|
10692
10866
|
|
|
10693
|
-
const $db576dca76f01dfc$var$Animation2 = ({ color: color, loaderColor: loaderColor, backgroundColor: backgroundColor })=>{
|
|
10694
|
-
return /*#__PURE__*/ (0, $b3y7N$jsxs)("svg", {
|
|
10695
|
-
"aria-hidden": "true",
|
|
10696
|
-
className: "rf-inline rf-w-8 rf-h-8 rf-mr-2 rf-animate-spin ",
|
|
10697
|
-
viewBox: "0 0 100 101",
|
|
10698
|
-
fill: "none",
|
|
10699
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
10700
|
-
style: {
|
|
10701
|
-
backgroundColor: backgroundColor
|
|
10702
|
-
},
|
|
10703
|
-
children: [
|
|
10704
|
-
/*#__PURE__*/ (0, $b3y7N$jsx)("path", {
|
|
10705
|
-
d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
|
|
10706
|
-
fill: "currentColor",
|
|
10707
|
-
style: {
|
|
10708
|
-
fill: color
|
|
10709
|
-
}
|
|
10710
|
-
}),
|
|
10711
|
-
/*#__PURE__*/ (0, $b3y7N$jsx)("path", {
|
|
10712
|
-
d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
|
|
10713
|
-
fill: "currentFill",
|
|
10714
|
-
style: {
|
|
10715
|
-
fill: loaderColor
|
|
10716
|
-
}
|
|
10717
|
-
})
|
|
10718
|
-
]
|
|
10719
|
-
});
|
|
10720
|
-
};
|
|
10721
|
-
var $db576dca76f01dfc$export$2e2bcd8739ae039 = $db576dca76f01dfc$var$Animation2;
|
|
10722
|
-
|
|
10723
|
-
|
|
10724
|
-
|
|
10725
10867
|
|
|
10726
10868
|
|
|
10727
10869
|
|
|
@@ -12159,10 +12301,193 @@ var $3084bb16a28ccfad$export$2e2bcd8739ae039 = $3084bb16a28ccfad$var$LanguageCho
|
|
|
12159
12301
|
/* eslint-disable react/jsx-boolean-value */
|
|
12160
12302
|
|
|
12161
12303
|
|
|
12304
|
+
|
|
12305
|
+
|
|
12306
|
+
|
|
12307
|
+
|
|
12308
|
+
|
|
12309
|
+
const $e7754ac01ad41577$var$infoBannerContenTypes = [
|
|
12310
|
+
"foodestablishment",
|
|
12311
|
+
"event"
|
|
12312
|
+
];
|
|
12313
|
+
const $e7754ac01ad41577$var$categoryConversion = {
|
|
12314
|
+
FoodEstablishment: "Where to eat",
|
|
12315
|
+
LodgingBusiness: "Where to sleep",
|
|
12316
|
+
TouristDestination: "What to see",
|
|
12317
|
+
TouristAttraction: "What to do",
|
|
12318
|
+
Product: "Local products",
|
|
12319
|
+
Service: "Services",
|
|
12320
|
+
Event: "Events",
|
|
12321
|
+
City: "Cities",
|
|
12322
|
+
Wine: "Wines"
|
|
12323
|
+
};
|
|
12324
|
+
const $e7754ac01ad41577$var$getCategoryFromContentType = (contentType, locale)=>{
|
|
12325
|
+
if (contentType) return {
|
|
12326
|
+
id: $e7754ac01ad41577$var$categoryConversion[contentType],
|
|
12327
|
+
label: (0, (/*@__PURE__*/$parcel$interopDefault($eaf6a199394cb1e5$exports)))[locale]?.[contentType] || (0, (/*@__PURE__*/$parcel$interopDefault($eaf6a199394cb1e5$exports)))["fr-FR"][contentType]
|
|
12328
|
+
};
|
|
12329
|
+
return undefined;
|
|
12330
|
+
};
|
|
12331
|
+
const $e7754ac01ad41577$export$af5c868343ae916a = (data)=>{
|
|
12332
|
+
if (data.id && data.content) try {
|
|
12333
|
+
const content = data.content;
|
|
12334
|
+
// Process medias
|
|
12335
|
+
const medias = [];
|
|
12336
|
+
content.Thing?.Image?.Paths && content.Thing.Image.Paths.length && content.Thing?.Image?.Paths?.forEach((path)=>{
|
|
12337
|
+
medias.push({
|
|
12338
|
+
url: `${data.baseAddress}media/${path}`
|
|
12339
|
+
});
|
|
12340
|
+
});
|
|
12341
|
+
// Processed address
|
|
12342
|
+
const address = {
|
|
12343
|
+
addressLocality: content.Place?.AddressLocality?.Text || "",
|
|
12344
|
+
postalCode: content.Place?.PostalCode?.Text || "",
|
|
12345
|
+
street: content.Place?.StreetAddress?.Text || ""
|
|
12346
|
+
};
|
|
12347
|
+
// Processed coordinates
|
|
12348
|
+
const coordinates = content.Place?.Latitude?.Value && content.Place?.Longitude?.Value ? {
|
|
12349
|
+
latitude: content.Place.Latitude.Value,
|
|
12350
|
+
longitude: content.Place.Longitude.Value
|
|
12351
|
+
} : undefined;
|
|
12352
|
+
// Processed review
|
|
12353
|
+
const review = {
|
|
12354
|
+
author: content.Review?.Author || content.Review?.AuthorCapacity ? {
|
|
12355
|
+
name: content.Review?.Author,
|
|
12356
|
+
capacity: content.Review?.AuthorCapacity
|
|
12357
|
+
} : undefined,
|
|
12358
|
+
comment: content.Review?.ReviewBody || "",
|
|
12359
|
+
picture: content.Review?.Picture ? {
|
|
12360
|
+
url: content.Review.Picture,
|
|
12361
|
+
description: content.Review.PictureDescription || ""
|
|
12362
|
+
} : undefined
|
|
12363
|
+
};
|
|
12364
|
+
// Process other informations
|
|
12365
|
+
const otherInformations = [];
|
|
12366
|
+
// Opening hours
|
|
12367
|
+
content.LocalBusiness?.OpeningHours?.Text && otherInformations.push({
|
|
12368
|
+
title: (0, (/*@__PURE__*/$parcel$interopDefault($eaf6a199394cb1e5$exports)))[data.locale]?.openinghours || (0, (/*@__PURE__*/$parcel$interopDefault($eaf6a199394cb1e5$exports)))["fr-FR"].openinghours,
|
|
12369
|
+
content: content.LocalBusiness.OpeningHours.Text
|
|
12370
|
+
});
|
|
12371
|
+
// Prices
|
|
12372
|
+
content.LocalBusiness?.PriceRange?.Text && otherInformations.push({
|
|
12373
|
+
title: (0, (/*@__PURE__*/$parcel$interopDefault($eaf6a199394cb1e5$exports)))[data.locale]?.prices || (0, (/*@__PURE__*/$parcel$interopDefault($eaf6a199394cb1e5$exports)))["fr-FR"].prices,
|
|
12374
|
+
content: content.LocalBusiness.PriceRange.Text
|
|
12375
|
+
});
|
|
12376
|
+
// Payment methods
|
|
12377
|
+
content.LocalBusiness?.PaymentAccepted?.Values && content.LocalBusiness.PaymentAccepted.Values.length && otherInformations.push({
|
|
12378
|
+
title: (0, (/*@__PURE__*/$parcel$interopDefault($eaf6a199394cb1e5$exports)))[data.locale]?.paymentmethods || (0, (/*@__PURE__*/$parcel$interopDefault($eaf6a199394cb1e5$exports)))["fr-FR"].paymentmethods,
|
|
12379
|
+
content: content.LocalBusiness.PaymentAccepted.Values
|
|
12380
|
+
});
|
|
12381
|
+
// Process information banner
|
|
12382
|
+
let infoBanner;
|
|
12383
|
+
if (data.contentType && $e7754ac01ad41577$var$infoBannerContenTypes.includes(data.contentType.toLowerCase())) switch(data.contentType.toLowerCase()){
|
|
12384
|
+
case "foodestablishment":
|
|
12385
|
+
content.Place?.MaximumAttendeeCapacity?.Value && !isNaN(parseInt(content.Place?.MaximumAttendeeCapacity?.Value)) && (infoBanner = `${(0, (/*@__PURE__*/$parcel$interopDefault($eaf6a199394cb1e5$exports)))[data.locale].numberofplaces || (0, (/*@__PURE__*/$parcel$interopDefault($eaf6a199394cb1e5$exports)))["fr-FR"].numberofplaces} ${parseInt(content.Place?.MaximumAttendeeCapacity?.Value)}`);
|
|
12386
|
+
break;
|
|
12387
|
+
case "event":
|
|
12388
|
+
if (content.Event && content.Event.StartDate?.Value && content.Event.EndDate?.value) {
|
|
12389
|
+
const startDate = new Date(content.Event.StartDate.Value);
|
|
12390
|
+
const endDate = new Date(content.Event.StartDate.Value);
|
|
12391
|
+
if (content.Event.StartDate.Value === content.Event.EndDate.value) infoBanner = `Le ${startDate.toLocaleDateString(data.locale)}`;
|
|
12392
|
+
else infoBanner = `Du ${startDate.toLocaleDateString(data.locale)} au ${endDate.toLocaleDateString(data.locale)}`;
|
|
12393
|
+
}
|
|
12394
|
+
break;
|
|
12395
|
+
}
|
|
12396
|
+
// Hack for Wines category -> TODO : remove it !
|
|
12397
|
+
let categoryWineTest = false;
|
|
12398
|
+
const categories = content.Thing?.Categories?.Values;
|
|
12399
|
+
const wineFilters = [
|
|
12400
|
+
"Blanc de blanc",
|
|
12401
|
+
"Ros\xe9 Champagne",
|
|
12402
|
+
"Vintages",
|
|
12403
|
+
"Cocktail Collection",
|
|
12404
|
+
"AUTHIGENE Collection"
|
|
12405
|
+
];
|
|
12406
|
+
if (categories && categories.length) categories.forEach((category)=>wineFilters.includes(category) && (categoryWineTest = true));
|
|
12407
|
+
const mappedData = {
|
|
12408
|
+
identifier: data.id,
|
|
12409
|
+
title: content.Thing?.Name?.Text?.toString() || "",
|
|
12410
|
+
text: content.Thing?.Description?.Text?.toString() || "",
|
|
12411
|
+
addressStructured: address,
|
|
12412
|
+
contact: content.PointOfInterest?.Contact?.Text?.toString() || "",
|
|
12413
|
+
phoneNumber: content.Place?.Telephone?.Text ? content.Place.Telephone.Text.toString() : "",
|
|
12414
|
+
category: categoryWineTest ? {
|
|
12415
|
+
id: $e7754ac01ad41577$var$categoryConversion.Wine,
|
|
12416
|
+
label: (0, (/*@__PURE__*/$parcel$interopDefault($eaf6a199394cb1e5$exports)))[data.locale]?.Wine || (0, (/*@__PURE__*/$parcel$interopDefault($eaf6a199394cb1e5$exports)))["fr-FR"].Wine
|
|
12417
|
+
} : $e7754ac01ad41577$var$getCategoryFromContentType(content.contentType, data.locale),
|
|
12418
|
+
media: medias.length ? medias : undefined,
|
|
12419
|
+
customerReviews: content.Place?.AggregateRating?.Value,
|
|
12420
|
+
coordinates: coordinates,
|
|
12421
|
+
downloadUri: `${data.baseAddress}api/hospitality/${data.id}/pdf`,
|
|
12422
|
+
favorite: !!content.Thing?.Favorite?.Value,
|
|
12423
|
+
review: review,
|
|
12424
|
+
infoBanner: infoBanner,
|
|
12425
|
+
otherInformations: otherInformations
|
|
12426
|
+
};
|
|
12427
|
+
return mappedData;
|
|
12428
|
+
} catch (e) {
|
|
12429
|
+
console.log(e);
|
|
12430
|
+
return null;
|
|
12431
|
+
}
|
|
12432
|
+
return null;
|
|
12433
|
+
};
|
|
12434
|
+
|
|
12435
|
+
|
|
12436
|
+
|
|
12162
12437
|
const $dbbb50c896a37e12$var$useShowPOI = ()=>{
|
|
12163
12438
|
const lastBotActivity = (0, $9b100ac34d01a331$export$b56465394e2b1287)((state)=>state.lastBotActivity);
|
|
12164
|
-
|
|
12165
|
-
|
|
12439
|
+
const triggers = (0, $3426110875af99d0$export$77e4cc5334565f28)((state)=>state.detailedAttachmentTriggers);
|
|
12440
|
+
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
12441
|
+
const { baseAddress: baseAddress } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
12442
|
+
const [result, setResult] = (0, $b3y7N$useState)(undefined);
|
|
12443
|
+
(0, $b3y7N$useEffect)(()=>{
|
|
12444
|
+
if (lastBotActivity && lastBotActivity.value && triggers.length > 0) {
|
|
12445
|
+
let result;
|
|
12446
|
+
triggers.forEach((trigger)=>{
|
|
12447
|
+
if (lastBotActivity.type === trigger.type) {
|
|
12448
|
+
if (trigger.name && trigger.name === lastBotActivity.name) {
|
|
12449
|
+
if (trigger.contentType) {
|
|
12450
|
+
if (trigger.contentType === lastBotActivity.value?.contentType) {
|
|
12451
|
+
lastBotActivity.value.content.template = trigger.linkedComponent;
|
|
12452
|
+
result = lastBotActivity.value.content;
|
|
12453
|
+
}
|
|
12454
|
+
} else {
|
|
12455
|
+
const data = {
|
|
12456
|
+
id: lastBotActivity.value?.contentItemId,
|
|
12457
|
+
content: lastBotActivity.value?.content,
|
|
12458
|
+
contentType: lastBotActivity.value?.contentType,
|
|
12459
|
+
baseAddress: baseAddress,
|
|
12460
|
+
locale: locale
|
|
12461
|
+
};
|
|
12462
|
+
const checkData = (0, $e7754ac01ad41577$export$af5c868343ae916a)(data);
|
|
12463
|
+
if (checkData) result = {
|
|
12464
|
+
...checkData,
|
|
12465
|
+
template: trigger.linkedComponent
|
|
12466
|
+
};
|
|
12467
|
+
else {
|
|
12468
|
+
lastBotActivity.value.template = trigger.linkedComponent;
|
|
12469
|
+
result = lastBotActivity.value;
|
|
12470
|
+
}
|
|
12471
|
+
}
|
|
12472
|
+
} else if (trigger.label && trigger.label === lastBotActivity.label) {
|
|
12473
|
+
if (trigger.contentType) {
|
|
12474
|
+
if (trigger.contentType === lastBotActivity.value?.contentType) {
|
|
12475
|
+
lastBotActivity.value.content.template = trigger.linkedComponent;
|
|
12476
|
+
result = lastBotActivity.value.content;
|
|
12477
|
+
}
|
|
12478
|
+
} else {
|
|
12479
|
+
lastBotActivity.value.template = trigger.linkedComponent;
|
|
12480
|
+
result = lastBotActivity.value;
|
|
12481
|
+
}
|
|
12482
|
+
}
|
|
12483
|
+
}
|
|
12484
|
+
});
|
|
12485
|
+
setResult(result);
|
|
12486
|
+
}
|
|
12487
|
+
}, [
|
|
12488
|
+
lastBotActivity
|
|
12489
|
+
]);
|
|
12490
|
+
return result;
|
|
12166
12491
|
};
|
|
12167
12492
|
var $dbbb50c896a37e12$export$2e2bcd8739ae039 = $dbbb50c896a37e12$var$useShowPOI;
|
|
12168
12493
|
|
|
@@ -12171,6 +12496,7 @@ var $dbbb50c896a37e12$export$2e2bcd8739ae039 = $dbbb50c896a37e12$var$useShowPOI;
|
|
|
12171
12496
|
|
|
12172
12497
|
|
|
12173
12498
|
|
|
12499
|
+
|
|
12174
12500
|
const $08524f0b840f7e70$export$730331b97844b22d = (color, transparency)=>{
|
|
12175
12501
|
let tempColorObject = null;
|
|
12176
12502
|
try {
|
|
@@ -13172,10 +13498,15 @@ var $9c484f261d7d5f92$export$2e2bcd8739ae039 = $9c484f261d7d5f92$var$DetailedAdd
|
|
|
13172
13498
|
|
|
13173
13499
|
|
|
13174
13500
|
|
|
13501
|
+
|
|
13502
|
+
const { useSendPostBack: $df69961a6c1440a3$var$useSendPostBack } = (0, $b3y7N$hooks);
|
|
13175
13503
|
const $df69961a6c1440a3$var$springEnterDuration = 1500;
|
|
13176
13504
|
const $df69961a6c1440a3$var$springLeaveDuration = 2500;
|
|
13177
13505
|
const $df69961a6c1440a3$var$AttachmentDetails = ()=>{
|
|
13178
|
-
const
|
|
13506
|
+
const detailedItemContent = (0, $dbbb50c896a37e12$export$2e2bcd8739ae039)();
|
|
13507
|
+
const sendPostBack = $df69961a6c1440a3$var$useSendPostBack();
|
|
13508
|
+
const locale = (0, $f902d4436881b887$export$6650dace022cfacc)((state)=>state.locale);
|
|
13509
|
+
const { configuration: { isUsedOnBorne: isUsedOnBorne }, baseAddress: baseAddress } = (0, $15b0bc93a9787124$export$d8760bee47331b1d)();
|
|
13179
13510
|
const mode = (0, $56b00880a398c953$export$bd22554f31e5f96f)((state)=>state.mode);
|
|
13180
13511
|
const { themeColors: themeColors, isMobile: isMobile, currentDeviceType: currentDeviceType } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
13181
13512
|
const [content, setContent] = (0, $b3y7N$useState)(undefined);
|
|
@@ -13190,17 +13521,17 @@ const $df69961a6c1440a3$var$AttachmentDetails = ()=>{
|
|
|
13190
13521
|
const timerRef = (0, $b3y7N$useRef)(null);
|
|
13191
13522
|
const divRef = (0, $b3y7N$useRef)(null);
|
|
13192
13523
|
(0, $b3y7N$useEffect)(()=>{
|
|
13193
|
-
setContent(
|
|
13194
|
-
if (
|
|
13524
|
+
setContent(detailedItemContent);
|
|
13525
|
+
if (detailedItemContent) (0, $3426110875af99d0$export$dcb32d000c0e0280)((0, $f5ca62954d1f1f5b$export$4f7cd669585dc69f).DetailViewOpen);
|
|
13195
13526
|
}, [
|
|
13196
|
-
|
|
13527
|
+
detailedItemContent
|
|
13197
13528
|
]);
|
|
13198
13529
|
(0, $b3y7N$useLayoutEffect)(()=>{
|
|
13199
13530
|
if (divRef?.current) currentDeviceType === (0, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233).widget && (0, $4d8d462ee41ffdc9$export$2e2bcd8739ae039)(null, divRef);
|
|
13200
13531
|
});
|
|
13201
13532
|
(0, $b3y7N$useEffect)(()=>{
|
|
13202
|
-
if (content
|
|
13203
|
-
setColor((0, $0a28e91a1b70f408$export$7c3e7489ecac4759)(content.category.id, themeColors));
|
|
13533
|
+
if (content) {
|
|
13534
|
+
content.category?.id && setColor((0, $0a28e91a1b70f408$export$7c3e7489ecac4759)(content.category.id, themeColors));
|
|
13204
13535
|
api.start({
|
|
13205
13536
|
from: {
|
|
13206
13537
|
transform: "translateX(-100%)"
|
|
@@ -13252,59 +13583,73 @@ const $df69961a6c1440a3$var$AttachmentDetails = ()=>{
|
|
|
13252
13583
|
closeButtonClassName: "rf-z-util",
|
|
13253
13584
|
remoteCloseButtonZIndex: "rf-z-detailedPOI",
|
|
13254
13585
|
animation: spring,
|
|
13255
|
-
children: /*#__PURE__*/ (0, $b3y7N$
|
|
13586
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
13256
13587
|
ref: divRef,
|
|
13257
13588
|
className: "rf-relative rf-flex rf-flex-row vertical:rf-flex-col rf-h-full rf-overflow-y-scroll rf-scrollbar-hidden",
|
|
13258
|
-
children:
|
|
13259
|
-
/*#__PURE__*/ (0, $b3y7N$
|
|
13260
|
-
|
|
13261
|
-
|
|
13262
|
-
|
|
13263
|
-
|
|
13264
|
-
|
|
13265
|
-
|
|
13266
|
-
|
|
13267
|
-
|
|
13268
|
-
|
|
13269
|
-
|
|
13270
|
-
|
|
13271
|
-
|
|
13272
|
-
|
|
13273
|
-
|
|
13274
|
-
|
|
13275
|
-
|
|
13276
|
-
|
|
13277
|
-
|
|
13278
|
-
|
|
13279
|
-
|
|
13280
|
-
|
|
13281
|
-
|
|
13282
|
-
|
|
13283
|
-
|
|
13284
|
-
|
|
13285
|
-
|
|
13286
|
-
|
|
13287
|
-
|
|
13288
|
-
|
|
13289
|
-
|
|
13290
|
-
|
|
13291
|
-
|
|
13292
|
-
|
|
13293
|
-
|
|
13294
|
-
|
|
13295
|
-
|
|
13296
|
-
|
|
13297
|
-
|
|
13298
|
-
|
|
13299
|
-
|
|
13300
|
-
|
|
13301
|
-
|
|
13302
|
-
|
|
13303
|
-
|
|
13589
|
+
children: detailedItemContent?.template ? /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {
|
|
13590
|
+
children: /*#__PURE__*/ (0, $b3y7N$jsx)(detailedItemContent.template, {
|
|
13591
|
+
props: {
|
|
13592
|
+
...content,
|
|
13593
|
+
locale: locale,
|
|
13594
|
+
isUsedOnBorne: isUsedOnBorne,
|
|
13595
|
+
baseAddress: baseAddress,
|
|
13596
|
+
sendPostBack: sendPostBack
|
|
13597
|
+
},
|
|
13598
|
+
currentDeviceType: currentDeviceType,
|
|
13599
|
+
handleClose: handleClose
|
|
13600
|
+
})
|
|
13601
|
+
}) : /*#__PURE__*/ (0, $b3y7N$jsxs)((0, $b3y7N$react).Fragment, {
|
|
13602
|
+
children: [
|
|
13603
|
+
/*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
13604
|
+
className: "rf-px-6 large:rf-px-8 rf-w-2/3 vertical:rf-w-full rf-mb-4 large:rf-mb-0 rf-flex rf-flex-col rf-border-r rf-border-r-silver vertical:rf-border-r-0",
|
|
13605
|
+
children: [
|
|
13606
|
+
/*#__PURE__*/ (0, $b3y7N$jsx)((0, $f343cb3fe10aa879$export$2e2bcd8739ae039), {
|
|
13607
|
+
category: content.category,
|
|
13608
|
+
title: content.title,
|
|
13609
|
+
infoBanner: content.infoBanner,
|
|
13610
|
+
color: color,
|
|
13611
|
+
customerReviews: content.customerReviews,
|
|
13612
|
+
favorite: content.favorite,
|
|
13613
|
+
handleClose: handleClose,
|
|
13614
|
+
setTitleHeight: setTitleHeight
|
|
13615
|
+
}),
|
|
13616
|
+
/*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
13617
|
+
className: "rf-flex rf-flex-col large:rf-flex-row desktop:rf-h-full",
|
|
13618
|
+
children: [
|
|
13619
|
+
/*#__PURE__*/ (0, $b3y7N$jsx)((0, $097ad82d11b7502d$export$2e2bcd8739ae039), {
|
|
13620
|
+
text: content.text,
|
|
13621
|
+
otherInformations: content.otherInformations,
|
|
13622
|
+
color: color,
|
|
13623
|
+
url: content.downloadUri,
|
|
13624
|
+
titleHeight: titleHeight
|
|
13625
|
+
}),
|
|
13626
|
+
(content.media && content.media.length > 0 || content.review) && /*#__PURE__*/ (0, $b3y7N$jsx)((0, $e8cc160a7e1a415e$export$2e2bcd8739ae039), {
|
|
13627
|
+
media: content.media,
|
|
13628
|
+
review: content.review,
|
|
13629
|
+
color: color
|
|
13630
|
+
})
|
|
13631
|
+
]
|
|
13632
|
+
})
|
|
13633
|
+
]
|
|
13634
|
+
}),
|
|
13635
|
+
/*#__PURE__*/ (0, $b3y7N$jsx)((0, $9c484f261d7d5f92$export$2e2bcd8739ae039), {
|
|
13636
|
+
address: content.addressStructured,
|
|
13637
|
+
phoneNumber: content.phoneNumber,
|
|
13638
|
+
coordinates: content.coordinates,
|
|
13639
|
+
color: color,
|
|
13640
|
+
colorWithTransparency: colorWithTransparency,
|
|
13641
|
+
customerReviews: content.customerReviews,
|
|
13304
13642
|
url: content.downloadUri
|
|
13643
|
+
}),
|
|
13644
|
+
isMobile && /*#__PURE__*/ (0, $b3y7N$jsx)("div", {
|
|
13645
|
+
className: mode === (0, $f5ca62954d1f1f5b$export$9484bbecc3c49a2e).text ? "rf-mb-28" : "rf-mb-16",
|
|
13646
|
+
children: content.downloadUri && /*#__PURE__*/ (0, $b3y7N$jsx)((0, $ea652c6136f8ad06$export$2e2bcd8739ae039), {
|
|
13647
|
+
className: "rf-justify-center",
|
|
13648
|
+
url: content.downloadUri
|
|
13649
|
+
})
|
|
13305
13650
|
})
|
|
13306
|
-
|
|
13307
|
-
|
|
13651
|
+
]
|
|
13652
|
+
})
|
|
13308
13653
|
})
|
|
13309
13654
|
}) : /*#__PURE__*/ (0, $b3y7N$jsx)((0, $b3y7N$react).Fragment, {});
|
|
13310
13655
|
};
|
|
@@ -14421,6 +14766,7 @@ const $019b0a0c6328bd4c$var$BotMessageActivity = ({ isMobile: isMobile, answerTi
|
|
|
14421
14766
|
|
|
14422
14767
|
|
|
14423
14768
|
|
|
14769
|
+
|
|
14424
14770
|
|
|
14425
14771
|
|
|
14426
14772
|
const $129f12a268b641e5$var$Mode = ()=>{
|
|
@@ -14430,7 +14776,10 @@ const $129f12a268b641e5$var$Mode = ()=>{
|
|
|
14430
14776
|
const [fromTextToVocal, setFromTextToVocal] = (0, $b3y7N$useState)(false);
|
|
14431
14777
|
const toggleMode = (newMode)=>{
|
|
14432
14778
|
setFromTextToVocal(true);
|
|
14433
|
-
if (newMode === (0, $f5ca62954d1f1f5b$export$9484bbecc3c49a2e).text)
|
|
14779
|
+
if (newMode === (0, $f5ca62954d1f1f5b$export$9484bbecc3c49a2e).text) {
|
|
14780
|
+
setCanFocusSendBox(true);
|
|
14781
|
+
(0, $04ce41b46d359821$export$45913366c4ba414f)((0, $f5ca62954d1f1f5b$export$3f0071308968cd80).ForceClosing);
|
|
14782
|
+
}
|
|
14434
14783
|
(0, $56b00880a398c953$export$d4f039427a1beff1)(newMode);
|
|
14435
14784
|
};
|
|
14436
14785
|
return /*#__PURE__*/ (0, $b3y7N$jsxs)("div", {
|
|
@@ -14540,6 +14889,7 @@ var $d37623b8c08ebb16$export$2e2bcd8739ae039 = $d37623b8c08ebb16$var$RemoteConta
|
|
|
14540
14889
|
|
|
14541
14890
|
|
|
14542
14891
|
|
|
14892
|
+
|
|
14543
14893
|
const $17727092beb955f3$var$ModeButton = ({ label: label, selected: selected, onClick: onClick })=>{
|
|
14544
14894
|
const { themeColors: themeColors } = (0, $c7fecc7ec9b4c272$export$3abe3478af3cb63b)();
|
|
14545
14895
|
return /*#__PURE__*/ (0, $b3y7N$jsx)("button", {
|
|
@@ -14573,7 +14923,10 @@ const $fada14688b15ab6e$var$Mobile = ({ parametersOpened: parametersOpened, togg
|
|
|
14573
14923
|
// If the parameters are opened, no action
|
|
14574
14924
|
if (!parametersOpened) {
|
|
14575
14925
|
setFromTextToVocal(true);
|
|
14576
|
-
if (newMode === (0, $f5ca62954d1f1f5b$export$9484bbecc3c49a2e).text)
|
|
14926
|
+
if (newMode === (0, $f5ca62954d1f1f5b$export$9484bbecc3c49a2e).text) {
|
|
14927
|
+
setCanFocusSendBox(true);
|
|
14928
|
+
(0, $04ce41b46d359821$export$45913366c4ba414f)((0, $f5ca62954d1f1f5b$export$3f0071308968cd80).ForceClosing);
|
|
14929
|
+
}
|
|
14577
14930
|
(0, $56b00880a398c953$export$d4f039427a1beff1)(newMode);
|
|
14578
14931
|
}
|
|
14579
14932
|
};
|
|
@@ -14747,7 +15100,7 @@ const $29ea68cada6d11bd$var$HomeView = ({ chatbotData: chatbotData, externalComp
|
|
|
14747
15100
|
}),
|
|
14748
15101
|
configuration?.logo && (!isMobile || isMobile && mode !== (0, $f5ca62954d1f1f5b$export$9484bbecc3c49a2e).text) && /*#__PURE__*/ (0, $b3y7N$jsx)((0, $44c583bf9f127cf2$export$2e2bcd8739ae039), {}),
|
|
14749
15102
|
(!isMobile || isMobile && mode !== (0, $f5ca62954d1f1f5b$export$9484bbecc3c49a2e).text) && chatbotData && displayAgent && /*#__PURE__*/ (0, $b3y7N$jsx)((0, $e8340264d9756282$export$2e2bcd8739ae039), {
|
|
14750
|
-
className:
|
|
15103
|
+
className: `rf-relative rf-col-start-1 rf-col-end-9 ${chatbotData.fullWidthInDesktopMode ? "large:rf-col-end-9" : "large:rf-col-end-6"} large-vertical:rf-col-end-9 rf-row-span-full rf-self-end rf-h-full`,
|
|
14751
15104
|
chatbotData: chatbotData,
|
|
14752
15105
|
showSubtitles: true
|
|
14753
15106
|
}),
|
|
@@ -15875,6 +16228,8 @@ class $14763f78c7718bd3$var$IndexedDbManager {
|
|
|
15875
16228
|
const db = request.result;
|
|
15876
16229
|
const tx = db.transaction(this.storeName, "readwrite");
|
|
15877
16230
|
const store = tx.objectStore(this.storeName);
|
|
16231
|
+
// Base 64 encode
|
|
16232
|
+
data.id = window.btoa(encodeURI(data.id));
|
|
15878
16233
|
store.add(data);
|
|
15879
16234
|
resolve(true);
|
|
15880
16235
|
};
|
|
@@ -15890,7 +16245,8 @@ class $14763f78c7718bd3$var$IndexedDbManager {
|
|
|
15890
16245
|
const db = request.result;
|
|
15891
16246
|
const tx = db.transaction(this.storeName, "readonly");
|
|
15892
16247
|
const store = tx.objectStore(this.storeName);
|
|
15893
|
-
|
|
16248
|
+
// Base 64 encode
|
|
16249
|
+
const data = store.get(window.btoa(encodeURI(id)));
|
|
15894
16250
|
data.onsuccess = ()=>{
|
|
15895
16251
|
resolve(data.result);
|
|
15896
16252
|
};
|
|
@@ -16000,7 +16356,7 @@ const $ba6bf0e283157133$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd,
|
|
|
16000
16356
|
]);
|
|
16001
16357
|
const playUtterance = async ()=>{
|
|
16002
16358
|
if (DBReady && enableSpeechCaching !== false && utterance) {
|
|
16003
|
-
const dataFromIndexedDB = await $ba6bf0e283157133$var$DBManager.getSpeechData(`${locale}.${voice?.name}.${utterance.text.replace($ba6bf0e283157133$var$tagsRemoverRegex, "")}`);
|
|
16359
|
+
const dataFromIndexedDB = await $ba6bf0e283157133$var$DBManager.getSpeechData(`${locale}.${voice?.name}.${utterance.text.replace($ba6bf0e283157133$var$tagsRemoverRegex, "").substring(0, 50)}`);
|
|
16004
16360
|
if (dataFromIndexedDB) {
|
|
16005
16361
|
boundaryRef.current = dataFromIndexedDB.boundaries;
|
|
16006
16362
|
(0, $04ce41b46d359821$export$c24886139fddc386)(dataFromIndexedDB.boundaries);
|
|
@@ -16015,7 +16371,7 @@ const $ba6bf0e283157133$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd,
|
|
|
16015
16371
|
type: "audio/mp3"
|
|
16016
16372
|
});
|
|
16017
16373
|
enableSpeechCaching !== false && !alreadyExistsInDB && DBReady && boundaryRef?.current && utterance && $ba6bf0e283157133$var$DBManager.addSpeechData({
|
|
16018
|
-
id: `${locale}.${voice?.name}.${utterance.text.replace($ba6bf0e283157133$var$tagsRemoverRegex, "")}`,
|
|
16374
|
+
id: `${locale}.${voice?.name}.${utterance.text.replace($ba6bf0e283157133$var$tagsRemoverRegex, "").substring(0, 50)}`,
|
|
16019
16375
|
value: data,
|
|
16020
16376
|
boundaries: boundaryRef.current
|
|
16021
16377
|
});
|
|
@@ -16564,6 +16920,7 @@ var $45f8218489149157$export$2e2bcd8739ae039 = $45f8218489149157$var$SynthesisMa
|
|
|
16564
16920
|
|
|
16565
16921
|
|
|
16566
16922
|
|
|
16923
|
+
|
|
16567
16924
|
const { useSubmitSendBox: $862dc1a8ff0214ad$var$useSubmitSendBox } = (0, $b3y7N$hooks);
|
|
16568
16925
|
const $862dc1a8ff0214ad$var$timeoutDuration = 1000;
|
|
16569
16926
|
const $862dc1a8ff0214ad$var$RecognitionManager = ()=>{
|
|
@@ -16578,6 +16935,8 @@ const $862dc1a8ff0214ad$var$RecognitionManager = ()=>{
|
|
|
16578
16935
|
const [ponyfill, setPonyfill] = (0, $b3y7N$useState)(null);
|
|
16579
16936
|
const isActiveModeRef = (0, $b3y7N$useRef)();
|
|
16580
16937
|
const timerRef = (0, $b3y7N$useRef)(null);
|
|
16938
|
+
const [recognitionAllowed, setRecognitionAllowed] = (0, $b3y7N$useState)(false);
|
|
16939
|
+
const [ponyfillReady, setPonyfillReady] = (0, $b3y7N$useState)(false);
|
|
16581
16940
|
const getCommonAndLocalizedWakeWords = ()=>{
|
|
16582
16941
|
let commonAndlocalizedWakeWords = [];
|
|
16583
16942
|
if (useContinuousRecognition && speechRecognitionOptions?.wakeWords) {
|
|
@@ -16610,6 +16969,17 @@ const $862dc1a8ff0214ad$var$RecognitionManager = ()=>{
|
|
|
16610
16969
|
}
|
|
16611
16970
|
return commonAndlocalizedGrammars;
|
|
16612
16971
|
};
|
|
16972
|
+
const askPermission = ()=>{
|
|
16973
|
+
if (recognitionAllowed) ponyfill?.speechRecognition.start();
|
|
16974
|
+
else (0, $c9ecb89b6252a6b3$export$2e2bcd8739ae039)().then((permission)=>{
|
|
16975
|
+
setRecognitionAllowed(permission);
|
|
16976
|
+
}).catch(console.log);
|
|
16977
|
+
};
|
|
16978
|
+
(0, $b3y7N$useEffect)(()=>{
|
|
16979
|
+
recognitionAllowed && useContinuousRecognition && ponyfill?.speechRecognition.start();
|
|
16980
|
+
}, [
|
|
16981
|
+
recognitionAllowed
|
|
16982
|
+
]);
|
|
16613
16983
|
(0, $b3y7N$useEffect)(()=>{
|
|
16614
16984
|
const options = {
|
|
16615
16985
|
autoStart: false,
|
|
@@ -16670,8 +17040,7 @@ const $862dc1a8ff0214ad$var$RecognitionManager = ()=>{
|
|
|
16670
17040
|
// Only get result in Active mode
|
|
16671
17041
|
if (lastMessage && isActiveModeRef.current) (0, $04ce41b46d359821$export$a5c8d6d0ec4b5ccb)(lastMessage);
|
|
16672
17042
|
};
|
|
16673
|
-
|
|
16674
|
-
mode === (0, $f5ca62954d1f1f5b$export$9484bbecc3c49a2e).vocal && useContinuousRecognition && ponyfill.speechRecognition.start();
|
|
17043
|
+
setPonyfillReady(true);
|
|
16675
17044
|
}
|
|
16676
17045
|
}
|
|
16677
17046
|
return ()=>{
|
|
@@ -16684,25 +17053,33 @@ const $862dc1a8ff0214ad$var$RecognitionManager = ()=>{
|
|
|
16684
17053
|
loaderClosed
|
|
16685
17054
|
]);
|
|
16686
17055
|
(0, $b3y7N$useEffect)(()=>{
|
|
16687
|
-
if (
|
|
16688
|
-
useContinuousRecognition && !ponyfill
|
|
17056
|
+
if (ponyfillReady && mode === (0, $f5ca62954d1f1f5b$export$9484bbecc3c49a2e).vocal) // Start passive recognition if not done yet
|
|
17057
|
+
useContinuousRecognition && !ponyfill?.speechRecognition.started && askPermission();
|
|
16689
17058
|
}, [
|
|
16690
17059
|
mode,
|
|
16691
|
-
|
|
17060
|
+
ponyfillReady
|
|
16692
17061
|
]);
|
|
17062
|
+
const togglePassiveToActive = ()=>{
|
|
17063
|
+
if (ponyfill?.speechRecognition.started) ponyfill.speechRecognition.toggleContinuousPassiveToActive();
|
|
17064
|
+
else if (ponyfill) {
|
|
17065
|
+
ponyfill.speechRecognition.passive = false;
|
|
17066
|
+
ponyfill.speechRecognition.continuous = false;
|
|
17067
|
+
ponyfill.speechRecognition.start();
|
|
17068
|
+
}
|
|
17069
|
+
};
|
|
16693
17070
|
(0, $b3y7N$useEffect)(()=>{
|
|
16694
17071
|
isActiveModeRef.current = activeRecognitionState === (0, $f5ca62954d1f1f5b$export$3f0071308968cd80).Listening;
|
|
16695
|
-
if (ponyfill?.speechRecognition && appAvailable && loaderClosed)
|
|
16696
|
-
|
|
16697
|
-
|
|
16698
|
-
|
|
16699
|
-
|
|
16700
|
-
|
|
16701
|
-
|
|
16702
|
-
|
|
16703
|
-
|
|
16704
|
-
|
|
16705
|
-
timerRef.current = setTimeout(()=>{
|
|
17072
|
+
if (ponyfill?.speechRecognition && appAvailable && loaderClosed) {
|
|
17073
|
+
timerRef?.current && clearTimeout(timerRef.current);
|
|
17074
|
+
switch(activeRecognitionState){
|
|
17075
|
+
// Do nothing if we are in a transition state
|
|
17076
|
+
case (0, $f5ca62954d1f1f5b$export$3f0071308968cd80).Initializing:
|
|
17077
|
+
useContinuousRecognition ? togglePassiveToActive() : ponyfill.speechRecognition.start();
|
|
17078
|
+
break;
|
|
17079
|
+
case (0, $f5ca62954d1f1f5b$export$3f0071308968cd80).Listening:
|
|
17080
|
+
break;
|
|
17081
|
+
case (0, $f5ca62954d1f1f5b$export$3f0071308968cd80).Closing:
|
|
17082
|
+
if (lastRecognitionInterim) timerRef.current = setTimeout(()=>{
|
|
16706
17083
|
submitSendBox(undefined, {
|
|
16707
17084
|
channelData: {
|
|
16708
17085
|
speech: lastRecognitionInterim
|
|
@@ -16710,19 +17087,20 @@ const $862dc1a8ff0214ad$var$RecognitionManager = ()=>{
|
|
|
16710
17087
|
});
|
|
16711
17088
|
(0, $04ce41b46d359821$export$45913366c4ba414f)((0, $f5ca62954d1f1f5b$export$3f0071308968cd80).Closed);
|
|
16712
17089
|
}, $862dc1a8ff0214ad$var$timeoutDuration);
|
|
16713
|
-
|
|
16714
|
-
|
|
16715
|
-
|
|
16716
|
-
|
|
16717
|
-
|
|
16718
|
-
|
|
16719
|
-
|
|
16720
|
-
|
|
16721
|
-
|
|
16722
|
-
|
|
16723
|
-
|
|
16724
|
-
|
|
16725
|
-
|
|
17090
|
+
else (0, $04ce41b46d359821$export$45913366c4ba414f)((0, $f5ca62954d1f1f5b$export$3f0071308968cd80).Closed);
|
|
17091
|
+
break;
|
|
17092
|
+
case (0, $f5ca62954d1f1f5b$export$3f0071308968cd80).ForceClosing:
|
|
17093
|
+
(0, $04ce41b46d359821$export$a5c8d6d0ec4b5ccb)("");
|
|
17094
|
+
// If an interim was processed, a 'end' event will be fired. If not, we must abort the current recognition
|
|
17095
|
+
if (!lastRecognitionInterim) ponyfill.speechRecognition.started ? ponyfill.speechRecognition.abort?.() : (0, $04ce41b46d359821$export$45913366c4ba414f)((0, $f5ca62954d1f1f5b$export$3f0071308968cd80).Closed);
|
|
17096
|
+
break;
|
|
17097
|
+
case (0, $f5ca62954d1f1f5b$export$3f0071308968cd80).Closed:
|
|
17098
|
+
if (useContinuousRecognition && mode === (0, $f5ca62954d1f1f5b$export$9484bbecc3c49a2e).vocal) timerRef.current = setTimeout(()=>{
|
|
17099
|
+
ponyfill.speechRecognition.toggleContinuousActiveToPassive();
|
|
17100
|
+
}, $862dc1a8ff0214ad$var$timeoutDuration);
|
|
17101
|
+
(0, $04ce41b46d359821$export$a5c8d6d0ec4b5ccb)("");
|
|
17102
|
+
break;
|
|
17103
|
+
}
|
|
16726
17104
|
}
|
|
16727
17105
|
}, [
|
|
16728
17106
|
activeRecognitionState
|
|
@@ -17582,5 +17960,5 @@ window.Retorik = {
|
|
|
17582
17960
|
};
|
|
17583
17961
|
|
|
17584
17962
|
|
|
17585
|
-
export {$3d8f3d61ceac4588$export$b69254d879536cde as renderAgent, $3d8f3d61ceac4588$export$2e2bcd8739ae039 as default, $4141b2b74906cbec$export$2e2bcd8739ae039 as RetorikAgent, $b187a833f9ec9f9e$export$2e2bcd8739ae039 as RetorikWidget, $e2052938bc901274$export$2e2bcd8739ae039 as RetorikNews, $9a34b8a1b1c57c45$export$30a86d91af8ff6e6 as characters, $3426110875af99d0$export$77e4cc5334565f28 as useUtilsStore, $f902d4436881b887$export$6650dace022cfacc as useLocaleStore, $3426110875af99d0$export$5a678fd51bd89633 as setCurrentCustomView, $3426110875af99d0$export$f0c096b4ecd7115d as setCurrentSubView, $3426110875af99d0$export$d4c8c6daac289378 as sendActivity, $309fa5b19f540c29$export$2e2bcd8739ae039 as fetchAvailableLanguages, $760b7137ab1b4bd7$export$2e2bcd8739ae039 as getRetorikConfigs, $f902d4436881b887$export$180605366c04f0cd as getLocale, $f902d4436881b887$export$c8aadf3621e41efb as setLocale, $f9b55dee2122a017$export$a1c83309c736819f as openWidget, $f9b55dee2122a017$export$d27f1b0993b666c as closeWidget, $f9b55dee2122a017$export$77c0ba4d0d97cee5 as toggleWidget, $f9b55dee2122a017$export$f0e9d14ede4c01bd as toggleDisplay, $3426110875af99d0$export$ae67eb518a2aae74 as showAgent, $3426110875af99d0$export$e73dbd7ba351e3e as hideAgent, $311d3512e06f602c$export$8c612ad42a82284 as CONTENT_TYPE_POI, $311d3512e06f602c$export$7ff82c027074e396 as CONTENT_TYPE_NEWS, $311d3512e06f602c$export$bbfd0bb0baceb2f8 as CONTENT_TYPE_ADAPTIVE_CARD, $f5ca62954d1f1f5b$export$3b4d92ba873f009a as AvailableViews, $f5ca62954d1f1f5b$export$c5a4c3ea2d78493c as AvailableSubViews, $f5ca62954d1f1f5b$export$4f7cd669585dc69f as RetorikEvent, $f5ca62954d1f1f5b$export$f05d0fed0593ead7 as CurrentSubView};
|
|
17963
|
+
export {$3d8f3d61ceac4588$export$b69254d879536cde as renderAgent, $3d8f3d61ceac4588$export$2e2bcd8739ae039 as default, $4141b2b74906cbec$export$2e2bcd8739ae039 as RetorikAgent, $b187a833f9ec9f9e$export$2e2bcd8739ae039 as RetorikWidget, $e2052938bc901274$export$2e2bcd8739ae039 as RetorikNews, $9a34b8a1b1c57c45$export$30a86d91af8ff6e6 as characters, $3426110875af99d0$export$77e4cc5334565f28 as useUtilsStore, $f902d4436881b887$export$6650dace022cfacc as useLocaleStore, $3426110875af99d0$export$5a678fd51bd89633 as setCurrentCustomView, $3426110875af99d0$export$f0c096b4ecd7115d as setCurrentSubView, $3426110875af99d0$export$d4c8c6daac289378 as sendActivity, $309fa5b19f540c29$export$2e2bcd8739ae039 as fetchAvailableLanguages, $760b7137ab1b4bd7$export$2e2bcd8739ae039 as getRetorikConfigs, $f902d4436881b887$export$180605366c04f0cd as getLocale, $f902d4436881b887$export$c8aadf3621e41efb as setLocale, $f9b55dee2122a017$export$a1c83309c736819f as openWidget, $f9b55dee2122a017$export$d27f1b0993b666c as closeWidget, $f9b55dee2122a017$export$77c0ba4d0d97cee5 as toggleWidget, $f9b55dee2122a017$export$f0e9d14ede4c01bd as toggleDisplay, $3426110875af99d0$export$ae67eb518a2aae74 as showAgent, $3426110875af99d0$export$e73dbd7ba351e3e as hideAgent, $3426110875af99d0$export$d1f60bb847ecc604 as addDetailedAttachmentTrigger, $56b00880a398c953$export$d4f039427a1beff1 as setMode, $56b00880a398c953$export$982d69b78a955aaf as setLoaderClosed, $56b00880a398c953$export$bd22554f31e5f96f as useRetorikStore, $311d3512e06f602c$export$8c612ad42a82284 as CONTENT_TYPE_POI, $311d3512e06f602c$export$7ff82c027074e396 as CONTENT_TYPE_NEWS, $311d3512e06f602c$export$bbfd0bb0baceb2f8 as CONTENT_TYPE_ADAPTIVE_CARD, $f5ca62954d1f1f5b$export$3b4d92ba873f009a as AvailableViews, $f5ca62954d1f1f5b$export$c5a4c3ea2d78493c as AvailableSubViews, $f5ca62954d1f1f5b$export$4f7cd669585dc69f as RetorikEvent, $f5ca62954d1f1f5b$export$f05d0fed0593ead7 as CurrentSubView, $f5ca62954d1f1f5b$export$ec1e04e4e5ef8233 as DeviceType};
|
|
17586
17964
|
//# sourceMappingURL=index.modern.js.map
|