@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.
Files changed (7) hide show
  1. package/dist/index.d.ts +88 -0
  2. package/dist/index.d.ts.map +1 -1
  3. package/dist/index.js +599 -206
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.modern.js +582 -204
  6. package/dist/index.modern.js.map +1 -1
  7. package/package.json +2 -3
package/dist/index.js CHANGED
@@ -12,7 +12,6 @@ var $dWhh5$qrcode = require("qrcode");
12
12
  var $dWhh5$daviaispeechmarkdowndavijs = require("@davi-ai/speechmarkdown-davi-js");
13
13
  var $dWhh5$zustand = require("zustand");
14
14
  var $dWhh5$botframeworkwebchatcomponent = require("botframework-webchat-component");
15
- var $dWhh5$htmlreactparser = require("html-react-parser");
16
15
  var $dWhh5$adaptivecards = require("adaptivecards");
17
16
  var $dWhh5$fluentuireact = require("@fluentui/react");
18
17
  var $dWhh5$adaptivecardslibcardelements = require("adaptivecards/lib/card-elements");
@@ -69,6 +68,10 @@ $parcel$export(module.exports, "toggleWidget", () => $1068fd56b5926747$export$77
69
68
  $parcel$export(module.exports, "toggleDisplay", () => $1068fd56b5926747$export$f0e9d14ede4c01bd);
70
69
  $parcel$export(module.exports, "showAgent", () => $70e3d65f5a106231$export$ae67eb518a2aae74);
71
70
  $parcel$export(module.exports, "hideAgent", () => $70e3d65f5a106231$export$e73dbd7ba351e3e);
71
+ $parcel$export(module.exports, "addDetailedAttachmentTrigger", () => $70e3d65f5a106231$export$d1f60bb847ecc604);
72
+ $parcel$export(module.exports, "setMode", () => $c7242af7a2bc5e50$export$d4f039427a1beff1);
73
+ $parcel$export(module.exports, "setLoaderClosed", () => $c7242af7a2bc5e50$export$982d69b78a955aaf);
74
+ $parcel$export(module.exports, "useRetorikStore", () => $c7242af7a2bc5e50$export$bd22554f31e5f96f);
72
75
  $parcel$export(module.exports, "CONTENT_TYPE_POI", () => $3b05c823a6ed4bb8$export$8c612ad42a82284);
73
76
  $parcel$export(module.exports, "CONTENT_TYPE_NEWS", () => $3b05c823a6ed4bb8$export$7ff82c027074e396);
74
77
  $parcel$export(module.exports, "CONTENT_TYPE_ADAPTIVE_CARD", () => $3b05c823a6ed4bb8$export$bbfd0bb0baceb2f8);
@@ -76,6 +79,7 @@ $parcel$export(module.exports, "AvailableViews", () => $71c613e2e831c34c$export$
76
79
  $parcel$export(module.exports, "AvailableSubViews", () => $71c613e2e831c34c$export$c5a4c3ea2d78493c);
77
80
  $parcel$export(module.exports, "RetorikEvent", () => $71c613e2e831c34c$export$4f7cd669585dc69f);
78
81
  $parcel$export(module.exports, "CurrentSubView", () => $71c613e2e831c34c$export$f05d0fed0593ead7);
82
+ $parcel$export(module.exports, "DeviceType", () => $71c613e2e831c34c$export$ec1e04e4e5ef8233);
79
83
 
80
84
 
81
85
 
@@ -104,7 +108,7 @@ function $063ea7a515c267b7$export$2e2bcd8739ae039(RetorikWidget, props, element)
104
108
 
105
109
 
106
110
  var $3dc5d82519463b51$exports = {};
107
- $3dc5d82519463b51$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";
111
+ $3dc5d82519463b51$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";
108
112
 
109
113
 
110
114
  var $801a0164350709e6$exports = {};
@@ -951,6 +955,7 @@ const $5da94c25bc829bb5$export$4a92a69e5bfa5f9a = (attachments)=>{
951
955
 
952
956
  const $70e3d65f5a106231$export$77e4cc5334565f28 = (0, $dWhh5$zustand.create)()(()=>{
953
957
  return {
958
+ usingOnBorne: false,
954
959
  fullScreenImage: undefined,
955
960
  lastListActivity: undefined,
956
961
  listClosed: false,
@@ -963,9 +968,27 @@ const $70e3d65f5a106231$export$77e4cc5334565f28 = (0, $dWhh5$zustand.create)()((
963
968
  currentNewsActivity: undefined,
964
969
  retorikNewsEnded: false,
965
970
  userIsTyping: false,
966
- askedForKioskParametersOpening: false
971
+ askedForKioskParametersOpening: false,
972
+ detailedAttachmentTriggers: [
973
+ {
974
+ type: "event",
975
+ name: "hospitality.ShowPointOfInterest",
976
+ linkedComponent: null
977
+ },
978
+ {
979
+ type: "event",
980
+ name: "hospitality.ShowContentItem",
981
+ linkedComponent: null
982
+ }
983
+ ],
984
+ currentDetailedAttachmentTemplate: null
967
985
  };
968
986
  });
987
+ const $70e3d65f5a106231$export$a5e26481e56e47f9 = (value)=>{
988
+ $70e3d65f5a106231$export$77e4cc5334565f28.setState({
989
+ usingOnBorne: value
990
+ });
991
+ };
969
992
  const $70e3d65f5a106231$export$4e062bd31c814155 = (src)=>{
970
993
  $70e3d65f5a106231$export$77e4cc5334565f28.setState({
971
994
  fullScreenImage: src
@@ -1041,6 +1064,15 @@ const $70e3d65f5a106231$export$61008920e70c5e8a = ()=>{
1041
1064
  });
1042
1065
  }, 50);
1043
1066
  };
1067
+ const $70e3d65f5a106231$export$d1f60bb847ecc604 = (value)=>{
1068
+ const currentTriggers = $70e3d65f5a106231$export$77e4cc5334565f28.getState().detailedAttachmentTriggers;
1069
+ $70e3d65f5a106231$export$77e4cc5334565f28.setState({
1070
+ detailedAttachmentTriggers: [
1071
+ ...currentTriggers,
1072
+ value
1073
+ ]
1074
+ });
1075
+ };
1044
1076
 
1045
1077
 
1046
1078
 
@@ -1501,6 +1533,17 @@ var $c79349f4444d81d7$export$2e2bcd8739ae039 = $c79349f4444d81d7$var$createCusto
1501
1533
 
1502
1534
 
1503
1535
 
1536
+ const $82b306c512e33035$var$processBaseURI = (baseURI)=>{
1537
+ if (baseURI && baseURI.length > 0) {
1538
+ if (baseURI.indexOf(`/${(0, $0b4f07c0f09dbbcf$export$d9e38c0112bbdae6)}`) > -1) baseURI = baseURI.replace(`/${(0, $0b4f07c0f09dbbcf$export$d9e38c0112bbdae6)}`, "");
1539
+ }
1540
+ return baseURI;
1541
+ };
1542
+ var $82b306c512e33035$export$2e2bcd8739ae039 = $82b306c512e33035$var$processBaseURI;
1543
+
1544
+
1545
+
1546
+
1504
1547
 
1505
1548
 
1506
1549
 
@@ -1528,7 +1571,8 @@ const $c7242af7a2bc5e50$export$bd22554f31e5f96f = (0, $dWhh5$zustand.create)()((
1528
1571
  mode: (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).text,
1529
1572
  subtitlesInConfiguration: false,
1530
1573
  displaySubtitles: false,
1531
- agentData: undefined
1574
+ agentData: undefined,
1575
+ loaderClosed: false
1532
1576
  };
1533
1577
  });
1534
1578
  const $c7242af7a2bc5e50$export$d4f039427a1beff1 = (value)=>{
@@ -1542,6 +1586,11 @@ const $c7242af7a2bc5e50$export$d4f039427a1beff1 = (value)=>{
1542
1586
  value !== (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).text && (0, $70e3d65f5a106231$export$4a471cf3284fc492)(false);
1543
1587
  (0, $5f7f457957bd2c8d$export$a1680ba91cc9be33)(value === (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).text);
1544
1588
  };
1589
+ const $c7242af7a2bc5e50$export$982d69b78a955aaf = (value)=>{
1590
+ $c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
1591
+ loaderClosed: value
1592
+ });
1593
+ };
1545
1594
  const $c7242af7a2bc5e50$export$f9f752f8a699b258 = (value)=>{
1546
1595
  $c7242af7a2bc5e50$export$bd22554f31e5f96f.setState({
1547
1596
  subtitlesInConfiguration: value
@@ -1565,6 +1614,7 @@ const $c7242af7a2bc5e50$export$a72b80ff363563a1 = async (value)=>{
1565
1614
  };
1566
1615
 
1567
1616
 
1617
+
1568
1618
  const $1d4f8108de9ab73a$var$defaultConfiguration = {
1569
1619
  subtitles: false
1570
1620
  };
@@ -1573,11 +1623,11 @@ const $1d4f8108de9ab73a$var$RetorikContextDefaultValues = {
1573
1623
  appAvailable: false,
1574
1624
  loaderClosed: false,
1575
1625
  addressData: {},
1626
+ baseAddress: "",
1576
1627
  canFocusSendBox: false,
1577
1628
  setConfiguration: ()=>{},
1578
1629
  setAppAvailable: ()=>{},
1579
1630
  setLoaderClosed: ()=>{},
1580
- setCurrentAddressData: ()=>{},
1581
1631
  setSendBoxRef: ()=>{},
1582
1632
  focusSendBox: ()=>{},
1583
1633
  setCanFocusSendBox: ()=>{}
@@ -1587,7 +1637,6 @@ function $1d4f8108de9ab73a$export$d8760bee47331b1d() {
1587
1637
  return (0, $dWhh5$react.useContext)($1d4f8108de9ab73a$export$353e73f2cc0f3642);
1588
1638
  }
1589
1639
  function $1d4f8108de9ab73a$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, chosenMode: chosenMode, config: config, children: children, addressData: addressData }) {
1590
- const [currentAddressData, setCurrentAddressData] = (0, $dWhh5$react.useState)(addressData);
1591
1640
  const [configuration, setConfiguration] = (0, $dWhh5$react.useState)(config);
1592
1641
  const [appAvailable, setAppAvailable] = (0, $dWhh5$react.useState)(false);
1593
1642
  const [loaderClosed, setLoaderClosed] = (0, $dWhh5$react.useState)(!!skipLoader);
@@ -1596,17 +1645,22 @@ function $1d4f8108de9ab73a$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, cho
1596
1645
  const focusSendBox = ()=>{
1597
1646
  sendBoxRef && document.activeElement !== sendBoxRef && sendBoxRef.focus();
1598
1647
  };
1648
+ const baseAddress = (0, $dWhh5$react.useMemo)(()=>{
1649
+ return `${addressData.baseURI && addressData.baseURI.length > 0 ? (0, $82b306c512e33035$export$2e2bcd8739ae039)(addressData.baseURI) : (0, $c6d7669b9282aea4$export$2e2bcd8739ae039)(addressData.prefix)}/${addressData.tenant ? addressData.tenant + "/" : ""}`;
1650
+ }, [
1651
+ addressData
1652
+ ]);
1653
+ const storeLoaderClosed = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.loaderClosed);
1599
1654
  const value = (0, $dWhh5$react.useMemo)(()=>({
1600
1655
  configuration: configuration,
1601
1656
  appAvailable: appAvailable,
1602
1657
  loaderClosed: loaderClosed,
1603
- currentAddressData: currentAddressData,
1604
1658
  addressData: addressData,
1659
+ baseAddress: baseAddress,
1605
1660
  canFocusSendBox: canFocusSendBox,
1606
1661
  setConfiguration: setConfiguration,
1607
1662
  setAppAvailable: setAppAvailable,
1608
1663
  setLoaderClosed: setLoaderClosed,
1609
- setCurrentAddressData: setCurrentAddressData,
1610
1664
  setSendBoxRef: setSendBoxRef,
1611
1665
  focusSendBox: focusSendBox,
1612
1666
  setCanFocusSendBox: setCanFocusSendBox
@@ -1614,12 +1668,11 @@ function $1d4f8108de9ab73a$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, cho
1614
1668
  configuration,
1615
1669
  appAvailable,
1616
1670
  loaderClosed,
1617
- currentAddressData,
1671
+ baseAddress,
1618
1672
  canFocusSendBox,
1619
1673
  setConfiguration,
1620
1674
  setAppAvailable,
1621
1675
  setLoaderClosed,
1622
- setCurrentAddressData,
1623
1676
  setSendBoxRef,
1624
1677
  setCanFocusSendBox
1625
1678
  ]);
@@ -1635,6 +1688,11 @@ function $1d4f8108de9ab73a$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, cho
1635
1688
  position: position
1636
1689
  });
1637
1690
  };
1691
+ (0, $dWhh5$react.useEffect)(()=>{
1692
+ (0, $70e3d65f5a106231$export$a5e26481e56e47f9)(!!configuration.isUsedOnBorne);
1693
+ }, [
1694
+ configuration.isUsedOnBorne
1695
+ ]);
1638
1696
  // Get position from navigator
1639
1697
  (0, $dWhh5$react.useEffect)(()=>{
1640
1698
  var _configuration_position, _configuration_position1, _configuration_position2;
@@ -1656,6 +1714,16 @@ function $1d4f8108de9ab73a$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, cho
1656
1714
  }, [
1657
1715
  chosenMode
1658
1716
  ]);
1717
+ (0, $dWhh5$react.useEffect)(()=>{
1718
+ (0, $c7242af7a2bc5e50$export$982d69b78a955aaf)(loaderClosed);
1719
+ }, [
1720
+ loaderClosed
1721
+ ]);
1722
+ (0, $dWhh5$react.useEffect)(()=>{
1723
+ if (storeLoaderClosed !== loaderClosed) setLoaderClosed(storeLoaderClosed);
1724
+ }, [
1725
+ storeLoaderClosed
1726
+ ]);
1659
1727
  /**
1660
1728
  * On config props change :
1661
1729
  * - update configuration state
@@ -1686,15 +1754,6 @@ function $1d4f8108de9ab73a$export$8d0f3aad9142f5c7({ skipLoader: skipLoader, cho
1686
1754
 
1687
1755
 
1688
1756
 
1689
- const $82b306c512e33035$var$processBaseURI = (baseURI)=>{
1690
- if (baseURI && baseURI.length > 0) {
1691
- if (baseURI.indexOf(`/${(0, $0b4f07c0f09dbbcf$export$d9e38c0112bbdae6)}`) > -1) baseURI = baseURI.replace(`/${(0, $0b4f07c0f09dbbcf$export$d9e38c0112bbdae6)}`, "");
1692
- }
1693
- return baseURI;
1694
- };
1695
- var $82b306c512e33035$export$2e2bcd8739ae039 = $82b306c512e33035$var$processBaseURI;
1696
-
1697
-
1698
1757
 
1699
1758
  async function $49ef6b13684edff9$export$2e2bcd8739ae039({ tenant: tenant, prefix: prefix, baseURI: baseURI }) {
1700
1759
  const fullAddress = `${baseURI && (baseURI === null || baseURI === void 0 ? void 0 : baseURI.length) > 0 ? (0, $82b306c512e33035$export$2e2bcd8739ae039)(baseURI) : (0, $c6d7669b9282aea4$export$2e2bcd8739ae039)(prefix)}/${tenant ? tenant + "/" : ""}api/graphql?query={siteCultures{culture,default}}`;
@@ -1728,7 +1787,11 @@ async function $49ef6b13684edff9$export$2e2bcd8739ae039({ tenant: tenant, prefix
1728
1787
  */ const $49ef6b13684edff9$var$processJson = (json)=>{
1729
1788
  var _json_data, _json_data_siteCultures, _siteCultures_find;
1730
1789
  if (!((_json_data = json.data) === null || _json_data === void 0 ? void 0 : _json_data.siteCultures) || !((_json_data_siteCultures = json.data.siteCultures) === null || _json_data_siteCultures === void 0 ? void 0 : _json_data_siteCultures.length)) return 0, $0b4f07c0f09dbbcf$export$8828fbbb6034a09b;
1731
- const siteCultures = json.data.siteCultures;
1790
+ // Filter data to remove sitecultures without culture as <language>-<culture>
1791
+ const siteCultures = json.data.siteCultures.filter((siteCulture)=>{
1792
+ var _siteCulture_culture;
1793
+ return (_siteCulture_culture = siteCulture.culture) === null || _siteCulture_culture === void 0 ? void 0 : _siteCulture_culture.includes("-");
1794
+ });
1732
1795
  const processedLanguages = {
1733
1796
  all: siteCultures.map((siteCulture)=>siteCulture.culture),
1734
1797
  default: ((_siteCultures_find = siteCultures.find((siteCulture)=>siteCulture.default)) === null || _siteCultures_find === void 0 ? void 0 : _siteCultures_find.culture) || siteCultures[0].culture
@@ -3982,7 +4045,7 @@ var $123aaace3a01fe9a$export$2e2bcd8739ae039 = $123aaace3a01fe9a$var$POIAttachme
3982
4045
 
3983
4046
 
3984
4047
  var $0c8ba280a3fb3923$exports = {};
3985
- $0c8ba280a3fb3923$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"}}');
4048
+ $0c8ba280a3fb3923$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"}}');
3986
4049
 
3987
4050
 
3988
4051
  const { useSendPostBack: $93b0e82a0b3c6a01$var$useSendPostBack } = (0, $dWhh5$botframeworkwebchatcomponent.hooks);
@@ -4118,10 +4181,6 @@ var $e72567f3ecb45686$export$2e2bcd8739ae039 = $e72567f3ecb45686$var$ImageAttach
4118
4181
 
4119
4182
 
4120
4183
 
4121
- var $0c4d11c1963ef1d2$exports = {};
4122
- $0c4d11c1963ef1d2$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"}}');
4123
-
4124
-
4125
4184
  const $04321743da31c8db$export$d07f57595c356899 = (text, locale = "fr-FR")=>{
4126
4185
  if (text && text.length > 0) {
4127
4186
  const first = text.charAt(0);
@@ -4314,41 +4373,56 @@ var $1da9b465d48442d4$export$2e2bcd8739ae039 = $1da9b465d48442d4$var$BorderlessB
4314
4373
 
4315
4374
 
4316
4375
 
4376
+ var $0c4d11c1963ef1d2$exports = {};
4377
+ $0c4d11c1963ef1d2$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"}}');
4378
+
4379
+
4380
+ const $18b7296c942d1259$export$2eb1c1cc4b12d451 = ({ locale: locale, isUsedOnBorne: isUsedOnBorne, data: data, fileName: fileName })=>{
4381
+ var _translation_locale, _translation_locale1, _translation_locale2, _translation_locale3;
4382
+ let textToDisplay = "";
4383
+ const downloadText = ((_translation_locale = (0, (/*@__PURE__*/$parcel$interopDefault($0c4d11c1963ef1d2$exports)))[locale]) === null || _translation_locale === void 0 ? void 0 : _translation_locale.download) || (0, (/*@__PURE__*/$parcel$interopDefault($0c4d11c1963ef1d2$exports)))["fr-FR"].download;
4384
+ const gotoText = ((_translation_locale1 = (0, (/*@__PURE__*/$parcel$interopDefault($0c4d11c1963ef1d2$exports)))[locale]) === null || _translation_locale1 === void 0 ? void 0 : _translation_locale1.goto) || (0, (/*@__PURE__*/$parcel$interopDefault($0c4d11c1963ef1d2$exports)))["fr-FR"].goto;
4385
+ const clickText = ((_translation_locale2 = (0, (/*@__PURE__*/$parcel$interopDefault($0c4d11c1963ef1d2$exports)))[locale]) === null || _translation_locale2 === void 0 ? void 0 : _translation_locale2.click) || (0, (/*@__PURE__*/$parcel$interopDefault($0c4d11c1963ef1d2$exports)))["fr-FR"].click;
4386
+ const scanQRText = ((_translation_locale3 = (0, (/*@__PURE__*/$parcel$interopDefault($0c4d11c1963ef1d2$exports)))[locale]) === null || _translation_locale3 === void 0 ? void 0 : _translation_locale3.scanQR) || (0, (/*@__PURE__*/$parcel$interopDefault($0c4d11c1963ef1d2$exports)))["fr-FR"].scanQR;
4387
+ if (isUsedOnBorne) {
4388
+ if (data.download) {
4389
+ if (data.title) textToDisplay = `${downloadText} \u00ab ${fileName} \u00bb`;
4390
+ else textToDisplay = downloadText;
4391
+ } else textToDisplay = gotoText;
4392
+ textToDisplay += ` ${scanQRText}`;
4393
+ } else if (data.download) {
4394
+ if (data.title) textToDisplay = `${downloadText} ${fileName}`;
4395
+ else textToDisplay = downloadText;
4396
+ } else textToDisplay = clickText;
4397
+ return textToDisplay;
4398
+ };
4399
+
4400
+
4317
4401
 
4318
4402
  const $9f1f6e9f563bd09f$var$LinkAttachment = ({ urlData: urlData, fileName: fileName, qrCode: qrCode, description: description, height: height })=>{
4319
- const { configuration: configuration } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
4320
- const { locale: locale } = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)();
4403
+ const isUsedOnBorne = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.usingOnBorne);
4404
+ const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
4321
4405
  !fileName && (fileName = (0, $7257819494bc8296$export$a6f11fce0a840e6c)(urlData.url));
4322
4406
  const title = urlData.title || fileName;
4323
4407
  const [qrCodeData, setQrCodeData] = (0, $dWhh5$react.useState)(qrCode);
4324
- /**
4325
- * On call :
4326
- * - get text to display depending on configuration, urlData and locale
4327
- * @returns string
4328
- */ const getTextTodisplay = ()=>{
4329
- var _translation_locale, _translation_locale1, _translation_locale2, _translation_locale3;
4330
- let textToDisplay = "";
4331
- const downloadText = ((_translation_locale = (0, (/*@__PURE__*/$parcel$interopDefault($0c4d11c1963ef1d2$exports)))[locale]) === null || _translation_locale === void 0 ? void 0 : _translation_locale.download) || (0, (/*@__PURE__*/$parcel$interopDefault($0c4d11c1963ef1d2$exports)))["fr-FR"].download;
4332
- const gotoText = ((_translation_locale1 = (0, (/*@__PURE__*/$parcel$interopDefault($0c4d11c1963ef1d2$exports)))[locale]) === null || _translation_locale1 === void 0 ? void 0 : _translation_locale1.goto) || (0, (/*@__PURE__*/$parcel$interopDefault($0c4d11c1963ef1d2$exports)))["fr-FR"].goto;
4333
- const clickText = ((_translation_locale2 = (0, (/*@__PURE__*/$parcel$interopDefault($0c4d11c1963ef1d2$exports)))[locale]) === null || _translation_locale2 === void 0 ? void 0 : _translation_locale2.click) || (0, (/*@__PURE__*/$parcel$interopDefault($0c4d11c1963ef1d2$exports)))["fr-FR"].click;
4334
- const scanQRText = ((_translation_locale3 = (0, (/*@__PURE__*/$parcel$interopDefault($0c4d11c1963ef1d2$exports)))[locale]) === null || _translation_locale3 === void 0 ? void 0 : _translation_locale3.scanQR) || (0, (/*@__PURE__*/$parcel$interopDefault($0c4d11c1963ef1d2$exports)))["fr-FR"].scanQR;
4335
- if (configuration.isUsedOnBorne) {
4336
- if (urlData.download) {
4337
- if (urlData.title) textToDisplay = `${downloadText} \u00ab ${fileName} \u00bb`;
4338
- else textToDisplay = downloadText;
4339
- } else textToDisplay = gotoText;
4340
- textToDisplay += ` ${scanQRText}`;
4341
- } else if (urlData.download) {
4342
- if (urlData.title) textToDisplay = `${downloadText} ${fileName}`;
4343
- else textToDisplay = downloadText;
4344
- } else textToDisplay = clickText;
4345
- return textToDisplay;
4346
- };
4408
+ const [textToDisplay, setTextToDisplay] = (0, $dWhh5$react.useState)("");
4409
+ (0, $dWhh5$react.useEffect)(()=>{
4410
+ setTextToDisplay((0, $18b7296c942d1259$export$2eb1c1cc4b12d451)({
4411
+ locale: locale,
4412
+ isUsedOnBorne: isUsedOnBorne,
4413
+ data: urlData,
4414
+ fileName: fileName
4415
+ }));
4416
+ }, [
4417
+ isUsedOnBorne,
4418
+ locale,
4419
+ urlData
4420
+ ]);
4347
4421
  /**
4348
4422
  * On component creation :
4349
4423
  * - call setQrCodeDataAsync only if used on a borne
4350
4424
  */ (0, $dWhh5$react.useEffect)(()=>{
4351
- !qrCode && configuration.isUsedOnBorne && setQrCodeDataAsync();
4425
+ !qrCode && isUsedOnBorne && setQrCodeDataAsync();
4352
4426
  }, []);
4353
4427
  /**
4354
4428
  * On call :
@@ -4367,10 +4441,10 @@ const $9f1f6e9f563bd09f$var$LinkAttachment = ({ urlData: urlData, fileName: file
4367
4441
  children: [
4368
4442
  title && // Title on the left if there is a description, middle otherwise
4369
4443
  /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
4370
- className: `rf-w-full rf-mb-4 ${description ? "rf-text-left" : "rf-text-center"} rf-title-size-auto ${configuration.isUsedOnBorne ? "rf-truncate" : "rf-line-clamp-2"}`,
4444
+ 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"}`,
4371
4445
  children: (0, $04321743da31c8db$export$d07f57595c356899)(title)
4372
4446
  }),
4373
- configuration.isUsedOnBorne ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
4447
+ isUsedOnBorne ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
4374
4448
  children: [
4375
4449
  /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
4376
4450
  className: "rf-w-full rf-mb-4 rf-flex rf-flex-row rf-items-center rf-justify-center",
@@ -4392,7 +4466,7 @@ const $9f1f6e9f563bd09f$var$LinkAttachment = ({ urlData: urlData, fileName: file
4392
4466
  /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $589440ada8a582f1$export$2e2bcd8739ae039), {
4393
4467
  className: "rf-absolute rf-top-[0.125rem] -rf-left-6 rf-h-4"
4394
4468
  }),
4395
- getTextTodisplay()
4469
+ textToDisplay
4396
4470
  ]
4397
4471
  })
4398
4472
  ]
@@ -4402,13 +4476,13 @@ const $9f1f6e9f563bd09f$var$LinkAttachment = ({ urlData: urlData, fileName: file
4402
4476
  className: "rf-mb-4",
4403
4477
  children: description
4404
4478
  }),
4405
- urlData.download && urlData.title && getTextTodisplay().length >= 40 ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $1da9b465d48442d4$export$2e2bcd8739ae039), {
4479
+ urlData.download && urlData.title && textToDisplay.length >= 40 ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $1da9b465d48442d4$export$2e2bcd8739ae039), {
4406
4480
  url: urlData.url,
4407
- text: getTextTodisplay(),
4481
+ text: textToDisplay,
4408
4482
  download: true
4409
4483
  }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $0c620924e8f94c0c$export$2e2bcd8739ae039), {
4410
4484
  url: urlData.url,
4411
- text: getTextTodisplay(),
4485
+ text: textToDisplay,
4412
4486
  description: !!description,
4413
4487
  download: !!urlData.download
4414
4488
  })
@@ -4507,7 +4581,6 @@ var $fa95654c022435ea$export$2e2bcd8739ae039 = $fa95654c022435ea$var$SuggestedAc
4507
4581
 
4508
4582
 
4509
4583
 
4510
-
4511
4584
  const $4ac41b21ea7b8cbb$var$SvgColorChanger = ({ svgUrl: svgUrl, fillColor: fillColor, height: height })=>{
4512
4585
  const [modifiedSvg, setModifiedSvg] = (0, $dWhh5$react.useState)(null);
4513
4586
  (0, $dWhh5$react.useEffect)(()=>{
@@ -4532,7 +4605,11 @@ const $4ac41b21ea7b8cbb$var$SvgColorChanger = ({ svgUrl: svgUrl, fillColor: fill
4532
4605
  fillColor
4533
4606
  ]);
4534
4607
  return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $dWhh5$reactjsxruntime.Fragment), {
4535
- children: modifiedSvg && (0, ($parcel$interopDefault($dWhh5$htmlreactparser)))(modifiedSvg)
4608
+ children: modifiedSvg && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
4609
+ dangerouslySetInnerHTML: {
4610
+ __html: modifiedSvg
4611
+ }
4612
+ })
4536
4613
  });
4537
4614
  };
4538
4615
  var $4ac41b21ea7b8cbb$export$2e2bcd8739ae039 = $4ac41b21ea7b8cbb$var$SvgColorChanger;
@@ -4542,13 +4619,34 @@ const { useSendPostBack: $0425d21c89c76455$var$useSendPostBack } = (0, $dWhh5$bo
4542
4619
  const $0425d21c89c76455$var$DiscoverAttachment = ({ title: title, mainButtons: mainButtons, recommandationButton: recommandationButton, history: history, height: height })=>{
4543
4620
  const sendPostBack = $0425d21c89c76455$var$useSendPostBack();
4544
4621
  const { locale: locale } = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)();
4545
- const { isMobile: isMobile, themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
4546
- const handleClick = (event)=>{
4547
- // tap && sendPostBack(tap)
4548
- sendPostBack({
4549
- name: event,
4550
- type: "event"
4551
- });
4622
+ const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
4623
+ const displayLayout = (0, $dWhh5$react.useMemo)(()=>{
4624
+ if (mainButtons && mainButtons.length > 1) return `rf-w-full rf-grid rf-grid-cols-${mainButtons.length} rf-gap-2 large:rf-gap-4`;
4625
+ return "rf-w-1/2 rf-justify-self-center";
4626
+ }, [
4627
+ mainButtons
4628
+ ]);
4629
+ const handleClick = (data)=>{
4630
+ let dataToSend = {};
4631
+ if (typeof data === "string") dataToSend = {
4632
+ type: "event",
4633
+ name: data
4634
+ };
4635
+ else {
4636
+ const value = data.FilterId ? {
4637
+ value: {
4638
+ filterId: data.FilterId,
4639
+ filterValue: data.FilterValue,
4640
+ followingCardText: data.FollowingCardText
4641
+ }
4642
+ } : {};
4643
+ dataToSend = {
4644
+ type: "event",
4645
+ name: data.EventName,
4646
+ ...value
4647
+ };
4648
+ }
4649
+ sendPostBack(dataToSend);
4552
4650
  };
4553
4651
  return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
4554
4652
  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"} `,
@@ -4557,11 +4655,11 @@ const $0425d21c89c76455$var$DiscoverAttachment = ({ title: title, mainButtons: m
4557
4655
  },
4558
4656
  children: [
4559
4657
  /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
4560
- className: "rf-min-h-inherit rf-rounded rf-bg-cardFrameBackground rf-text-cardFrameText rf-self-start rf-title-size-auto rf-mb-2",
4658
+ 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",
4561
4659
  children: (0, $04321743da31c8db$export$d07f57595c356899)(title, locale)
4562
4660
  }),
4563
4661
  /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
4564
- className: "rf-w-full rf-h-full rf-flex rf-flex-row rf-justify-evenly rf-items-center rf-gap-2 large:rf-gap-4",
4662
+ className: `rf-h-full ${displayLayout}`,
4565
4663
  children: mainButtons && mainButtons.length > 0 ? mainButtons.map((button, i)=>{
4566
4664
  let colorButtonHandle = "";
4567
4665
  if (button.EventName.indexOf("TouristAttractions") > -1) colorButtonHandle = themeColors.tobeDoneColor;
@@ -4571,10 +4669,9 @@ const $0425d21c89c76455$var$DiscoverAttachment = ({ title: title, mainButtons: m
4571
4669
  else if (button.EventName.indexOf("TouristDestinations") > -1) colorButtonHandle = themeColors.tobeSeenColor;
4572
4670
  else if (button.EventName.indexOf("Event") > -1) colorButtonHandle = themeColors.agendaColor;
4573
4671
  return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
4574
- className: "rf-relative rf-card-button-discover rf-rounded rf-flex rf-flex-col rf-gap-2 large:rf-gap-4 rf-items-center",
4575
- onClick: ()=>handleClick(button.EventName),
4672
+ 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",
4673
+ onClick: ()=>handleClick(button),
4576
4674
  style: {
4577
- flex: isMobile ? "0 1 6rem" : "0 1 8rem",
4578
4675
  boxShadow: "0px 0px 13px #0000009c"
4579
4676
  },
4580
4677
  children: [
@@ -4590,15 +4687,15 @@ const $0425d21c89c76455$var$DiscoverAttachment = ({ title: title, mainButtons: m
4590
4687
  }
4591
4688
  }),
4592
4689
  /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("p", {
4593
- className: "rf-text-center rf-uppercase rf-font-bold large:rf-text-base rf-text-xsl rf-whitespace-nowrap",
4690
+ className: "rf-h-full rf-flex rf-items-center rf-text-center rf-uppercase rf-font-bold large:rf-text-basecustom rf-text-xsl",
4594
4691
  children: button.Text
4595
4692
  })
4596
4693
  ]
4597
4694
  }, i);
4598
4695
  }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $dWhh5$reactjsxruntime.Fragment), {})
4599
4696
  }),
4600
- recommandationButton && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("p", {
4601
- className: "large:rf-mt-4 rf-font-bold rf-card-button rf-text-center rf-capitalize-first",
4697
+ recommandationButton && mainButtons && mainButtons.length > 1 && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("p", {
4698
+ className: "rf-mt-4 rf-font-bold rf-card-button rf-text-center rf-capitalize-first",
4602
4699
  onClick: ()=>handleClick(recommandationButton.eventName),
4603
4700
  children: recommandationButton.text
4604
4701
  })
@@ -7179,13 +7276,63 @@ $9fde42be66905cde$export$7f21b8f94f2ce32b.maxLabelProperty = new $dWhh5$adaptive
7179
7276
 
7180
7277
 
7181
7278
 
7182
- const $ca0c07c153e8e8ae$var$ActionButton = ({ text: text, fullWidth: fullWidth, position: position, display: display, onClick: onClick })=>{
7279
+
7280
+
7281
+
7282
+
7283
+
7284
+ const $6871d5024445c3e4$var$Animation2 = ({ color: color, loaderColor: loaderColor, backgroundColor: backgroundColor })=>{
7285
+ return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("svg", {
7286
+ "aria-hidden": "true",
7287
+ className: "rf-inline rf-w-8 rf-h-8 rf-mr-2 rf-animate-spin ",
7288
+ viewBox: "0 0 100 101",
7289
+ fill: "none",
7290
+ xmlns: "http://www.w3.org/2000/svg",
7291
+ style: {
7292
+ backgroundColor: backgroundColor
7293
+ },
7294
+ children: [
7295
+ /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("path", {
7296
+ 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",
7297
+ fill: "currentColor",
7298
+ style: {
7299
+ fill: color
7300
+ }
7301
+ }),
7302
+ /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("path", {
7303
+ 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",
7304
+ fill: "currentFill",
7305
+ style: {
7306
+ fill: loaderColor
7307
+ }
7308
+ })
7309
+ ]
7310
+ });
7311
+ };
7312
+ var $6871d5024445c3e4$export$2e2bcd8739ae039 = $6871d5024445c3e4$var$Animation2;
7313
+
7314
+
7315
+ const $ca0c07c153e8e8ae$var$ActionButton = ({ text: text, fullWidth: fullWidth, position: position, display: display, urlToOpen: urlToOpen, onClick: onClick })=>{
7183
7316
  var _translation_locale;
7184
- const { currentSubView: currentSubView } = (0, $70e3d65f5a106231$export$77e4cc5334565f28)();
7185
- const { locale: locale } = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)();
7317
+ const currentSubView = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.currentSubView);
7318
+ const isUsedOnBorne = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.usingOnBorne);
7319
+ const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
7186
7320
  const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
7187
7321
  const [style, setStyle] = (0, $dWhh5$react.useState)();
7188
7322
  const [hover, setHover] = (0, $dWhh5$react.useState)(false);
7323
+ const [qrCodeData, setQrCodeData] = (0, $dWhh5$react.useState)();
7324
+ const setQrCodeDataAsync = async ()=>{
7325
+ if (urlToOpen) {
7326
+ const qrCodeString = await (0, ($parcel$interopDefault($dWhh5$qrcode))).toDataURL(encodeURI(urlToOpen));
7327
+ setQrCodeData(qrCodeString);
7328
+ }
7329
+ };
7330
+ (0, $dWhh5$react.useEffect)(()=>{
7331
+ if (urlToOpen && isUsedOnBorne) setQrCodeDataAsync();
7332
+ }, [
7333
+ urlToOpen,
7334
+ isUsedOnBorne
7335
+ ]);
7189
7336
  (0, $dWhh5$react.useEffect)(()=>{
7190
7337
  // Set width : full or fit
7191
7338
  let temp = fullWidth ? "rf-w-full" : "rf-w-fit";
@@ -7215,7 +7362,41 @@ const $ca0c07c153e8e8ae$var$ActionButton = ({ text: text, fullWidth: fullWidth,
7215
7362
  const handleLeave = ()=>{
7216
7363
  if (currentSubView !== (0, $71c613e2e831c34c$export$f05d0fed0593ead7).history) setHover(false);
7217
7364
  };
7218
- return text && display.toLowerCase() === "link" ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
7365
+ return urlToOpen && isUsedOnBorne ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
7366
+ className: "rf-w-full rf-mt-2 rf-flex rf-flex-col rf-justify-center rf-items-center rf-text-cardButtonTextDefault",
7367
+ children: qrCodeData ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
7368
+ children: [
7369
+ /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("img", {
7370
+ className: "rf-h-full rf-max-h-[120px]",
7371
+ src: qrCodeData,
7372
+ alt: "QR Code"
7373
+ }),
7374
+ /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
7375
+ className: "rf-relative rf-text-center rf-mx-8 rf-mt-2 rf-italic",
7376
+ children: [
7377
+ /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $589440ada8a582f1$export$2e2bcd8739ae039), {
7378
+ className: "rf-absolute rf-top-[0.125rem] -rf-left-6 rf-h-4"
7379
+ }),
7380
+ (0, $18b7296c942d1259$export$2eb1c1cc4b12d451)({
7381
+ locale: locale,
7382
+ isUsedOnBorne: isUsedOnBorne,
7383
+ data: {
7384
+ url: urlToOpen,
7385
+ download: true
7386
+ }
7387
+ })
7388
+ ]
7389
+ })
7390
+ ]
7391
+ }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
7392
+ className: "rf-w-6 rf-h-6",
7393
+ children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $6871d5024445c3e4$export$2e2bcd8739ae039), {
7394
+ color: "gray",
7395
+ loaderColor: themeColors.primary,
7396
+ backgroundColor: "transparent"
7397
+ })
7398
+ })
7399
+ }) : text && display.toLowerCase() === "link" ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
7219
7400
  className: `rf-w-full rf-mt-2 rf-flex rf-justify-start rf-items-center rf-text-cardButtonTextDefault ${currentSubView !== (0, $71c613e2e831c34c$export$f05d0fed0593ead7).history && "rf-cursor-pointer"}`,
7220
7401
  onPointerEnter: handleEnter,
7221
7402
  onPointerLeave: handleLeave,
@@ -7344,7 +7525,8 @@ class $e1605475882be598$export$3226295bbd9dad06 extends $dWhh5$adaptivecards.Ope
7344
7525
  text: this.title,
7345
7526
  fullWidth: this.fullWidth,
7346
7527
  position: this.position,
7347
- display: this.display
7528
+ display: this.display,
7529
+ urlToOpen: this.url
7348
7530
  };
7349
7531
  return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $ca0c07c153e8e8ae$export$2e2bcd8739ae039), {
7350
7532
  ...props
@@ -9895,7 +10077,7 @@ const $9a101af72a25f94e$var$MicrophoneButton = ({ openMicrophone: openMicrophone
9895
10077
  const activeRecognitionState = (0, $5f7f457957bd2c8d$export$f299240efcda25a2)((state)=>state.activeRecognitionState);
9896
10078
  const toggleMicrophone = (0, $e37833e47d877d3a$export$2e2bcd8739ae039)();
9897
10079
  const { isMobile: isMobile, themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
9898
- const { locale: locale } = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)();
10080
+ const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
9899
10081
  const allowedRef = (0, $dWhh5$react.useRef)(false);
9900
10082
  const [message, setMessage] = (0, $dWhh5$react.useState)("");
9901
10083
  const [playerRef, setPlayerRef] = (0, $dWhh5$react.useState)(null);
@@ -10813,38 +10995,6 @@ function $c581f9c34f3754ec$export$2e2bcd8739ae039() {
10813
10995
 
10814
10996
 
10815
10997
 
10816
- const $6871d5024445c3e4$var$Animation2 = ({ color: color, loaderColor: loaderColor, backgroundColor: backgroundColor })=>{
10817
- return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("svg", {
10818
- "aria-hidden": "true",
10819
- className: "rf-inline rf-w-8 rf-h-8 rf-mr-2 rf-animate-spin ",
10820
- viewBox: "0 0 100 101",
10821
- fill: "none",
10822
- xmlns: "http://www.w3.org/2000/svg",
10823
- style: {
10824
- backgroundColor: backgroundColor
10825
- },
10826
- children: [
10827
- /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("path", {
10828
- 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",
10829
- fill: "currentColor",
10830
- style: {
10831
- fill: color
10832
- }
10833
- }),
10834
- /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("path", {
10835
- 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",
10836
- fill: "currentFill",
10837
- style: {
10838
- fill: loaderColor
10839
- }
10840
- })
10841
- ]
10842
- });
10843
- };
10844
- var $6871d5024445c3e4$export$2e2bcd8739ae039 = $6871d5024445c3e4$var$Animation2;
10845
-
10846
-
10847
-
10848
10998
 
10849
10999
 
10850
11000
 
@@ -12293,10 +12443,200 @@ var $6bd994e5ef61a032$export$2e2bcd8739ae039 = $6bd994e5ef61a032$var$LanguageCho
12293
12443
  /* eslint-disable react/jsx-boolean-value */
12294
12444
 
12295
12445
 
12446
+
12447
+
12448
+
12449
+
12450
+
12451
+ const $64ba6b047f397610$var$infoBannerContenTypes = [
12452
+ "foodestablishment",
12453
+ "event"
12454
+ ];
12455
+ const $64ba6b047f397610$var$categoryConversion = {
12456
+ FoodEstablishment: "Where to eat",
12457
+ LodgingBusiness: "Where to sleep",
12458
+ TouristDestination: "What to see",
12459
+ TouristAttraction: "What to do",
12460
+ Product: "Local products",
12461
+ Service: "Services",
12462
+ Event: "Events",
12463
+ City: "Cities",
12464
+ Wine: "Wines"
12465
+ };
12466
+ const $64ba6b047f397610$var$getCategoryFromContentType = (contentType, locale)=>{
12467
+ var _translation_locale;
12468
+ if (contentType) return {
12469
+ id: $64ba6b047f397610$var$categoryConversion[contentType],
12470
+ label: ((_translation_locale = (0, (/*@__PURE__*/$parcel$interopDefault($0c8ba280a3fb3923$exports)))[locale]) === null || _translation_locale === void 0 ? void 0 : _translation_locale[contentType]) || (0, (/*@__PURE__*/$parcel$interopDefault($0c8ba280a3fb3923$exports)))["fr-FR"][contentType]
12471
+ };
12472
+ return undefined;
12473
+ };
12474
+ const $64ba6b047f397610$export$af5c868343ae916a = (data)=>{
12475
+ if (data.id && data.content) try {
12476
+ var _content_Thing_Image, _content_Thing, _content_Thing_Image_Paths, _content_Thing_Image1, _content_Thing1, _content_Place_AddressLocality, _content_Place, _content_Place_PostalCode, _content_Place1, _content_Place_StreetAddress, _content_Place2, _content_Place_Latitude, _content_Place3, _content_Place_Longitude, _content_Place4, _content_Review, _content_Review1, _content_Review2, _content_Review3, _content_Review4, _content_Review5, // Opening hours
12477
+ _content_LocalBusiness_OpeningHours, _content_LocalBusiness, _translation_data_locale, // Prices
12478
+ _content_LocalBusiness_PriceRange, _content_LocalBusiness1, _translation_data_locale1, // Payment methods
12479
+ _content_LocalBusiness_PaymentAccepted, _content_LocalBusiness2, _translation_data_locale2, _content_Thing_Categories, _content_Thing2, _content_Thing_Name_Text, _content_Thing_Name, _content_Thing3, _content_Thing_Description_Text, _content_Thing_Description, _content_Thing4, _content_PointOfInterest_Contact_Text, _content_PointOfInterest_Contact, _content_PointOfInterest, _content_Place_Telephone, _content_Place5, _translation_data_locale3, _content_Place_AggregateRating, _content_Place6, _content_Thing_Favorite, _content_Thing5;
12480
+ const content = data.content;
12481
+ // Process medias
12482
+ const medias = [];
12483
+ ((_content_Thing = content.Thing) === null || _content_Thing === void 0 ? void 0 : (_content_Thing_Image = _content_Thing.Image) === null || _content_Thing_Image === void 0 ? void 0 : _content_Thing_Image.Paths) && content.Thing.Image.Paths.length && ((_content_Thing1 = content.Thing) === null || _content_Thing1 === void 0 ? void 0 : (_content_Thing_Image1 = _content_Thing1.Image) === null || _content_Thing_Image1 === void 0 ? void 0 : (_content_Thing_Image_Paths = _content_Thing_Image1.Paths) === null || _content_Thing_Image_Paths === void 0 ? void 0 : _content_Thing_Image_Paths.forEach((path)=>{
12484
+ medias.push({
12485
+ url: `${data.baseAddress}media/${path}`
12486
+ });
12487
+ }));
12488
+ // Processed address
12489
+ const address = {
12490
+ addressLocality: ((_content_Place = content.Place) === null || _content_Place === void 0 ? void 0 : (_content_Place_AddressLocality = _content_Place.AddressLocality) === null || _content_Place_AddressLocality === void 0 ? void 0 : _content_Place_AddressLocality.Text) || "",
12491
+ postalCode: ((_content_Place1 = content.Place) === null || _content_Place1 === void 0 ? void 0 : (_content_Place_PostalCode = _content_Place1.PostalCode) === null || _content_Place_PostalCode === void 0 ? void 0 : _content_Place_PostalCode.Text) || "",
12492
+ street: ((_content_Place2 = content.Place) === null || _content_Place2 === void 0 ? void 0 : (_content_Place_StreetAddress = _content_Place2.StreetAddress) === null || _content_Place_StreetAddress === void 0 ? void 0 : _content_Place_StreetAddress.Text) || ""
12493
+ };
12494
+ // Processed coordinates
12495
+ const coordinates = ((_content_Place3 = content.Place) === null || _content_Place3 === void 0 ? void 0 : (_content_Place_Latitude = _content_Place3.Latitude) === null || _content_Place_Latitude === void 0 ? void 0 : _content_Place_Latitude.Value) && ((_content_Place4 = content.Place) === null || _content_Place4 === void 0 ? void 0 : (_content_Place_Longitude = _content_Place4.Longitude) === null || _content_Place_Longitude === void 0 ? void 0 : _content_Place_Longitude.Value) ? {
12496
+ latitude: content.Place.Latitude.Value,
12497
+ longitude: content.Place.Longitude.Value
12498
+ } : undefined;
12499
+ // Processed review
12500
+ const review = {
12501
+ author: ((_content_Review = content.Review) === null || _content_Review === void 0 ? void 0 : _content_Review.Author) || ((_content_Review1 = content.Review) === null || _content_Review1 === void 0 ? void 0 : _content_Review1.AuthorCapacity) ? {
12502
+ name: (_content_Review2 = content.Review) === null || _content_Review2 === void 0 ? void 0 : _content_Review2.Author,
12503
+ capacity: (_content_Review3 = content.Review) === null || _content_Review3 === void 0 ? void 0 : _content_Review3.AuthorCapacity
12504
+ } : undefined,
12505
+ comment: ((_content_Review4 = content.Review) === null || _content_Review4 === void 0 ? void 0 : _content_Review4.ReviewBody) || "",
12506
+ picture: ((_content_Review5 = content.Review) === null || _content_Review5 === void 0 ? void 0 : _content_Review5.Picture) ? {
12507
+ url: content.Review.Picture,
12508
+ description: content.Review.PictureDescription || ""
12509
+ } : undefined
12510
+ };
12511
+ // Process other informations
12512
+ const otherInformations = [];
12513
+ ((_content_LocalBusiness = content.LocalBusiness) === null || _content_LocalBusiness === void 0 ? void 0 : (_content_LocalBusiness_OpeningHours = _content_LocalBusiness.OpeningHours) === null || _content_LocalBusiness_OpeningHours === void 0 ? void 0 : _content_LocalBusiness_OpeningHours.Text) && otherInformations.push({
12514
+ title: ((_translation_data_locale = (0, (/*@__PURE__*/$parcel$interopDefault($0c8ba280a3fb3923$exports)))[data.locale]) === null || _translation_data_locale === void 0 ? void 0 : _translation_data_locale.openinghours) || (0, (/*@__PURE__*/$parcel$interopDefault($0c8ba280a3fb3923$exports)))["fr-FR"].openinghours,
12515
+ content: content.LocalBusiness.OpeningHours.Text
12516
+ });
12517
+ ((_content_LocalBusiness1 = content.LocalBusiness) === null || _content_LocalBusiness1 === void 0 ? void 0 : (_content_LocalBusiness_PriceRange = _content_LocalBusiness1.PriceRange) === null || _content_LocalBusiness_PriceRange === void 0 ? void 0 : _content_LocalBusiness_PriceRange.Text) && otherInformations.push({
12518
+ title: ((_translation_data_locale1 = (0, (/*@__PURE__*/$parcel$interopDefault($0c8ba280a3fb3923$exports)))[data.locale]) === null || _translation_data_locale1 === void 0 ? void 0 : _translation_data_locale1.prices) || (0, (/*@__PURE__*/$parcel$interopDefault($0c8ba280a3fb3923$exports)))["fr-FR"].prices,
12519
+ content: content.LocalBusiness.PriceRange.Text
12520
+ });
12521
+ ((_content_LocalBusiness2 = content.LocalBusiness) === null || _content_LocalBusiness2 === void 0 ? void 0 : (_content_LocalBusiness_PaymentAccepted = _content_LocalBusiness2.PaymentAccepted) === null || _content_LocalBusiness_PaymentAccepted === void 0 ? void 0 : _content_LocalBusiness_PaymentAccepted.Values) && content.LocalBusiness.PaymentAccepted.Values.length && otherInformations.push({
12522
+ title: ((_translation_data_locale2 = (0, (/*@__PURE__*/$parcel$interopDefault($0c8ba280a3fb3923$exports)))[data.locale]) === null || _translation_data_locale2 === void 0 ? void 0 : _translation_data_locale2.paymentmethods) || (0, (/*@__PURE__*/$parcel$interopDefault($0c8ba280a3fb3923$exports)))["fr-FR"].paymentmethods,
12523
+ content: content.LocalBusiness.PaymentAccepted.Values
12524
+ });
12525
+ // Process information banner
12526
+ let infoBanner;
12527
+ if (data.contentType && $64ba6b047f397610$var$infoBannerContenTypes.includes(data.contentType.toLowerCase())) switch(data.contentType.toLowerCase()){
12528
+ case "foodestablishment":
12529
+ var _content_Place_MaximumAttendeeCapacity, _content_Place7, _content_Place_MaximumAttendeeCapacity1, _content_Place8, _content_Place_MaximumAttendeeCapacity2, _content_Place9;
12530
+ ((_content_Place7 = content.Place) === null || _content_Place7 === void 0 ? void 0 : (_content_Place_MaximumAttendeeCapacity = _content_Place7.MaximumAttendeeCapacity) === null || _content_Place_MaximumAttendeeCapacity === void 0 ? void 0 : _content_Place_MaximumAttendeeCapacity.Value) && !isNaN(parseInt((_content_Place8 = content.Place) === null || _content_Place8 === void 0 ? void 0 : (_content_Place_MaximumAttendeeCapacity1 = _content_Place8.MaximumAttendeeCapacity) === null || _content_Place_MaximumAttendeeCapacity1 === void 0 ? void 0 : _content_Place_MaximumAttendeeCapacity1.Value)) && (infoBanner = `${(0, (/*@__PURE__*/$parcel$interopDefault($0c8ba280a3fb3923$exports)))[data.locale].numberofplaces || (0, (/*@__PURE__*/$parcel$interopDefault($0c8ba280a3fb3923$exports)))["fr-FR"].numberofplaces} ${parseInt((_content_Place9 = content.Place) === null || _content_Place9 === void 0 ? void 0 : (_content_Place_MaximumAttendeeCapacity2 = _content_Place9.MaximumAttendeeCapacity) === null || _content_Place_MaximumAttendeeCapacity2 === void 0 ? void 0 : _content_Place_MaximumAttendeeCapacity2.Value)}`);
12531
+ break;
12532
+ case "event":
12533
+ var _content_Event_StartDate, _content_Event_EndDate;
12534
+ if (content.Event && ((_content_Event_StartDate = content.Event.StartDate) === null || _content_Event_StartDate === void 0 ? void 0 : _content_Event_StartDate.Value) && ((_content_Event_EndDate = content.Event.EndDate) === null || _content_Event_EndDate === void 0 ? void 0 : _content_Event_EndDate.value)) {
12535
+ const startDate = new Date(content.Event.StartDate.Value);
12536
+ const endDate = new Date(content.Event.StartDate.Value);
12537
+ if (content.Event.StartDate.Value === content.Event.EndDate.value) infoBanner = `Le ${startDate.toLocaleDateString(data.locale)}`;
12538
+ else infoBanner = `Du ${startDate.toLocaleDateString(data.locale)} au ${endDate.toLocaleDateString(data.locale)}`;
12539
+ }
12540
+ break;
12541
+ }
12542
+ // Hack for Wines category -> TODO : remove it !
12543
+ let categoryWineTest = false;
12544
+ const categories = (_content_Thing2 = content.Thing) === null || _content_Thing2 === void 0 ? void 0 : (_content_Thing_Categories = _content_Thing2.Categories) === null || _content_Thing_Categories === void 0 ? void 0 : _content_Thing_Categories.Values;
12545
+ const wineFilters = [
12546
+ "Blanc de blanc",
12547
+ "Ros\xe9 Champagne",
12548
+ "Vintages",
12549
+ "Cocktail Collection",
12550
+ "AUTHIGENE Collection"
12551
+ ];
12552
+ if (categories && categories.length) categories.forEach((category)=>wineFilters.includes(category) && (categoryWineTest = true));
12553
+ const mappedData = {
12554
+ identifier: data.id,
12555
+ title: ((_content_Thing3 = content.Thing) === null || _content_Thing3 === void 0 ? void 0 : (_content_Thing_Name = _content_Thing3.Name) === null || _content_Thing_Name === void 0 ? void 0 : (_content_Thing_Name_Text = _content_Thing_Name.Text) === null || _content_Thing_Name_Text === void 0 ? void 0 : _content_Thing_Name_Text.toString()) || "",
12556
+ text: ((_content_Thing4 = content.Thing) === null || _content_Thing4 === void 0 ? void 0 : (_content_Thing_Description = _content_Thing4.Description) === null || _content_Thing_Description === void 0 ? void 0 : (_content_Thing_Description_Text = _content_Thing_Description.Text) === null || _content_Thing_Description_Text === void 0 ? void 0 : _content_Thing_Description_Text.toString()) || "",
12557
+ addressStructured: address,
12558
+ contact: ((_content_PointOfInterest = content.PointOfInterest) === null || _content_PointOfInterest === void 0 ? void 0 : (_content_PointOfInterest_Contact = _content_PointOfInterest.Contact) === null || _content_PointOfInterest_Contact === void 0 ? void 0 : (_content_PointOfInterest_Contact_Text = _content_PointOfInterest_Contact.Text) === null || _content_PointOfInterest_Contact_Text === void 0 ? void 0 : _content_PointOfInterest_Contact_Text.toString()) || "",
12559
+ phoneNumber: ((_content_Place5 = content.Place) === null || _content_Place5 === void 0 ? void 0 : (_content_Place_Telephone = _content_Place5.Telephone) === null || _content_Place_Telephone === void 0 ? void 0 : _content_Place_Telephone.Text) ? content.Place.Telephone.Text.toString() : "",
12560
+ category: categoryWineTest ? {
12561
+ id: $64ba6b047f397610$var$categoryConversion.Wine,
12562
+ label: ((_translation_data_locale3 = (0, (/*@__PURE__*/$parcel$interopDefault($0c8ba280a3fb3923$exports)))[data.locale]) === null || _translation_data_locale3 === void 0 ? void 0 : _translation_data_locale3.Wine) || (0, (/*@__PURE__*/$parcel$interopDefault($0c8ba280a3fb3923$exports)))["fr-FR"].Wine
12563
+ } : $64ba6b047f397610$var$getCategoryFromContentType(content.contentType, data.locale),
12564
+ media: medias.length ? medias : undefined,
12565
+ customerReviews: (_content_Place6 = content.Place) === null || _content_Place6 === void 0 ? void 0 : (_content_Place_AggregateRating = _content_Place6.AggregateRating) === null || _content_Place_AggregateRating === void 0 ? void 0 : _content_Place_AggregateRating.Value,
12566
+ coordinates: coordinates,
12567
+ downloadUri: `${data.baseAddress}api/hospitality/${data.id}/pdf`,
12568
+ favorite: !!((_content_Thing5 = content.Thing) === null || _content_Thing5 === void 0 ? void 0 : (_content_Thing_Favorite = _content_Thing5.Favorite) === null || _content_Thing_Favorite === void 0 ? void 0 : _content_Thing_Favorite.Value),
12569
+ review: review,
12570
+ infoBanner: infoBanner,
12571
+ otherInformations: otherInformations
12572
+ };
12573
+ return mappedData;
12574
+ } catch (e) {
12575
+ console.log(e);
12576
+ return null;
12577
+ }
12578
+ return null;
12579
+ };
12580
+
12581
+
12582
+
12296
12583
  const $725ea0cac166169b$var$useShowPOI = ()=>{
12297
12584
  const lastBotActivity = (0, $9acd31406c230961$export$b56465394e2b1287)((state)=>state.lastBotActivity);
12298
- if (lastBotActivity && lastBotActivity.type === "event" && lastBotActivity.name === "hospitality.ShowPointOfInterest" && lastBotActivity.value) return lastBotActivity.value;
12299
- return undefined;
12585
+ const triggers = (0, $70e3d65f5a106231$export$77e4cc5334565f28)((state)=>state.detailedAttachmentTriggers);
12586
+ const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
12587
+ const { baseAddress: baseAddress } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
12588
+ const [result, setResult] = (0, $dWhh5$react.useState)(undefined);
12589
+ (0, $dWhh5$react.useEffect)(()=>{
12590
+ if (lastBotActivity && lastBotActivity.value && triggers.length > 0) {
12591
+ let result;
12592
+ triggers.forEach((trigger)=>{
12593
+ if (lastBotActivity.type === trigger.type) {
12594
+ if (trigger.name && trigger.name === lastBotActivity.name) {
12595
+ var _lastBotActivity_value;
12596
+ if (trigger.contentType) {
12597
+ if (trigger.contentType === ((_lastBotActivity_value = lastBotActivity.value) === null || _lastBotActivity_value === void 0 ? void 0 : _lastBotActivity_value.contentType)) {
12598
+ lastBotActivity.value.content.template = trigger.linkedComponent;
12599
+ result = lastBotActivity.value.content;
12600
+ }
12601
+ } else {
12602
+ var _lastBotActivity_value1, _lastBotActivity_value2, _lastBotActivity_value3;
12603
+ const data = {
12604
+ id: (_lastBotActivity_value1 = lastBotActivity.value) === null || _lastBotActivity_value1 === void 0 ? void 0 : _lastBotActivity_value1.contentItemId,
12605
+ content: (_lastBotActivity_value2 = lastBotActivity.value) === null || _lastBotActivity_value2 === void 0 ? void 0 : _lastBotActivity_value2.content,
12606
+ contentType: (_lastBotActivity_value3 = lastBotActivity.value) === null || _lastBotActivity_value3 === void 0 ? void 0 : _lastBotActivity_value3.contentType,
12607
+ baseAddress: baseAddress,
12608
+ locale: locale
12609
+ };
12610
+ const checkData = (0, $64ba6b047f397610$export$af5c868343ae916a)(data);
12611
+ if (checkData) result = {
12612
+ ...checkData,
12613
+ template: trigger.linkedComponent
12614
+ };
12615
+ else {
12616
+ lastBotActivity.value.template = trigger.linkedComponent;
12617
+ result = lastBotActivity.value;
12618
+ }
12619
+ }
12620
+ } else if (trigger.label && trigger.label === lastBotActivity.label) {
12621
+ var _lastBotActivity_value4;
12622
+ if (trigger.contentType) {
12623
+ if (trigger.contentType === ((_lastBotActivity_value4 = lastBotActivity.value) === null || _lastBotActivity_value4 === void 0 ? void 0 : _lastBotActivity_value4.contentType)) {
12624
+ lastBotActivity.value.content.template = trigger.linkedComponent;
12625
+ result = lastBotActivity.value.content;
12626
+ }
12627
+ } else {
12628
+ lastBotActivity.value.template = trigger.linkedComponent;
12629
+ result = lastBotActivity.value;
12630
+ }
12631
+ }
12632
+ }
12633
+ });
12634
+ setResult(result);
12635
+ }
12636
+ }, [
12637
+ lastBotActivity
12638
+ ]);
12639
+ return result;
12300
12640
  };
12301
12641
  var $725ea0cac166169b$export$2e2bcd8739ae039 = $725ea0cac166169b$var$useShowPOI;
12302
12642
 
@@ -12305,6 +12645,7 @@ var $725ea0cac166169b$export$2e2bcd8739ae039 = $725ea0cac166169b$var$useShowPOI;
12305
12645
 
12306
12646
 
12307
12647
 
12648
+
12308
12649
  const $5adc3e7d397572e9$export$730331b97844b22d = (color, transparency)=>{
12309
12650
  let tempColorObject = null;
12310
12651
  try {
@@ -13315,10 +13656,15 @@ var $6cacbade32b06d0d$export$2e2bcd8739ae039 = $6cacbade32b06d0d$var$DetailedAdd
13315
13656
 
13316
13657
 
13317
13658
 
13659
+
13660
+ const { useSendPostBack: $d796192f79db347a$var$useSendPostBack } = (0, $dWhh5$botframeworkwebchat.hooks);
13318
13661
  const $d796192f79db347a$var$springEnterDuration = 1500;
13319
13662
  const $d796192f79db347a$var$springLeaveDuration = 2500;
13320
13663
  const $d796192f79db347a$var$AttachmentDetails = ()=>{
13321
- const askForDetailedPOI = (0, $725ea0cac166169b$export$2e2bcd8739ae039)();
13664
+ const detailedItemContent = (0, $725ea0cac166169b$export$2e2bcd8739ae039)();
13665
+ const sendPostBack = $d796192f79db347a$var$useSendPostBack();
13666
+ const locale = (0, $b6a8688e7db7a7b9$export$6650dace022cfacc)((state)=>state.locale);
13667
+ const { configuration: { isUsedOnBorne: isUsedOnBorne }, baseAddress: baseAddress } = (0, $1d4f8108de9ab73a$export$d8760bee47331b1d)();
13322
13668
  const mode = (0, $c7242af7a2bc5e50$export$bd22554f31e5f96f)((state)=>state.mode);
13323
13669
  const { themeColors: themeColors, isMobile: isMobile, currentDeviceType: currentDeviceType } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
13324
13670
  const [content, setContent] = (0, $dWhh5$react.useState)(undefined);
@@ -13333,18 +13679,18 @@ const $d796192f79db347a$var$AttachmentDetails = ()=>{
13333
13679
  const timerRef = (0, $dWhh5$react.useRef)(null);
13334
13680
  const divRef = (0, $dWhh5$react.useRef)(null);
13335
13681
  (0, $dWhh5$react.useEffect)(()=>{
13336
- setContent(askForDetailedPOI);
13337
- if (askForDetailedPOI) (0, $70e3d65f5a106231$export$dcb32d000c0e0280)((0, $71c613e2e831c34c$export$4f7cd669585dc69f).DetailViewOpen);
13682
+ setContent(detailedItemContent);
13683
+ if (detailedItemContent) (0, $70e3d65f5a106231$export$dcb32d000c0e0280)((0, $71c613e2e831c34c$export$4f7cd669585dc69f).DetailViewOpen);
13338
13684
  }, [
13339
- askForDetailedPOI
13685
+ detailedItemContent
13340
13686
  ]);
13341
13687
  (0, $dWhh5$react.useLayoutEffect)(()=>{
13342
13688
  if (divRef === null || divRef === void 0 ? void 0 : divRef.current) currentDeviceType === (0, $71c613e2e831c34c$export$ec1e04e4e5ef8233).widget && (0, $9eb4669b72b0cf4a$export$2e2bcd8739ae039)(null, divRef);
13343
13689
  });
13344
13690
  (0, $dWhh5$react.useEffect)(()=>{
13345
- var _content_category;
13346
- if (content && ((_content_category = content.category) === null || _content_category === void 0 ? void 0 : _content_category.id)) {
13347
- setColor((0, $69bd046fb7f03447$export$7c3e7489ecac4759)(content.category.id, themeColors));
13691
+ if (content) {
13692
+ var _content_category;
13693
+ ((_content_category = content.category) === null || _content_category === void 0 ? void 0 : _content_category.id) && setColor((0, $69bd046fb7f03447$export$7c3e7489ecac4759)(content.category.id, themeColors));
13348
13694
  api.start({
13349
13695
  from: {
13350
13696
  transform: "translateX(-100%)"
@@ -13396,59 +13742,73 @@ const $d796192f79db347a$var$AttachmentDetails = ()=>{
13396
13742
  closeButtonClassName: "rf-z-util",
13397
13743
  remoteCloseButtonZIndex: "rf-z-detailedPOI",
13398
13744
  animation: spring,
13399
- children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
13745
+ children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
13400
13746
  ref: divRef,
13401
13747
  className: "rf-relative rf-flex rf-flex-row vertical:rf-flex-col rf-h-full rf-overflow-y-scroll rf-scrollbar-hidden",
13402
- children: [
13403
- /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
13404
- 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",
13405
- children: [
13406
- /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $f18ad223fcd061b7$export$2e2bcd8739ae039), {
13407
- category: content.category,
13408
- title: content.title,
13409
- infoBanner: content.infoBanner,
13410
- color: color,
13411
- customerReviews: content.customerReviews,
13412
- favorite: content.favorite,
13413
- handleClose: handleClose,
13414
- setTitleHeight: setTitleHeight
13415
- }),
13416
- /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
13417
- className: "rf-flex rf-flex-col large:rf-flex-row desktop:rf-h-full",
13418
- children: [
13419
- /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $fe50c85aaca30261$export$2e2bcd8739ae039), {
13420
- text: content.text,
13421
- otherInformations: content.otherInformations,
13422
- color: color,
13423
- url: content.downloadUri,
13424
- titleHeight: titleHeight
13425
- }),
13426
- (content.media && content.media.length > 0 || content.review) && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $91842d87af07aa1e$export$2e2bcd8739ae039), {
13427
- media: content.media,
13428
- review: content.review,
13429
- color: color
13430
- })
13431
- ]
13432
- })
13433
- ]
13434
- }),
13435
- /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $6cacbade32b06d0d$export$2e2bcd8739ae039), {
13436
- address: content.addressStructured,
13437
- phoneNumber: content.phoneNumber,
13438
- coordinates: content.coordinates,
13439
- color: color,
13440
- colorWithTransparency: colorWithTransparency,
13441
- customerReviews: content.customerReviews,
13442
- url: content.downloadUri
13443
- }),
13444
- isMobile && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
13445
- className: mode === (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).text ? "rf-mb-28" : "rf-mb-16",
13446
- children: content.downloadUri && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $9982aaf71fbd3e1f$export$2e2bcd8739ae039), {
13447
- className: "rf-justify-center",
13748
+ children: (detailedItemContent === null || detailedItemContent === void 0 ? void 0 : detailedItemContent.template) ? /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
13749
+ children: /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)(detailedItemContent.template, {
13750
+ props: {
13751
+ ...content,
13752
+ locale: locale,
13753
+ isUsedOnBorne: isUsedOnBorne,
13754
+ baseAddress: baseAddress,
13755
+ sendPostBack: sendPostBack
13756
+ },
13757
+ currentDeviceType: currentDeviceType,
13758
+ handleClose: handleClose
13759
+ })
13760
+ }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {
13761
+ children: [
13762
+ /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
13763
+ 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",
13764
+ children: [
13765
+ /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $f18ad223fcd061b7$export$2e2bcd8739ae039), {
13766
+ category: content.category,
13767
+ title: content.title,
13768
+ infoBanner: content.infoBanner,
13769
+ color: color,
13770
+ customerReviews: content.customerReviews,
13771
+ favorite: content.favorite,
13772
+ handleClose: handleClose,
13773
+ setTitleHeight: setTitleHeight
13774
+ }),
13775
+ /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
13776
+ className: "rf-flex rf-flex-col large:rf-flex-row desktop:rf-h-full",
13777
+ children: [
13778
+ /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $fe50c85aaca30261$export$2e2bcd8739ae039), {
13779
+ text: content.text,
13780
+ otherInformations: content.otherInformations,
13781
+ color: color,
13782
+ url: content.downloadUri,
13783
+ titleHeight: titleHeight
13784
+ }),
13785
+ (content.media && content.media.length > 0 || content.review) && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $91842d87af07aa1e$export$2e2bcd8739ae039), {
13786
+ media: content.media,
13787
+ review: content.review,
13788
+ color: color
13789
+ })
13790
+ ]
13791
+ })
13792
+ ]
13793
+ }),
13794
+ /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $6cacbade32b06d0d$export$2e2bcd8739ae039), {
13795
+ address: content.addressStructured,
13796
+ phoneNumber: content.phoneNumber,
13797
+ coordinates: content.coordinates,
13798
+ color: color,
13799
+ colorWithTransparency: colorWithTransparency,
13800
+ customerReviews: content.customerReviews,
13448
13801
  url: content.downloadUri
13802
+ }),
13803
+ isMobile && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("div", {
13804
+ className: mode === (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).text ? "rf-mb-28" : "rf-mb-16",
13805
+ children: content.downloadUri && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $9982aaf71fbd3e1f$export$2e2bcd8739ae039), {
13806
+ className: "rf-justify-center",
13807
+ url: content.downloadUri
13808
+ })
13449
13809
  })
13450
- })
13451
- ]
13810
+ ]
13811
+ })
13452
13812
  })
13453
13813
  }) : /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dWhh5$react))).Fragment, {});
13454
13814
  };
@@ -14578,6 +14938,7 @@ const $248ff5c2ef55c790$var$BotMessageActivity = ({ isMobile: isMobile, answerTi
14578
14938
 
14579
14939
 
14580
14940
 
14941
+
14581
14942
 
14582
14943
 
14583
14944
  const $9c84070cf0521963$var$Mode = ()=>{
@@ -14587,7 +14948,10 @@ const $9c84070cf0521963$var$Mode = ()=>{
14587
14948
  const [fromTextToVocal, setFromTextToVocal] = (0, $dWhh5$react.useState)(false);
14588
14949
  const toggleMode = (newMode)=>{
14589
14950
  setFromTextToVocal(true);
14590
- if (newMode === (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).text) setCanFocusSendBox(true);
14951
+ if (newMode === (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).text) {
14952
+ setCanFocusSendBox(true);
14953
+ (0, $5f7f457957bd2c8d$export$45913366c4ba414f)((0, $71c613e2e831c34c$export$3f0071308968cd80).ForceClosing);
14954
+ }
14591
14955
  (0, $c7242af7a2bc5e50$export$d4f039427a1beff1)(newMode);
14592
14956
  };
14593
14957
  return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsxs)("div", {
@@ -14697,6 +15061,7 @@ var $81e653c6b570247f$export$2e2bcd8739ae039 = $81e653c6b570247f$var$RemoteConta
14697
15061
 
14698
15062
 
14699
15063
 
15064
+
14700
15065
  const $e27b2d64339a5000$var$ModeButton = ({ label: label, selected: selected, onClick: onClick })=>{
14701
15066
  const { themeColors: themeColors } = (0, $6acc5d637072b42e$export$3abe3478af3cb63b)();
14702
15067
  return /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)("button", {
@@ -14730,7 +15095,10 @@ const $40c9c7ece5949bcc$var$Mobile = ({ parametersOpened: parametersOpened, togg
14730
15095
  // If the parameters are opened, no action
14731
15096
  if (!parametersOpened) {
14732
15097
  setFromTextToVocal(true);
14733
- if (newMode === (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).text) setCanFocusSendBox(true);
15098
+ if (newMode === (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).text) {
15099
+ setCanFocusSendBox(true);
15100
+ (0, $5f7f457957bd2c8d$export$45913366c4ba414f)((0, $71c613e2e831c34c$export$3f0071308968cd80).ForceClosing);
15101
+ }
14734
15102
  (0, $c7242af7a2bc5e50$export$d4f039427a1beff1)(newMode);
14735
15103
  }
14736
15104
  };
@@ -14905,7 +15273,7 @@ const $6c3069cd619942d1$var$HomeView = ({ chatbotData: chatbotData, externalComp
14905
15273
  }),
14906
15274
  (configuration === null || configuration === void 0 ? void 0 : configuration.logo) && (!isMobile || isMobile && mode !== (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).text) && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $85e61aba8b9a5198$export$2e2bcd8739ae039), {}),
14907
15275
  (!isMobile || isMobile && mode !== (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).text) && chatbotData && displayAgent && /*#__PURE__*/ (0, $dWhh5$reactjsxruntime.jsx)((0, $8f73b7a6f73661a7$export$2e2bcd8739ae039), {
14908
- className: "rf-relative rf-col-start-1 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",
15276
+ 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`,
14909
15277
  chatbotData: chatbotData,
14910
15278
  showSubtitles: true
14911
15279
  }),
@@ -16044,6 +16412,8 @@ class $e7fbc91b362e1033$var$IndexedDbManager {
16044
16412
  const db = request.result;
16045
16413
  const tx = db.transaction(this.storeName, "readwrite");
16046
16414
  const store = tx.objectStore(this.storeName);
16415
+ // Base 64 encode
16416
+ data.id = window.btoa(encodeURI(data.id));
16047
16417
  store.add(data);
16048
16418
  resolve(true);
16049
16419
  };
@@ -16059,7 +16429,8 @@ class $e7fbc91b362e1033$var$IndexedDbManager {
16059
16429
  const db = request.result;
16060
16430
  const tx = db.transaction(this.storeName, "readonly");
16061
16431
  const store = tx.objectStore(this.storeName);
16062
- const data = store.get(id);
16432
+ // Base 64 encode
16433
+ const data = store.get(window.btoa(encodeURI(id)));
16063
16434
  data.onsuccess = ()=>{
16064
16435
  resolve(data.result);
16065
16436
  };
@@ -16171,7 +16542,7 @@ const $d31b268c3b702355$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd,
16171
16542
  ]);
16172
16543
  const playUtterance = async ()=>{
16173
16544
  if (DBReady && enableSpeechCaching !== false && utterance) {
16174
- const dataFromIndexedDB = await $d31b268c3b702355$var$DBManager.getSpeechData(`${locale}.${voice === null || voice === void 0 ? void 0 : voice.name}.${utterance.text.replace($d31b268c3b702355$var$tagsRemoverRegex, "")}`);
16545
+ const dataFromIndexedDB = await $d31b268c3b702355$var$DBManager.getSpeechData(`${locale}.${voice === null || voice === void 0 ? void 0 : voice.name}.${utterance.text.replace($d31b268c3b702355$var$tagsRemoverRegex, "").substring(0, 50)}`);
16175
16546
  if (dataFromIndexedDB) {
16176
16547
  boundaryRef.current = dataFromIndexedDB.boundaries;
16177
16548
  (0, $5f7f457957bd2c8d$export$c24886139fddc386)(dataFromIndexedDB.boundaries);
@@ -16186,7 +16557,7 @@ const $d31b268c3b702355$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd,
16186
16557
  type: "audio/mp3"
16187
16558
  });
16188
16559
  enableSpeechCaching !== false && !alreadyExistsInDB && DBReady && (boundaryRef === null || boundaryRef === void 0 ? void 0 : boundaryRef.current) && utterance && $d31b268c3b702355$var$DBManager.addSpeechData({
16189
- id: `${locale}.${voice === null || voice === void 0 ? void 0 : voice.name}.${utterance.text.replace($d31b268c3b702355$var$tagsRemoverRegex, "")}`,
16560
+ id: `${locale}.${voice === null || voice === void 0 ? void 0 : voice.name}.${utterance.text.replace($d31b268c3b702355$var$tagsRemoverRegex, "").substring(0, 50)}`,
16190
16561
  value: data,
16191
16562
  boundaries: boundaryRef.current
16192
16563
  });
@@ -16740,6 +17111,7 @@ var $ad561f5c61e38c20$export$2e2bcd8739ae039 = $ad561f5c61e38c20$var$SynthesisMa
16740
17111
 
16741
17112
 
16742
17113
 
17114
+
16743
17115
  const { useSubmitSendBox: $b0722e4118e770aa$var$useSubmitSendBox } = (0, $dWhh5$botframeworkwebchat.hooks);
16744
17116
  const $b0722e4118e770aa$var$timeoutDuration = 1000;
16745
17117
  const $b0722e4118e770aa$var$RecognitionManager = ()=>{
@@ -16754,6 +17126,8 @@ const $b0722e4118e770aa$var$RecognitionManager = ()=>{
16754
17126
  const [ponyfill, setPonyfill] = (0, $dWhh5$react.useState)(null);
16755
17127
  const isActiveModeRef = (0, $dWhh5$react.useRef)();
16756
17128
  const timerRef = (0, $dWhh5$react.useRef)(null);
17129
+ const [recognitionAllowed, setRecognitionAllowed] = (0, $dWhh5$react.useState)(false);
17130
+ const [ponyfillReady, setPonyfillReady] = (0, $dWhh5$react.useState)(false);
16757
17131
  const getCommonAndLocalizedWakeWords = ()=>{
16758
17132
  let commonAndlocalizedWakeWords = [];
16759
17133
  if (useContinuousRecognition && (speechRecognitionOptions === null || speechRecognitionOptions === void 0 ? void 0 : speechRecognitionOptions.wakeWords)) {
@@ -16786,6 +17160,17 @@ const $b0722e4118e770aa$var$RecognitionManager = ()=>{
16786
17160
  }
16787
17161
  return commonAndlocalizedGrammars;
16788
17162
  };
17163
+ const askPermission = ()=>{
17164
+ if (recognitionAllowed) ponyfill === null || ponyfill === void 0 ? void 0 : ponyfill.speechRecognition.start();
17165
+ else (0, $d71a13f1dc50d60a$export$2e2bcd8739ae039)().then((permission)=>{
17166
+ setRecognitionAllowed(permission);
17167
+ }).catch(console.log);
17168
+ };
17169
+ (0, $dWhh5$react.useEffect)(()=>{
17170
+ recognitionAllowed && useContinuousRecognition && (ponyfill === null || ponyfill === void 0 ? void 0 : ponyfill.speechRecognition.start());
17171
+ }, [
17172
+ recognitionAllowed
17173
+ ]);
16789
17174
  (0, $dWhh5$react.useEffect)(()=>{
16790
17175
  const options = {
16791
17176
  autoStart: false,
@@ -16846,8 +17231,7 @@ const $b0722e4118e770aa$var$RecognitionManager = ()=>{
16846
17231
  // Only get result in Active mode
16847
17232
  if (lastMessage && isActiveModeRef.current) (0, $5f7f457957bd2c8d$export$a5c8d6d0ec4b5ccb)(lastMessage);
16848
17233
  };
16849
- // Start recognition if vocal mode and continuous are activated
16850
- mode === (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).vocal && useContinuousRecognition && ponyfill.speechRecognition.start();
17234
+ setPonyfillReady(true);
16851
17235
  }
16852
17236
  }
16853
17237
  return ()=>{
@@ -16861,25 +17245,33 @@ const $b0722e4118e770aa$var$RecognitionManager = ()=>{
16861
17245
  loaderClosed
16862
17246
  ]);
16863
17247
  (0, $dWhh5$react.useEffect)(()=>{
16864
- if ((ponyfill === null || ponyfill === void 0 ? void 0 : ponyfill.speechRecognition) && mode === (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).vocal) // Start passive recognition if not done yet
16865
- useContinuousRecognition && !ponyfill.speechRecognition.started && ponyfill.speechRecognition.start();
17248
+ if (ponyfillReady && mode === (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).vocal) // Start passive recognition if not done yet
17249
+ useContinuousRecognition && !(ponyfill === null || ponyfill === void 0 ? void 0 : ponyfill.speechRecognition.started) && askPermission();
16866
17250
  }, [
16867
17251
  mode,
16868
- ponyfill
17252
+ ponyfillReady
16869
17253
  ]);
17254
+ const togglePassiveToActive = ()=>{
17255
+ if (ponyfill === null || ponyfill === void 0 ? void 0 : ponyfill.speechRecognition.started) ponyfill.speechRecognition.toggleContinuousPassiveToActive();
17256
+ else if (ponyfill) {
17257
+ ponyfill.speechRecognition.passive = false;
17258
+ ponyfill.speechRecognition.continuous = false;
17259
+ ponyfill.speechRecognition.start();
17260
+ }
17261
+ };
16870
17262
  (0, $dWhh5$react.useEffect)(()=>{
16871
17263
  isActiveModeRef.current = activeRecognitionState === (0, $71c613e2e831c34c$export$3f0071308968cd80).Listening;
16872
- if ((ponyfill === null || ponyfill === void 0 ? void 0 : ponyfill.speechRecognition) && appAvailable && loaderClosed) switch(activeRecognitionState){
16873
- // Do nothing if we are in a transition state
16874
- case (0, $71c613e2e831c34c$export$3f0071308968cd80).Initializing:
16875
- useContinuousRecognition ? ponyfill.speechRecognition.toggleContinuousPassiveToActive() : ponyfill.speechRecognition.start();
16876
- break;
16877
- case (0, $71c613e2e831c34c$export$3f0071308968cd80).Listening:
16878
- break;
16879
- case (0, $71c613e2e831c34c$export$3f0071308968cd80).Closing:
16880
- if (lastRecognitionInterim) {
16881
- (timerRef === null || timerRef === void 0 ? void 0 : timerRef.current) && clearTimeout(timerRef.current);
16882
- timerRef.current = setTimeout(()=>{
17264
+ if ((ponyfill === null || ponyfill === void 0 ? void 0 : ponyfill.speechRecognition) && appAvailable && loaderClosed) {
17265
+ (timerRef === null || timerRef === void 0 ? void 0 : timerRef.current) && clearTimeout(timerRef.current);
17266
+ switch(activeRecognitionState){
17267
+ // Do nothing if we are in a transition state
17268
+ case (0, $71c613e2e831c34c$export$3f0071308968cd80).Initializing:
17269
+ useContinuousRecognition ? togglePassiveToActive() : ponyfill.speechRecognition.start();
17270
+ break;
17271
+ case (0, $71c613e2e831c34c$export$3f0071308968cd80).Listening:
17272
+ break;
17273
+ case (0, $71c613e2e831c34c$export$3f0071308968cd80).Closing:
17274
+ if (lastRecognitionInterim) timerRef.current = setTimeout(()=>{
16883
17275
  submitSendBox(undefined, {
16884
17276
  channelData: {
16885
17277
  speech: lastRecognitionInterim
@@ -16887,20 +17279,21 @@ const $b0722e4118e770aa$var$RecognitionManager = ()=>{
16887
17279
  });
16888
17280
  (0, $5f7f457957bd2c8d$export$45913366c4ba414f)((0, $71c613e2e831c34c$export$3f0071308968cd80).Closed);
16889
17281
  }, $b0722e4118e770aa$var$timeoutDuration);
16890
- } else (0, $5f7f457957bd2c8d$export$45913366c4ba414f)((0, $71c613e2e831c34c$export$3f0071308968cd80).Closed);
16891
- break;
16892
- case (0, $71c613e2e831c34c$export$3f0071308968cd80).ForceClosing:
16893
- var _ponyfill_speechRecognition;
16894
- (0, $5f7f457957bd2c8d$export$a5c8d6d0ec4b5ccb)("");
16895
- (timerRef === null || timerRef === void 0 ? void 0 : timerRef.current) && clearTimeout(timerRef.current);
16896
- // If an interim was processed, a 'end' event will be fired. If not, we must abort the current recognition
16897
- !lastRecognitionInterim && (ponyfill === null || ponyfill === void 0 ? void 0 : (_ponyfill_speechRecognition = ponyfill.speechRecognition) === null || _ponyfill_speechRecognition === void 0 ? void 0 : _ponyfill_speechRecognition.abort) && ponyfill.speechRecognition.abort();
16898
- break;
16899
- case (0, $71c613e2e831c34c$export$3f0071308968cd80).Closed:
16900
- useContinuousRecognition && ponyfill.speechRecognition.toggleContinuousActiveToPassive();
16901
- (0, $5f7f457957bd2c8d$export$a5c8d6d0ec4b5ccb)("");
16902
- (timerRef === null || timerRef === void 0 ? void 0 : timerRef.current) && clearTimeout(timerRef.current);
16903
- break;
17282
+ else (0, $5f7f457957bd2c8d$export$45913366c4ba414f)((0, $71c613e2e831c34c$export$3f0071308968cd80).Closed);
17283
+ break;
17284
+ case (0, $71c613e2e831c34c$export$3f0071308968cd80).ForceClosing:
17285
+ var _ponyfill_speechRecognition_abort, _ponyfill_speechRecognition;
17286
+ (0, $5f7f457957bd2c8d$export$a5c8d6d0ec4b5ccb)("");
17287
+ // If an interim was processed, a 'end' event will be fired. If not, we must abort the current recognition
17288
+ if (!lastRecognitionInterim) ponyfill.speechRecognition.started ? (_ponyfill_speechRecognition_abort = (_ponyfill_speechRecognition = ponyfill.speechRecognition).abort) === null || _ponyfill_speechRecognition_abort === void 0 ? void 0 : _ponyfill_speechRecognition_abort.call(_ponyfill_speechRecognition) : (0, $5f7f457957bd2c8d$export$45913366c4ba414f)((0, $71c613e2e831c34c$export$3f0071308968cd80).Closed);
17289
+ break;
17290
+ case (0, $71c613e2e831c34c$export$3f0071308968cd80).Closed:
17291
+ if (useContinuousRecognition && mode === (0, $71c613e2e831c34c$export$9484bbecc3c49a2e).vocal) timerRef.current = setTimeout(()=>{
17292
+ ponyfill.speechRecognition.toggleContinuousActiveToPassive();
17293
+ }, $b0722e4118e770aa$var$timeoutDuration);
17294
+ (0, $5f7f457957bd2c8d$export$a5c8d6d0ec4b5ccb)("");
17295
+ break;
17296
+ }
16904
17297
  }
16905
17298
  }, [
16906
17299
  activeRecognitionState