@davi-ai/retorik-framework 3.2.4 → 3.2.6

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 (36) hide show
  1. package/README.md +1 -1
  2. package/dist/{AttachmentDetail.cfd86776.js → AttachmentDetail.0a576bf3.js} +11 -11
  3. package/dist/AttachmentDetail.0a576bf3.js.map +1 -0
  4. package/dist/{AttachmentDetail.fdcd1737.js → AttachmentDetail.c4286a45.js} +11 -11
  5. package/dist/AttachmentDetail.c4286a45.js.map +1 -0
  6. package/dist/{CustomView.c24a0e74.js → CustomView.913a9f32.js} +5 -5
  7. package/dist/{CustomView.c24a0e74.js.map → CustomView.913a9f32.js.map} +1 -1
  8. package/dist/{CustomView.ba7af9b6.js → CustomView.edf84de1.js} +5 -5
  9. package/dist/{CustomView.ba7af9b6.js.map → CustomView.edf84de1.js.map} +1 -1
  10. package/dist/{Emergency.0cf005ce.js → Emergency.1f855b66.js} +17 -1
  11. package/dist/Emergency.1f855b66.js.map +1 -0
  12. package/dist/{Emergency.897ee3c7.js → Emergency.cd492aab.js} +17 -1
  13. package/dist/Emergency.cd492aab.js.map +1 -0
  14. package/dist/{NewsContainer.05bb1b19.js → NewsContainer.24a4ba84.js} +10 -7
  15. package/dist/NewsContainer.24a4ba84.js.map +1 -0
  16. package/dist/{NewsContainer.5e80336b.js → NewsContainer.76f5b60f.js} +10 -7
  17. package/dist/NewsContainer.76f5b60f.js.map +1 -0
  18. package/dist/{Weather.cf58823d.js → Weather.87ab2128.js} +10 -2
  19. package/dist/Weather.87ab2128.js.map +1 -0
  20. package/dist/{Weather.99917b66.js → Weather.8d8aa06a.js} +10 -1
  21. package/dist/Weather.8d8aa06a.js.map +1 -0
  22. package/dist/index.d.ts +22 -17
  23. package/dist/index.d.ts.map +1 -1
  24. package/dist/index.js +1214 -1586
  25. package/dist/index.js.map +1 -1
  26. package/dist/index.modern.js +1198 -1580
  27. package/dist/index.modern.js.map +1 -1
  28. package/package.json +3 -3
  29. package/dist/AttachmentDetail.cfd86776.js.map +0 -1
  30. package/dist/AttachmentDetail.fdcd1737.js.map +0 -1
  31. package/dist/Emergency.0cf005ce.js.map +0 -1
  32. package/dist/Emergency.897ee3c7.js.map +0 -1
  33. package/dist/NewsContainer.05bb1b19.js.map +0 -1
  34. package/dist/NewsContainer.5e80336b.js.map +0 -1
  35. package/dist/Weather.99917b66.js.map +0 -1
  36. package/dist/Weather.cf58823d.js.map +0 -1
@@ -374,13 +374,17 @@ var $179a76b9823b36f3$export$22b261e08140d6b2 = /*#__PURE__*/ function(CategoryI
374
374
  return CategoryId;
375
375
  }($179a76b9823b36f3$export$22b261e08140d6b2 || {});
376
376
  var $179a76b9823b36f3$export$ddddf2c97763af65 = /*#__PURE__*/ function(CloseButtonCause) {
377
- CloseButtonCause[CloseButtonCause["none"] = 0] = "none";
378
- CloseButtonCause[CloseButtonCause["detailedpoi"] = 1] = "detailedpoi";
379
- CloseButtonCause[CloseButtonCause["list"] = 2] = "list";
380
- CloseButtonCause[CloseButtonCause["subview"] = 3] = "subview";
381
- CloseButtonCause[CloseButtonCause["dashboard"] = 4] = "dashboard";
382
- CloseButtonCause[CloseButtonCause["fullscreenimage"] = 5] = "fullscreenimage";
383
- CloseButtonCause[CloseButtonCause["news"] = 6] = "news";
377
+ CloseButtonCause["none"] = "None";
378
+ CloseButtonCause["detailedpoi"] = "Detailed";
379
+ CloseButtonCause["list"] = "List";
380
+ CloseButtonCause["history"] = "History";
381
+ CloseButtonCause["languages"] = "Languages";
382
+ CloseButtonCause["weather"] = "Weather";
383
+ CloseButtonCause["emergency"] = "Emergency";
384
+ CloseButtonCause["map"] = "Map";
385
+ CloseButtonCause["dashboard"] = "Dashboard";
386
+ CloseButtonCause["fullscreenimage"] = "FullscreenImage";
387
+ CloseButtonCause["news"] = "News";
384
388
  return CloseButtonCause;
385
389
  }($179a76b9823b36f3$export$ddddf2c97763af65 || {});
386
390
  var $179a76b9823b36f3$export$a31c5a03aaeee5f = /*#__PURE__*/ function(ContainerParent) {
@@ -1000,7 +1004,9 @@ const $c992daa94f6a13bb$export$5a678fd51bd89633 = (value, instanceId)=>$c992daa9
1000
1004
  const $c992daa94f6a13bb$export$f0c096b4ecd7115d = (value, instanceId)=>$c992daa94f6a13bb$var$eventDispatch('retorik_setCurrentSubView', [
1001
1005
  value
1002
1006
  ], instanceId);
1003
- const $c992daa94f6a13bb$export$d4c8c6daac289378 = (value, instanceId)=>$c992daa94f6a13bb$var$eventDispatch('retorik_sendActivity', [
1007
+ /**
1008
+ * deprecated since v3.2.6
1009
+ */ const $c992daa94f6a13bb$export$d4c8c6daac289378 = (value, instanceId)=>$c992daa94f6a13bb$var$eventDispatch('retorik_sendActivity', [
1004
1010
  value
1005
1011
  ], instanceId);
1006
1012
  const $c992daa94f6a13bb$export$d1f60bb847ecc604 = (value, instanceId)=>$c992daa94f6a13bb$var$eventDispatch('retorik_addDetailedAttachmentTrigger', [
@@ -1543,6 +1549,8 @@ $parcel$export(module.exports, "default", () => $da2b200601eaecd0$export$2e2bcd8
1543
1549
 
1544
1550
  var $jubFc = parcelRequire("jubFc");
1545
1551
 
1552
+ var $1x02c = parcelRequire("1x02c");
1553
+
1546
1554
  var $4ucVo = parcelRequire("4ucVo");
1547
1555
 
1548
1556
  var $cT90l = parcelRequire("cT90l");
@@ -1578,7 +1586,7 @@ const $da2b200601eaecd0$var$initialState = {
1578
1586
  mediumLandscape: false,
1579
1587
  characterLoaded: false
1580
1588
  };
1581
- const $da2b200601eaecd0$var$createViewStore = (setAdaptiveCardHostConfig)=>{
1589
+ const $da2b200601eaecd0$var$createViewStore = (enabledFeaturesRef, setAdaptiveCardHostConfig)=>{
1582
1590
  return (0, $bZRJW$createStore)((set, get)=>{
1583
1591
  return {
1584
1592
  ...$da2b200601eaecd0$var$initialState,
@@ -1620,7 +1628,10 @@ const $da2b200601eaecd0$var$createViewStore = (setAdaptiveCardHostConfig)=>{
1620
1628
  });
1621
1629
  },
1622
1630
  setRoute: (value)=>{
1623
- set({
1631
+ if (value === (0, $4ucVo.Routes).News) enabledFeaturesRef.current?.includes('news') ? set({
1632
+ route: value
1633
+ }) : console.log('Retorik Framework > tried to switch to the news while the feature is not activated in Retorik Studio');
1634
+ else set({
1624
1635
  route: value
1625
1636
  });
1626
1637
  },
@@ -1663,8 +1674,15 @@ const $da2b200601eaecd0$export$d13b2577cb75f2ad = (selector)=>{
1663
1674
  return (0, $bZRJW$useStore)(store, selector);
1664
1675
  };
1665
1676
  const $da2b200601eaecd0$var$ViewProvider = ({ children: children })=>{
1677
+ const enabledFeatures = (0, $1x02c.useRetorikStore)((state)=>state.enabledFeatures);
1678
+ const enabledFeaturesRef = (0, $bZRJW$useRef)(enabledFeatures);
1666
1679
  const setAdaptiveCardHostConfig = (0, $jubFc.useAdaptiveCardStore)((state)=>state.actions.setAdaptiveCardHostConfig);
1667
- const [store] = (0, $bZRJW$useState)(()=>$da2b200601eaecd0$var$createViewStore(setAdaptiveCardHostConfig));
1680
+ const [store] = (0, $bZRJW$useState)(()=>$da2b200601eaecd0$var$createViewStore(enabledFeaturesRef, setAdaptiveCardHostConfig));
1681
+ (0, $bZRJW$useEffect)(()=>{
1682
+ enabledFeaturesRef.current = enabledFeatures;
1683
+ }, [
1684
+ enabledFeatures
1685
+ ]);
1668
1686
  return /*#__PURE__*/ (0, $bZRJW$jsx)($da2b200601eaecd0$var$ViewContext.Provider, {
1669
1687
  value: store,
1670
1688
  children: children
@@ -1673,995 +1691,1001 @@ const $da2b200601eaecd0$var$ViewProvider = ({ children: children })=>{
1673
1691
  var $da2b200601eaecd0$export$2e2bcd8739ae039 = $da2b200601eaecd0$var$ViewProvider;
1674
1692
 
1675
1693
  });
1676
- parcelRegister("cT90l", function(module, exports) {
1694
+ parcelRegister("1x02c", function(module, exports) {
1677
1695
 
1678
- $parcel$export(module.exports, "mobileBreakpoint", () => $adb8114d28dbbc13$export$2e65b7c7134e01f0);
1679
- $parcel$export(module.exports, "mediumBreakpoint", () => $adb8114d28dbbc13$export$91e4bf93df95a062);
1680
- $parcel$export(module.exports, "CDNCharactersAddress", () => $adb8114d28dbbc13$export$2475544086fd222b);
1681
- $parcel$export(module.exports, "CDNImagesAddress", () => $adb8114d28dbbc13$export$f718170a6537817b);
1682
- $parcel$export(module.exports, "CDNAudioAddress", () => $adb8114d28dbbc13$export$eefca12493f9e9b9);
1683
- $parcel$export(module.exports, "studioRetorik", () => $adb8114d28dbbc13$export$c398bfda6cfa19ff);
1684
- $parcel$export(module.exports, "studioRetorikDev", () => $adb8114d28dbbc13$export$9adff68f093278ec);
1685
- $parcel$export(module.exports, "studioRetorikStaging", () => $adb8114d28dbbc13$export$409889737849a04f);
1686
- $parcel$export(module.exports, "studioRetorikExperimental", () => $adb8114d28dbbc13$export$a4481ccc388fce2a);
1687
- $parcel$export(module.exports, "docsRetorik", () => $adb8114d28dbbc13$export$1f4373411c991e56);
1688
- $parcel$export(module.exports, "openRoute", () => $adb8114d28dbbc13$export$d6542303192de6db);
1689
- $parcel$export(module.exports, "openRouteAPIKey", () => $adb8114d28dbbc13$export$6f60da16472d34a7);
1690
- $parcel$export(module.exports, "webchatTokenRetrievalAddress", () => $adb8114d28dbbc13$export$d9e38c0112bbdae6);
1691
- $parcel$export(module.exports, "defaultDirectLineAddress", () => $adb8114d28dbbc13$export$342c646308e8fa62);
1692
- $parcel$export(module.exports, "hospitalityApiAddress", () => $adb8114d28dbbc13$export$1ca3e229e23d7f42);
1693
- $parcel$export(module.exports, "telemetryAddress", () => $adb8114d28dbbc13$export$1e8c600abff9ea62);
1694
- $parcel$export(module.exports, "googleMapsAddress", () => $adb8114d28dbbc13$export$f3c31933b33f3693);
1695
- $parcel$export(module.exports, "DEFAULT_LANGUAGE_DATA", () => $adb8114d28dbbc13$export$8828fbbb6034a09b);
1696
- $parcel$export(module.exports, "DEFAULT_VIEWS", () => $adb8114d28dbbc13$export$9bbca248acc786d3);
1697
- $parcel$export(module.exports, "DEFAULT_SUB_VIEWS", () => $adb8114d28dbbc13$export$890576ebf405f6b7);
1698
- $parcel$export(module.exports, "mobileDisplays", () => $adb8114d28dbbc13$export$78f16669b353a880);
1699
- $parcel$export(module.exports, "widgetDisplays", () => $adb8114d28dbbc13$export$909f4c209eb70365);
1700
- $parcel$export(module.exports, "landscapeDisplays", () => $adb8114d28dbbc13$export$baf53ca377ebf861);
1701
- $parcel$export(module.exports, "borneDisplays", () => $adb8114d28dbbc13$export$a8576d98c9c928de);
1702
- $parcel$export(module.exports, "commonColors", () => $adb8114d28dbbc13$export$c0da64553318f2cb);
1703
- $parcel$export(module.exports, "nonResponseInducingEvents", () => $adb8114d28dbbc13$export$6a32bf5257e620e1);
1704
- $parcel$export(module.exports, "rtlLanguages", () => $adb8114d28dbbc13$export$882049267ad78ff6);
1696
+ $parcel$export(module.exports, "useRetorikStore", () => $aab770e2a22c2c28$export$bd22554f31e5f96f);
1697
+ $parcel$export(module.exports, "default", () => $aab770e2a22c2c28$export$2e2bcd8739ae039);
1705
1698
 
1706
- var $4ucVo = parcelRequire("4ucVo");
1707
- const $adb8114d28dbbc13$export$2e65b7c7134e01f0 = 600;
1708
- const $adb8114d28dbbc13$export$91e4bf93df95a062 = 1300;
1709
- const $adb8114d28dbbc13$export$66b40c15080ce99b = 'https://cdn.retorik.ai';
1710
- const $adb8114d28dbbc13$export$2475544086fd222b = `${$adb8114d28dbbc13$export$66b40c15080ce99b}/spiritenginehtml5/characters`;
1711
- const $adb8114d28dbbc13$export$f718170a6537817b = `${$adb8114d28dbbc13$export$66b40c15080ce99b}/retorik-framework/imagefiles`;
1712
- const $adb8114d28dbbc13$export$eefca12493f9e9b9 = `${$adb8114d28dbbc13$export$66b40c15080ce99b}/retorik-framework/audiofiles`;
1713
- const $adb8114d28dbbc13$export$c398bfda6cfa19ff = 'https://studio.retorik.ai';
1714
- const $adb8114d28dbbc13$export$9adff68f093278ec = 'https://dev.studio.retorik.ai';
1715
- const $adb8114d28dbbc13$export$409889737849a04f = 'https://preview.studio.retorik.ai';
1716
- const $adb8114d28dbbc13$export$a4481ccc388fce2a = 'https://experimental.studio.retorik.ai';
1717
- const $adb8114d28dbbc13$export$1f4373411c991e56 = 'https://docs.retorik.ai';
1718
- const $adb8114d28dbbc13$export$d6542303192de6db = 'https://api.openrouteservice.org/v2/directions';
1719
- const $adb8114d28dbbc13$export$6f60da16472d34a7 = '5b3ce3597851110001cf62483cfd6bd46f934b7d96f108a35e0f08b8';
1720
- const $adb8114d28dbbc13$export$dc91bcad81fffb1f = 'https://api.open-meteo.com/v1/forecast?';
1721
- const $adb8114d28dbbc13$export$68b4ac416ba801c6 = '&daily=weathercode,temperature_2m_max,temperature_2m_min&timezone=auto&current_weather=true';
1722
- const $adb8114d28dbbc13$export$d9e38c0112bbdae6 = 'K2.ContentFields.WebChat/api/GetWebchatToken';
1723
- const $adb8114d28dbbc13$export$342c646308e8fa62 = 'https://directline.botframework.com/v3/directline';
1724
- const $adb8114d28dbbc13$export$1ca3e229e23d7f42 = 'api/hospitality/Emergency';
1725
- const $adb8114d28dbbc13$export$1e8c600abff9ea62 = 'https://telemetry.retorik.ai/otlp-http/v1/traces';
1726
- const $adb8114d28dbbc13$export$f3c31933b33f3693 = 'https://www.google.com/maps/dir/?api=1&';
1727
- const $adb8114d28dbbc13$export$8828fbbb6034a09b = {
1728
- default: 'fr-FR',
1729
- all: [
1730
- 'fr-FR'
1731
- ]
1732
- };
1733
- const $adb8114d28dbbc13$export$9bbca248acc786d3 = [
1734
- {
1735
- view: (0, $4ucVo.AvailableViews).home,
1736
- indice: 1
1737
- },
1738
- {
1739
- view: (0, $4ucVo.AvailableViews).emergency,
1740
- indice: 2
1741
- }
1742
- ];
1743
- const $adb8114d28dbbc13$export$890576ebf405f6b7 = [
1744
- {
1745
- view: (0, $4ucVo.AvailableSubViews).history,
1746
- indice: 1
1747
- },
1748
- {
1749
- view: (0, $4ucVo.AvailableSubViews).tutorial,
1750
- indice: 2
1751
- }
1752
- ];
1753
- const $adb8114d28dbbc13$export$78f16669b353a880 = [
1754
- (0, $4ucVo.DeviceType).mobile,
1755
- (0, $4ucVo.DeviceType).widget
1756
- ];
1757
- const $adb8114d28dbbc13$export$909f4c209eb70365 = [
1758
- (0, $4ucVo.DeviceType).widget,
1759
- (0, $4ucVo.DeviceType).widgetBorne,
1760
- (0, $4ucVo.DeviceType).widgetLandscape
1761
- ];
1762
- const $adb8114d28dbbc13$export$baf53ca377ebf861 = [
1763
- (0, $4ucVo.DeviceType).landscape,
1764
- (0, $4ucVo.DeviceType).widgetLandscape
1765
- ];
1766
- const $adb8114d28dbbc13$export$a8576d98c9c928de = [
1767
- (0, $4ucVo.DeviceType).borne,
1768
- (0, $4ucVo.DeviceType).widgetBorne
1769
- ];
1770
- const $adb8114d28dbbc13$export$c0da64553318f2cb = {
1771
- primary: '#00D7FF',
1772
- secondary: '#1999B1',
1773
- black: '#101219',
1774
- whereToEatColor: '#FC952E',
1775
- whereToSleepColor: '#9F007D',
1776
- tobeSeenColor: '#76AB2A',
1777
- tobeDoneColor: '#E23C2A',
1778
- localProductsColor: '#AFB942',
1779
- servicesColor: '#00C8BC',
1780
- agendaColor: '#865DA2',
1781
- occupantColor: '#6DEDBC'
1782
- };
1783
- const $adb8114d28dbbc13$export$6a32bf5257e620e1 = [
1784
- 'davi.closewindow',
1785
- 'setuser',
1786
- 'davi.gdprconsent'
1787
- ];
1788
- const $adb8114d28dbbc13$export$882049267ad78ff6 = [
1789
- 'ar',
1790
- 'fa',
1791
- 'he',
1792
- 'ps',
1793
- 'ur'
1794
- ];
1795
1699
 
1796
- });
1797
1700
 
1798
- parcelRegister("82K9w", function(module, exports) {
1799
1701
 
1800
- $parcel$export(module.exports, "widgetDefault", () => $938bb59f49c318a8$export$4aebf65ed07cf17b);
1801
- $parcel$export(module.exports, "defaultThemeDark", () => $938bb59f49c318a8$export$d80fe84b82195dbd);
1802
- $parcel$export(module.exports, "defaultThemeLight", () => $938bb59f49c318a8$export$1196b7bf97f3d16c);
1803
1702
 
1804
- var $cT90l = parcelRequire("cT90l");
1805
- const $938bb59f49c318a8$export$4aebf65ed07cf17b = {
1806
- rgb: 'rgb(112, 112, 112)'
1703
+ var $4ucVo = parcelRequire("4ucVo");
1704
+
1705
+ var $1TxAn = parcelRequire("1TxAn");
1706
+
1707
+ var $lgmOB = parcelRequire("lgmOB");
1708
+ const $aab770e2a22c2c28$var$defaultConfiguration = {
1709
+ subtitles: false
1807
1710
  };
1808
- const $938bb59f49c318a8$export$d80fe84b82195dbd = {
1809
- ...(0, $cT90l.commonColors),
1810
- companyName: '#000',
1811
- loader: {
1812
- animation: (0, $cT90l.commonColors).primary,
1813
- background: 'rgba(18,18,18,0.7)',
1814
- text: '#FFF',
1815
- toggle: {
1816
- text: '#000',
1817
- background: (0, $cT90l.commonColors).primary
1818
- },
1819
- button: {
1820
- background: {
1821
- default: 'transparent',
1822
- hover: 'transparent'
1823
- },
1824
- border: {
1825
- default: (0, $cT90l.commonColors).primary,
1826
- hover: '#FFF'
1827
- },
1828
- text: {
1829
- default: (0, $cT90l.commonColors).primary,
1830
- hover: '#FFF'
1831
- }
1832
- }
1833
- },
1834
- card: {
1835
- frame: {
1836
- background: '#2B2B2B',
1837
- border: 'transparent',
1838
- text: '#F7F3F6'
1839
- },
1840
- button: {
1841
- background: {
1842
- default: 'transparent',
1843
- hover: 'transparent'
1844
- },
1845
- border: {
1846
- default: (0, $cT90l.commonColors).primary,
1847
- hover: '#FFF'
1848
- },
1849
- text: {
1850
- default: (0, $cT90l.commonColors).primary,
1851
- hover: '#FFF'
1852
- }
1853
- },
1854
- discoverButton: {
1855
- background: {
1856
- default: '#eaebf0',
1857
- hover: 'transparent'
1858
- },
1859
- border: {
1860
- default: 'transparent',
1861
- hover: '#FFF'
1862
- },
1863
- text: {
1864
- default: '#575F6B',
1865
- hover: '#FFF'
1866
- }
1867
- }
1868
- },
1869
- textMode: {
1870
- panel: {
1871
- background: 'rgba(255, 255, 255, 0.9)',
1872
- border: 'transparent',
1873
- conversationUser: '#FFF',
1874
- conversationBot: '#2C2C2C',
1875
- backgroundUser: (0, $cT90l.commonColors).secondary,
1876
- backgroundBot: '#F0F0F0'
1877
- }
1878
- },
1879
- vocalMode: {
1880
- subtitles: {
1881
- text: '#FFF',
1882
- background: '#000'
1883
- }
1884
- },
1885
- formInput: {
1886
- text: {
1887
- default: (0, $cT90l.commonColors).secondary,
1888
- hover: '#FFF'
1889
- },
1890
- inputRadioCheckbox: {
1891
- unchecked: {
1892
- background: '#434141',
1893
- border: '#818181'
1894
- },
1895
- checked: {
1896
- background: (0, $cT90l.commonColors).primary,
1897
- border: (0, $cT90l.commonColors).primary,
1898
- item: '#000'
1899
- }
1900
- },
1901
- inputButton: {
1902
- background: {
1903
- default: (0, $cT90l.commonColors).black,
1904
- hover: (0, $cT90l.commonColors).primary
1905
- },
1906
- border: {
1907
- default: (0, $cT90l.commonColors).primary,
1908
- hover: '#FFF'
1909
- },
1910
- text: {
1911
- default: '#FFF',
1912
- hover: '#FFF'
1913
- }
1914
- },
1915
- likert: {
1916
- default: 'transparent',
1917
- hover: '#E8B712'
1918
- }
1919
- }
1920
- };
1921
- const $938bb59f49c318a8$export$1196b7bf97f3d16c = {
1922
- ...(0, $cT90l.commonColors),
1923
- companyName: '#000',
1924
- loader: {
1925
- animation: (0, $cT90l.commonColors).primary,
1926
- background: 'rgba(18,18,18,0.7)',
1927
- text: '#FFF',
1928
- toggle: {
1929
- text: '#000',
1930
- background: (0, $cT90l.commonColors).primary
1931
- },
1932
- button: {
1933
- background: {
1934
- default: 'transparent',
1935
- hover: 'transparent'
1936
- },
1937
- border: {
1938
- default: (0, $cT90l.commonColors).primary,
1939
- hover: '#FFF'
1940
- },
1941
- text: {
1942
- default: (0, $cT90l.commonColors).primary,
1943
- hover: '#FFF'
1944
- }
1945
- }
1946
- },
1947
- card: {
1948
- frame: {
1949
- background: '#2B2B2B',
1950
- border: 'transparent',
1951
- text: '#F7F3F6'
1952
- },
1953
- button: {
1954
- background: {
1955
- default: 'transparent',
1956
- hover: 'transparent'
1957
- },
1958
- border: {
1959
- default: (0, $cT90l.commonColors).primary,
1960
- hover: '#FFF'
1961
- },
1962
- text: {
1963
- default: (0, $cT90l.commonColors).primary,
1964
- hover: '#FFF'
1965
- }
1966
- },
1967
- discoverButton: {
1968
- background: {
1969
- default: '#eaebf0',
1970
- hover: 'transparent'
1971
- },
1972
- border: {
1973
- default: 'transparent',
1974
- hover: '#FFF'
1975
- },
1976
- text: {
1977
- default: '#575F6B',
1978
- hover: '#FFF'
1979
- }
1980
- }
1981
- },
1982
- textMode: {
1983
- panel: {
1984
- background: 'rgba(255, 255, 255, 0.9)',
1985
- border: 'transparent',
1986
- conversationUser: '#FFF',
1987
- conversationBot: '#2C2C2C',
1988
- backgroundUser: (0, $cT90l.commonColors).secondary,
1989
- backgroundBot: '#F0F0F0'
1990
- }
1991
- },
1992
- vocalMode: {
1993
- subtitles: {
1994
- text: '#FFF',
1995
- background: '#000'
1996
- }
1997
- },
1998
- formInput: {
1999
- text: {
2000
- default: (0, $cT90l.commonColors).secondary,
2001
- hover: '#FFF'
2002
- },
2003
- inputRadioCheckbox: {
2004
- unchecked: {
2005
- background: '#434141',
2006
- border: '#818181'
2007
- },
2008
- checked: {
2009
- background: (0, $cT90l.commonColors).primary,
2010
- border: (0, $cT90l.commonColors).primary,
2011
- item: '#000'
2012
- }
2013
- },
2014
- inputButton: {
2015
- background: {
2016
- default: (0, $cT90l.commonColors).black,
2017
- hover: (0, $cT90l.commonColors).primary
2018
- },
2019
- border: {
2020
- default: (0, $cT90l.commonColors).primary,
2021
- hover: '#FFF'
2022
- },
2023
- text: {
2024
- default: '#FFF',
2025
- hover: '#FFF'
2026
- }
2027
- },
2028
- likert: {
2029
- default: 'transparent',
2030
- hover: '#E8B712'
2031
- }
2032
- }
2033
- };
2034
-
2035
- });
2036
-
2037
-
2038
- parcelRegister("i1rfm", function(module, exports) {
2039
-
2040
- $parcel$export(module.exports, "useSpeechStore", () => $244e94971d503466$export$f299240efcda25a2);
2041
- $parcel$export(module.exports, "default", () => $244e94971d503466$export$2e2bcd8739ae039);
2042
-
2043
-
2044
-
2045
-
2046
- var $j67YK = parcelRequire("j67YK");
2047
-
2048
- var $4ucVo = parcelRequire("4ucVo");
2049
-
2050
- var $cW5Dh = parcelRequire("cW5Dh");
2051
- const $244e94971d503466$var$initialState = {
2052
- ponyfillCredentials: undefined,
2053
- useContinuousRecognition: false,
2054
- customVoice: undefined,
2055
- voice: null,
2056
- mode: (0, $4ucVo.Mode).text,
2057
- disableSound: false,
2058
- speaking: false,
2059
- muted: false,
2060
- cancel: false,
2061
- boundaryData: [],
2062
- visemeData: [],
2063
- singleVisemeAdded: null,
2064
- multiVisemesAdded: [],
2065
- currentOrLastPlayedActivity: undefined,
2066
- isMicrophoneAllowed: false,
2067
- showMicrophoneModal: false,
2068
- permissionStatus: (0, $4ucVo.PermissionStatus).waiting,
2069
- activeRecognitionState: (0, $4ucVo.RecognitionState).Closed,
2070
- lastRecognitionInterim: '',
2071
- streamingReplyToId: null,
2072
- streamingQueue: [],
2073
- streamingReplyToIdToIgnore: null,
2074
- speechRecognitionDynamicGrammars: [],
2075
- externalTextToSpeech: undefined
1711
+ const $aab770e2a22c2c28$var$initialState = {
1712
+ configuration: $aab770e2a22c2c28$var$defaultConfiguration,
1713
+ addressData: {},
1714
+ canFocusSendBox: false,
1715
+ sendBoxRef: null,
1716
+ sendBoxPlaceHolder: undefined,
1717
+ fromTextToVocal: false,
1718
+ baseAddress: '',
1719
+ subtitlesInConfiguration: false,
1720
+ displaySubtitles: false,
1721
+ agentData: undefined,
1722
+ gpuData: undefined,
1723
+ loaderClosed: false,
1724
+ appAvailable: false,
1725
+ currentLayout: (0, $4ucVo.ContainerParent).agent,
1726
+ userAlreadySet: false,
1727
+ isWaitingForResponse: false,
1728
+ instantIsWaitingForResponse: false,
1729
+ skipLoader: false,
1730
+ displayAgentInNews: true,
1731
+ submitDelayBeforeSendingMessage: undefined,
1732
+ disableHistory: false,
1733
+ environmentPreset: "apartment",
1734
+ customScripts: [],
1735
+ customCSS: [],
1736
+ enabledFeatures: []
2076
1737
  };
2077
- const $244e94971d503466$var$createSpeechStore = (setRetorikEvent, getListStatus, setListStatus, setLastListActivity, setUserTyping)=>{
1738
+ let $aab770e2a22c2c28$var$timer = null;
1739
+ $aab770e2a22c2c28$var$timer = setTimeout(()=>{
1740
+ return true;
1741
+ }, 1000);
1742
+ const $aab770e2a22c2c28$var$createRetorikStore = ()=>{
2078
1743
  return (0, $bZRJW$createStore)((set, get)=>{
2079
1744
  return {
2080
- ...$244e94971d503466$var$initialState,
1745
+ ...$aab770e2a22c2c28$var$initialState,
2081
1746
  actions: {
2082
- setPonyfillFactoryCredentials: (value)=>{
1747
+ setConfiguration: (value)=>{
2083
1748
  set({
2084
- ponyfillCredentials: value
1749
+ configuration: value
2085
1750
  });
2086
1751
  },
2087
- setUseContinuousRecognition: (deviceType, options)=>{
2088
- if (options?.enableContinuousRecognitionOnAllDevices) set({
2089
- useContinuousRecognition: true
1752
+ setAddressData: (value)=>{
1753
+ set({
1754
+ addressData: value
2090
1755
  });
2091
- else if (options?.enableContinuousRecognitionOn) switch(deviceType){
2092
- case (0, $4ucVo.DeviceType).mobile:
2093
- set({
2094
- useContinuousRecognition: !!options.enableContinuousRecognitionOn.mobile
2095
- });
2096
- break;
2097
- case (0, $4ucVo.DeviceType).widget:
2098
- case (0, $4ucVo.DeviceType).widgetLandscape:
2099
- case (0, $4ucVo.DeviceType).widgetBorne:
2100
- set({
2101
- useContinuousRecognition: !!options.enableContinuousRecognitionOn.widget
2102
- });
2103
- break;
2104
- case (0, $4ucVo.DeviceType).landscape:
2105
- set({
2106
- useContinuousRecognition: !!options.enableContinuousRecognitionOn.desktop
2107
- });
2108
- break;
2109
- case (0, $4ucVo.DeviceType).borne:
2110
- set({
2111
- useContinuousRecognition: !!options.enableContinuousRecognitionOn.borne
2112
- });
2113
- break;
2114
- default:
2115
- set({
2116
- useContinuousRecognition: false
2117
- });
2118
- break;
2119
- }
2120
- else set({
2121
- useContinuousRecognition: false
1756
+ },
1757
+ setSendBoxRef: (value)=>{
1758
+ set({
1759
+ sendBoxRef: value
2122
1760
  });
2123
1761
  },
2124
- setCustomVoice: (value)=>{
1762
+ focusSendBox: ()=>{
1763
+ const sendBox = get().sendBoxRef;
1764
+ sendBox && document.activeElement !== sendBox && sendBox.focus();
1765
+ },
1766
+ setCanFocusSendBox: (value)=>{
2125
1767
  set({
2126
- customVoice: value
1768
+ canFocusSendBox: value
2127
1769
  });
2128
1770
  },
2129
- setVoice: (value)=>{
1771
+ setSendBoxPlaceHolder: (value)=>{
2130
1772
  set({
2131
- voice: value
1773
+ sendBoxPlaceHolder: value
2132
1774
  });
2133
1775
  },
2134
- setMode: (value)=>{
1776
+ setLayout: (value)=>{
2135
1777
  set({
2136
- mode: value
1778
+ currentLayout: value
2137
1779
  });
2138
- setLastListActivity(undefined);
2139
- value !== (0, $4ucVo.Mode).text && setUserTyping(false);
2140
- !get().disableSound && get().actions.setMuted(value === (0, $4ucVo.Mode).text);
2141
1780
  },
2142
- setDisableSound: (value)=>{
1781
+ setUserAlreadySet: (value)=>{
2143
1782
  set({
2144
- disableSound: value
1783
+ userAlreadySet: value
2145
1784
  });
2146
1785
  },
2147
- setSpeaking: (value)=>{
2148
- set(()=>{
2149
- return value === false ? {
2150
- speaking: value,
2151
- visemeData: [],
2152
- singleVisemeAdded: null,
2153
- multiVisemesAdded: []
2154
- } : {
2155
- speaking: value
2156
- };
1786
+ setEnvironmentPreset: (value)=>{
1787
+ set({
1788
+ environmentPreset: value
2157
1789
  });
2158
- setRetorikEvent(value ? (0, $4ucVo.RetorikEvent).SpeechStarted : (0, $4ucVo.RetorikEvent).SpeechEnded);
2159
1790
  },
2160
- setMuted: (value)=>{
1791
+ setFromTextToVocal: (value)=>{
2161
1792
  set({
2162
- muted: value
1793
+ fromTextToVocal: value
2163
1794
  });
2164
1795
  },
2165
- toggleMuted: ()=>{
2166
- set((state)=>({
2167
- muted: !state.muted
2168
- }));
1796
+ setBaseAddress: (value)=>{
1797
+ set({
1798
+ baseAddress: value
1799
+ });
2169
1800
  },
2170
- cancelCurrentUtterance: ()=>{
1801
+ setLoaderClosed: (value)=>{
2171
1802
  set({
2172
- cancel: true
1803
+ loaderClosed: value
2173
1804
  });
2174
1805
  },
2175
- resetCancelCurrentUtterance: ()=>{
1806
+ setAppAvailable: (value)=>{
2176
1807
  set({
2177
- cancel: false
1808
+ appAvailable: value
2178
1809
  });
2179
1810
  },
2180
- setBoundaryData: (value)=>{
1811
+ setSubtitlesInConfiguration: (value)=>{
2181
1812
  set({
2182
- boundaryData: value
1813
+ subtitlesInConfiguration: value,
1814
+ displaySubtitles: value
2183
1815
  });
2184
1816
  },
2185
- setVisemeData: (value)=>{
1817
+ setDisplaySubtitles: (value)=>{
2186
1818
  set({
2187
- visemeData: value,
2188
- multiVisemesAdded: value
1819
+ displaySubtitles: value
2189
1820
  });
2190
1821
  },
2191
- addViseme: (value)=>{
1822
+ toggleSubtitles: ()=>{
2192
1823
  set((state)=>({
2193
- visemeData: [
2194
- ...state.visemeData,
2195
- value
2196
- ],
2197
- singleVisemeAdded: value
1824
+ displaySubtitles: !state.displaySubtitles
2198
1825
  }));
2199
1826
  },
2200
- setCurrentOrLastPlayedActivity: (value)=>{
2201
- set({
2202
- currentOrLastPlayedActivity: value
2203
- });
2204
- if (value?.attachmentLayout?.toLowerCase() === 'davilist') {
2205
- if (getListStatus() !== (0, $4ucVo.ListStatus).opened) setListStatus((0, $4ucVo.ListStatus).available);
1827
+ setAgentData: async (value)=>{
1828
+ // Test GPU to use bodyengine or fall back to spiritengine. Tier at least 1 for mobile, 2 for desktop
1829
+ const gpuTier = await (0, $bZRJW$getGPUTier)();
1830
+ let gpuTestSupportsBodyengine = false;
1831
+ if (gpuTier.tier > 0) {
1832
+ if (gpuTier.type === 'FALLBACK') gpuTestSupportsBodyengine = true;
1833
+ else gpuTestSupportsBodyengine = gpuTier.tier > 1;
1834
+ }
1835
+ const url = typeof value === 'string' ? value : value.url;
1836
+ let data = await (0, $lgmOB.default)(url);
1837
+ if (data?.useBodyEngineThree && !gpuTestSupportsBodyengine) {
1838
+ console.log('Retorik Framework > graphic capacity too low to use bodyengine, the application will switch to spiritengine');
1839
+ data = await (0, $lgmOB.default)(data?.gender === 'female' ? (0, $1TxAn.characters).zahra : (0, $1TxAn.characters).rowan);
1840
+ }
1841
+ if (data && typeof value !== 'string') {
1842
+ value.name && (data.name = value.name);
1843
+ value.animationsUrl && (data.animationsUrl = value.animationsUrl);
2206
1844
  }
2207
- },
2208
- setIsMicrophoneAllowed: (value)=>{
2209
1845
  set({
2210
- isMicrophoneAllowed: value
1846
+ gpuData: gpuTier,
1847
+ agentData: data
2211
1848
  });
2212
1849
  },
2213
- setShowMicrophoneModal: (value)=>{
2214
- set({
2215
- showMicrophoneModal: value
2216
- });
1850
+ setTimerForWaiting: ()=>{
1851
+ $aab770e2a22c2c28$var$timer = setTimeout(()=>{
1852
+ set({
1853
+ isWaitingForResponse: true
1854
+ });
1855
+ $aab770e2a22c2c28$var$timer = null;
1856
+ }, 1000);
2217
1857
  },
2218
- toggleMicrophone: (fromExpectedInput)=>{
2219
- if (get().mode === (0, $4ucVo.Mode).text) get().actions.setActiveRecognitionState((0, $4ucVo.RecognitionState).Closed);
2220
- else switch(get().activeRecognitionState){
2221
- // Do nothing if we are in a transition state
2222
- case (0, $4ucVo.RecognitionState).Initializing:
2223
- case (0, $4ucVo.RecognitionState).Closing:
2224
- return;
2225
- case (0, $4ucVo.RecognitionState).Listening:
2226
- get().actions.setActiveRecognitionState((0, $4ucVo.RecognitionState).ForceClosing);
2227
- get().actions.cancelCurrentUtterance();
2228
- break;
2229
- case (0, $4ucVo.RecognitionState).Closed:
2230
- get().actions.setActiveRecognitionState((0, $4ucVo.RecognitionState).Initializing);
2231
- !fromExpectedInput && get().actions.cancelCurrentUtterance();
2232
- break;
1858
+ setIsWaitingForResponse: (value)=>{
1859
+ if (value) {
1860
+ set({
1861
+ instantIsWaitingForResponse: true
1862
+ });
1863
+ !$aab770e2a22c2c28$var$timer && get().actions.setTimerForWaiting();
1864
+ } else {
1865
+ $aab770e2a22c2c28$var$timer && clearTimeout($aab770e2a22c2c28$var$timer);
1866
+ $aab770e2a22c2c28$var$timer = null;
1867
+ set({
1868
+ instantIsWaitingForResponse: false,
1869
+ isWaitingForResponse: false
1870
+ });
2233
1871
  }
2234
1872
  },
2235
- askPermission: async ()=>{
1873
+ setSkipLoader: (value)=>{
2236
1874
  set({
2237
- showMicrophoneModal: true
2238
- });
2239
- (0, $cW5Dh.default)().then((permission)=>{
2240
- // Hide modal window and open microphone if this one is allowed
2241
- if (permission === (0, $4ucVo.PermissionStatus).allowed) {
2242
- set({
2243
- permissionStatus: permission,
2244
- isMicrophoneAllowed: true,
2245
- showMicrophoneModal: false
2246
- });
2247
- get().actions.toggleMicrophone();
2248
- } else set({
2249
- permissionStatus: permission,
2250
- isMicrophoneAllowed: false
2251
- });
1875
+ skipLoader: value
2252
1876
  });
2253
1877
  },
2254
- setActiveRecognitionState: (value)=>{
1878
+ setDisplayAgentInNews: (value)=>{
2255
1879
  set({
2256
- activeRecognitionState: value
1880
+ displayAgentInNews: value
2257
1881
  });
2258
1882
  },
2259
- setLastRecognitionInterim: (value)=>{
1883
+ setSubmitDelayBeforeSendingMessage: (value)=>{
2260
1884
  set({
2261
- lastRecognitionInterim: value
1885
+ submitDelayBeforeSendingMessage: value
2262
1886
  });
2263
1887
  },
2264
- setStreamingReplyToId: (value)=>{
1888
+ setDisableHistory: (value)=>{
2265
1889
  set({
2266
- streamingReplyToId: value
2267
- });
2268
- },
2269
- addToStreamingQueue: (value)=>{
2270
- if (value.replyToId) {
2271
- if (value.replyToId !== get().streamingReplyToIdToIgnore) {
2272
- // Set replyToId and new queue if replyToId is different from the current one
2273
- if (get().streamingReplyToId !== value.replyToId) set({
2274
- streamingReplyToId: value.replyToId,
2275
- streamingQueue: [
2276
- value
2277
- ]
2278
- });
2279
- else set({
2280
- streamingQueue: [
2281
- ...get().streamingQueue,
2282
- value
2283
- ]
2284
- });
2285
- }
2286
- } else set({
2287
- streamingQueue: [
2288
- ...get().streamingQueue,
2289
- value
2290
- ]
1890
+ disableHistory: value
2291
1891
  });
2292
1892
  },
2293
- // If "twice" parameter is true, let's remove 2 elements instead of one (used with the message at the end of a streaming that should not be spoken)
2294
- removeFirstFromStreamingQueue: (twice)=>{
2295
- set((state)=>({
2296
- streamingQueue: state.streamingQueue.slice(twice ? 2 : 1)
2297
- }));
2298
- },
2299
- killCurrentStreaming: ()=>{
1893
+ setCustomScripts: (value)=>{
2300
1894
  set({
2301
- streamingReplyToIdToIgnore: get().streamingReplyToId,
2302
- streamingQueue: []
1895
+ customScripts: value
2303
1896
  });
2304
1897
  },
2305
- checkActivityReplyToId: (replyToId)=>{
2306
- get().streamingReplyToId !== replyToId && get().actions.killCurrentStreaming();
2307
- },
2308
- addSpeechRecognitionDynamicGrammar: (value)=>{
2309
- const currentGrammars = get().speechRecognitionDynamicGrammars;
2310
- // For each value, verifiy if it doesn't exist in the array yet
2311
- if (Array.isArray(value)) {
2312
- const valuesToAdd = [];
2313
- value.forEach((val)=>{
2314
- !currentGrammars.includes(val) && valuesToAdd.push(val);
2315
- });
2316
- valuesToAdd.length && set({
2317
- speechRecognitionDynamicGrammars: [
2318
- ...currentGrammars,
2319
- ...valuesToAdd
2320
- ]
2321
- });
2322
- } else !currentGrammars.includes(value) && set({
2323
- speechRecognitionDynamicGrammars: [
2324
- ...currentGrammars,
2325
- value
2326
- ]
1898
+ setCustomCSS: (value)=>{
1899
+ set({
1900
+ customCSS: value
2327
1901
  });
2328
1902
  },
2329
- playExternalSynthesis: (value)=>{
1903
+ setEnabledFeatures: (value)=>{
2330
1904
  set({
2331
- externalTextToSpeech: value
1905
+ enabledFeatures: value
2332
1906
  });
2333
1907
  },
2334
- resetSpeechStore: ()=>{
1908
+ resetRetorikStore: ()=>{
2335
1909
  set({
2336
- ...$244e94971d503466$var$initialState
1910
+ ...$aab770e2a22c2c28$var$initialState
2337
1911
  });
2338
1912
  }
2339
1913
  }
2340
1914
  };
2341
1915
  });
2342
1916
  };
2343
- const $244e94971d503466$var$SpeechContext = /*#__PURE__*/ (0, $bZRJW$createContext)(null);
2344
- const $244e94971d503466$export$f299240efcda25a2 = (selector)=>{
2345
- const store = (0, $bZRJW$useContext)($244e94971d503466$var$SpeechContext);
2346
- if (!store) throw new Error('Retorik Framework > useSpeechStore must be used within SpeechProvider');
1917
+ const $aab770e2a22c2c28$var$RetorikContext = /*#__PURE__*/ (0, $bZRJW$createContext)(null);
1918
+ const $aab770e2a22c2c28$export$bd22554f31e5f96f = (selector)=>{
1919
+ const store = (0, $bZRJW$useContext)($aab770e2a22c2c28$var$RetorikContext);
1920
+ if (!store) throw new Error('Retorik Framework > useRetorikStore must be used within RetorikProvider');
2347
1921
  return (0, $bZRJW$useStore)(store, selector);
2348
1922
  };
2349
- const $244e94971d503466$var$SpeechProvider = ({ children: children })=>{
2350
- const { setRetorikEvent: setRetorikEvent, getListStatus: getListStatus, setListStatus: setListStatus, setLastListActivity: setLastListActivity, setUserTyping: setUserTyping } = (0, $j67YK.useUtilsStore)((state)=>state.actions);
2351
- const [store] = (0, $bZRJW$useState)(()=>$244e94971d503466$var$createSpeechStore(setRetorikEvent, getListStatus, setListStatus, setLastListActivity, setUserTyping));
2352
- return /*#__PURE__*/ (0, $bZRJW$jsx)($244e94971d503466$var$SpeechContext.Provider, {
1923
+ const $aab770e2a22c2c28$var$RetorikProvider = ({ children: children })=>{
1924
+ const [store] = (0, $bZRJW$useState)(()=>$aab770e2a22c2c28$var$createRetorikStore());
1925
+ return /*#__PURE__*/ (0, $bZRJW$jsx)($aab770e2a22c2c28$var$RetorikContext.Provider, {
2353
1926
  value: store,
2354
1927
  children: children
2355
1928
  });
2356
1929
  };
2357
- var $244e94971d503466$export$2e2bcd8739ae039 = $244e94971d503466$var$SpeechProvider;
1930
+ var $aab770e2a22c2c28$export$2e2bcd8739ae039 = $aab770e2a22c2c28$var$RetorikProvider;
2358
1931
 
2359
1932
  });
2360
- parcelRegister("cW5Dh", function(module, exports) {
1933
+ parcelRegister("1TxAn", function(module, exports) {
2361
1934
 
2362
- $parcel$export(module.exports, "default", () => $1c5c9ed09d1921fe$export$2e2bcd8739ae039);
1935
+ $parcel$export(module.exports, "characters", () => $f413faac4683ad46$export$30a86d91af8ff6e6);
2363
1936
 
2364
- var $4ucVo = parcelRequire("4ucVo");
2365
- const $1c5c9ed09d1921fe$var$getMicrophonePermission = async ()=>{
2366
- try {
2367
- return navigator.mediaDevices.getUserMedia({
2368
- audio: true
2369
- }).then((stream)=>{
2370
- return stream ? (0, $4ucVo.PermissionStatus).allowed : (0, $4ucVo.PermissionStatus).refused;
2371
- }, (reason)=>{
2372
- console.log('Retorik Framework > microphone permission refused : ', reason);
2373
- return (0, $4ucVo.PermissionStatus).refused;
2374
- }).catch((error)=>{
2375
- console.log('Retorik Framework > microphone permission refused : ', error);
2376
- return (0, $4ucVo.PermissionStatus).error;
2377
- });
2378
- } catch (error) {
2379
- console.log('Retorik Framework > microphone permission refused : ', error);
2380
- return (0, $4ucVo.PermissionStatus).error;
1937
+ var $cT90l = parcelRequire("cT90l");
1938
+ const $f413faac4683ad46$export$30a86d91af8ff6e6 = {
1939
+ alice: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/alice`,
1940
+ greg: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/greg`,
1941
+ jeanmarc: `${(0, $cT90l.CDNCharactersAddress)}/jean-marc`,
1942
+ jessica: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/jessica`,
1943
+ jessica_short: `${(0, $cT90l.CDNCharactersAddress)}/medium-shot/jessica`,
1944
+ ikaa: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/ikaa`,
1945
+ karine: `${(0, $cT90l.CDNCharactersAddress)}/karine`,
1946
+ lea: `${(0, $cT90l.CDNCharactersAddress)}/lea`,
1947
+ prosper: `${(0, $cT90l.CDNCharactersAddress)}/prosper`,
1948
+ raphael: `${(0, $cT90l.CDNCharactersAddress)}/raphael`,
1949
+ rowan: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/rowan`,
1950
+ rowan_short: `${(0, $cT90l.CDNCharactersAddress)}/medium-shot/rowan`,
1951
+ zahra: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/zahra`
1952
+ };
1953
+
1954
+ });
1955
+ parcelRegister("cT90l", function(module, exports) {
1956
+
1957
+ $parcel$export(module.exports, "mobileBreakpoint", () => $adb8114d28dbbc13$export$2e65b7c7134e01f0);
1958
+ $parcel$export(module.exports, "mediumBreakpoint", () => $adb8114d28dbbc13$export$91e4bf93df95a062);
1959
+ $parcel$export(module.exports, "CDNCharactersAddress", () => $adb8114d28dbbc13$export$2475544086fd222b);
1960
+ $parcel$export(module.exports, "CDNImagesAddress", () => $adb8114d28dbbc13$export$f718170a6537817b);
1961
+ $parcel$export(module.exports, "CDNAudioAddress", () => $adb8114d28dbbc13$export$eefca12493f9e9b9);
1962
+ $parcel$export(module.exports, "studioRetorik", () => $adb8114d28dbbc13$export$c398bfda6cfa19ff);
1963
+ $parcel$export(module.exports, "studioRetorikDev", () => $adb8114d28dbbc13$export$9adff68f093278ec);
1964
+ $parcel$export(module.exports, "studioRetorikStaging", () => $adb8114d28dbbc13$export$409889737849a04f);
1965
+ $parcel$export(module.exports, "studioRetorikExperimental", () => $adb8114d28dbbc13$export$a4481ccc388fce2a);
1966
+ $parcel$export(module.exports, "docsRetorik", () => $adb8114d28dbbc13$export$1f4373411c991e56);
1967
+ $parcel$export(module.exports, "openRoute", () => $adb8114d28dbbc13$export$d6542303192de6db);
1968
+ $parcel$export(module.exports, "openRouteAPIKey", () => $adb8114d28dbbc13$export$6f60da16472d34a7);
1969
+ $parcel$export(module.exports, "webchatTokenRetrievalAddress", () => $adb8114d28dbbc13$export$d9e38c0112bbdae6);
1970
+ $parcel$export(module.exports, "defaultDirectLineAddress", () => $adb8114d28dbbc13$export$342c646308e8fa62);
1971
+ $parcel$export(module.exports, "hospitalityApiAddress", () => $adb8114d28dbbc13$export$1ca3e229e23d7f42);
1972
+ $parcel$export(module.exports, "telemetryAddress", () => $adb8114d28dbbc13$export$1e8c600abff9ea62);
1973
+ $parcel$export(module.exports, "googleMapsAddress", () => $adb8114d28dbbc13$export$f3c31933b33f3693);
1974
+ $parcel$export(module.exports, "DEFAULT_LANGUAGE_DATA", () => $adb8114d28dbbc13$export$8828fbbb6034a09b);
1975
+ $parcel$export(module.exports, "DEFAULT_VIEWS", () => $adb8114d28dbbc13$export$9bbca248acc786d3);
1976
+ $parcel$export(module.exports, "DEFAULT_SUB_VIEWS", () => $adb8114d28dbbc13$export$890576ebf405f6b7);
1977
+ $parcel$export(module.exports, "mobileDisplays", () => $adb8114d28dbbc13$export$78f16669b353a880);
1978
+ $parcel$export(module.exports, "widgetDisplays", () => $adb8114d28dbbc13$export$909f4c209eb70365);
1979
+ $parcel$export(module.exports, "landscapeDisplays", () => $adb8114d28dbbc13$export$baf53ca377ebf861);
1980
+ $parcel$export(module.exports, "borneDisplays", () => $adb8114d28dbbc13$export$a8576d98c9c928de);
1981
+ $parcel$export(module.exports, "commonColors", () => $adb8114d28dbbc13$export$c0da64553318f2cb);
1982
+ $parcel$export(module.exports, "nonResponseInducingEvents", () => $adb8114d28dbbc13$export$6a32bf5257e620e1);
1983
+ $parcel$export(module.exports, "rtlLanguages", () => $adb8114d28dbbc13$export$882049267ad78ff6);
1984
+
1985
+ var $4ucVo = parcelRequire("4ucVo");
1986
+ const $adb8114d28dbbc13$export$2e65b7c7134e01f0 = 600;
1987
+ const $adb8114d28dbbc13$export$91e4bf93df95a062 = 1300;
1988
+ const $adb8114d28dbbc13$export$66b40c15080ce99b = 'https://cdn.retorik.ai';
1989
+ const $adb8114d28dbbc13$export$2475544086fd222b = `${$adb8114d28dbbc13$export$66b40c15080ce99b}/spiritenginehtml5/characters`;
1990
+ const $adb8114d28dbbc13$export$f718170a6537817b = `${$adb8114d28dbbc13$export$66b40c15080ce99b}/retorik-framework/imagefiles`;
1991
+ const $adb8114d28dbbc13$export$eefca12493f9e9b9 = `${$adb8114d28dbbc13$export$66b40c15080ce99b}/retorik-framework/audiofiles`;
1992
+ const $adb8114d28dbbc13$export$c398bfda6cfa19ff = 'https://studio.retorik.ai';
1993
+ const $adb8114d28dbbc13$export$9adff68f093278ec = 'https://dev.studio.retorik.ai';
1994
+ const $adb8114d28dbbc13$export$409889737849a04f = 'https://preview.studio.retorik.ai';
1995
+ const $adb8114d28dbbc13$export$a4481ccc388fce2a = 'https://experimental.studio.retorik.ai';
1996
+ const $adb8114d28dbbc13$export$1f4373411c991e56 = 'https://docs.retorik.ai';
1997
+ const $adb8114d28dbbc13$export$d6542303192de6db = 'https://api.openrouteservice.org/v2/directions';
1998
+ const $adb8114d28dbbc13$export$6f60da16472d34a7 = '5b3ce3597851110001cf62483cfd6bd46f934b7d96f108a35e0f08b8';
1999
+ const $adb8114d28dbbc13$export$dc91bcad81fffb1f = 'https://api.open-meteo.com/v1/forecast?';
2000
+ const $adb8114d28dbbc13$export$68b4ac416ba801c6 = '&daily=weathercode,temperature_2m_max,temperature_2m_min&timezone=auto&current_weather=true';
2001
+ const $adb8114d28dbbc13$export$d9e38c0112bbdae6 = 'K2.ContentFields.WebChat/api/GetWebchatToken';
2002
+ const $adb8114d28dbbc13$export$342c646308e8fa62 = 'https://directline.botframework.com/v3/directline';
2003
+ const $adb8114d28dbbc13$export$1ca3e229e23d7f42 = 'api/hospitality/Emergency';
2004
+ const $adb8114d28dbbc13$export$1e8c600abff9ea62 = 'https://telemetry.retorik.ai/otlp-http/v1/traces';
2005
+ const $adb8114d28dbbc13$export$f3c31933b33f3693 = 'https://www.google.com/maps/dir/?api=1&';
2006
+ const $adb8114d28dbbc13$export$8828fbbb6034a09b = {
2007
+ default: 'fr-FR',
2008
+ all: [
2009
+ 'fr-FR'
2010
+ ]
2011
+ };
2012
+ const $adb8114d28dbbc13$export$9bbca248acc786d3 = [
2013
+ {
2014
+ view: (0, $4ucVo.AvailableViews).home,
2015
+ indice: 1
2016
+ },
2017
+ {
2018
+ view: (0, $4ucVo.AvailableViews).emergency,
2019
+ indice: 2
2020
+ }
2021
+ ];
2022
+ const $adb8114d28dbbc13$export$890576ebf405f6b7 = [
2023
+ {
2024
+ view: (0, $4ucVo.AvailableSubViews).history,
2025
+ indice: 1
2026
+ },
2027
+ {
2028
+ view: (0, $4ucVo.AvailableSubViews).tutorial,
2029
+ indice: 2
2030
+ }
2031
+ ];
2032
+ const $adb8114d28dbbc13$export$78f16669b353a880 = [
2033
+ (0, $4ucVo.DeviceType).mobile,
2034
+ (0, $4ucVo.DeviceType).widget
2035
+ ];
2036
+ const $adb8114d28dbbc13$export$909f4c209eb70365 = [
2037
+ (0, $4ucVo.DeviceType).widget,
2038
+ (0, $4ucVo.DeviceType).widgetBorne,
2039
+ (0, $4ucVo.DeviceType).widgetLandscape
2040
+ ];
2041
+ const $adb8114d28dbbc13$export$baf53ca377ebf861 = [
2042
+ (0, $4ucVo.DeviceType).landscape,
2043
+ (0, $4ucVo.DeviceType).widgetLandscape
2044
+ ];
2045
+ const $adb8114d28dbbc13$export$a8576d98c9c928de = [
2046
+ (0, $4ucVo.DeviceType).borne,
2047
+ (0, $4ucVo.DeviceType).widgetBorne
2048
+ ];
2049
+ const $adb8114d28dbbc13$export$c0da64553318f2cb = {
2050
+ primary: '#00D7FF',
2051
+ secondary: '#1999B1',
2052
+ black: '#101219',
2053
+ whereToEatColor: '#FC952E',
2054
+ whereToSleepColor: '#9F007D',
2055
+ tobeSeenColor: '#76AB2A',
2056
+ tobeDoneColor: '#E23C2A',
2057
+ localProductsColor: '#AFB942',
2058
+ servicesColor: '#00C8BC',
2059
+ agendaColor: '#865DA2',
2060
+ occupantColor: '#6DEDBC'
2061
+ };
2062
+ const $adb8114d28dbbc13$export$6a32bf5257e620e1 = [
2063
+ 'davi.closewindow',
2064
+ 'setuser',
2065
+ 'davi.gdprconsent'
2066
+ ];
2067
+ const $adb8114d28dbbc13$export$882049267ad78ff6 = [
2068
+ 'ar',
2069
+ 'fa',
2070
+ 'he',
2071
+ 'ps',
2072
+ 'ur'
2073
+ ];
2074
+
2075
+ });
2076
+
2077
+
2078
+ parcelRegister("lgmOB", function(module, exports) {
2079
+
2080
+ $parcel$export(module.exports, "default", () => $c1d32cdebca129b8$export$2e2bcd8739ae039);
2081
+ var // Get data from the json file located at the root of the folder at the address agentUrl
2082
+ $c1d32cdebca129b8$export$2e2bcd8739ae039 = async (agentUrl)=>{
2083
+ const responseData = await fetch(`${agentUrl}/manifest.json`).then((data)=>{
2084
+ return data.json();
2085
+ }).then((json)=>{
2086
+ return json;
2087
+ }).catch((error)=>{
2088
+ console.log(error);
2089
+ return null;
2090
+ });
2091
+ // Set urls to retrieve the animations and a portrait of the agent
2092
+ if (responseData !== null) {
2093
+ responseData.url = responseData.character ? `${agentUrl}/${responseData.character}` : agentUrl;
2094
+ responseData.portrait = agentUrl + '/' + responseData.portrait;
2095
+ responseData.useBodyEngineThree = !!responseData.character;
2096
+ }
2097
+ return responseData;
2098
+ };
2099
+
2100
+ });
2101
+
2102
+
2103
+ parcelRegister("82K9w", function(module, exports) {
2104
+
2105
+ $parcel$export(module.exports, "widgetDefault", () => $938bb59f49c318a8$export$4aebf65ed07cf17b);
2106
+ $parcel$export(module.exports, "defaultThemeDark", () => $938bb59f49c318a8$export$d80fe84b82195dbd);
2107
+ $parcel$export(module.exports, "defaultThemeLight", () => $938bb59f49c318a8$export$1196b7bf97f3d16c);
2108
+
2109
+ var $cT90l = parcelRequire("cT90l");
2110
+ const $938bb59f49c318a8$export$4aebf65ed07cf17b = {
2111
+ rgb: 'rgb(112, 112, 112)'
2112
+ };
2113
+ const $938bb59f49c318a8$export$d80fe84b82195dbd = {
2114
+ ...(0, $cT90l.commonColors),
2115
+ companyName: '#000',
2116
+ loader: {
2117
+ animation: (0, $cT90l.commonColors).primary,
2118
+ background: 'rgba(18,18,18,0.7)',
2119
+ text: '#FFF',
2120
+ toggle: {
2121
+ text: '#000',
2122
+ background: (0, $cT90l.commonColors).primary
2123
+ },
2124
+ button: {
2125
+ background: {
2126
+ default: 'transparent',
2127
+ hover: 'transparent'
2128
+ },
2129
+ border: {
2130
+ default: (0, $cT90l.commonColors).primary,
2131
+ hover: '#FFF'
2132
+ },
2133
+ text: {
2134
+ default: (0, $cT90l.commonColors).primary,
2135
+ hover: '#FFF'
2136
+ }
2137
+ }
2138
+ },
2139
+ card: {
2140
+ frame: {
2141
+ background: '#2B2B2B',
2142
+ border: 'transparent',
2143
+ text: '#F7F3F6'
2144
+ },
2145
+ button: {
2146
+ background: {
2147
+ default: 'transparent',
2148
+ hover: 'transparent'
2149
+ },
2150
+ border: {
2151
+ default: (0, $cT90l.commonColors).primary,
2152
+ hover: '#FFF'
2153
+ },
2154
+ text: {
2155
+ default: (0, $cT90l.commonColors).primary,
2156
+ hover: '#FFF'
2157
+ }
2158
+ },
2159
+ discoverButton: {
2160
+ background: {
2161
+ default: '#eaebf0',
2162
+ hover: 'transparent'
2163
+ },
2164
+ border: {
2165
+ default: 'transparent',
2166
+ hover: '#FFF'
2167
+ },
2168
+ text: {
2169
+ default: '#575F6B',
2170
+ hover: '#FFF'
2171
+ }
2172
+ }
2173
+ },
2174
+ textMode: {
2175
+ panel: {
2176
+ background: 'rgba(255, 255, 255, 0.9)',
2177
+ border: 'transparent',
2178
+ conversationUser: '#FFF',
2179
+ conversationBot: '#2C2C2C',
2180
+ backgroundUser: (0, $cT90l.commonColors).secondary,
2181
+ backgroundBot: '#F0F0F0'
2182
+ }
2183
+ },
2184
+ vocalMode: {
2185
+ subtitles: {
2186
+ text: '#FFF',
2187
+ background: '#000'
2188
+ }
2189
+ },
2190
+ formInput: {
2191
+ text: {
2192
+ default: (0, $cT90l.commonColors).secondary,
2193
+ hover: '#FFF'
2194
+ },
2195
+ inputRadioCheckbox: {
2196
+ unchecked: {
2197
+ background: '#434141',
2198
+ border: '#818181'
2199
+ },
2200
+ checked: {
2201
+ background: (0, $cT90l.commonColors).primary,
2202
+ border: (0, $cT90l.commonColors).primary,
2203
+ item: '#000'
2204
+ }
2205
+ },
2206
+ inputButton: {
2207
+ background: {
2208
+ default: (0, $cT90l.commonColors).black,
2209
+ hover: (0, $cT90l.commonColors).primary
2210
+ },
2211
+ border: {
2212
+ default: (0, $cT90l.commonColors).primary,
2213
+ hover: '#FFF'
2214
+ },
2215
+ text: {
2216
+ default: '#FFF',
2217
+ hover: '#FFF'
2218
+ }
2219
+ },
2220
+ likert: {
2221
+ default: 'transparent',
2222
+ hover: '#E8B712'
2223
+ }
2224
+ }
2225
+ };
2226
+ const $938bb59f49c318a8$export$1196b7bf97f3d16c = {
2227
+ ...(0, $cT90l.commonColors),
2228
+ companyName: '#000',
2229
+ loader: {
2230
+ animation: (0, $cT90l.commonColors).primary,
2231
+ background: 'rgba(18,18,18,0.7)',
2232
+ text: '#FFF',
2233
+ toggle: {
2234
+ text: '#000',
2235
+ background: (0, $cT90l.commonColors).primary
2236
+ },
2237
+ button: {
2238
+ background: {
2239
+ default: 'transparent',
2240
+ hover: 'transparent'
2241
+ },
2242
+ border: {
2243
+ default: (0, $cT90l.commonColors).primary,
2244
+ hover: '#FFF'
2245
+ },
2246
+ text: {
2247
+ default: (0, $cT90l.commonColors).primary,
2248
+ hover: '#FFF'
2249
+ }
2250
+ }
2251
+ },
2252
+ card: {
2253
+ frame: {
2254
+ background: '#2B2B2B',
2255
+ border: 'transparent',
2256
+ text: '#F7F3F6'
2257
+ },
2258
+ button: {
2259
+ background: {
2260
+ default: 'transparent',
2261
+ hover: 'transparent'
2262
+ },
2263
+ border: {
2264
+ default: (0, $cT90l.commonColors).primary,
2265
+ hover: '#FFF'
2266
+ },
2267
+ text: {
2268
+ default: (0, $cT90l.commonColors).primary,
2269
+ hover: '#FFF'
2270
+ }
2271
+ },
2272
+ discoverButton: {
2273
+ background: {
2274
+ default: '#eaebf0',
2275
+ hover: 'transparent'
2276
+ },
2277
+ border: {
2278
+ default: 'transparent',
2279
+ hover: '#FFF'
2280
+ },
2281
+ text: {
2282
+ default: '#575F6B',
2283
+ hover: '#FFF'
2284
+ }
2285
+ }
2286
+ },
2287
+ textMode: {
2288
+ panel: {
2289
+ background: 'rgba(255, 255, 255, 0.9)',
2290
+ border: 'transparent',
2291
+ conversationUser: '#FFF',
2292
+ conversationBot: '#2C2C2C',
2293
+ backgroundUser: (0, $cT90l.commonColors).secondary,
2294
+ backgroundBot: '#F0F0F0'
2295
+ }
2296
+ },
2297
+ vocalMode: {
2298
+ subtitles: {
2299
+ text: '#FFF',
2300
+ background: '#000'
2301
+ }
2302
+ },
2303
+ formInput: {
2304
+ text: {
2305
+ default: (0, $cT90l.commonColors).secondary,
2306
+ hover: '#FFF'
2307
+ },
2308
+ inputRadioCheckbox: {
2309
+ unchecked: {
2310
+ background: '#434141',
2311
+ border: '#818181'
2312
+ },
2313
+ checked: {
2314
+ background: (0, $cT90l.commonColors).primary,
2315
+ border: (0, $cT90l.commonColors).primary,
2316
+ item: '#000'
2317
+ }
2318
+ },
2319
+ inputButton: {
2320
+ background: {
2321
+ default: (0, $cT90l.commonColors).black,
2322
+ hover: (0, $cT90l.commonColors).primary
2323
+ },
2324
+ border: {
2325
+ default: (0, $cT90l.commonColors).primary,
2326
+ hover: '#FFF'
2327
+ },
2328
+ text: {
2329
+ default: '#FFF',
2330
+ hover: '#FFF'
2331
+ }
2332
+ },
2333
+ likert: {
2334
+ default: 'transparent',
2335
+ hover: '#E8B712'
2336
+ }
2381
2337
  }
2382
2338
  };
2383
- var $1c5c9ed09d1921fe$export$2e2bcd8739ae039 = $1c5c9ed09d1921fe$var$getMicrophonePermission;
2384
2339
 
2385
2340
  });
2386
2341
 
2387
2342
 
2388
- parcelRegister("1x02c", function(module, exports) {
2343
+ parcelRegister("i1rfm", function(module, exports) {
2389
2344
 
2390
- $parcel$export(module.exports, "useRetorikStore", () => $aab770e2a22c2c28$export$bd22554f31e5f96f);
2391
- $parcel$export(module.exports, "default", () => $aab770e2a22c2c28$export$2e2bcd8739ae039);
2345
+ $parcel$export(module.exports, "useSpeechStore", () => $244e94971d503466$export$f299240efcda25a2);
2346
+ $parcel$export(module.exports, "default", () => $244e94971d503466$export$2e2bcd8739ae039);
2392
2347
 
2393
2348
 
2394
2349
 
2395
2350
 
2351
+ var $j67YK = parcelRequire("j67YK");
2396
2352
 
2397
2353
  var $4ucVo = parcelRequire("4ucVo");
2398
2354
 
2399
- var $1TxAn = parcelRequire("1TxAn");
2400
-
2401
- var $lgmOB = parcelRequire("lgmOB");
2402
- const $aab770e2a22c2c28$var$defaultConfiguration = {
2403
- subtitles: false
2404
- };
2405
- const $aab770e2a22c2c28$var$initialState = {
2406
- configuration: $aab770e2a22c2c28$var$defaultConfiguration,
2407
- addressData: {},
2408
- canFocusSendBox: false,
2409
- sendBoxRef: null,
2410
- sendBoxPlaceHolder: undefined,
2411
- fromTextToVocal: false,
2412
- baseAddress: '',
2413
- subtitlesInConfiguration: false,
2414
- displaySubtitles: false,
2415
- agentData: undefined,
2416
- gpuData: undefined,
2417
- loaderClosed: false,
2418
- appAvailable: false,
2419
- currentLayout: (0, $4ucVo.ContainerParent).agent,
2420
- userAlreadySet: false,
2421
- isWaitingForResponse: false,
2422
- instantIsWaitingForResponse: false,
2423
- skipLoader: false,
2424
- displayAgentInNews: true,
2425
- submitDelayBeforeSendingMessage: undefined,
2426
- disableHistory: false,
2427
- environmentPreset: "apartment",
2428
- customScripts: [],
2429
- customCSS: []
2355
+ var $cW5Dh = parcelRequire("cW5Dh");
2356
+ const $244e94971d503466$var$initialState = {
2357
+ ponyfillCredentials: undefined,
2358
+ useContinuousRecognition: false,
2359
+ customVoice: undefined,
2360
+ voice: null,
2361
+ mode: (0, $4ucVo.Mode).text,
2362
+ disableSound: false,
2363
+ speaking: false,
2364
+ muted: false,
2365
+ cancel: false,
2366
+ boundaryData: [],
2367
+ visemeData: [],
2368
+ singleVisemeAdded: null,
2369
+ multiVisemesAdded: [],
2370
+ currentOrLastPlayedActivity: undefined,
2371
+ isMicrophoneAllowed: false,
2372
+ showMicrophoneModal: false,
2373
+ permissionStatus: (0, $4ucVo.PermissionStatus).waiting,
2374
+ activeRecognitionState: (0, $4ucVo.RecognitionState).Closed,
2375
+ lastRecognitionInterim: '',
2376
+ streamingReplyToId: null,
2377
+ streamingQueue: [],
2378
+ streamingReplyToIdToIgnore: null,
2379
+ speechRecognitionDynamicGrammars: [],
2380
+ externalTextToSpeech: undefined
2430
2381
  };
2431
- let $aab770e2a22c2c28$var$timer = null;
2432
- $aab770e2a22c2c28$var$timer = setTimeout(()=>{
2433
- return true;
2434
- }, 1000);
2435
- const $aab770e2a22c2c28$var$createSpeechStore = ()=>{
2382
+ const $244e94971d503466$var$createSpeechStore = (setRetorikEvent, getListStatus, setListStatus, setLastListActivity, setUserTyping)=>{
2436
2383
  return (0, $bZRJW$createStore)((set, get)=>{
2437
2384
  return {
2438
- ...$aab770e2a22c2c28$var$initialState,
2385
+ ...$244e94971d503466$var$initialState,
2439
2386
  actions: {
2440
- setConfiguration: (value)=>{
2387
+ setPonyfillFactoryCredentials: (value)=>{
2441
2388
  set({
2442
- configuration: value
2389
+ ponyfillCredentials: value
2443
2390
  });
2444
2391
  },
2445
- setAddressData: (value)=>{
2446
- set({
2447
- addressData: value
2392
+ setUseContinuousRecognition: (deviceType, options)=>{
2393
+ if (options?.enableContinuousRecognitionOnAllDevices) set({
2394
+ useContinuousRecognition: true
2448
2395
  });
2449
- },
2450
- setSendBoxRef: (value)=>{
2451
- set({
2452
- sendBoxRef: value
2396
+ else if (options?.enableContinuousRecognitionOn) switch(deviceType){
2397
+ case (0, $4ucVo.DeviceType).mobile:
2398
+ set({
2399
+ useContinuousRecognition: !!options.enableContinuousRecognitionOn.mobile
2400
+ });
2401
+ break;
2402
+ case (0, $4ucVo.DeviceType).widget:
2403
+ case (0, $4ucVo.DeviceType).widgetLandscape:
2404
+ case (0, $4ucVo.DeviceType).widgetBorne:
2405
+ set({
2406
+ useContinuousRecognition: !!options.enableContinuousRecognitionOn.widget
2407
+ });
2408
+ break;
2409
+ case (0, $4ucVo.DeviceType).landscape:
2410
+ set({
2411
+ useContinuousRecognition: !!options.enableContinuousRecognitionOn.desktop
2412
+ });
2413
+ break;
2414
+ case (0, $4ucVo.DeviceType).borne:
2415
+ set({
2416
+ useContinuousRecognition: !!options.enableContinuousRecognitionOn.borne
2417
+ });
2418
+ break;
2419
+ default:
2420
+ set({
2421
+ useContinuousRecognition: false
2422
+ });
2423
+ break;
2424
+ }
2425
+ else set({
2426
+ useContinuousRecognition: false
2453
2427
  });
2454
2428
  },
2455
- focusSendBox: ()=>{
2456
- const sendBox = get().sendBoxRef;
2457
- sendBox && document.activeElement !== sendBox && sendBox.focus();
2458
- },
2459
- setCanFocusSendBox: (value)=>{
2429
+ setCustomVoice: (value)=>{
2460
2430
  set({
2461
- canFocusSendBox: value
2431
+ customVoice: value
2462
2432
  });
2463
2433
  },
2464
- setSendBoxPlaceHolder: (value)=>{
2434
+ setVoice: (value)=>{
2465
2435
  set({
2466
- sendBoxPlaceHolder: value
2436
+ voice: value
2467
2437
  });
2468
2438
  },
2469
- setLayout: (value)=>{
2439
+ setMode: (value)=>{
2470
2440
  set({
2471
- currentLayout: value
2441
+ mode: value
2472
2442
  });
2443
+ setLastListActivity(undefined);
2444
+ value !== (0, $4ucVo.Mode).text && setUserTyping(false);
2445
+ !get().disableSound && get().actions.setMuted(value === (0, $4ucVo.Mode).text);
2473
2446
  },
2474
- setUserAlreadySet: (value)=>{
2447
+ setDisableSound: (value)=>{
2475
2448
  set({
2476
- userAlreadySet: value
2449
+ disableSound: value
2477
2450
  });
2478
2451
  },
2479
- setEnvironmentPreset: (value)=>{
2480
- set({
2481
- environmentPreset: value
2452
+ setSpeaking: (value)=>{
2453
+ set(()=>{
2454
+ return value === false ? {
2455
+ speaking: value,
2456
+ visemeData: [],
2457
+ singleVisemeAdded: null,
2458
+ multiVisemesAdded: []
2459
+ } : {
2460
+ speaking: value
2461
+ };
2482
2462
  });
2463
+ setRetorikEvent(value ? (0, $4ucVo.RetorikEvent).SpeechStarted : (0, $4ucVo.RetorikEvent).SpeechEnded);
2483
2464
  },
2484
- setFromTextToVocal: (value)=>{
2465
+ setMuted: (value)=>{
2485
2466
  set({
2486
- fromTextToVocal: value
2467
+ muted: value
2487
2468
  });
2488
2469
  },
2489
- setBaseAddress: (value)=>{
2490
- set({
2491
- baseAddress: value
2492
- });
2470
+ toggleMuted: ()=>{
2471
+ set((state)=>({
2472
+ muted: !state.muted
2473
+ }));
2493
2474
  },
2494
- setLoaderClosed: (value)=>{
2475
+ cancelCurrentUtterance: ()=>{
2495
2476
  set({
2496
- loaderClosed: value
2477
+ cancel: true
2497
2478
  });
2498
2479
  },
2499
- setAppAvailable: (value)=>{
2480
+ resetCancelCurrentUtterance: ()=>{
2500
2481
  set({
2501
- appAvailable: value
2482
+ cancel: false
2502
2483
  });
2503
2484
  },
2504
- setSubtitlesInConfiguration: (value)=>{
2485
+ setBoundaryData: (value)=>{
2505
2486
  set({
2506
- subtitlesInConfiguration: value,
2507
- displaySubtitles: value
2487
+ boundaryData: value
2508
2488
  });
2509
2489
  },
2510
- setDisplaySubtitles: (value)=>{
2490
+ setVisemeData: (value)=>{
2511
2491
  set({
2512
- displaySubtitles: value
2492
+ visemeData: value,
2493
+ multiVisemesAdded: value
2513
2494
  });
2514
2495
  },
2515
- toggleSubtitles: ()=>{
2496
+ addViseme: (value)=>{
2516
2497
  set((state)=>({
2517
- displaySubtitles: !state.displaySubtitles
2498
+ visemeData: [
2499
+ ...state.visemeData,
2500
+ value
2501
+ ],
2502
+ singleVisemeAdded: value
2518
2503
  }));
2519
2504
  },
2520
- setAgentData: async (value)=>{
2521
- // Test GPU to use bodyengine or fall back to spiritengine. Tier at least 1 for mobile, 2 for desktop
2522
- const gpuTier = await (0, $bZRJW$getGPUTier)();
2523
- let gpuTestSupportsBodyengine = false;
2524
- if (gpuTier.tier > 0) {
2525
- if (gpuTier.type === 'FALLBACK') gpuTestSupportsBodyengine = true;
2526
- else gpuTestSupportsBodyengine = gpuTier.tier > 1;
2527
- }
2528
- const url = typeof value === 'string' ? value : value.url;
2529
- let data = await (0, $lgmOB.default)(url);
2530
- if (data?.useBodyEngineThree && !gpuTestSupportsBodyengine) {
2531
- console.log('Retorik Framework > graphic capacity too low to use bodyengine, the application will switch to spiritengine');
2532
- data = await (0, $lgmOB.default)(data?.gender === 'female' ? (0, $1TxAn.characters).zahra : (0, $1TxAn.characters).rowan);
2533
- }
2534
- if (data && typeof value !== 'string') {
2535
- value.name && (data.name = value.name);
2536
- value.animationsUrl && (data.animationsUrl = value.animationsUrl);
2505
+ setCurrentOrLastPlayedActivity: (value)=>{
2506
+ set({
2507
+ currentOrLastPlayedActivity: value
2508
+ });
2509
+ if (value?.attachmentLayout?.toLowerCase() === 'davilist') {
2510
+ if (getListStatus() !== (0, $4ucVo.ListStatus).opened) setListStatus((0, $4ucVo.ListStatus).available);
2537
2511
  }
2512
+ },
2513
+ setIsMicrophoneAllowed: (value)=>{
2538
2514
  set({
2539
- gpuData: gpuTier,
2540
- agentData: data
2515
+ isMicrophoneAllowed: value
2541
2516
  });
2542
2517
  },
2543
- setTimerForWaiting: ()=>{
2544
- $aab770e2a22c2c28$var$timer = setTimeout(()=>{
2545
- set({
2546
- isWaitingForResponse: true
2547
- });
2548
- $aab770e2a22c2c28$var$timer = null;
2549
- }, 1000);
2518
+ setShowMicrophoneModal: (value)=>{
2519
+ set({
2520
+ showMicrophoneModal: value
2521
+ });
2550
2522
  },
2551
- setIsWaitingForResponse: (value)=>{
2552
- if (value) {
2553
- set({
2554
- instantIsWaitingForResponse: true
2555
- });
2556
- !$aab770e2a22c2c28$var$timer && get().actions.setTimerForWaiting();
2557
- } else {
2558
- $aab770e2a22c2c28$var$timer && clearTimeout($aab770e2a22c2c28$var$timer);
2559
- $aab770e2a22c2c28$var$timer = null;
2560
- set({
2561
- instantIsWaitingForResponse: false,
2562
- isWaitingForResponse: false
2563
- });
2523
+ toggleMicrophone: (fromExpectedInput)=>{
2524
+ if (get().mode === (0, $4ucVo.Mode).text) get().actions.setActiveRecognitionState((0, $4ucVo.RecognitionState).Closed);
2525
+ else switch(get().activeRecognitionState){
2526
+ // Do nothing if we are in a transition state
2527
+ case (0, $4ucVo.RecognitionState).Initializing:
2528
+ case (0, $4ucVo.RecognitionState).Closing:
2529
+ return;
2530
+ case (0, $4ucVo.RecognitionState).Listening:
2531
+ get().actions.setActiveRecognitionState((0, $4ucVo.RecognitionState).ForceClosing);
2532
+ get().actions.cancelCurrentUtterance();
2533
+ break;
2534
+ case (0, $4ucVo.RecognitionState).Closed:
2535
+ get().actions.setActiveRecognitionState((0, $4ucVo.RecognitionState).Initializing);
2536
+ !fromExpectedInput && get().actions.cancelCurrentUtterance();
2537
+ break;
2564
2538
  }
2565
2539
  },
2566
- setSkipLoader: (value)=>{
2540
+ askPermission: async ()=>{
2567
2541
  set({
2568
- skipLoader: value
2542
+ showMicrophoneModal: true
2543
+ });
2544
+ (0, $cW5Dh.default)().then((permission)=>{
2545
+ // Hide modal window and open microphone if this one is allowed
2546
+ if (permission === (0, $4ucVo.PermissionStatus).allowed) {
2547
+ set({
2548
+ permissionStatus: permission,
2549
+ isMicrophoneAllowed: true,
2550
+ showMicrophoneModal: false
2551
+ });
2552
+ get().actions.toggleMicrophone();
2553
+ } else set({
2554
+ permissionStatus: permission,
2555
+ isMicrophoneAllowed: false
2556
+ });
2569
2557
  });
2570
2558
  },
2571
- setDisplayAgentInNews: (value)=>{
2559
+ setActiveRecognitionState: (value)=>{
2572
2560
  set({
2573
- displayAgentInNews: value
2561
+ activeRecognitionState: value
2574
2562
  });
2575
2563
  },
2576
- setSubmitDelayBeforeSendingMessage: (value)=>{
2564
+ setLastRecognitionInterim: (value)=>{
2577
2565
  set({
2578
- submitDelayBeforeSendingMessage: value
2566
+ lastRecognitionInterim: value
2579
2567
  });
2580
2568
  },
2581
- setDisableHistory: (value)=>{
2569
+ setStreamingReplyToId: (value)=>{
2582
2570
  set({
2583
- disableHistory: value
2571
+ streamingReplyToId: value
2584
2572
  });
2585
2573
  },
2586
- setCustomScripts: (value)=>{
2574
+ addToStreamingQueue: (value)=>{
2575
+ if (value.replyToId) {
2576
+ if (value.replyToId !== get().streamingReplyToIdToIgnore) {
2577
+ // Set replyToId and new queue if replyToId is different from the current one
2578
+ if (get().streamingReplyToId !== value.replyToId) set({
2579
+ streamingReplyToId: value.replyToId,
2580
+ streamingQueue: [
2581
+ value
2582
+ ]
2583
+ });
2584
+ else set({
2585
+ streamingQueue: [
2586
+ ...get().streamingQueue,
2587
+ value
2588
+ ]
2589
+ });
2590
+ }
2591
+ } else set({
2592
+ streamingQueue: [
2593
+ ...get().streamingQueue,
2594
+ value
2595
+ ]
2596
+ });
2597
+ },
2598
+ // If "twice" parameter is true, let's remove 2 elements instead of one (used with the message at the end of a streaming that should not be spoken)
2599
+ removeFirstFromStreamingQueue: (twice)=>{
2600
+ set((state)=>({
2601
+ streamingQueue: state.streamingQueue.slice(twice ? 2 : 1)
2602
+ }));
2603
+ },
2604
+ killCurrentStreaming: ()=>{
2587
2605
  set({
2588
- customScripts: value
2606
+ streamingReplyToIdToIgnore: get().streamingReplyToId,
2607
+ streamingQueue: []
2589
2608
  });
2590
2609
  },
2591
- setCustomCSS: (value)=>{
2610
+ checkActivityReplyToId: (replyToId)=>{
2611
+ get().streamingReplyToId !== replyToId && get().actions.killCurrentStreaming();
2612
+ },
2613
+ addSpeechRecognitionDynamicGrammar: (value)=>{
2614
+ const currentGrammars = get().speechRecognitionDynamicGrammars;
2615
+ // For each value, verifiy if it doesn't exist in the array yet
2616
+ if (Array.isArray(value)) {
2617
+ const valuesToAdd = [];
2618
+ value.forEach((val)=>{
2619
+ !currentGrammars.includes(val) && valuesToAdd.push(val);
2620
+ });
2621
+ valuesToAdd.length && set({
2622
+ speechRecognitionDynamicGrammars: [
2623
+ ...currentGrammars,
2624
+ ...valuesToAdd
2625
+ ]
2626
+ });
2627
+ } else !currentGrammars.includes(value) && set({
2628
+ speechRecognitionDynamicGrammars: [
2629
+ ...currentGrammars,
2630
+ value
2631
+ ]
2632
+ });
2633
+ },
2634
+ playExternalSynthesis: (value)=>{
2592
2635
  set({
2593
- customCSS: value
2636
+ externalTextToSpeech: value
2594
2637
  });
2595
2638
  },
2596
- resetRetorikStore: ()=>{
2639
+ resetSpeechStore: ()=>{
2597
2640
  set({
2598
- ...$aab770e2a22c2c28$var$initialState
2641
+ ...$244e94971d503466$var$initialState
2599
2642
  });
2600
2643
  }
2601
2644
  }
2602
2645
  };
2603
2646
  });
2604
2647
  };
2605
- const $aab770e2a22c2c28$var$RetorikContext = /*#__PURE__*/ (0, $bZRJW$createContext)(null);
2606
- const $aab770e2a22c2c28$export$bd22554f31e5f96f = (selector)=>{
2607
- const store = (0, $bZRJW$useContext)($aab770e2a22c2c28$var$RetorikContext);
2608
- if (!store) throw new Error('Retorik Framework > useRetorikStore must be used within RetorikProvider');
2648
+ const $244e94971d503466$var$SpeechContext = /*#__PURE__*/ (0, $bZRJW$createContext)(null);
2649
+ const $244e94971d503466$export$f299240efcda25a2 = (selector)=>{
2650
+ const store = (0, $bZRJW$useContext)($244e94971d503466$var$SpeechContext);
2651
+ if (!store) throw new Error('Retorik Framework > useSpeechStore must be used within SpeechProvider');
2609
2652
  return (0, $bZRJW$useStore)(store, selector);
2610
2653
  };
2611
- const $aab770e2a22c2c28$var$RetorikProvider = ({ children: children })=>{
2612
- const [store] = (0, $bZRJW$useState)(()=>$aab770e2a22c2c28$var$createSpeechStore());
2613
- return /*#__PURE__*/ (0, $bZRJW$jsx)($aab770e2a22c2c28$var$RetorikContext.Provider, {
2654
+ const $244e94971d503466$var$SpeechProvider = ({ children: children })=>{
2655
+ const { setRetorikEvent: setRetorikEvent, getListStatus: getListStatus, setListStatus: setListStatus, setLastListActivity: setLastListActivity, setUserTyping: setUserTyping } = (0, $j67YK.useUtilsStore)((state)=>state.actions);
2656
+ const [store] = (0, $bZRJW$useState)(()=>$244e94971d503466$var$createSpeechStore(setRetorikEvent, getListStatus, setListStatus, setLastListActivity, setUserTyping));
2657
+ return /*#__PURE__*/ (0, $bZRJW$jsx)($244e94971d503466$var$SpeechContext.Provider, {
2614
2658
  value: store,
2615
2659
  children: children
2616
2660
  });
2617
2661
  };
2618
- var $aab770e2a22c2c28$export$2e2bcd8739ae039 = $aab770e2a22c2c28$var$RetorikProvider;
2619
-
2620
- });
2621
- parcelRegister("1TxAn", function(module, exports) {
2622
-
2623
- $parcel$export(module.exports, "characters", () => $f413faac4683ad46$export$30a86d91af8ff6e6);
2624
-
2625
- var $cT90l = parcelRequire("cT90l");
2626
- const $f413faac4683ad46$export$30a86d91af8ff6e6 = {
2627
- alice: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/alice`,
2628
- greg: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/greg`,
2629
- jeanmarc: `${(0, $cT90l.CDNCharactersAddress)}/jean-marc`,
2630
- jessica: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/jessica`,
2631
- jessica_short: `${(0, $cT90l.CDNCharactersAddress)}/medium-shot/jessica`,
2632
- ikaa: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/ikaa`,
2633
- karine: `${(0, $cT90l.CDNCharactersAddress)}/karine`,
2634
- lea: `${(0, $cT90l.CDNCharactersAddress)}/lea`,
2635
- prosper: `${(0, $cT90l.CDNCharactersAddress)}/prosper`,
2636
- raphael: `${(0, $cT90l.CDNCharactersAddress)}/raphael`,
2637
- rowan: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/rowan`,
2638
- rowan_short: `${(0, $cT90l.CDNCharactersAddress)}/medium-shot/rowan`,
2639
- zahra: `${(0, $cT90l.CDNCharactersAddress)}/long-shot/zahra`
2640
- };
2662
+ var $244e94971d503466$export$2e2bcd8739ae039 = $244e94971d503466$var$SpeechProvider;
2641
2663
 
2642
2664
  });
2665
+ parcelRegister("cW5Dh", function(module, exports) {
2643
2666
 
2644
- parcelRegister("lgmOB", function(module, exports) {
2667
+ $parcel$export(module.exports, "default", () => $1c5c9ed09d1921fe$export$2e2bcd8739ae039);
2645
2668
 
2646
- $parcel$export(module.exports, "default", () => $c1d32cdebca129b8$export$2e2bcd8739ae039);
2647
- var // Get data from the json file located at the root of the folder at the address agentUrl
2648
- $c1d32cdebca129b8$export$2e2bcd8739ae039 = async (agentUrl)=>{
2649
- const responseData = await fetch(`${agentUrl}/manifest.json`).then((data)=>{
2650
- return data.json();
2651
- }).then((json)=>{
2652
- return json;
2653
- }).catch((error)=>{
2654
- console.log(error);
2655
- return null;
2656
- });
2657
- // Set urls to retrieve the animations and a portrait of the agent
2658
- if (responseData !== null) {
2659
- responseData.url = responseData.character ? `${agentUrl}/${responseData.character}` : agentUrl;
2660
- responseData.portrait = agentUrl + '/' + responseData.portrait;
2661
- responseData.useBodyEngineThree = !!responseData.character;
2669
+ var $4ucVo = parcelRequire("4ucVo");
2670
+ const $1c5c9ed09d1921fe$var$getMicrophonePermission = async ()=>{
2671
+ try {
2672
+ return navigator.mediaDevices.getUserMedia({
2673
+ audio: true
2674
+ }).then((stream)=>{
2675
+ return stream ? (0, $4ucVo.PermissionStatus).allowed : (0, $4ucVo.PermissionStatus).refused;
2676
+ }, (reason)=>{
2677
+ console.log('Retorik Framework > microphone permission refused : ', reason);
2678
+ return (0, $4ucVo.PermissionStatus).refused;
2679
+ }).catch((error)=>{
2680
+ console.log('Retorik Framework > microphone permission refused : ', error);
2681
+ return (0, $4ucVo.PermissionStatus).error;
2682
+ });
2683
+ } catch (error) {
2684
+ console.log('Retorik Framework > microphone permission refused : ', error);
2685
+ return (0, $4ucVo.PermissionStatus).error;
2662
2686
  }
2663
- return responseData;
2664
2687
  };
2688
+ var $1c5c9ed09d1921fe$export$2e2bcd8739ae039 = $1c5c9ed09d1921fe$var$getMicrophonePermission;
2665
2689
 
2666
2690
  });
2667
2691
 
@@ -4307,7 +4331,7 @@ var $c54ebc4ba0100ff1$export$2e2bcd8739ae039 = $c54ebc4ba0100ff1$var$activityMid
4307
4331
  });
4308
4332
 
4309
4333
  parcelRegister("iT1WI", function(module, exports) {
4310
- module.exports = JSON.parse("{\"name\":\"@davi-ai/retorik-framework\",\"version\":\"3.2.4\",\"description\":\"Retorik Framework package\",\"author\":\"DAVI\",\"license\":\"MIT\",\"repository\":\"none\",\"main\":\"dist/index.js\",\"module\":\"dist/index.modern.js\",\"types\":\"dist/index.d.ts\",\"source\":\"src/index.tsx\",\"standalone\":\"standalone/index.js\",\"targets\":{\"standalone\":{\"context\":\"browser\",\"outputFormat\":\"esmodule\",\"distDir\":\"standalone\"},\"module\":{\"context\":\"browser\",\"outputFormat\":\"esmodule\",\"distDir\":\"dist\"}},\"engines\":{\"node\":\">=10\"},\"scripts\":{\"build\":\"parcel build\",\"start\":\"parcel watch\",\"test\":\"jest --env=jsdom --reporters=jest-junit\",\"test-console\":\"jest --env=jsdom\",\"test-update-snapshots\":\"jest --env=jsdom --updateSnapshot\",\"test-coverage-console\":\"jest --env=jsdom --reporters=jest-junit --coverage\",\"test-coverage\":\"jest --env=jsdom --reporters=jest-junit --coverage --coverageReporters=cobertura\",\"report\":\"npx parcel build src/index.tsx --reporter @parcel/reporter-bundle-analyzer\",\"credentials\":\"vsts-npm-auth -config .npmrc\"},\"peerDependencies\":{\"react\":\"18.3.1\",\"react-dom\":\"18.3.1\"},\"devDependencies\":{\"@babel/core\":\"^7.19.1\",\"@babel/plugin-proposal-decorators\":\"^7.24.7\",\"@babel/plugin-proposal-private-property-in-object\":\"^7.21.11\",\"@babel/preset-env\":\"^7.25.4\",\"@babel/preset-react\":\"^7.24.7\",\"@babel/preset-typescript\":\"^7.24.7\",\"@babel/runtime\":\"^7.23.8\",\"@parcel/packager-ts\":\"^2.13.2\",\"@parcel/reporter-bundle-analyzer\":\"^2.13.2\",\"@parcel/reporter-sourcemap-visualiser\":\"^2.13.2\",\"@parcel/transformer-inline-string\":\"^2.13.2\",\"@parcel/transformer-typescript-types\":\"^2.13.2\",\"@parcel/validator-eslint\":\"^2.13.2\",\"@parcel/validator-typescript\":\"^2.13.2\",\"@testing-library/dom\":\"^10.4.0\",\"@testing-library/jest-dom\":\"6.5.0\",\"@testing-library/react\":\"16.0.1\",\"@testing-library/react-hooks\":\"8.0.1\",\"@testing-library/user-event\":\"14.5.2\",\"@types/jest\":\"^27.5.1\",\"@types/leaflet\":\"^1.8.0\",\"@types/node\":\"^12.12.38\",\"@types/react\":\"18.3.12\",\"@types/react-dom\":\"18.3.1\",\"@types/testing-library__jest-dom\":\"^5.14.5\",\"@types/testing-library__react\":\"latest\",\"@typescript-eslint/eslint-plugin\":\"^8.19.0\",\"@typescript-eslint/parser\":\"^8.19.0\",\"autoprefixer\":\"^10.4.7\",\"babel-eslint\":\"^10.0.3\",\"babel-jest\":\"^29.7.0\",\"babel-loader\":\"^8.2.5\",\"buffer\":\"^5.7.1\",\"canvas\":\"^2.9.0\",\"cross-env\":\"^7.0.2\",\"crypto-browserify\":\"^3.12.0\",\"eslint\":\"^9.16.0\",\"eslint-config-prettier\":\"^9.1.0\",\"eslint-config-standard\":\"^17.1.0\",\"eslint-config-standard-react\":\"^13.0.0\",\"eslint-plugin-import\":\"^2.31.0\",\"eslint-plugin-node\":\"^11.1.0\",\"eslint-plugin-prettier\":\"^5.2.1\",\"eslint-plugin-promise\":\"^7.2.1\",\"eslint-plugin-react\":\"^7.37.2\",\"https-browserify\":\"^1.0.0\",\"jest\":\"^29.7.0\",\"jest-environment-jsdom\":\"^29.7.0\",\"jest-junit\":\"16.0.0\",\"npm-run-all\":\"^4.1.5\",\"parcel\":\"^2.13.2\",\"postcss\":\"^8.4.14\",\"postcss-url\":\"^10.1.3\",\"prettier\":\"^2.0.4\",\"process\":\"^0.11.10\",\"punycode\":\"^1.4.1\",\"querystring-es3\":\"^0.2.1\",\"react\":\"^18\",\"react-docgen-typescript-plugin\":\"^1.0.5\",\"react-dom\":\"18.3.1\",\"react-test-renderer\":\"^18.3.1\",\"resize-observer-polyfill\":\"^1.5.1\",\"stream-browserify\":\"^3.0.0\",\"stream-http\":\"^3.2.0\",\"string_decoder\":\"^1.3.0\",\"tailwindcss\":\"^3.1.0\",\"typescript\":\"5.3.2\",\"url\":\"^0.11.0\",\"util\":\"^0.12.4\"},\"files\":[\"dist\"],\"dependencies\":{\"@davi-ai/body-engine-sprite\":\"3.0.0\",\"@davi-ai/react-bodyengine-three\":\"1.0.6\",\"@davi-ai/retorik-weather\":\"2.0.0\",\"@davi-ai/speechmarkdown-davi-js\":\"2.0.1\",\"@davi-ai/web-speech-cognitive-services-davi\":\"2.0.10\",\"@lottiefiles/react-lottie-player\":\"^3.4.1\",\"@opentelemetry/api\":\"^1.9.0\",\"@opentelemetry/exporter-trace-otlp-http\":\"^0.200.0\",\"@opentelemetry/instrumentation\":\"^0.200.0\",\"@opentelemetry/instrumentation-document-load\":\"^0.45.0\",\"@opentelemetry/instrumentation-fetch\":\"^0.200.0\",\"@opentelemetry/resources\":\"^2.0.0\",\"@opentelemetry/sdk-trace-web\":\"^2.0.0\",\"@opentelemetry/semantic-conventions\":\"^1.32.0\",\"@react-spring/types\":\"^9.7.3\",\"@react-spring/web\":\"^9.7.3\",\"@swc/helpers\":\"^0.5.0\",\"@types/geojson\":\"^7946.0.10\",\"@types/jsdom\":\"^16.2.14\",\"@use-gesture/react\":\"^10.2.15\",\"adaptivecards\":\"3.0.1\",\"botframework-directlinejs\":\"^0.15.5\",\"classnames\":\"^2.3.1\",\"detect-gpu\":\"^5.0.70\",\"leaflet\":\"^1.9.2\",\"markdown-it\":\"14.1.0\",\"pdfjs-dist\":\"3.11.174\",\"postcss-copy\":\"^7.1.0\",\"qrcode\":\"^1.5.1\",\"react-device-detect\":\"^2.2.3\",\"react-error-boundary\":\"^4.0.10\",\"react-leaflet\":\"^4.1.0\",\"react-pdf\":\"7.7.1\",\"react-shadow\":\"^20.5.0\",\"swiper\":\"^8.4.5\",\"zustand\":\"^5.0.3\"},\"overrides\":{\"@davi-ai/web-speech-cognitive-services-davi\":\"$@davi-ai/web-speech-cognitive-services-davi\",\"zustand\":\"$zustand\"},\"@parcel/resolver-default\":{\"packageExports\":true}}");
4334
+ module.exports = JSON.parse("{\"name\":\"@davi-ai/retorik-framework\",\"version\":\"3.2.6\",\"description\":\"Retorik Framework package\",\"author\":\"DAVI\",\"license\":\"MIT\",\"repository\":\"none\",\"main\":\"dist/index.js\",\"module\":\"dist/index.modern.js\",\"types\":\"dist/index.d.ts\",\"source\":\"src/index.tsx\",\"standalone\":\"standalone/index.js\",\"targets\":{\"standalone\":{\"context\":\"browser\",\"outputFormat\":\"esmodule\",\"distDir\":\"standalone\"},\"module\":{\"context\":\"browser\",\"outputFormat\":\"esmodule\",\"distDir\":\"dist\"}},\"engines\":{\"node\":\">=10\"},\"scripts\":{\"build\":\"parcel build\",\"start\":\"parcel watch\",\"test\":\"jest --env=jsdom --reporters=jest-junit\",\"test-console\":\"jest --env=jsdom\",\"test-update-snapshots\":\"jest --env=jsdom --updateSnapshot\",\"test-coverage-console\":\"jest --env=jsdom --reporters=jest-junit --coverage\",\"test-coverage\":\"jest --env=jsdom --reporters=jest-junit --coverage --coverageReporters=cobertura\",\"report\":\"npx parcel build src/index.tsx --reporter @parcel/reporter-bundle-analyzer\",\"credentials\":\"vsts-npm-auth -config .npmrc\"},\"peerDependencies\":{\"react\":\"18.3.1\",\"react-dom\":\"18.3.1\"},\"devDependencies\":{\"@babel/core\":\"^7.19.1\",\"@babel/plugin-proposal-decorators\":\"^7.24.7\",\"@babel/plugin-proposal-private-property-in-object\":\"^7.21.11\",\"@babel/preset-env\":\"^7.25.4\",\"@babel/preset-react\":\"^7.24.7\",\"@babel/preset-typescript\":\"^7.24.7\",\"@babel/runtime\":\"^7.23.8\",\"@parcel/packager-ts\":\"^2.13.2\",\"@parcel/reporter-bundle-analyzer\":\"^2.13.2\",\"@parcel/reporter-sourcemap-visualiser\":\"^2.13.2\",\"@parcel/transformer-inline-string\":\"^2.13.2\",\"@parcel/transformer-typescript-types\":\"^2.13.2\",\"@parcel/validator-eslint\":\"^2.13.2\",\"@parcel/validator-typescript\":\"^2.13.2\",\"@testing-library/dom\":\"^10.4.0\",\"@testing-library/jest-dom\":\"6.5.0\",\"@testing-library/react\":\"16.0.1\",\"@testing-library/react-hooks\":\"8.0.1\",\"@testing-library/user-event\":\"14.5.2\",\"@types/jest\":\"^27.5.1\",\"@types/leaflet\":\"^1.8.0\",\"@types/node\":\"^12.12.38\",\"@types/react\":\"18.3.12\",\"@types/react-dom\":\"18.3.1\",\"@types/testing-library__jest-dom\":\"^5.14.5\",\"@types/testing-library__react\":\"latest\",\"@typescript-eslint/eslint-plugin\":\"^8.19.0\",\"@typescript-eslint/parser\":\"^8.19.0\",\"autoprefixer\":\"^10.4.7\",\"babel-eslint\":\"^10.0.3\",\"babel-jest\":\"^29.7.0\",\"babel-loader\":\"^8.2.5\",\"buffer\":\"^5.7.1\",\"canvas\":\"^2.9.0\",\"cross-env\":\"^7.0.2\",\"crypto-browserify\":\"^3.12.0\",\"eslint\":\"^9.16.0\",\"eslint-config-prettier\":\"^9.1.0\",\"eslint-config-standard\":\"^17.1.0\",\"eslint-config-standard-react\":\"^13.0.0\",\"eslint-plugin-import\":\"^2.31.0\",\"eslint-plugin-node\":\"^11.1.0\",\"eslint-plugin-prettier\":\"^5.2.1\",\"eslint-plugin-promise\":\"^7.2.1\",\"eslint-plugin-react\":\"^7.37.2\",\"https-browserify\":\"^1.0.0\",\"jest\":\"^29.7.0\",\"jest-environment-jsdom\":\"^29.7.0\",\"jest-junit\":\"16.0.0\",\"npm-run-all\":\"^4.1.5\",\"parcel\":\"^2.13.2\",\"postcss\":\"^8.4.14\",\"postcss-url\":\"^10.1.3\",\"prettier\":\"^2.0.4\",\"process\":\"^0.11.10\",\"punycode\":\"^1.4.1\",\"querystring-es3\":\"^0.2.1\",\"react\":\"^18\",\"react-docgen-typescript-plugin\":\"^1.0.5\",\"react-dom\":\"18.3.1\",\"react-test-renderer\":\"^18.3.1\",\"resize-observer-polyfill\":\"^1.5.1\",\"stream-browserify\":\"^3.0.0\",\"stream-http\":\"^3.2.0\",\"string_decoder\":\"^1.3.0\",\"tailwindcss\":\"^3.1.0\",\"typescript\":\"5.3.2\",\"url\":\"^0.11.0\",\"util\":\"^0.12.4\"},\"files\":[\"dist\"],\"dependencies\":{\"@davi-ai/body-engine-sprite\":\"3.0.0\",\"@davi-ai/react-bodyengine-three\":\"^1.0.8\",\"@davi-ai/retorik-weather\":\"2.0.0\",\"@davi-ai/speechmarkdown-davi-js\":\"2.0.1\",\"@davi-ai/web-speech-cognitive-services-davi\":\"2.1.0\",\"@lottiefiles/react-lottie-player\":\"^3.4.1\",\"@opentelemetry/api\":\"^1.9.0\",\"@opentelemetry/exporter-trace-otlp-http\":\"^0.200.0\",\"@opentelemetry/instrumentation\":\"^0.200.0\",\"@opentelemetry/instrumentation-document-load\":\"^0.45.0\",\"@opentelemetry/instrumentation-fetch\":\"^0.200.0\",\"@opentelemetry/resources\":\"^2.0.0\",\"@opentelemetry/sdk-trace-web\":\"^2.0.0\",\"@opentelemetry/semantic-conventions\":\"^1.32.0\",\"@react-spring/types\":\"^9.7.3\",\"@react-spring/web\":\"^9.7.3\",\"@swc/helpers\":\"^0.5.0\",\"@types/geojson\":\"^7946.0.10\",\"@types/jsdom\":\"^16.2.14\",\"@use-gesture/react\":\"^10.2.15\",\"adaptivecards\":\"3.0.1\",\"botframework-directlinejs\":\"^0.15.5\",\"classnames\":\"^2.3.1\",\"detect-gpu\":\"^5.0.70\",\"leaflet\":\"^1.9.2\",\"markdown-it\":\"14.1.0\",\"pdfjs-dist\":\"3.11.174\",\"postcss-copy\":\"^7.1.0\",\"qrcode\":\"^1.5.1\",\"react-device-detect\":\"^2.2.3\",\"react-error-boundary\":\"^4.0.10\",\"react-leaflet\":\"^4.1.0\",\"react-pdf\":\"7.7.1\",\"react-shadow\":\"^20.5.0\",\"swiper\":\"^8.4.5\",\"zustand\":\"^5.0.3\"},\"overrides\":{\"@davi-ai/web-speech-cognitive-services-davi\":\"$@davi-ai/web-speech-cognitive-services-davi\",\"zustand\":\"$zustand\"},\"@parcel/resolver-default\":{\"packageExports\":true}}");
4311
4335
 
4312
4336
  });
4313
4337
 
@@ -5002,22 +5026,6 @@ const $03066ddc8eeac452$export$1524746c49eeef2b = 'data:image/png;base64,iVBORw0
5002
5026
 
5003
5027
  });
5004
5028
 
5005
- parcelRegister("75pB6", function(module, exports) {
5006
-
5007
- $parcel$export(module.exports, "fetchEmergencyData", () => $c1b40d4a10143303$export$cdd2c9f4b3acf5fb);
5008
-
5009
- var $cT90l = parcelRequire("cT90l");
5010
- async function $c1b40d4a10143303$export$cdd2c9f4b3acf5fb(address) {
5011
- const res = await fetch(`${address}${(0, $cT90l.hospitalityApiAddress)}`).then((emergencyData)=>{
5012
- return emergencyData.json();
5013
- }).catch(()=>{
5014
- return null;
5015
- });
5016
- return res;
5017
- }
5018
-
5019
- });
5020
-
5021
5029
  parcelRegister("7pypd", function(module, exports) {
5022
5030
 
5023
5031
  $parcel$export(module.exports, "capitalizeFirstLetter", () => $d94d08aa61ce84f3$export$d07f57595c356899);
@@ -6792,15 +6800,12 @@ $parcel$export(module.exports, "default", () => $d15919a4100e497f$export$2e2bcd8
6792
6800
 
6793
6801
  var $1Qww3 = parcelRequire("1Qww3");
6794
6802
 
6795
- var $2fuDN = parcelRequire("2fuDN");
6796
-
6797
6803
  var $cU5vf = parcelRequire("cU5vf");
6798
6804
 
6799
6805
  var $aYFLf = parcelRequire("aYFLf");
6800
6806
 
6801
6807
  var $isz9d = parcelRequire("isz9d");
6802
6808
  const $d15919a4100e497f$var$Background = ({ config: config, videoLoop: videoLoop, videoMuted: videoMuted, onVideoEnded: onVideoEnded, onVideoCanPlay: onVideoCanPlay })=>{
6803
- const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
6804
6809
  const webcamRotation = (0, $1Qww3.useViewStore)((state)=>state.configurations).webcamRotation;
6805
6810
  const imageRef = (0, $bZRJW$useRef)(null);
6806
6811
  const dimensions = (0, $cU5vf.default)(imageRef);
@@ -6852,12 +6857,7 @@ const $d15919a4100e497f$var$Background = ({ config: config, videoLoop: videoLoop
6852
6857
  ref: imageRef,
6853
6858
  src: config.image,
6854
6859
  alt: "background image",
6855
- className: "rf-col-span-full rf-row-span-full rf-w-full rf-h-full rf-object-cover rf-filter rf-blur-background",
6856
- style: {
6857
- ...isRTL ? {
6858
- transform: 'scaleX(-1)'
6859
- } : {}
6860
- }
6860
+ className: "rf-col-span-full rf-row-span-full rf-w-full rf-h-full rf-object-cover rf-filter rf-blur-background"
6861
6861
  }),
6862
6862
  config.style === 'video' && config.video && /*#__PURE__*/ (0, $bZRJW$jsx)((0, $aYFLf.default), {
6863
6863
  source: config.video,
@@ -7050,7 +7050,7 @@ const $be2786c491557492$var$CloseButton = ({ onClick: onClick, label: label, cla
7050
7050
  return /*#__PURE__*/ (0, $bZRJW$jsxs)("button", {
7051
7051
  "aria-label": label || translation.common.close,
7052
7052
  onClick: onClick,
7053
- className: `${className} rf-absolute rf-flex rf-flex-col rf-items-center ltr:rf-right-0 rtl:rf-left-0 rf-top-0 rf-p-2`,
7053
+ className: `${className} rf-absolute rf-flex rf-flex-col rf-items-center rf-right-0 rf-top-0 rf-p-2`,
7054
7054
  children: [
7055
7055
  /*#__PURE__*/ (0, $bZRJW$jsx)((0, $awh9M.default), {
7056
7056
  className: "rf-h-6 rf-w-6"
@@ -7311,7 +7311,7 @@ var $1x02c = parcelRequire("1x02c");
7311
7311
  const $62c9543e6a54a221$var$FullScreenRemote = ({ className: className, background: background, onClick: onClick, animation: animation, children: children })=>{
7312
7312
  const useOldRemote = (0, $1x02c.useRetorikStore)((state)=>state.configuration.useOldRemote);
7313
7313
  return /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$animated).div, {
7314
- className: `${useOldRemote ? className?.includes('rf-z-') ? '' : 'rf-z-util' : 'rf-z-[15]'} rf-relative rf-overflow-y-scroll rf-scrollbar-hidden rf-text-black rf-text-size-auto rf-bg-templateBackground large:ltr:rf-mr-30 large:rtl:rf-ml-30 rf-col-span-full rf-row-span-full ${className}`,
7314
+ className: `${useOldRemote ? className?.includes('rf-z-') ? '' : 'rf-z-util' : 'rf-z-[15]'} rf-relative rf-overflow-y-scroll rf-scrollbar-hidden rf-text-black rf-text-size-auto rf-bg-templateBackground large:rf-mr-30 rf-col-span-full rf-row-span-full ${className}`,
7315
7315
  style: {
7316
7316
  background: background || '',
7317
7317
  outline: '1px solid transparent',
@@ -7590,7 +7590,6 @@ var $8KJP1 = parcelRequire("8KJP1");
7590
7590
  const $2ec58e0e10234435$var$springEnterDuration = 1500;
7591
7591
  const $2ec58e0e10234435$var$springLeaveDuration = 2500;
7592
7592
  const $2ec58e0e10234435$var$List = ({ activity: activity, onClose: onClose })=>{
7593
- const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
7594
7593
  const mode = (0, $i1rfm.useSpeechStore)((state)=>state.mode);
7595
7594
  const useOldRemote = (0, $1x02c.useRetorikStore)((state)=>state.configuration.useOldRemote);
7596
7595
  const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
@@ -7623,7 +7622,7 @@ const $2ec58e0e10234435$var$List = ({ activity: activity, onClose: onClose })=>{
7623
7622
  setListStatus((0, $4ucVo.ListStatus).opened);
7624
7623
  api.start({
7625
7624
  from: {
7626
- transform: isRTL ? 'translateX(100%)' : 'translateX(-100%)'
7625
+ transform: 'translateX(-100%)'
7627
7626
  },
7628
7627
  to: {
7629
7628
  transform: 'translateX(0%)'
@@ -7641,7 +7640,7 @@ const $2ec58e0e10234435$var$List = ({ activity: activity, onClose: onClose })=>{
7641
7640
  transform: 'translateX(0%)'
7642
7641
  },
7643
7642
  to: {
7644
- transform: isRTL ? 'translateX(100%)' : 'translateX(-100%)'
7643
+ transform: 'translateX(-100%)'
7645
7644
  },
7646
7645
  config: {
7647
7646
  duration: $2ec58e0e10234435$var$springLeaveDuration,
@@ -7738,7 +7737,7 @@ const $2ec58e0e10234435$var$List = ({ activity: activity, onClose: onClose })=>{
7738
7737
  className: `${mobileFiltersOpened ? 'rf-hidden' : 'rf-flex'} rf-flex-col rf-items-start large:rf-pt-16 large:rf-h-full large-vertical:rf-pt-[20vh]`,
7739
7738
  children: [
7740
7739
  content.text && /*#__PURE__*/ (0, $bZRJW$jsx)((0, $1t2sy.default), {
7741
- className: "ltr:rf-ml-2 rtl:rf-mr-2 rf-mt-8 large:ltr:rf-ml-0 large:rtl:rf-mr-0 large:rf-mt-0",
7740
+ className: "rf-ml-2 rf-mt-8 large:rf-ml-0 large:rf-mt-0",
7742
7741
  title: (0, $7pypd.capitalizeFirstLetter)(content.text, locale),
7743
7742
  numberOfResults: content.channelData?.numberOfResults || 0
7744
7743
  }),
@@ -7799,10 +7798,10 @@ const $639b803f36b25cd8$var$Title = ({ className: className, title: title, numbe
7799
7798
  children: title
7800
7799
  }),
7801
7800
  numberOfResults !== undefined && /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
7802
- className: "rf-text-gray large:ltr:rf-ml-4 large:rtl:rf-mr-4",
7801
+ className: "rf-text-gray large:rf-ml-4",
7803
7802
  children: [
7804
7803
  numberOfResults,
7805
- ' ',
7804
+ " ",
7806
7805
  numberOfResults > 1 ? translation.common.results : translation.common.result
7807
7806
  ]
7808
7807
  })
@@ -7892,7 +7891,7 @@ const $07bfabc563cc37ce$var$ChosenItem = ({ className: className, filterItem: fi
7892
7891
  ]),
7893
7892
  children: [
7894
7893
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
7895
- className: "ltr:rf-mr-2 rtl:rf-ml-2 large:ltr:rf-mr-3 large:rtl:rf-ml-3",
7894
+ className: "rf-mr-2 large:rf-mr-3",
7896
7895
  children: parent.id === 'Event.DateRange' ? `${filterItem.name.substring(8, 10)}/${filterItem.name.substring(5, 7)}/${filterItem.name.substring(0, 4)}` : (0, $7pypd.capitalizeFirstLetter)(filterItem.name, locale)
7897
7896
  }),
7898
7897
  /*#__PURE__*/ (0, $bZRJW$jsx)((0, $awh9M.default), {
@@ -7943,18 +7942,18 @@ const $a763dc4397f46467$var$FilterItem = ({ className: className, identifier: id
7943
7942
  className: "rf-relative rf-mt-1",
7944
7943
  children: [
7945
7944
  /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
7946
- className: `rf-px-4 rf-py-3 ltr:rf-mr-4 rtl:rf-ml-4 large-vertical:rf-py-4 ${style} rf-border rf-rounded-lg hover:rf-cursor-pointer rf-flex rf-flex-row rf-items-center rf-justify-center ${className}`,
7945
+ className: `rf-px-4 rf-py-3 rf-mr-4 large-vertical:rf-py-4 ${style} rf-border rf-rounded-lg hover:rf-cursor-pointer rf-flex rf-flex-row rf-items-center rf-justify-center ${className}`,
7947
7946
  onClick: (e)=>handleOpen(e),
7948
7947
  children: [
7949
7948
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
7950
- className: "ltr:rf-mr-3 rtl:rf-ml-3",
7949
+ className: "rf-mr-3",
7951
7950
  children: (0, $7pypd.capitalizeFirstLetter)(filter.title, locale)
7952
7951
  }),
7953
7952
  opened ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $9a1BG.default), {}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $8ccv9.default), {})
7954
7953
  ]
7955
7954
  }),
7956
7955
  opened && /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
7957
- className: "rf-absolute ltr:rf-left-0 rtl:rf-right-0 rf-top-110 rf-z-util rf-w-max rf-py-1 rf-px-4 rf-text-black rf-border rf-rounded-lg rf-border-black rf-bg-truewhite rf-flex rf-flex-col rf-items-center rf-justify-center",
7956
+ className: "rf-absolute rf-left-0 rf-top-110 rf-z-util rf-w-max rf-py-1 rf-px-4 rf-text-black rf-border rf-rounded-lg rf-border-black rf-bg-truewhite rf-flex rf-flex-col rf-items-center rf-justify-center",
7958
7957
  style: {
7959
7958
  transform: filter.id === 'Event.DateRange' && !isMobile ? 'translate(-20%, -20%) scale(0.6, 0.6)' : ''
7960
7959
  },
@@ -9429,7 +9428,7 @@ const $21e6929845cbc712$var$MobileFilterPage = ({ close: close, resetFilters: re
9429
9428
  className: "rf-flex rf-items-center",
9430
9429
  children: [
9431
9430
  filter.id !== 'Event.DateRange' && /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
9432
- className: "rf-text-sm rf-text-gray ltr:rf-mr-5 rtl:rf-ml-5",
9431
+ className: "rf-text-sm rf-text-gray rf-mr-5",
9433
9432
  onClick: ()=>handleSelectAllAndOpen(filter),
9434
9433
  children: (0, $7pypd.capitalizeFirstLetter)(translation.common.all, locale)
9435
9434
  }),
@@ -9460,6 +9459,7 @@ parcelRequire("7b1UX");
9460
9459
  var $5AMhU = parcelRequire("5AMhU");
9461
9460
  const $845f9e0eac8addde$var$MobileUpperBand = ({ title: title, handleReset: handleReset, handleReturn: handleReturn })=>{
9462
9461
  const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
9462
+ const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
9463
9463
  return /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
9464
9464
  className: "rf-w-full rf-py-4 rf-px-4 rf-flex rf-justify-between rf-items-center rf-border-b rf-border-b-black",
9465
9465
  children: [
@@ -9471,13 +9471,13 @@ const $845f9e0eac8addde$var$MobileUpperBand = ({ title: title, handleReset: hand
9471
9471
  className: "rf-w-8"
9472
9472
  }),
9473
9473
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
9474
- className: "ltr:rf-ml-1 rtl:rf-mr-1",
9474
+ className: "rf-ml-1",
9475
9475
  children: title
9476
9476
  })
9477
9477
  ]
9478
9478
  }),
9479
9479
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
9480
- className: "ltr:rf-text-xsm rtl:rf-text-arabic rf-uppercase rf-text-secondary rf-underline",
9480
+ className: `${isRTL ? 'rf-text-arabic' : 'rf-text-xsm'} rf-uppercase rf-text-secondary rf-underline`,
9481
9481
  onClick: handleReset,
9482
9482
  children: translation.template.reset
9483
9483
  })
@@ -9614,24 +9614,18 @@ $parcel$export(module.exports, "default", () => $dac2275350fba77b$export$2e2bcd8
9614
9614
  var $7pypd = parcelRequire("7pypd");
9615
9615
  parcelRequire("7b1UX");
9616
9616
  var $5AMhU = parcelRequire("5AMhU");
9617
- var $4Hqlr = parcelRequire("4Hqlr");
9618
-
9619
- var $2fuDN = parcelRequire("2fuDN");
9620
9617
  const $dac2275350fba77b$var$BackButton = ({ title: title, className: className, handleBack: handleBack })=>{
9621
- const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
9622
9618
  return /*#__PURE__*/ (0, $bZRJW$jsxs)("button", {
9623
9619
  className: `rf-flex rf-flex-row rf-items-center ${className}`,
9624
9620
  onClick: handleBack,
9625
9621
  "aria-label": title,
9626
9622
  "data-map": "fermer",
9627
9623
  children: [
9628
- isRTL ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $4Hqlr.default), {
9629
- className: "rf-w-8"
9630
- }) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $5AMhU.default), {
9624
+ /*#__PURE__*/ (0, $bZRJW$jsx)((0, $5AMhU.default), {
9631
9625
  className: "rf-w-8"
9632
9626
  }),
9633
9627
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
9634
- className: "ltr:rf-ml-1 rtl:rf-mr-1",
9628
+ className: "rf-ml-1",
9635
9629
  children: (0, $7pypd.capitalizeFirstLetter)(title)
9636
9630
  })
9637
9631
  ]
@@ -9761,7 +9755,7 @@ const $82acedcc07951f36$var$AbsoluteLargeClosingButton = ({ dashboardVisible: da
9761
9755
  onClick();
9762
9756
  };
9763
9757
  return isMobile ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {}) : useOldRemote ? /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
9764
- className: `rf-absolute ${hidden && 'rf-hidden'} rf-w-24 rf-flex rf-justify-center ltr:rf-right-0 rtl:rf-left-0 ${zIndexClassname || 'rf-z-ui'}`,
9758
+ className: `rf-absolute ${hidden && 'rf-hidden'} rf-w-24 rf-flex rf-justify-center rf-right-0 ${zIndexClassname || 'rf-z-ui'}`,
9765
9759
  style: {
9766
9760
  top: hideMenu ? `calc(${top} - 6rem)` : top
9767
9761
  },
@@ -9829,6 +9823,7 @@ var $awh9M = parcelRequire("awh9M");
9829
9823
  const $b1ebb9bae475d3c9$var$DashboardButton = ({ dashboardVisible: dashboardVisible, onClick: onClick })=>{
9830
9824
  const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
9831
9825
  const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
9826
+ const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
9832
9827
  const [label, setLabel] = (0, $bZRJW$useState)('');
9833
9828
  (0, $bZRJW$useEffect)(()=>{
9834
9829
  setLabel(dashboardVisible ? translation.common.close : translation.common.menu);
@@ -9836,7 +9831,7 @@ const $b1ebb9bae475d3c9$var$DashboardButton = ({ dashboardVisible: dashboardVisi
9836
9831
  locale
9837
9832
  ]);
9838
9833
  return /*#__PURE__*/ (0, $bZRJW$jsxs)("button", {
9839
- className: "rf-w-18 rf-h-18 rf-mb-6 rf-flex rf-flex-col rf-justify-center rf-items-center rf-bg-truewhite ltr:rf-text-xsm rtl:rf-text-arabic rf-text-trueblack rf-border rf-border-menuBorder rf-rounded-half hover:rf-cursor-pointer rf-shadow-[0_3px_6px_#606267]",
9834
+ className: `rf-w-18 rf-h-18 rf-mb-6 rf-flex rf-flex-col rf-justify-center rf-items-center rf-bg-truewhite ${isRTL ? 'rf-text-arabic' : 'rf-text-xsm'} rf-text-trueblack rf-border rf-border-menuBorder rf-rounded-half hover:rf-cursor-pointer rf-shadow-[0_3px_6px_#606267]`,
9840
9835
  "aria-label": label,
9841
9836
  // data-map used in interactive map to use this button externaly
9842
9837
  "data-map": dashboardVisible ? 'fermer' : 'dashboard',
@@ -10078,7 +10073,7 @@ const $191cbcfd81dc7add$var$Logo = ({ className: className })=>{
10078
10073
  const configuration = (0, $1x02c.useRetorikStore)((state)=>state.configuration);
10079
10074
  return configuration.logo?.src ? /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
10080
10075
  id: "retorik-customer-logo",
10081
- className: className || 'rf-absolute rf-m-4 large:rf-m-8 rf-top-0 ltr:rf-left-0 rtl:rf-right-0',
10076
+ className: className || 'rf-absolute rf-m-4 large:rf-m-8 rf-top-0 rf-left-0',
10082
10077
  children: /*#__PURE__*/ (0, $bZRJW$jsx)("img", {
10083
10078
  src: configuration.logo.src,
10084
10079
  alt: "Logo",
@@ -10215,6 +10210,7 @@ function $f48c640446d42682$var$instanceOfCustomMenuDisplayGeneratorProps(object)
10215
10210
  const $f48c640446d42682$var$DisplayGenerator = (props)=>{
10216
10211
  const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
10217
10212
  const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
10213
+ const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
10218
10214
  const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
10219
10215
  const themeColors = (0, $1Qww3.useViewStore)((state)=>state.themeColors);
10220
10216
  const setRoute = (0, $1Qww3.useViewStore)((state)=>state.actions.setRoute);
@@ -10294,7 +10290,7 @@ const $f48c640446d42682$var$DisplayGenerator = (props)=>{
10294
10290
  color: colorButtonHandle
10295
10291
  }),
10296
10292
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
10297
- className: "ltr:rf-ml-4 rtl:rf-mr-4 rf-font-bold",
10293
+ className: "rf-ml-4 rf-font-bold",
10298
10294
  children: (0, $7pypd.capitalizeFirstLetter)(label, locale)
10299
10295
  })
10300
10296
  ]
@@ -10315,7 +10311,7 @@ const $f48c640446d42682$var$DisplayGenerator = (props)=>{
10315
10311
  color: colorButtonHandle
10316
10312
  }),
10317
10313
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
10318
- className: "rf-uppercase rf-text-[#575F6B] ltr:rf-text-xs rtl:rf-text-arabic large-vertical:rf-text-basecustomuppercase",
10314
+ className: `rf-uppercase rf-text-[#575F6B] ${isRTL ? 'rf-text-arabic' : 'rf-text-xs'} large-vertical:rf-text-basecustomuppercase`,
10319
10315
  children: label
10320
10316
  })
10321
10317
  ]
@@ -10983,6 +10979,7 @@ function $7144545accc7269e$var$instanceOfCustomMenuDisplayGeneratorProps(object)
10983
10979
  const $7144545accc7269e$var$DisplaySubGenerator = (props)=>{
10984
10980
  const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
10985
10981
  const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
10982
+ const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
10986
10983
  const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
10987
10984
  const { setCurrentCustomView: setCurrentCustomView, setCurrentSubView: setCurrentSubView } = (0, $j67YK.useUtilsStore)((state)=>state.actions);
10988
10985
  const [label, setLabel] = (0, $bZRJW$useState)('');
@@ -11042,7 +11039,7 @@ const $7144545accc7269e$var$DisplaySubGenerator = (props)=>{
11042
11039
  className: "rf-h-8 rf-w-8 rf-flex"
11043
11040
  }),
11044
11041
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
11045
- className: "rf-uppercase rf-text-[#575F6B] ltr:rf-text-xs rtl:rf-text-arabic",
11042
+ className: `rf-uppercase rf-text-[#575F6B] ${isRTL ? 'rf-text-arabic' : 'rf-text-xs'}`,
11046
11043
  children: label
11047
11044
  })
11048
11045
  ]
@@ -11139,7 +11136,7 @@ const $51b46ba4dcc48c83$var$ParameterButton = ({ title: title, color: color, ico
11139
11136
  className: "rf-flex rf-flex-row rf-items-center",
11140
11137
  children: [
11141
11138
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
11142
- className: "ltr:rf-mr-3 rtl:rf-ml-3 rf-text-lightgray rf-normal-case",
11139
+ className: "rf-mr-3 rf-text-lightgray rf-normal-case",
11143
11140
  children: (0, (/*@__PURE__*/$parcel$interopDefault($8dUAa)))[locale]
11144
11141
  }),
11145
11142
  /*#__PURE__*/ (0, $bZRJW$jsx)((0, $pEipO.default), {
@@ -11169,7 +11166,7 @@ const $51b46ba4dcc48c83$var$ParameterButton = ({ title: title, color: color, ico
11169
11166
  color: color
11170
11167
  }) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {}),
11171
11168
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
11172
- className: "ltr:rf-ml-1 rtl:rf-mr-1 rf-uppercase",
11169
+ className: "rf-ml-1 rf-uppercase",
11173
11170
  children: title
11174
11171
  })
11175
11172
  ]
@@ -11211,6 +11208,7 @@ var $8mS4T = parcelRequire("8mS4T");
11211
11208
  const $c3ffc5389c8d4942$var$LanguageButton = ()=>{
11212
11209
  const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
11213
11210
  const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
11211
+ const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
11214
11212
  const supported = (0, $2fuDN.useLocaleStore)((state)=>state.supported);
11215
11213
  const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
11216
11214
  const themeColors = (0, $1Qww3.useViewStore)((state)=>state.themeColors);
@@ -11255,7 +11253,7 @@ const $c3ffc5389c8d4942$var$LanguageButton = ()=>{
11255
11253
  color: currentSubView === (0, $4ucVo.CurrentSubView).languages ? themeColors.secondary : '#A4A7AF',
11256
11254
  onClick: (e)=>handleClick(e)
11257
11255
  }) : /*#__PURE__*/ (0, $bZRJW$jsxs)("button", {
11258
- className: "rf-absolute rf-z-ui rf-min-w-24 ltr:rf-right-0 rtl:rf-left-0 rf-px-2 rf-flex rf-flex-row rf-items-center ltr:rf-rounded-l-lg rtl:rf-rounded-r-lg",
11256
+ className: "rf-absolute rf-z-ui rf-min-w-24 rf-right-0 rf-px-2 rf-flex rf-flex-row rf-items-center rf-rounded-l-lg",
11259
11257
  style: {
11260
11258
  bottom: bottom,
11261
11259
  background: 'linear-gradient(#F8F8FC, #EDEEF3)'
@@ -11263,14 +11261,14 @@ const $c3ffc5389c8d4942$var$LanguageButton = ()=>{
11263
11261
  onClick: handleClick,
11264
11262
  children: [
11265
11263
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
11266
- className: "rf-h-8 ltr:rf-mr-2 rtl:rf-ml-2",
11264
+ className: "rf-h-8 rf-mr-2",
11267
11265
  children: /*#__PURE__*/ (0, $bZRJW$jsx)("img", {
11268
11266
  className: "rf-h-full",
11269
11267
  src: `https://flagsapi.com/${mainLocale}/flat/64.png`
11270
11268
  })
11271
11269
  }),
11272
11270
  /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
11273
- className: "rf-flex rf-flex-col rf-items-start ltr:rf-text-xsm rtl:rf-text-arabic",
11271
+ className: `rf-flex rf-flex-col rf-items-start ${isRTL ? 'rf-text-arabic' : 'rf-text-xsm'}`,
11274
11272
  children: [
11275
11273
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
11276
11274
  className: "rf-text-trueblack",
@@ -12137,7 +12135,7 @@ const $612dea69c431d413$var$ListContainer = ({ hasFilterOrSuggestedAction: hasFi
12137
12135
  direction: "top",
12138
12136
  display: !!(numberOfDisplayed?.current && numberOfDisplayed.current > currentPagination),
12139
12137
  scrollHandler: ()=>scrollToRef(),
12140
- className: "rf-absolute rf-bottom-1/4 ltr:rf-right-3 rtl:rf-left-3 rf-z-ui rf-w-9 rf-h-9 rf-cursor-pointer rf-bg-[#00000050] rf-p-[7px_12px] rf-rounded-[20px] rf-flex"
12138
+ className: "rf-absolute rf-bottom-1/4 rf-right-3 rf-z-ui rf-w-9 rf-h-9 rf-cursor-pointer rf-bg-[#00000050] rf-p-[7px_12px] rf-rounded-[20px] rf-flex"
12141
12139
  })
12142
12140
  ]
12143
12141
  }) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {});
@@ -12533,9 +12531,12 @@ const $8baa442bce91cb56$var$ImageAttachment = ({ url: url, title: title, alt: al
12533
12531
  setMaxHeight(Math.floor(currentHeight * (displaySubtitles ? 0.34 : 0.5)));
12534
12532
  break;
12535
12533
  case (0, $4ucVo.DeviceType).landscape:
12536
- setMaxHeight(Math.floor(currentHeight * 0.67));
12534
+ // The container in BotResponse is 7 rows high on the main grid, with a total of 12 rows, so quite 59%.
12535
+ // We reduce a little 9% because 100% is whithout browser's interface.
12536
+ setMaxHeight(Math.floor(currentHeight * 0.50));
12537
12537
  break;
12538
12538
  case (0, $4ucVo.DeviceType).borne:
12539
+ // Same as landscape, but 5 rows high instead of 7
12539
12540
  setMaxHeight(Math.floor(currentHeight * 0.34));
12540
12541
  break;
12541
12542
  default:
@@ -12819,14 +12820,14 @@ const $d1864a22a5f5cc20$var$ClassicButton = ({ url: url, text: text, description
12819
12820
  href: url,
12820
12821
  target: "_blank",
12821
12822
  rel: "noopener noreferrer",
12822
- className: "rf-card-button rf-flex ltr:rf-flex-row rtl:rf-flex-row-reverse rf-items-center",
12823
+ className: "rf-card-button rf-flex rf-items-center",
12823
12824
  children: [
12824
12825
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
12825
12826
  className: "rf-h-6 rf-w-6",
12826
12827
  children: download ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bQZBp.default), {}) : isRTL ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $5AMhU.default), {}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $4Hqlr.default), {})
12827
12828
  }),
12828
12829
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
12829
- className: "ltr:rf-ml-2 rtl:rf-mr-2 rf-truncate",
12830
+ className: `${isRTL ? 'rf-mr-2' : 'rf-ml-2'} rf-truncate`,
12830
12831
  children: text || ''
12831
12832
  })
12832
12833
  ]
@@ -12880,7 +12881,7 @@ const $c21552de80cae6ad$var$BorderlessButton = ({ url: url, text: text, download
12880
12881
  })
12881
12882
  }),
12882
12883
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
12883
- className: "ltr:rf-ml-4 rtl:rf-mr-4",
12884
+ className: `${isRTL ? 'rf-mr-4' : 'rf-ml-4'}`,
12884
12885
  children: text || ''
12885
12886
  })
12886
12887
  ]
@@ -13344,6 +13345,7 @@ parcelRequire("SZcIF");
13344
13345
  var $aJKB3 = parcelRequire("aJKB3");
13345
13346
  const $d9ae9dff2dc9b518$var$SuggestionAttachment = ({ suggestions: suggestions, title: title, description: description, height: height, history: history, showTutorial: showTutorial })=>{
13346
13347
  const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
13348
+ const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
13347
13349
  const configuration = (0, $1x02c.useRetorikStore)((state)=>state.configuration);
13348
13350
  const themeColors = (0, $1Qww3.useViewStore)((state)=>state.themeColors);
13349
13351
  const onTutorialClick = ()=>{
@@ -13359,11 +13361,11 @@ const $d9ae9dff2dc9b518$var$SuggestionAttachment = ({ suggestions: suggestions,
13359
13361
  children: [
13360
13362
  title && // Title on the left if there is a description, middle otherwise
13361
13363
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
13362
- className: `rf-w-full ${description ? 'rf-text-left' : 'rf-text-center'} rf-title-size-auto ${configuration.isUsedOnBorne ? 'rf-truncate' : 'rf-line-clamp-2'}`,
13364
+ className: `rf-w-full ${description ? '' : 'rf-text-center'} rf-title-size-auto ${configuration.isUsedOnBorne ? 'rf-truncate' : 'rf-line-clamp-2'}`,
13363
13365
  children: (0, $7pypd.capitalizeFirstLetter)(title)
13364
13366
  }),
13365
13367
  description && /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
13366
- className: "rf-text-left rf-w-full",
13368
+ className: "rf-w-full",
13367
13369
  children: description
13368
13370
  }),
13369
13371
  suggestions?.map((data, key)=>{
@@ -13377,15 +13379,15 @@ const $d9ae9dff2dc9b518$var$SuggestionAttachment = ({ suggestions: suggestions,
13377
13379
  }, key);
13378
13380
  }),
13379
13381
  showTutorial && /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
13380
- className: "rf-text-left rf-w-full rf-flex rf-items-end rf-italic",
13382
+ className: "rf-w-full rf-flex rf-items-end rf-italic",
13381
13383
  children: [
13382
13384
  /*#__PURE__*/ (0, $bZRJW$jsx)((0, $aJKB3.default), {
13383
- className: "ltr:rf-pr-2 rtl:rf-pl-2 rf-h-6",
13385
+ className: `${isRTL ? 'rf-pl-2' : 'rf-pr-2'} rf-h-6`,
13384
13386
  color: themeColors.card.button.text.default
13385
13387
  }),
13386
13388
  `${translation.common.needhelp} ${translation.suggestion.consult}`,
13387
13389
  /*#__PURE__*/ (0, $bZRJW$jsx)("span", {
13388
- className: "ltr:rf-pl-1 rtl:rf-pr-1 rf-underline rf-cursor-pointer",
13390
+ className: `${isRTL ? 'rf-pr-1' : 'rf-pl-1'} rf-underline rf-cursor-pointer`,
13389
13391
  onClick: onTutorialClick,
13390
13392
  children: translation.suggestion.thetutorial
13391
13393
  })
@@ -13471,7 +13473,7 @@ const $40e461106cbc7ca0$var$BorderlessButtonMessage = ({ text: text, differentTe
13471
13473
  })
13472
13474
  }),
13473
13475
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
13474
- className: "ltr:rf-ml-4 rtl:rf-mr-4",
13476
+ className: `${isRTL ? 'rf-mr-4' : 'rf-ml-4'}`,
13475
13477
  children: text || ''
13476
13478
  })
13477
13479
  ]
@@ -13639,7 +13641,7 @@ const $762a878636021049$var$GridAttachment = ({ index: index, text: text, textCo
13639
13641
  })
13640
13642
  }),
13641
13643
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
13642
- className: `rf-flex rf-min-h-8 large:rf-min-h-[2.3rem] ${lineClamp} rf-items-start rf-text-small-size-auto ltr:rf-text-left rtl:rf-text-right rf-overflow-y-hidden`,
13644
+ className: `rf-flex rf-min-h-8 large:rf-min-h-[2.3rem] ${lineClamp} rf-items-start rf-text-small-size-auto rf-overflow-y-hidden`,
13643
13645
  children: /*#__PURE__*/ (0, $bZRJW$jsx)("p", {
13644
13646
  className: `${maxHeight} rf-overflow-y-clip`,
13645
13647
  dangerouslySetInnerHTML: {
@@ -14060,12 +14062,12 @@ const $768ba3709c161186$var$SuggestionsItem = ({ className: className, title: ti
14060
14062
  const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
14061
14063
  return /*#__PURE__*/ (0, $bZRJW$jsxs)("button", {
14062
14064
  onClick: ()=>handleClick(value),
14063
- className: `rf-h-fit rf-px-4 rf-py-3 ltr:rf-mr-4 rtl:rf-ml-4 rf-mb-4 large-vertical:rf-py-4 rf-border rf-rounded-lg rf-bg-templateBackground rf-text-black rf-border-black hover:rf-cursor-pointer rf-flex rf-flex-row rf-items-center rf-justify-center ${className}`,
14065
+ className: `rf-h-fit rf-px-4 rf-py-3 rf-mr-4 rf-mb-4 large-vertical:rf-py-4 rf-border rf-rounded-lg rf-bg-templateBackground rf-text-black rf-border-black hover:rf-cursor-pointer rf-flex rf-flex-row rf-items-center rf-justify-center ${className}`,
14064
14066
  "aria-label": title,
14065
14067
  children: [
14066
14068
  (0, $7pypd.capitalizeFirstLetter)(title, locale),
14067
14069
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
14068
- className: "ltr:rf-ml-6 rtl:rf-mr-6 rf-text-gray",
14070
+ className: "rf-ml-6 rf-text-gray",
14069
14071
  children: results || 0
14070
14072
  })
14071
14073
  ]
@@ -14156,7 +14158,7 @@ const $50630363f33e0940$var$SubMenuClosing = ({ className: className, background
14156
14158
  /*#__PURE__*/ (0, $bZRJW$jsx)((0, $3y61A.default), {
14157
14159
  title: backIsConversation ? translation.menu.backconversation : isMobile ? translation.common.back : translation.menu.backconversation,
14158
14160
  handleBack: handleClose,
14159
- className: `rf-relative large:rf-absolute ${useOldRemote ? 'large-tactile:rf-hidden' : 'large-vertical:rf-hidden'} rf-pb-6 large:ltr:rf-left-4 large:rtl:rf-right-4 large:rf-top-8 rf-text-size-auto`
14161
+ className: `rf-relative large:rf-absolute ${useOldRemote ? 'large-tactile:rf-hidden' : 'large-vertical:rf-hidden'} rf-pb-6 large:rf-left-4 large:rf-top-8 rf-text-size-auto`
14160
14162
  }),
14161
14163
  /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
14162
14164
  className: `rf-w-full large:rf-w-fit large:rf-max-w-full large-vertical:rf-max-w-2/3 large:rf-px-6 rf-flex rf-flex-col large-vertical:rf-text-size-auto rf-overflow-y-scroll rf-scrollbar-hidden ${className}`,
@@ -14267,7 +14269,7 @@ const $67ce0e678b71b513$var$SingleCardContainer = ({ attachment: attachment, his
14267
14269
  triggerScroll?.();
14268
14270
  }, []);
14269
14271
  return attachment.contentType.includes('.card') ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $iPLKi.default), {
14270
- className: history ? 'rf-w-full' : 'rf-w-full rf-min-w-full landscape-retorik:rf-w-[48%] landscape-retorik:rf-min-w-[48%] landscape-retorik:ltr:rf-ml-1/5 landscape-retorik:rtl:rf-mr-1/5 large-vertical:rf-w-3/5 large-vertical:rf-min-w-3/5 rf-max-h-full',
14272
+ className: history ? 'rf-w-full' : 'rf-w-full rf-min-w-full landscape-retorik:rf-w-[48%] landscape-retorik:rf-min-w-[48%] landscape-retorik:rf-ml-1/5 large-vertical:rf-w-3/5 large-vertical:rf-min-w-3/5 rf-max-h-full',
14271
14273
  children: (0, $3fJQe.default)({
14272
14274
  attachment: attachment,
14273
14275
  history: history
@@ -14290,8 +14292,11 @@ $parcel$export(module.exports, "default", () => $4479e13de3bb7205$export$2e2bcd8
14290
14292
 
14291
14293
 
14292
14294
 
14295
+ var $2fuDN = parcelRequire("2fuDN");
14296
+
14293
14297
  var $l2u1n = parcelRequire("l2u1n");
14294
14298
  const $4479e13de3bb7205$var$Card = ({ children: children, className: className, shadow: shadow = false })=>{
14299
+ const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
14295
14300
  const [scrollButtonDisplay, setScrollButtonDisplay] = (0, $bZRJW$useState)(false);
14296
14301
  const [scrollButtonDirection, setScrollButtonDirection] = (0, $bZRJW$useState)('bottom');
14297
14302
  const botEndRef = (0, $bZRJW$useRef)(null);
@@ -14351,6 +14356,7 @@ const $4479e13de3bb7205$var$Card = ({ children: children, className: className,
14351
14356
  return ()=>timer && clearTimeout(timer);
14352
14357
  }, []);
14353
14358
  return /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
14359
+ dir: isRTL ? 'rtl' : 'ltr',
14354
14360
  className: `rf-relative rf-max-h-full rf-flex rf-flex-col rf-text-size-auto rf-unselectable ${className}`,
14355
14361
  draggable: true,
14356
14362
  onDragStart: handleDragStart,
@@ -14498,8 +14504,6 @@ var $j67YK = parcelRequire("j67YK");
14498
14504
 
14499
14505
  var $1Qww3 = parcelRequire("1Qww3");
14500
14506
 
14501
- var $2fuDN = parcelRequire("2fuDN");
14502
-
14503
14507
  var $cU5vf = parcelRequire("cU5vf");
14504
14508
 
14505
14509
  var $4ucVo = parcelRequire("4ucVo");
@@ -14517,7 +14521,6 @@ const $78df6258e38451c4$var$widthCoefficients = {
14517
14521
  const $78df6258e38451c4$var$defaultTransitionDuration = '300ms';
14518
14522
  const $78df6258e38451c4$var$velocityBreakpoint = 0.5;
14519
14523
  const $78df6258e38451c4$var$Carousel = /*#__PURE__*/ (0, $bZRJW$react).forwardRef(({ direction: direction, history: history, draft: draft, grid: grid, gridTitle: gridTitle, forcedCurrentCard: forcedCurrentCard, setCarouselCardWidth: setCarouselCardWidth, setForcedCurrentCardInCarousel: setForcedCurrentCardInCarousel, children: children }, ref)=>{
14520
- const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
14521
14524
  const mode = (0, $i1rfm.useSpeechStore)((state)=>state.mode);
14522
14525
  const forceMobileView = (0, $1x02c.useRetorikStore)((state)=>state.configuration.forceMobileView);
14523
14526
  const currentDeviceType = (0, $1Qww3.useViewStore)((state)=>state.currentDeviceType);
@@ -14641,32 +14644,26 @@ const $78df6258e38451c4$var$Carousel = /*#__PURE__*/ (0, $bZRJW$react).forwardRe
14641
14644
  * On currentCard, cardWidth, cardHeight, currentPadding states change :
14642
14645
  * - set translation state depending on the direction
14643
14646
  */ (0, $bZRJW$useEffect)(()=>{
14644
- if (currentCard !== undefined && cardWidth !== undefined && cardHeight !== undefined && currentPadding !== undefined) direction === 'vertical' ? setTranslation(`translateY(calc(-${currentCard * cardHeight}px - ${currentCard * gap}rem))`) : setTranslation(`translateX(calc(${isRTL ? '' : '-'}${currentCard * cardWidth}px - ${currentCard * gap}rem ${isRTL ? '-' : '+'} ${currentPadding}px))`);
14647
+ if (currentCard !== undefined && cardWidth !== undefined && cardHeight !== undefined && currentPadding !== undefined) direction === 'vertical' ? setTranslation(`translateY(calc(-${currentCard * cardHeight}px - ${currentCard * gap}rem))`) : setTranslation(`translateX(calc(-${currentCard * cardWidth}px - ${currentCard * gap}rem + ${currentPadding}px))`);
14645
14648
  }, [
14646
14649
  currentCard,
14647
14650
  cardWidth,
14648
14651
  cardHeight,
14649
- currentPadding,
14650
- isRTL
14652
+ currentPadding
14651
14653
  ]);
14652
14654
  /**
14653
14655
  * On wheeling state change :
14654
14656
  * - call either onSwipeRight or onSwipeLeft (with high values to enter the right part of the if condition), depending on the wheeling value (positive or negative)
14655
14657
  */ (0, $bZRJW$useEffect)(()=>{
14656
- if (wheeling) {
14657
- const leftSwipe = isRTL ? onSwipeRight : onSwipeLeft;
14658
- const rightSwipe = isRTL ? onSwipeLeft : onSwipeRight;
14659
- wheeling > 0 ? leftSwipe(1000, 1000) : rightSwipe(1000, 1000);
14660
- }
14658
+ if (wheeling) wheeling > 0 ? onSwipeLeft(1000, 1000) : onSwipeRight(1000, 1000);
14661
14659
  }, [
14662
- wheeling,
14663
- isRTL
14660
+ wheeling
14664
14661
  ]);
14665
14662
  /**
14666
14663
  * On call :
14667
14664
  * - set translation to its initial state
14668
14665
  */ const resetPosition = ()=>{
14669
- if (cardWidth !== undefined && currentPadding !== undefined) setTranslation(`translateX(calc(${isRTL ? '' : '-'}${currentCard * cardWidth}px - ${currentCard * gap}rem ${isRTL ? '-' : '+'} ${currentPadding}px))`);
14666
+ if (cardWidth !== undefined && currentPadding !== undefined) setTranslation(`translateX(calc(-${currentCard * cardWidth}px - ${currentCard * gap}rem + ${currentPadding}px))`);
14670
14667
  };
14671
14668
  /**
14672
14669
  * On call :
@@ -14675,11 +14672,11 @@ const $78df6258e38451c4$var$Carousel = /*#__PURE__*/ (0, $bZRJW$react).forwardRe
14675
14672
  */ const bounce = (left)=>{
14676
14673
  if (!cardWidth || currentPadding === undefined) return;
14677
14674
  setTransitionDuration($78df6258e38451c4$var$defaultTransitionDuration);
14678
- const direction = left ? isRTL ? '+' : '-' : isRTL ? '-' : '+';
14679
- setTranslation(`translateX(calc(${isRTL ? '' : '-'}${currentCard * cardWidth}px - ${currentCard * gap}rem ${isRTL ? '-' : '+'} ${currentPadding}px ${direction} ${cardWidth / 10}px))`);
14675
+ const direction = left ? '-' : '+';
14676
+ setTranslation(`translateX(calc(-${currentCard * cardWidth}px - ${currentCard * gap}rem + ${currentPadding}px ${direction} ${cardWidth / 10}px))`);
14680
14677
  if (timerRef && timerRef.current !== null) clearTimeout(timerRef.current);
14681
14678
  timerRef.current = setTimeout(()=>{
14682
- setTranslation(`translateX(calc(${isRTL ? '' : '-'}${currentCard * cardWidth}px - ${currentCard * gap}rem ${isRTL ? '-' : '+'} ${currentPadding}px))`);
14679
+ setTranslation(`translateX(calc(-${currentCard * cardWidth}px - ${currentCard * gap}rem + ${currentPadding}px))`);
14683
14680
  }, 300);
14684
14681
  };
14685
14682
  /**
@@ -14733,12 +14730,11 @@ const $78df6258e38451c4$var$Carousel = /*#__PURE__*/ (0, $bZRJW$react).forwardRe
14733
14730
  const available = currentCard === 0 || currentCard === nbCards - 1 ? checkSwipingAvailable(distance, gap) : true;
14734
14731
  if (cardWidth !== undefined) {
14735
14732
  setTransitionDuration('0ms');
14736
- const effectiveDistance = isRTL ? -distance : distance;
14737
14733
  if (available) {
14738
- if (currentCard !== undefined && cardHeight !== undefined && currentPadding !== undefined) setTranslation(`translateX(calc(${isRTL ? '' : '-'}${currentCard * cardWidth}px - ${currentCard * gap}rem ${isRTL ? '-' : '+'} ${currentPadding}px - ${effectiveDistance}px))`);
14734
+ if (currentCard !== undefined && cardHeight !== undefined && currentPadding !== undefined) setTranslation(`translateX(calc(-${currentCard * cardWidth}px - ${currentCard * gap}rem + ${currentPadding}px - ${distance}px))`);
14739
14735
  } else {
14740
14736
  const bounceLimit = cardWidth / 3;
14741
- if (Math.abs(distance) <= bounceLimit / 2) setTranslation(`translateX(calc(${isRTL ? '' : '-'}${currentCard * cardWidth}px - ${currentCard * gap}rem ${isRTL ? '-' : '+'} ${currentPadding}px - ${effectiveDistance * (1 - Math.abs(distance) / bounceLimit)}px))`);
14737
+ if (Math.abs(distance) <= bounceLimit / 2) setTranslation(`translateX(calc(-${currentCard * cardWidth}px - ${currentCard * gap}rem + ${currentPadding}px - ${distance * (1 - Math.abs(distance) / bounceLimit)}px))`);
14742
14738
  }
14743
14739
  }
14744
14740
  };
@@ -14795,16 +14791,13 @@ const $78df6258e38451c4$var$Carousel = /*#__PURE__*/ (0, $bZRJW$react).forwardRe
14795
14791
  setWheeling(delta > 0 ? Date.now() : -Date.now());
14796
14792
  }
14797
14793
  };
14798
- const titleStyle = isRTL ? {
14799
- paddingRight: currentPadding
14800
- } : {
14801
- paddingLeft: currentPadding
14802
- };
14803
14794
  return /*#__PURE__*/ (0, $bZRJW$jsxs)((0, $bZRJW$react).Fragment, {
14804
14795
  children: [
14805
14796
  gridTitle && /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
14806
- className: `rf-w-full ltr:rf-text-left rtl:rf-text-right rf-title-large-size-auto ${mode === (0, $4ucVo.Mode).vocal ? 'rf-text-truewhite rf-text-shadow-black' : 'rf-text-textModePanelConversationBot'}`,
14807
- style: titleStyle,
14797
+ className: `rf-w-full rf-text-left rf-title-large-size-auto ${mode === (0, $4ucVo.Mode).vocal ? 'rf-text-truewhite rf-text-shadow-black' : 'rf-text-textModePanelConversationBot'}`,
14798
+ style: {
14799
+ paddingLeft: currentPadding
14800
+ },
14808
14801
  children: gridTitle
14809
14802
  }),
14810
14803
  /*#__PURE__*/ (0, $bZRJW$jsxs)((0, $bZRJW$animated).div, {
@@ -14823,11 +14816,11 @@ const $78df6258e38451c4$var$Carousel = /*#__PURE__*/ (0, $bZRJW$react).forwardRe
14823
14816
  children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $da6v2.default), {
14824
14817
  direction: direction || 'horizontal',
14825
14818
  onSwiping: onSwiping,
14826
- onSwipeLeft: isRTL ? onSwipeRight : onSwipeLeft,
14827
- onSwipeRight: isRTL ? onSwipeLeft : onSwipeRight,
14819
+ onSwipeLeft: onSwipeLeft,
14820
+ onSwipeRight: onSwipeRight,
14828
14821
  onSwipeTop: onSwipeTop,
14829
14822
  onSwipeBottom: onSwipeBottom,
14830
- className: direction === 'vertical' ? 'rf-flex rf-justify-center' : !isMobile ? history ? isRTL ? 'rf-opacity-gradient-r-thin' : 'rf-opacity-gradient-l-thin' : isRTL ? 'rf-opacity-gradient-r' : 'rf-opacity-gradient-l' : '',
14823
+ className: direction === 'vertical' ? 'rf-flex rf-justify-center' : !isMobile ? history ? 'rf-opacity-gradient-l-thin' : 'rf-opacity-gradient-l' : '',
14831
14824
  children: /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
14832
14825
  ref: ref,
14833
14826
  className: `rf-relative ${direction === 'vertical' ? 'rf-h-max' : 'rf-w-max'} ${enableTranslation ? '' : 'rf-m-auto'} rf-transition-transform`,
@@ -15048,6 +15041,7 @@ const $2ebe7b2fda999dc7$var$Grid = ({ title: title, history: history, qrCodeData
15048
15041
  const mode = (0, $i1rfm.useSpeechStore)((state)=>state.mode);
15049
15042
  const configuration = (0, $1x02c.useRetorikStore)((state)=>state.configuration);
15050
15043
  const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
15044
+ const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
15051
15045
  const clickedOnUI = (0, $j67YK.useUtilsStore)((state)=>state.clickedOnUI);
15052
15046
  const setClickedOnUI = (0, $j67YK.useUtilsStore)((state)=>state.actions.setClickedOnUI);
15053
15047
  const useOldRemote = (0, $1x02c.useRetorikStore)((state)=>state.configuration.useOldRemote);
@@ -15192,10 +15186,11 @@ const $2ebe7b2fda999dc7$var$Grid = ({ title: title, history: history, qrCodeData
15192
15186
  };
15193
15187
  return nbCards ? /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
15194
15188
  id: "retorik-grid",
15195
- className: `rf-w-full rf-flex rf-flex-col rf-gap-4 vertical:rf-w-9/10 ${history ? 'large-vertical:rf-w-full' : 'landscape-retorik:ltr:rf-pr-40 landscape-retorik:rtl:rf-pl-40 landscape-retorik:ltr:rf-pl-1/5 landscape-retorik:rtl:rf-pr-1/5 large-vertical:rf-w-3/5'} vertical:rf-items-center`,
15189
+ dir: isRTL ? 'rtl' : 'ltr',
15190
+ className: `rf-w-full rf-flex rf-flex-col rf-gap-4 vertical:rf-w-9/10 ${history ? 'large-vertical:rf-w-full' : 'landscape-retorik:rf-pr-40 landscape-retorik:rf-pl-1/5 large-vertical:rf-w-3/5'} vertical:rf-items-center`,
15196
15191
  children: [
15197
15192
  title && /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
15198
- className: `rf-w-full ltr:rf-text-left rtl:rf-text-right rf-title-large-size-auto ${history ? 'rf-text-textModePanelConversationBot' : 'rf-text-truewhite rf-text-shadow-black'}`,
15193
+ className: `rf-w-full ${isRTL ? 'rf-text-right' : 'rf-text-left'} rf-title-large-size-auto ${history ? 'rf-text-textModePanelConversationBot' : 'rf-text-truewhite rf-text-shadow-black'}`,
15199
15194
  children: title
15200
15195
  }),
15201
15196
  /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
@@ -15259,7 +15254,7 @@ module.exports = import("./LanguageChoice.623ee802.js").then(()=>parcelRequire('
15259
15254
  });
15260
15255
 
15261
15256
  parcelRegister("8y5Zs", function(module, exports) {
15262
- module.exports = import("./AttachmentDetail.fdcd1737.js").then(()=>parcelRequire('8QAGm'));
15257
+ module.exports = import("./AttachmentDetail.c4286a45.js").then(()=>parcelRequire('8QAGm'));
15263
15258
 
15264
15259
  });
15265
15260
 
@@ -15269,17 +15264,17 @@ module.exports = import("./FullScreenImage.1fe27198.js").then(()=>parcelRequire(
15269
15264
  });
15270
15265
 
15271
15266
  parcelRegister("5Lxsr", function(module, exports) {
15272
- module.exports = import("./Weather.cf58823d.js").then(()=>parcelRequire('2pbjN'));
15267
+ module.exports = import("./Weather.87ab2128.js").then(()=>parcelRequire('2pbjN'));
15273
15268
 
15274
15269
  });
15275
15270
 
15276
15271
  parcelRegister("4tkZ7", function(module, exports) {
15277
- module.exports = import("./CustomView.c24a0e74.js").then(()=>parcelRequire('5s7df'));
15272
+ module.exports = import("./CustomView.913a9f32.js").then(()=>parcelRequire('5s7df'));
15278
15273
 
15279
15274
  });
15280
15275
 
15281
15276
  parcelRegister("i6zhG", function(module, exports) {
15282
- module.exports = import("./Emergency.0cf005ce.js").then(()=>parcelRequire('4zoun'));
15277
+ module.exports = import("./Emergency.1f855b66.js").then(()=>parcelRequire('4zoun'));
15283
15278
 
15284
15279
  });
15285
15280
 
@@ -15463,7 +15458,7 @@ const $569292ddf809d7fd$var$Remote = ({ hideMenu: hideMenu = false, setTopOfRemo
15463
15458
  };
15464
15459
  return /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
15465
15460
  id: "retorik-framework-remote",
15466
- className: "rf-absolute rf-z-[10] rf-flex rf-flex-col rf-justify-center rf-items-center rf-gap-2 ltr:rf-right-6 large-vertical:ltr:rf-right-9 rtl:rf-left-6 large-vertical:rtl:rf-left-9",
15461
+ className: "rf-absolute rf-z-[10] rf-flex rf-flex-col rf-justify-center rf-items-center rf-gap-2 rf-right-6 large-vertical:rf-right-9",
15467
15462
  style: {
15468
15463
  top: absoluteVerticalTop,
15469
15464
  bottom: absoluteVerticalBottom
@@ -15545,10 +15540,16 @@ const $3a6716bf6d00a1ec$var$RemoteButton = ({ type: type, backgroundColor: backg
15545
15540
  const { toggleMuted: toggleMuted, setActiveRecognitionState: setActiveRecognitionState, setMode: setMode } = (0, $i1rfm.useSpeechStore)((state)=>state.actions);
15546
15541
  const { toggleSubtitles: toggleSubtitles, setCanFocusSendBox: setCanFocusSendBox } = (0, $1x02c.useRetorikStore)((state)=>state.actions);
15547
15542
  const sendEvent = (0, $aNpqK.useDirectlineStore)((state)=>state.actions.sendEvent);
15543
+ const currentSubViewRef = (0, $bZRJW$useRef)((0, $4ucVo.CurrentSubView).none);
15548
15544
  const [icon, setIcon] = (0, $bZRJW$useState)();
15549
15545
  const [label, setLabel] = (0, $bZRJW$useState)();
15550
15546
  const [hover, setHover] = (0, $bZRJW$useState)(false);
15551
15547
  const [backgroundColorHover, setBackgroundColorHover] = (0, $bZRJW$useState)(undefined);
15548
+ (0, $bZRJW$useEffect)(()=>{
15549
+ currentSubViewRef.current = currentSubView;
15550
+ }, [
15551
+ currentSubView
15552
+ ]);
15552
15553
  (0, $bZRJW$useEffect)(()=>{
15553
15554
  setBackgroundColorHover(backgroundColor?.replace('99', 'E6'));
15554
15555
  }, [
@@ -15644,14 +15645,20 @@ const $3a6716bf6d00a1ec$var$RemoteButton = ({ type: type, backgroundColor: backg
15644
15645
  const handleClick = ()=>{
15645
15646
  switch(type){
15646
15647
  case (0, $4ucVo.RemoteButtonType).history:
15647
- setCurrentSubView(currentSubView === (0, $4ucVo.CurrentSubView).history ? (0, $4ucVo.CurrentSubView).none : (0, $4ucVo.CurrentSubView).history);
15648
+ if (currentSubViewRef.current === (0, $4ucVo.CurrentSubView).history) {
15649
+ setCurrentSubView((0, $4ucVo.CurrentSubView).none);
15650
+ sendEvent('Davi.CloseWindow', null, ()=>sendEvent('Davi.CloseWindowHistory', null));
15651
+ } else setCurrentSubView((0, $4ucVo.CurrentSubView).history);
15648
15652
  break;
15649
15653
  case (0, $4ucVo.RemoteButtonType).home:
15650
15654
  setCurrentSubView((0, $4ucVo.CurrentSubView).none);
15651
15655
  sendEvent('showHome');
15652
15656
  break;
15653
15657
  case (0, $4ucVo.RemoteButtonType).language:
15654
- setCurrentSubView(currentSubView === (0, $4ucVo.CurrentSubView).languages ? (0, $4ucVo.CurrentSubView).none : (0, $4ucVo.CurrentSubView).languages);
15658
+ if (currentSubViewRef.current === (0, $4ucVo.CurrentSubView).languages) {
15659
+ setCurrentSubView((0, $4ucVo.CurrentSubView).none);
15660
+ sendEvent('Davi.CloseWindow', null, ()=>sendEvent('Davi.CloseWindowLanguages', null));
15661
+ } else setCurrentSubView((0, $4ucVo.CurrentSubView).languages);
15655
15662
  break;
15656
15663
  case (0, $4ucVo.RemoteButtonType).menu:
15657
15664
  toggleDashboard();
@@ -15681,8 +15688,13 @@ const $3a6716bf6d00a1ec$var$RemoteButton = ({ type: type, backgroundColor: backg
15681
15688
  case (0, $4ucVo.CloseButtonCause).list:
15682
15689
  setCloseList(Date.now());
15683
15690
  break;
15684
- case (0, $4ucVo.CloseButtonCause).subview:
15691
+ case (0, $4ucVo.CloseButtonCause).emergency:
15692
+ case (0, $4ucVo.CloseButtonCause).history:
15693
+ case (0, $4ucVo.CloseButtonCause).languages:
15694
+ case (0, $4ucVo.CloseButtonCause).weather:
15695
+ case (0, $4ucVo.CloseButtonCause).map:
15685
15696
  setCurrentSubView((0, $4ucVo.CurrentSubView).none);
15697
+ sendEvent('Davi.CloseWindow', null, ()=>sendEvent(`Davi.CloseWindow${cause}`, null));
15686
15698
  break;
15687
15699
  case (0, $4ucVo.CloseButtonCause).news:
15688
15700
  setRoute((0, $4ucVo.Routes).Home);
@@ -16212,7 +16224,7 @@ const $d2c255fa29679e40$var$Mobile = ({ parametersOpened: parametersOpened, togg
16212
16224
  };
16213
16225
  return /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
16214
16226
  id: "retorik-framework-menu",
16215
- className: "rf-w-full rf-h-fit rf-flex rf-flex-col-reverse rf-border-t rf-border-t-menuBorder rf-pointer-events-auto",
16227
+ className: "rf-w-full rf-h-fit rf-max-h-80 rf-flex rf-flex-col-reverse rf-border-t rf-border-t-menuBorder rf-pointer-events-auto",
16216
16228
  style: {
16217
16229
  background: 'linear-gradient(to right, #F8F8FC, #EDEEF3)'
16218
16230
  },
@@ -16348,13 +16360,14 @@ const $fce269aaea66ffb1$var$SendTextBox = ({ className: className })=>{
16348
16360
  };
16349
16361
  return /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
16350
16362
  id: "retorik-send-textbox",
16363
+ dir: isRTL ? 'rtl' : 'ltr',
16351
16364
  className: `rf-relative rf-min-h-12 rf-px-4 rf-text-base rf-pt-3 rf-pb-3 rf-flex rf-items-center rf-border rf-border-textBoxBorder rf-rounded-8 rf-bg-truewhite rf-shadow-[inset_0_0_6px_#0000003B] ${className}`,
16352
16365
  children: [
16353
16366
  /*#__PURE__*/ (0, $bZRJW$jsx)("textarea", {
16354
16367
  ref: textareaRef,
16355
16368
  // @ts-ignore
16356
16369
  virtualkeyboardpolicy: "manual",
16357
- className: `rf-input-hidden rf-outline-none rf-bg-truewhite rf-w-[calc(100%-3rem)] rf-resize-none rf-scrollbar-hidden ${isMobile && 'placeholder:rf-text-black placeholder:rf-opacity-100'}`,
16370
+ className: `rf-input-hidden rf-outline-none rf-max-h-full rf-overflow-y-clip rf-bg-truewhite rf-w-[calc(100%-4rem)] rf-resize-none rf-scrollbar-hidden ${isMobile && 'placeholder:rf-text-black placeholder:rf-opacity-100'}`,
16358
16371
  value: message,
16359
16372
  placeholder: sendBoxPlaceHolder || translation.menu.message,
16360
16373
  onKeyDown: (e)=>handleKeyDown(e),
@@ -16364,7 +16377,7 @@ const $fce269aaea66ffb1$var$SendTextBox = ({ className: className })=>{
16364
16377
  }
16365
16378
  }),
16366
16379
  !isMobile && !disabledSpeechMode && !useOldRemote && /*#__PURE__*/ (0, $bZRJW$jsx)("button", {
16367
- className: "rf-absolute ltr:rf-right-12 rtl:rf-left-12 rf-h-full rf-w-8 rf-flex rf-justify-center rf-items-center",
16380
+ className: `rf-absolute ${isRTL ? 'rf-left-12' : 'rf-right-12'} rf-h-full rf-w-8 rf-flex rf-justify-center rf-items-center`,
16368
16381
  onClick: handleClick,
16369
16382
  children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $gFvkh.default), {
16370
16383
  className: "rf-h-4 large-vertical:rf-h-5",
@@ -16372,7 +16385,7 @@ const $fce269aaea66ffb1$var$SendTextBox = ({ className: className })=>{
16372
16385
  })
16373
16386
  }),
16374
16387
  /*#__PURE__*/ (0, $bZRJW$jsx)("button", {
16375
- className: "rf-absolute ltr:rf-right-2 rtl:rf-left-2 rf-h-8 rf-w-8 rf-pt-1 rf-pr-1 rf-flex rf-justify-center rf-items-center rf-border rf-border-secondary rf-bg-secondary rf-rounded-half",
16388
+ className: `rf-absolute ${isRTL ? 'rf-left-2' : 'rf-right-2'} rf-h-8 rf-w-8 rf-pt-1 rf-pr-1 rf-flex rf-justify-center rf-items-center rf-border rf-border-secondary rf-bg-secondary rf-rounded-half`,
16376
16389
  onClick: handleSend,
16377
16390
  children: isRTL ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $25i5U.default), {
16378
16391
  className: "rf-w-5",
@@ -16625,7 +16638,20 @@ const $5b6c388e7918885b$var$MicrophoneAndSwitch = ({ top: top })=>{
16625
16638
  if (!isLandscape && (currentSubView !== (0, $4ucVo.CurrentSubView).none || dashboardOpened || retorikEvent === (0, $4ucVo.RetorikEvent).DetailViewOpen || listStatus === (0, $4ucVo.ListStatus).opened || route === (0, $4ucVo.Routes).News || fullScreenImage)) {
16626
16639
  if (retorikEvent === (0, $4ucVo.RetorikEvent).DetailViewOpen && currentSubView === (0, $4ucVo.CurrentSubView).none) setShowCloseButton((0, $4ucVo.CloseButtonCause).detailedpoi);
16627
16640
  else if (listStatus === (0, $4ucVo.ListStatus).opened) setShowCloseButton((0, $4ucVo.CloseButtonCause).list);
16628
- else if (currentSubView !== (0, $4ucVo.CurrentSubView).none) setShowCloseButton((0, $4ucVo.CloseButtonCause).subview);
16641
+ else if (currentSubView !== (0, $4ucVo.CurrentSubView).none) switch(currentSubView){
16642
+ case (0, $4ucVo.CurrentSubView).emergency:
16643
+ setShowCloseButton((0, $4ucVo.CloseButtonCause).emergency);
16644
+ break;
16645
+ case (0, $4ucVo.CurrentSubView).history:
16646
+ setShowCloseButton((0, $4ucVo.CloseButtonCause).history);
16647
+ break;
16648
+ case (0, $4ucVo.CurrentSubView).languages:
16649
+ setShowCloseButton((0, $4ucVo.CloseButtonCause).languages);
16650
+ break;
16651
+ case (0, $4ucVo.CurrentSubView).weather:
16652
+ setShowCloseButton((0, $4ucVo.CloseButtonCause).weather);
16653
+ break;
16654
+ }
16629
16655
  else if (dashboardOpened) setShowCloseButton((0, $4ucVo.CloseButtonCause).dashboard);
16630
16656
  else if (route === (0, $4ucVo.Routes).News) setShowCloseButton((0, $4ucVo.CloseButtonCause).news);
16631
16657
  else if (fullScreenImage) setShowCloseButton((0, $4ucVo.CloseButtonCause).fullscreenimage);
@@ -16648,16 +16674,16 @@ const $5b6c388e7918885b$var$MicrophoneAndSwitch = ({ top: top })=>{
16648
16674
  ]);
16649
16675
  return /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
16650
16676
  id: "retorik-microphone-container",
16651
- className: `large-vertical:rf-absolute rf-w-fit ${showCloseButton ? 'rtl:rf-left-9 ltr:rf-right-9' : 'rtl:rf-left-4 ltr:rf-right-4'} landscape-retorik:-rf-mt-4 landscape-retorik:ltr:rf-pl-[calc(50%-2.5rem)] landscape-retorik:rtl:rf-pr-[calc(50%-2.5rem)] rf-flex rf-flex-row large-vertical:rf-flex-col rf-justify-center rf-items-center rf-gap-6 large-vertical:rf-gap-4`,
16677
+ className: `large-vertical:rf-absolute rf-w-fit ${showCloseButton !== (0, $4ucVo.CloseButtonCause).none ? 'rf-right-9' : 'rf-right-4'} landscape-retorik:-rf-mt-4 landscape-retorik:rf-pl-[calc(50%-2.5rem)] rf-flex rf-flex-row large-vertical:rf-flex-col rf-justify-center rf-items-center rf-gap-6 large-vertical:rf-gap-4`,
16652
16678
  style: {
16653
16679
  bottom: bottomForBorne
16654
16680
  },
16655
16681
  children: [
16656
16682
  mode === (0, $4ucVo.Mode).vocal && /*#__PURE__*/ (0, $bZRJW$jsx)((0, $1HgaM.default), {
16657
- hidden: !!showCloseButton
16683
+ hidden: showCloseButton !== (0, $4ucVo.CloseButtonCause).none
16658
16684
  }),
16659
- (showCloseButton || mode === (0, $4ucVo.Mode).vocal) && /*#__PURE__*/ (0, $bZRJW$jsx)((0, $2nNEz.default), {
16660
- type: showCloseButton ? (0, $4ucVo.RemoteButtonType).close : (0, $4ucVo.RemoteButtonType).text,
16685
+ (showCloseButton !== (0, $4ucVo.CloseButtonCause).none || mode === (0, $4ucVo.Mode).vocal) && /*#__PURE__*/ (0, $bZRJW$jsx)((0, $2nNEz.default), {
16686
+ type: showCloseButton !== (0, $4ucVo.CloseButtonCause).none ? (0, $4ucVo.RemoteButtonType).close : (0, $4ucVo.RemoteButtonType).text,
16661
16687
  backgroundColor: "#FFF",
16662
16688
  cause: showCloseButton
16663
16689
  })
@@ -17309,24 +17335,18 @@ $parcel$export(module.exports, "default", () => $85e43d60223ffda1$export$2e2bcd8
17309
17335
  var $7pypd = parcelRequire("7pypd");
17310
17336
  parcelRequire("7b1UX");
17311
17337
  var $5AMhU = parcelRequire("5AMhU");
17312
- var $4Hqlr = parcelRequire("4Hqlr");
17313
-
17314
- var $2fuDN = parcelRequire("2fuDN");
17315
17338
  const $85e43d60223ffda1$var$BackButton = ({ title: title, className: className, handleBack: handleBack })=>{
17316
- const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
17317
17339
  return /*#__PURE__*/ (0, $bZRJW$jsxs)("button", {
17318
17340
  className: `rf-flex rf-flex-row rf-items-center ${className}`,
17319
17341
  onClick: handleBack,
17320
17342
  "aria-label": title,
17321
17343
  "data-map": "fermer",
17322
17344
  children: [
17323
- isRTL ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $4Hqlr.default), {
17324
- className: "rf-w-8"
17325
- }) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $5AMhU.default), {
17345
+ /*#__PURE__*/ (0, $bZRJW$jsx)((0, $5AMhU.default), {
17326
17346
  className: "rf-w-8"
17327
17347
  }),
17328
17348
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
17329
- className: "ltr:rf-ml-1 rtl:rf-mr-1",
17349
+ className: "rf-ml-1",
17330
17350
  children: (0, $7pypd.capitalizeFirstLetter)(title)
17331
17351
  })
17332
17352
  ]
@@ -17558,6 +17578,7 @@ function $bae994eb4501db3d$var$instanceOfCustomMenuDisplayGeneratorProps(object)
17558
17578
  const $bae994eb4501db3d$var$DisplayGenerator = (props)=>{
17559
17579
  const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
17560
17580
  const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
17581
+ const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
17561
17582
  const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
17562
17583
  const themeColors = (0, $1Qww3.useViewStore)((state)=>state.themeColors);
17563
17584
  const setRoute = (0, $1Qww3.useViewStore)((state)=>state.actions.setRoute);
@@ -17637,7 +17658,7 @@ const $bae994eb4501db3d$var$DisplayGenerator = (props)=>{
17637
17658
  color: colorButtonHandle
17638
17659
  }),
17639
17660
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
17640
- className: "ltr:rf-ml-4 rtl:rf-mr-4 rf-font-bold",
17661
+ className: "rf-ml-4 rf-font-bold",
17641
17662
  children: (0, $7pypd.capitalizeFirstLetter)(label, locale)
17642
17663
  })
17643
17664
  ]
@@ -17658,7 +17679,7 @@ const $bae994eb4501db3d$var$DisplayGenerator = (props)=>{
17658
17679
  color: colorButtonHandle
17659
17680
  }),
17660
17681
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
17661
- className: "rf-uppercase rf-text-[#575F6B] ltr:rf-text-xs rtl:rf-text-arabic large-vertical:rf-text-basecustomuppercase",
17682
+ className: `rf-uppercase rf-text-[#575F6B] ${isRTL ? 'rf-text-arabic' : 'rf-text-xs'} large-vertical:rf-text-basecustomuppercase`,
17662
17683
  children: label
17663
17684
  })
17664
17685
  ]
@@ -17815,6 +17836,7 @@ function $b007ca2bcccb20e9$var$instanceOfCustomMenuDisplayGeneratorProps(object)
17815
17836
  const $b007ca2bcccb20e9$var$DisplaySubGenerator = (props)=>{
17816
17837
  const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
17817
17838
  const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
17839
+ const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
17818
17840
  const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
17819
17841
  const { setCurrentSubView: setCurrentSubView, setCurrentCustomView: setCurrentCustomView } = (0, $j67YK.useUtilsStore)((state)=>state.actions);
17820
17842
  const [label, setLabel] = (0, $bZRJW$useState)('');
@@ -17874,7 +17896,7 @@ const $b007ca2bcccb20e9$var$DisplaySubGenerator = (props)=>{
17874
17896
  className: "rf-h-8 rf-w-8 rf-flex"
17875
17897
  }),
17876
17898
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
17877
- className: "rf-uppercase rf-text-[#575F6B] ltr:rf-text-xs rtl:rf-text-arabic",
17899
+ className: `rf-uppercase rf-text-[#575F6B] ${isRTL ? 'rf-text-arabic' : 'rf-text-xs'}`,
17878
17900
  children: label
17879
17901
  })
17880
17902
  ]
@@ -18045,7 +18067,7 @@ const $6647afb6d8a992a1$var$ParameterButton = ({ title: title, color: color, ico
18045
18067
  className: "rf-flex rf-flex-row rf-items-center",
18046
18068
  children: [
18047
18069
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
18048
- className: "ltr:rf-mr-3 rtl:rf-ml-3 rf-text-lightgray rf-normal-case",
18070
+ className: "rf-mr-3 rf-text-lightgray rf-normal-case",
18049
18071
  children: (0, (/*@__PURE__*/$parcel$interopDefault($8dUAa)))[locale]
18050
18072
  }),
18051
18073
  /*#__PURE__*/ (0, $bZRJW$jsx)((0, $pEipO.default), {
@@ -18075,7 +18097,7 @@ const $6647afb6d8a992a1$var$ParameterButton = ({ title: title, color: color, ico
18075
18097
  color: color
18076
18098
  }) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {}),
18077
18099
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
18078
- className: "ltr:rf-ml-1 rtl:rf-mr-1 rf-uppercase",
18100
+ className: "rf-ml-1 rf-uppercase",
18079
18101
  children: title
18080
18102
  })
18081
18103
  ]
@@ -18256,8 +18278,6 @@ var $j67YK = parcelRequire("j67YK");
18256
18278
 
18257
18279
  var $1Qww3 = parcelRequire("1Qww3");
18258
18280
 
18259
- var $2fuDN = parcelRequire("2fuDN");
18260
-
18261
18281
  var $4ucVo = parcelRequire("4ucVo");
18262
18282
 
18263
18283
  var $7py94 = parcelRequire("7py94");
@@ -18269,7 +18289,6 @@ const $1671238b3d664f2b$var$md = (0, $bZRJW$markdownit)({
18269
18289
  quotes: `""''`
18270
18290
  });
18271
18291
  const $1671238b3d664f2b$var$DashboardItem = ({ text: text, textColor: textColor, image: image, action: action, onClick: onClick })=>{
18272
- const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
18273
18292
  const { sendMessage: sendMessage, sendEvent: sendEvent } = (0, $aNpqK.useDirectlineStore)((state)=>state.actions);
18274
18293
  const { setClickedOnUI: setClickedOnUI, setCurrentSubView: setCurrentSubView, setFullScreenImage: setFullScreenImage } = (0, $j67YK.useUtilsStore)((state)=>state.actions);
18275
18294
  const setRoute = (0, $1Qww3.useViewStore)((state)=>state.actions.setRoute);
@@ -18532,8 +18551,6 @@ $parcel$export(module.exports, "default", () => $af2bd3eba7cc813c$export$2e2bcd8
18532
18551
 
18533
18552
 
18534
18553
 
18535
- var $2fuDN = parcelRequire("2fuDN");
18536
-
18537
18554
  var $aNpqK = parcelRequire("aNpqK");
18538
18555
 
18539
18556
  var $1x02c = parcelRequire("1x02c");
@@ -18559,7 +18576,6 @@ const $af2bd3eba7cc813c$var$md = (0, $bZRJW$markdownit)({
18559
18576
  const $af2bd3eba7cc813c$var$springEnterDuration = 500;
18560
18577
  const $af2bd3eba7cc813c$var$springQrcodeDuration = 500;
18561
18578
  const $af2bd3eba7cc813c$var$DashboardItem = ({ index: index, text: text, textColor: textColor, backgroundColor: backgroundColor, image: image, action: action, onClick: onClick })=>{
18562
- const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
18563
18579
  const isUsedOnBorne = (0, $1x02c.useRetorikStore)((state)=>state.configuration.isUsedOnBorne);
18564
18580
  const { sendMessage: sendMessage, sendEvent: sendEvent } = (0, $aNpqK.useDirectlineStore)((state)=>state.actions);
18565
18581
  const { setClickedOnUI: setClickedOnUI, setCurrentSubView: setCurrentSubView, setFullScreenImage: setFullScreenImage } = (0, $j67YK.useUtilsStore)((state)=>state.actions);
@@ -18737,7 +18753,7 @@ var $af2bd3eba7cc813c$export$2e2bcd8739ae039 = $af2bd3eba7cc813c$var$DashboardIt
18737
18753
 
18738
18754
 
18739
18755
  parcelRegister("lNCSW", function(module, exports) {
18740
- module.exports = import("./NewsContainer.05bb1b19.js").then(()=>parcelRequire('dUXW6'));
18756
+ module.exports = import("./NewsContainer.24a4ba84.js").then(()=>parcelRequire('dUXW6'));
18741
18757
 
18742
18758
  });
18743
18759
 
@@ -19053,9 +19069,9 @@ const $52424ad6223e47db$var$GlobalProvider = ({ instanceId: instanceId, children
19053
19069
  children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $j67YK.default), {
19054
19070
  children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $2fuDN.default), {
19055
19071
  children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $jubFc.default), {
19056
- children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $1Qww3.default), {
19057
- children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $i1rfm.default), {
19058
- children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $1x02c.default), {
19072
+ children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $i1rfm.default), {
19073
+ children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $1x02c.default), {
19074
+ children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $1Qww3.default), {
19059
19075
  children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $9GPj7.default), {
19060
19076
  children: /*#__PURE__*/ (0, $bZRJW$jsxs)((0, $aNpqK.default), {
19061
19077
  children: [
@@ -19088,7 +19104,7 @@ var $1Qww3 = parcelRequire("1Qww3");
19088
19104
 
19089
19105
  var $1x02c = parcelRequire("1x02c");
19090
19106
  var $4b50e1d502fb5483$exports = {};
19091
- $4b50e1d502fb5483$exports = "*, :before, :after, ::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #3b82f680;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n\n*, :before, :after {\n box-sizing: border-box;\n border: 0 solid;\n}\n\n:before, :after {\n --tw-content: \"\";\n}\n\nhtml, :host {\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n font-feature-settings: normal;\n font-variation-settings: normal;\n -webkit-tap-highlight-color: transparent;\n font-family: Calibri, sans-serif;\n line-height: 1.5;\n}\n\nbody {\n line-height: inherit;\n margin: 0;\n}\n\nhr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n}\n\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp, pre {\n font-feature-settings: normal;\n font-variation-settings: normal;\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\ntable {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n}\n\nbutton, input, optgroup, select, textarea {\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n font-family: inherit;\n font-size: 100%;\n font-weight: inherit;\n line-height: inherit;\n letter-spacing: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, input:where([type=\"button\"]), input:where([type=\"reset\"]), input:where([type=\"submit\"]) {\n -webkit-appearance: button;\n background-color: #0000;\n background-image: none;\n}\n\n:-moz-focusring {\n outline: auto;\n}\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n::-webkit-inner-spin-button {\n height: auto;\n}\n\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\nsummary {\n display: list-item;\n}\n\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol, ul, menu {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\ndialog {\n padding: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\ninput::placeholder, textarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\nbutton, [role=\"button\"] {\n cursor: pointer;\n}\n\n:disabled {\n cursor: default;\n}\n\nimg, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n}\n\nimg, video {\n max-width: 100%;\n height: auto;\n}\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n display: none;\n}\n\n.rf-pointer-events-none {\n pointer-events: none;\n}\n\n.rf-pointer-events-auto {\n pointer-events: auto;\n}\n\n.rf-visible {\n visibility: visible;\n}\n\n.rf-invisible {\n visibility: hidden;\n}\n\n.rf-fixed {\n position: fixed;\n}\n\n.rf-absolute {\n position: absolute;\n}\n\n.rf-relative {\n position: relative;\n}\n\n.-rf-left-6 {\n left: -1.5rem;\n}\n\n.-rf-top-2 {\n top: -.5rem;\n}\n\n.-rf-top-4 {\n top: -1rem;\n}\n\n.-rf-top-6 {\n top: -1.5rem;\n}\n\n.-rf-top-\\[1\\.15rem\\] {\n top: -1.15rem;\n}\n\n.rf-bottom-0 {\n bottom: 0;\n}\n\n.rf-bottom-1 {\n bottom: .25rem;\n}\n\n.rf-bottom-1\\/4 {\n bottom: 25%;\n}\n\n.rf-bottom-10 {\n bottom: 2.5rem;\n}\n\n.rf-bottom-2 {\n bottom: .5rem;\n}\n\n.rf-bottom-4 {\n bottom: 1rem;\n}\n\n.rf-bottom-8 {\n bottom: 2rem;\n}\n\n.rf-bottom-\\[calc\\(100\\%\\+2rem\\)\\] {\n bottom: calc(100% + 2rem);\n}\n\n.rf-left-0 {\n left: 0;\n}\n\n.rf-left-1 {\n left: .25rem;\n}\n\n.rf-left-1\\/2 {\n left: 50%;\n}\n\n.rf-left-2 {\n left: .5rem;\n}\n\n.rf-left-4 {\n left: 1rem;\n}\n\n.rf-left-8 {\n left: 2rem;\n}\n\n.rf-left-\\[calc\\(100\\%\\+1rem\\)\\] {\n left: calc(100% + 1rem);\n}\n\n.rf-left-\\[calc\\(50\\%-3rem\\)\\] {\n left: calc(50% - 3rem);\n}\n\n.rf-right-0 {\n right: 0;\n}\n\n.rf-right-1 {\n right: .25rem;\n}\n\n.rf-right-10 {\n right: 2.5rem;\n}\n\n.rf-right-12 {\n right: 3rem;\n}\n\n.rf-right-2 {\n right: .5rem;\n}\n\n.rf-right-4 {\n right: 1rem;\n}\n\n.rf-right-6 {\n right: 1.5rem;\n}\n\n.rf-right-8 {\n right: 2rem;\n}\n\n.rf-right-\\[calc\\(100\\%\\+1rem\\)\\] {\n right: calc(100% + 1rem);\n}\n\n.rf-top-0 {\n top: 0;\n}\n\n.rf-top-1 {\n top: .25rem;\n}\n\n.rf-top-1\\/2 {\n top: 50%;\n}\n\n.rf-top-1\\/3 {\n top: 33.3333%;\n}\n\n.rf-top-110 {\n top: 110%;\n}\n\n.rf-top-2 {\n top: .5rem;\n}\n\n.rf-top-4 {\n top: 1rem;\n}\n\n.rf-top-8 {\n top: 2rem;\n}\n\n.rf-top-\\[0\\.125rem\\] {\n top: .125rem;\n}\n\n.rf-top-\\[calc\\(100\\%\\+1rem\\)\\] {\n top: calc(100% + 1rem);\n}\n\n.rf-top-\\[calc\\(50\\%-3rem\\)\\] {\n top: calc(50% - 3rem);\n}\n\n.rf-z-\\[10\\] {\n z-index: 10;\n}\n\n.rf-z-\\[15\\] {\n z-index: 15;\n}\n\n.rf-z-\\[1\\] {\n z-index: 1;\n}\n\n.rf-z-\\[20\\] {\n z-index: 20;\n}\n\n.rf-z-\\[25\\] {\n z-index: 25;\n}\n\n.rf-z-\\[2\\] {\n z-index: 2;\n}\n\n.rf-z-\\[5\\] {\n z-index: 5;\n}\n\n.rf-z-agent {\n z-index: 1;\n}\n\n.rf-z-background {\n z-index: 0;\n}\n\n.rf-z-chatbot {\n z-index: 10;\n}\n\n.rf-z-detailedPOI {\n z-index: 31;\n}\n\n.rf-z-dropdown {\n z-index: 30;\n}\n\n.rf-z-exitwidget {\n z-index: 55;\n}\n\n.rf-z-list {\n z-index: 30;\n}\n\n.rf-z-menu {\n z-index: 40;\n}\n\n.rf-z-modal {\n z-index: 50;\n}\n\n.rf-z-overlay {\n z-index: 40;\n}\n\n.rf-z-ui {\n z-index: 20;\n}\n\n.rf-z-util {\n z-index: 2;\n}\n\n.rf-col-span-2 {\n grid-column: span 2 / span 2;\n}\n\n.rf-col-span-3 {\n grid-column: span 3 / span 3;\n}\n\n.rf-col-span-4 {\n grid-column: span 4 / span 4;\n}\n\n.rf-col-span-full {\n grid-column: 1 / -1;\n}\n\n.rf-col-start-1 {\n grid-column-start: 1;\n}\n\n.rf-col-start-3 {\n grid-column-start: 3;\n}\n\n.rf-col-start-4 {\n grid-column-start: 4;\n}\n\n.rf-col-start-5 {\n grid-column-start: 5;\n}\n\n.rf-col-end-13 {\n grid-column-end: 13;\n}\n\n.rf-col-end-2 {\n grid-column-end: 2;\n}\n\n.rf-col-end-9 {\n grid-column-end: 9;\n}\n\n.rf-row-span-1 {\n grid-row: span 1 / span 1;\n}\n\n.rf-row-span-2 {\n grid-row: span 2 / span 2;\n}\n\n.rf-row-span-full {\n grid-row: 1 / -1;\n}\n\n.rf-row-start-1 {\n grid-row-start: 1;\n}\n\n.rf-row-start-12 {\n grid-row-start: 12;\n}\n\n.rf-row-end-13 {\n grid-row-end: 13;\n}\n\n.rf-row-end-3 {\n grid-row-end: 3;\n}\n\n.rf-float-right {\n float: right;\n}\n\n.rf-m-0 {\n margin: 0;\n}\n\n.rf-m-4 {\n margin: 1rem;\n}\n\n.rf-m-auto {\n margin: auto;\n}\n\n.-rf-mx-6 {\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n}\n\n.-rf-mx-8 {\n margin-left: -2rem;\n margin-right: -2rem;\n}\n\n.rf-mx-0 {\n margin-left: 0;\n margin-right: 0;\n}\n\n.rf-mx-2 {\n margin-left: .5rem;\n margin-right: .5rem;\n}\n\n.rf-mx-3 {\n margin-left: .75rem;\n margin-right: .75rem;\n}\n\n.rf-mx-4 {\n margin-left: 1rem;\n margin-right: 1rem;\n}\n\n.rf-mx-8 {\n margin-left: 2rem;\n margin-right: 2rem;\n}\n\n.rf-mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n\n.rf-my-1 {\n margin-top: .25rem;\n margin-bottom: .25rem;\n}\n\n.rf-my-2 {\n margin-top: .5rem;\n margin-bottom: .5rem;\n}\n\n.rf-my-4 {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n\n.rf-my-auto {\n margin-top: auto;\n margin-bottom: auto;\n}\n\n.-rf-mb-4 {\n margin-bottom: -1rem;\n}\n\n.rf-mb-0 {\n margin-bottom: 0;\n}\n\n.rf-mb-1 {\n margin-bottom: .25rem;\n}\n\n.rf-mb-12 {\n margin-bottom: 3rem;\n}\n\n.rf-mb-16 {\n margin-bottom: 4rem;\n}\n\n.rf-mb-2 {\n margin-bottom: .5rem;\n}\n\n.rf-mb-26 {\n margin-bottom: 6.5rem;\n}\n\n.rf-mb-28 {\n margin-bottom: 7rem;\n}\n\n.rf-mb-3 {\n margin-bottom: .75rem;\n}\n\n.rf-mb-30 {\n margin-bottom: 7.5rem;\n}\n\n.rf-mb-4 {\n margin-bottom: 1rem;\n}\n\n.rf-mb-5 {\n margin-bottom: 1.25rem;\n}\n\n.rf-mb-6 {\n margin-bottom: 1.5rem;\n}\n\n.rf-mb-8 {\n margin-bottom: 2rem;\n}\n\n.rf-ml-1 {\n margin-left: .25rem;\n}\n\n.rf-ml-2 {\n margin-left: .5rem;\n}\n\n.rf-mr-2 {\n margin-right: .5rem;\n}\n\n.rf-mr-4 {\n margin-right: 1rem;\n}\n\n.rf-mt-1 {\n margin-top: .25rem;\n}\n\n.rf-mt-10 {\n margin-top: 2.5rem;\n}\n\n.rf-mt-2 {\n margin-top: .5rem;\n}\n\n.rf-mt-4 {\n margin-top: 1rem;\n}\n\n.rf-mt-5 {\n margin-top: 1.25rem;\n}\n\n.rf-mt-8 {\n margin-top: 2rem;\n}\n\n.rf-mt-\\[0\\.2rem\\] {\n margin-top: .2rem;\n}\n\n.rf-mt-auto {\n margin-top: auto;\n}\n\n.rf-box-border {\n box-sizing: border-box;\n}\n\n.rf-line-clamp-1 {\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-2 {\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-inline {\n display: inline;\n}\n\n.rf-flex {\n display: flex;\n}\n\n.rf-grid {\n display: grid;\n}\n\n.rf-hidden {\n display: none;\n}\n\n.rf-aspect-\\[4\\/3\\] {\n aspect-ratio: 4 / 3;\n}\n\n.rf-aspect-square {\n aspect-ratio: 1;\n}\n\n.rf-aspect-video {\n aspect-ratio: 16 / 9;\n}\n\n.rf-h-0 {\n height: 0;\n}\n\n.rf-h-1\\/2 {\n height: 50%;\n}\n\n.rf-h-1\\/3 {\n height: 33.3333%;\n}\n\n.rf-h-10 {\n height: 2.5rem;\n}\n\n.rf-h-12 {\n height: 3rem;\n}\n\n.rf-h-14 {\n height: 3.5rem;\n}\n\n.rf-h-16 {\n height: 4rem;\n}\n\n.rf-h-18 {\n height: 4.5rem;\n}\n\n.rf-h-2 {\n height: .5rem;\n}\n\n.rf-h-2\\/3 {\n height: 66.6667%;\n}\n\n.rf-h-2\\/5 {\n height: 40%;\n}\n\n.rf-h-24 {\n height: 6rem;\n}\n\n.rf-h-3 {\n height: .75rem;\n}\n\n.rf-h-3\\/10 {\n height: 30%;\n}\n\n.rf-h-32 {\n height: 8rem;\n}\n\n.rf-h-36 {\n height: 9rem;\n}\n\n.rf-h-4 {\n height: 1rem;\n}\n\n.rf-h-48 {\n height: 12rem;\n}\n\n.rf-h-5 {\n height: 1.25rem;\n}\n\n.rf-h-6 {\n height: 1.5rem;\n}\n\n.rf-h-7 {\n height: 1.75rem;\n}\n\n.rf-h-8 {\n height: 2rem;\n}\n\n.rf-h-9 {\n height: 2.25rem;\n}\n\n.rf-h-\\[0\\.875rem\\] {\n height: .875rem;\n}\n\n.rf-h-\\[1\\.25rem\\] {\n height: 1.25rem;\n}\n\n.rf-h-\\[35\\%\\] {\n height: 35%;\n}\n\n.rf-h-\\[50\\%\\] {\n height: 50%;\n}\n\n.rf-h-\\[calc\\(50vw-3rem\\)\\] {\n height: calc(50vw - 3rem);\n}\n\n.rf-h-fit {\n height: fit-content;\n}\n\n.rf-h-full {\n height: 100%;\n}\n\n.rf-h-max {\n height: max-content;\n}\n\n.rf-h-screen {\n height: 100vh;\n}\n\n.rf-max-h-12 {\n max-height: 3rem;\n}\n\n.rf-max-h-16 {\n max-height: 4rem;\n}\n\n.rf-max-h-20 {\n max-height: 5rem;\n}\n\n.rf-max-h-28 {\n max-height: 7rem;\n}\n\n.rf-max-h-4\\/5 {\n max-height: 80%;\n}\n\n.rf-max-h-48 {\n max-height: 12rem;\n}\n\n.rf-max-h-6 {\n max-height: 1.5rem;\n}\n\n.rf-max-h-8 {\n max-height: 2rem;\n}\n\n.rf-max-h-full {\n max-height: 100%;\n}\n\n.rf-max-h-qrcode {\n max-height: 120px;\n}\n\n.rf-max-h-qrcodelarge {\n max-height: 200px;\n}\n\n.rf-max-h-screen {\n max-height: 100vh;\n}\n\n.rf-min-h-12 {\n min-height: 3rem;\n}\n\n.rf-min-h-14 {\n min-height: 3.5rem;\n}\n\n.rf-min-h-16 {\n min-height: 4rem;\n}\n\n.rf-min-h-2\\/5 {\n min-height: 40%;\n}\n\n.rf-min-h-6 {\n min-height: 1.5rem;\n}\n\n.rf-min-h-8 {\n min-height: 2rem;\n}\n\n.rf-min-h-9 {\n min-height: 2.25rem;\n}\n\n.rf-min-h-full {\n min-height: 100%;\n}\n\n.rf-min-h-inherit {\n min-height: inherit;\n}\n\n.rf-w-0 {\n width: 0;\n}\n\n.rf-w-1\\/2 {\n width: 50%;\n}\n\n.rf-w-1\\/3 {\n width: 33.3333%;\n}\n\n.rf-w-1\\/4 {\n width: 25%;\n}\n\n.rf-w-10 {\n width: 2.5rem;\n}\n\n.rf-w-12 {\n width: 3rem;\n}\n\n.rf-w-16 {\n width: 4rem;\n}\n\n.rf-w-18 {\n width: 4.5rem;\n}\n\n.rf-w-2 {\n width: .5rem;\n}\n\n.rf-w-2\\/3 {\n width: 66.6667%;\n}\n\n.rf-w-20 {\n width: 5rem;\n}\n\n.rf-w-24 {\n width: 6rem;\n}\n\n.rf-w-3 {\n width: .75rem;\n}\n\n.rf-w-3\\/20 {\n width: 15%;\n}\n\n.rf-w-3\\/4 {\n width: 75%;\n}\n\n.rf-w-3\\/5 {\n width: 60%;\n}\n\n.rf-w-32 {\n width: 8rem;\n}\n\n.rf-w-36 {\n width: 9rem;\n}\n\n.rf-w-4 {\n width: 1rem;\n}\n\n.rf-w-48 {\n width: 12rem;\n}\n\n.rf-w-5 {\n width: 1.25rem;\n}\n\n.rf-w-6 {\n width: 1.5rem;\n}\n\n.rf-w-7 {\n width: 1.75rem;\n}\n\n.rf-w-8 {\n width: 2rem;\n}\n\n.rf-w-9 {\n width: 2.25rem;\n}\n\n.rf-w-\\[45\\%\\] {\n width: 45%;\n}\n\n.rf-w-\\[90\\%\\] {\n width: 90%;\n}\n\n.rf-w-\\[calc\\(100\\%-3rem\\)\\] {\n width: calc(100% - 3rem);\n}\n\n.rf-w-fit {\n width: fit-content;\n}\n\n.rf-w-full {\n width: 100%;\n}\n\n.rf-w-max {\n width: max-content;\n}\n\n.rf-w-screen {\n width: 100vw;\n}\n\n.rf-min-w-12 {\n min-width: 3rem;\n}\n\n.rf-min-w-24 {\n min-width: 6rem;\n}\n\n.rf-min-w-3\\/20 {\n min-width: 15%;\n}\n\n.rf-min-w-6 {\n min-width: 1.5rem;\n}\n\n.rf-min-w-7 {\n min-width: 1.75rem;\n}\n\n.rf-min-w-\\[45\\%\\] {\n min-width: 45%;\n}\n\n.rf-min-w-full {\n min-width: 100%;\n}\n\n.rf-max-w-1\\/2 {\n max-width: 50%;\n}\n\n.rf-max-w-16 {\n max-width: 4rem;\n}\n\n.rf-max-w-3\\/20 {\n max-width: 15%;\n}\n\n.rf-max-w-6 {\n max-width: 1.5rem;\n}\n\n.rf-max-w-7\\/10 {\n max-width: 70%;\n}\n\n.rf-max-w-\\[100vw\\] {\n max-width: 100vw;\n}\n\n.rf-max-w-\\[45\\%\\] {\n max-width: 45%;\n}\n\n.rf-max-w-\\[500px\\] {\n max-width: 500px;\n}\n\n.rf-max-w-\\[75\\%\\] {\n max-width: 75%;\n}\n\n.rf-max-w-\\[calc\\(100\\%-2rem\\)\\] {\n max-width: calc(100% - 2rem);\n}\n\n.rf-max-w-full {\n max-width: 100%;\n}\n\n.rf-max-w-none {\n max-width: none;\n}\n\n.rf-flex-1 {\n flex: 1;\n}\n\n.rf-flex-\\[0_0_40\\%\\] {\n flex: 0 0 40%;\n}\n\n.rf-flex-\\[2_1_0\\%\\] {\n flex: 2;\n}\n\n.rf-flex-\\[4_1_0\\%\\] {\n flex: 4;\n}\n\n.rf-border-collapse {\n border-collapse: collapse;\n}\n\n.rf-origin-center {\n transform-origin: center;\n}\n\n.-rf-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-rf-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-rf-translate-y-full {\n --tw-translate-y: -100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf--translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-translate-x-1 {\n --tw-translate-x: .25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-translate-x-5 {\n --tw-translate-x: 1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-0 {\n --tw-rotate: 0deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-180 {\n --tw-rotate: 180deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-scale-0 {\n --tw-scale-x: 0;\n --tw-scale-y: 0;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes rf-blink {\n 0%, 100% {\n opacity: .2;\n }\n\n 50% {\n opacity: 1;\n }\n}\n\n.rf-animate-blink {\n animation: 1.4s infinite both rf-blink;\n}\n\n@keyframes rf-fadeIn {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n.rf-animate-fadeIn {\n animation: .5s .2s backwards rf-fadeIn;\n}\n\n@keyframes rf-hScroll {\n 0% {\n transform: translateX(0);\n }\n\n 100% {\n transform: translateX(calc(-100% - 2rem));\n }\n}\n\n.rf-animate-hScroll {\n animation: 20s linear infinite rf-hScroll;\n}\n\n@keyframes rf-loader {\n 0% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n\n 40% {\n box-shadow: 0 1.5rem 0 -.3rem var(--rf-color-loader-animation);\n }\n\n 80% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n\n 100% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n}\n\n.rf-animate-loader {\n animation: 1.8s ease-in-out -.16s infinite both rf-loader;\n}\n\n.rf-animate-loaderFadeIn {\n animation: 2s rf-fadeIn;\n}\n\n@keyframes rf-fadeOut {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n.rf-animate-loaderFadeOut {\n animation: 1s rf-fadeOut;\n}\n\n@keyframes rf-loaderMedium {\n 0% {\n box-shadow: 0 .75rem 0 -.75rem var(--rf-color-loader-animation);\n }\n\n 40% {\n box-shadow: 0 .75rem 0 -.25rem var(--rf-color-loader-animation);\n }\n\n 80% {\n box-shadow: 0 .75rem 0 -.75rem var(--rf-color-loader-animation);\n }\n\n 100% {\n box-shadow: 0 .75rem 0 -.75rem var(--rf-color-loader-animation);\n }\n}\n\n.rf-animate-loaderMedium {\n animation: 1.8s ease-in-out -.16s infinite both rf-loaderMedium;\n}\n\n@keyframes rf-loaderMini {\n 0% {\n box-shadow: 0 .5rem 0 -.5rem var(--rf-color-loader-animation);\n }\n\n 40% {\n box-shadow: 0 .5rem 0 -.1rem var(--rf-color-loader-animation);\n }\n\n 80% {\n box-shadow: 0 .5rem 0 -.5rem var(--rf-color-loader-animation);\n }\n\n 100% {\n box-shadow: 0 .5rem 0 -.5rem var(--rf-color-loader-animation);\n }\n}\n\n.rf-animate-loaderMini {\n animation: 1.8s ease-in-out -.16s infinite both rf-loaderMini;\n}\n\n@keyframes rf-slideBottom {\n 0% {\n opacity: 0;\n transform: translateX(0)translateY(20px);\n }\n\n 100% {\n opacity: 1;\n transform: translateX(0)translateY(0);\n }\n}\n\n.rf-animate-slideBottom {\n animation: .5s .2s backwards rf-slideBottom;\n}\n\n@keyframes rf-spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n.rf-animate-spin {\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-cursor-pointer {\n cursor: pointer;\n}\n\n.rf-select-none {\n user-select: none;\n}\n\n.rf-resize-none {\n resize: none;\n}\n\n.rf-scroll-pb-4 {\n scroll-padding-bottom: 1rem;\n}\n\n.rf-grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n\n.rf-grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.rf-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.rf-grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.rf-grid-cols-6 {\n grid-template-columns: repeat(6, minmax(0, 1fr));\n}\n\n.rf-grid-cols-7 {\n grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n\n.rf-grid-cols-8 {\n grid-template-columns: repeat(8, minmax(0, 1fr));\n}\n\n.rf-grid-cols-\\[repeat\\(2\\,30\\%\\)\\] {\n grid-template-columns: repeat(2, 30%);\n}\n\n.rf-grid-cols-\\[repeat\\(2\\,45\\%\\)\\] {\n grid-template-columns: repeat(2, 45%);\n}\n\n.rf-grid-cols-\\[repeat\\(3\\,31\\%\\)\\] {\n grid-template-columns: repeat(3, 31%);\n}\n\n.rf-grid-cols-headerContainer {\n grid-template-columns: 5rem 1rem 1fr 1fr;\n}\n\n.rf-grid-cols-printingPreview {\n grid-template-columns: minmax(0, 1fr) 3rem;\n}\n\n.rf-grid-cols-routes {\n grid-template-columns: repeat(3, max-content);\n}\n\n.rf-grid-rows-1 {\n grid-template-rows: repeat(1, minmax(0, 1fr));\n}\n\n.rf-grid-rows-2 {\n grid-template-rows: repeat(2, minmax(0, 1fr));\n}\n\n.rf-grid-rows-3 {\n grid-template-rows: repeat(3, minmax(0, 1fr));\n}\n\n.rf-grid-rows-4 {\n grid-template-rows: repeat(4, minmax(0, 1fr));\n}\n\n.rf-grid-rows-5 {\n grid-template-rows: repeat(5, minmax(0, 1fr));\n}\n\n.rf-grid-rows-container {\n grid-template-rows: repeat(12, minmax(0, 1fr));\n}\n\n.rf-grid-rows-headerContainer {\n grid-template-rows: repeat(2, minmax(0, 1fr));\n}\n\n.rf-flex-row {\n flex-direction: row;\n}\n\n.rf-flex-col {\n flex-direction: column;\n}\n\n.rf-flex-col-reverse {\n flex-direction: column-reverse;\n}\n\n.rf-flex-wrap {\n flex-wrap: wrap;\n}\n\n.rf-flex-nowrap {\n flex-wrap: nowrap;\n}\n\n.rf-content-around {\n align-content: space-around;\n}\n\n.rf-items-start {\n align-items: flex-start;\n}\n\n.rf-items-end {\n align-items: flex-end;\n}\n\n.rf-items-center {\n align-items: center;\n}\n\n.rf-justify-start {\n justify-content: flex-start;\n}\n\n.rf-justify-end {\n justify-content: flex-end;\n}\n\n.rf-justify-center {\n justify-content: center;\n}\n\n.rf-justify-between {\n justify-content: space-between;\n}\n\n.rf-justify-around {\n justify-content: space-around;\n}\n\n.rf-justify-evenly {\n justify-content: space-evenly;\n}\n\n.rf-gap-1 {\n gap: .25rem;\n}\n\n.rf-gap-12 {\n gap: 3rem;\n}\n\n.rf-gap-2 {\n gap: .5rem;\n}\n\n.rf-gap-3 {\n gap: .75rem;\n}\n\n.rf-gap-4 {\n gap: 1rem;\n}\n\n.rf-gap-5 {\n gap: 1.25rem;\n}\n\n.rf-gap-6 {\n gap: 1.5rem;\n}\n\n.rf-gap-8 {\n gap: 2rem;\n}\n\n.rf-gap-9 {\n gap: 2.25rem;\n}\n\n.rf-gap-\\[10\\%\\] {\n gap: 10%;\n}\n\n.rf-gap-x-\\[3\\.5\\%\\] {\n column-gap: 3.5%;\n}\n\n.rf-divide-x > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-x-reverse: 0;\n border-right-width: calc(1px * var(--tw-divide-x-reverse));\n border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));\n}\n\n.rf-self-auto {\n align-self: auto;\n}\n\n.rf-self-start {\n align-self: flex-start;\n}\n\n.rf-self-end {\n align-self: flex-end;\n}\n\n.rf-self-center {\n align-self: center;\n}\n\n.rf-justify-self-start {\n justify-self: start;\n}\n\n.rf-justify-self-end {\n justify-self: end;\n}\n\n.rf-justify-self-center {\n justify-self: center;\n}\n\n.rf-overflow-hidden {\n overflow: hidden;\n}\n\n.rf-overflow-clip {\n overflow: clip;\n}\n\n.rf-overflow-y-auto {\n overflow-y: auto;\n}\n\n.rf-overflow-x-hidden {\n overflow-x: hidden;\n}\n\n.rf-overflow-y-hidden {\n overflow-y: hidden;\n}\n\n.rf-overflow-y-clip {\n overflow-y: clip;\n}\n\n.rf-overflow-x-visible {\n overflow-x: visible;\n}\n\n.rf-overflow-y-visible {\n overflow-y: visible;\n}\n\n.rf-overflow-x-scroll {\n overflow-x: scroll;\n}\n\n.rf-overflow-y-scroll {\n overflow-y: scroll;\n}\n\n.rf-truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.rf-whitespace-nowrap {\n white-space: nowrap;\n}\n\n.rf-whitespace-break-spaces {\n white-space: break-spaces;\n}\n\n.rf-rounded {\n border-radius: .3125rem;\n}\n\n.rf-rounded-6 {\n border-radius: 1.5rem;\n}\n\n.rf-rounded-8 {\n border-radius: 2rem;\n}\n\n.rf-rounded-\\[20px\\] {\n border-radius: 20px;\n}\n\n.rf-rounded-half {\n border-radius: 50%;\n}\n\n.rf-rounded-lg {\n border-radius: .5rem;\n}\n\n.rf-rounded-max {\n border-radius: 100%;\n}\n\n.rf-rounded-b {\n border-bottom-right-radius: .3125rem;\n border-bottom-left-radius: .3125rem;\n}\n\n.rf-rounded-b-4 {\n border-bottom-right-radius: 1rem;\n border-bottom-left-radius: 1rem;\n}\n\n.rf-rounded-b-lg {\n border-bottom-right-radius: .5rem;\n border-bottom-left-radius: .5rem;\n}\n\n.rf-rounded-t-lg {\n border-top-left-radius: .5rem;\n border-top-right-radius: .5rem;\n}\n\n.rf-border {\n border-width: 1px;\n}\n\n.rf-border-0 {\n border-width: 0;\n}\n\n.rf-border-2 {\n border-width: 2px;\n}\n\n.rf-border-y {\n border-top-width: 1px;\n border-bottom-width: 1px;\n}\n\n.rf-border-b {\n border-bottom-width: 1px;\n}\n\n.rf-border-b-2 {\n border-bottom-width: 2px;\n}\n\n.rf-border-l {\n border-left-width: 1px;\n}\n\n.rf-border-r {\n border-right-width: 1px;\n}\n\n.rf-border-t {\n border-top-width: 1px;\n}\n\n.rf-border-t-0 {\n border-top-width: 0;\n}\n\n.rf-border-none {\n border-style: none;\n}\n\n.rf-border-\\[\\#00000029\\] {\n border-color: #00000029;\n}\n\n.rf-border-\\[\\#1999B1\\] {\n --tw-border-opacity: 1;\n border-color: rgb(25 153 177 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#325981\\] {\n --tw-border-opacity: 1;\n border-color: rgb(50 89 129 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#707070\\] {\n --tw-border-opacity: 1;\n border-color: rgb(112 112 112 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#8B8888\\] {\n --tw-border-opacity: 1;\n border-color: rgb(139 136 136 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#9FA2AA\\] {\n --tw-border-opacity: 1;\n border-color: rgb(159 162 170 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#C7C6C6\\] {\n --tw-border-opacity: 1;\n border-color: rgb(199 198 198 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#F0F0F0\\] {\n --tw-border-opacity: 1;\n border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-black {\n border-color: var(--rf-color-black);\n}\n\n.rf-border-cardButtonBorderDefault {\n border-color: var(--rf-color-cardButtonBorderDefault);\n}\n\n.rf-border-cardButtonBorderHover {\n border-color: var(--rf-color-cardButtonBorderHover);\n}\n\n.rf-border-cardFrameBorder {\n border-color: var(--rf-color-cardFrameBorder);\n}\n\n.rf-border-formInputButtonBorderDefault {\n border-color: var(--rf-color-formInputButtonBorderDefault);\n}\n\n.rf-border-formInputButtonBorderHover {\n border-color: var(--rf-color-formInputButtonBorderHover);\n}\n\n.rf-border-formInputRadioCheckboxCheckedBorder {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n}\n\n.rf-border-formInputRadioCheckboxUncheckedBorder {\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n}\n\n.rf-border-gray {\n --tw-border-opacity: 1;\n border-color: rgb(128 128 128 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-lightgray {\n --tw-border-opacity: 1;\n border-color: rgb(129 129 129 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-menuBorder {\n --tw-border-opacity: 1;\n border-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-primary {\n border-color: var(--rf-color-primary);\n}\n\n.rf-border-secondary {\n border-color: var(--rf-color-secondary);\n}\n\n.rf-border-templateCheckboxBorder {\n --tw-border-opacity: 1;\n border-color: rgb(112 112 112 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-textBoxBorder {\n --tw-border-opacity: 1;\n border-color: rgb(190 190 190 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-textModePanelBackgroundBot {\n border-color: var(--rf-color-textModePanelBackgroundBot);\n}\n\n.rf-border-textModePanelBackgroundUser {\n border-color: var(--rf-color-textModePanelBackgroundUser);\n}\n\n.rf-border-trueblack {\n --tw-border-opacity: 1;\n border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-truewhite {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-x-primary {\n border-left-color: var(--rf-color-primary);\n border-right-color: var(--rf-color-primary);\n}\n\n.rf-border-y-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-b-\\[\\#C4C5C8\\] {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(196 197 200 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-b-black {\n border-bottom-color: var(--rf-color-black);\n}\n\n.rf-border-b-menuBorder {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-b-silver {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(192 192 192 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-b-transparent {\n border-bottom-color: #0000;\n}\n\n.rf-border-l-menuBorder {\n --tw-border-opacity: 1;\n border-left-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-r-\\[\\#8B8888\\] {\n --tw-border-opacity: 1;\n border-right-color: rgb(139 136 136 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-r-silver {\n --tw-border-opacity: 1;\n border-right-color: rgb(192 192 192 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-t-\\[\\#8B8888\\] {\n --tw-border-opacity: 1;\n border-top-color: rgb(139 136 136 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-t-\\[\\#CBC9C9\\] {\n --tw-border-opacity: 1;\n border-top-color: rgb(203 201 201 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-t-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-bg-\\[\\#00000050\\] {\n background-color: #00000050;\n}\n\n.rf-bg-\\[\\#000000B3\\] {\n background-color: #000000b3;\n}\n\n.rf-bg-\\[\\#121212F2\\] {\n background-color: #121212f2;\n}\n\n.rf-bg-\\[\\#1999B1\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(25 153 177 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-\\[\\#325981\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(50 89 129 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-\\[\\#CDE5FE\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(205 229 254 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-\\[\\#F0F0F0\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-\\[\\#F8F8F8\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-black {\n background-color: var(--rf-color-black);\n}\n\n.rf-bg-blue-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-cardButtonBackgroundDefault {\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n}\n\n.rf-bg-cardButtonBackgroundHover {\n background-color: var(--rf-color-cardButtonBackgroundHover);\n}\n\n.rf-bg-cardFrameBackground {\n background-color: var(--rf-color-cardFrameBackground);\n}\n\n.rf-bg-formInputButtonBackgroundDefault {\n background-color: var(--rf-color-formInputButtonBackgroundDefault);\n}\n\n.rf-bg-formInputButtonBackgroundHover {\n background-color: var(--rf-color-formInputButtonBackgroundHover);\n}\n\n.rf-bg-formInputRadioCheckboxUncheckedBackground {\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n}\n\n.rf-bg-gray {\n --tw-bg-opacity: 1;\n background-color: rgb(128 128 128 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-primary {\n background-color: var(--rf-color-primary);\n}\n\n.rf-bg-red-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-secondary {\n background-color: var(--rf-color-secondary);\n}\n\n.rf-bg-silver {\n --tw-bg-opacity: 1;\n background-color: rgb(192 192 192 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-templateBackground {\n --tw-bg-opacity: 1;\n background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-templateEmptyCard {\n --tw-bg-opacity: 1;\n background-color: rgb(232 231 231 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-textModePanelBackgroundBot {\n background-color: var(--rf-color-textModePanelBackgroundBot);\n}\n\n.rf-bg-textModePanelBackgroundUser {\n background-color: var(--rf-color-textModePanelBackgroundUser);\n}\n\n.rf-bg-transparent {\n background-color: #0000;\n}\n\n.rf-bg-truewhite {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-vocalModeSubtitlesBackground {\n background-color: var(--rf-color-vocalModeSubtitlesBackground);\n}\n\n.rf-bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(247 243 246 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-opacity-30 {\n --tw-bg-opacity: .3;\n}\n\n.rf-bg-opacity-50 {\n --tw-bg-opacity: .5;\n}\n\n.rf-bg-opacity-80 {\n --tw-bg-opacity: .8;\n}\n\n.rf-object-cover {\n object-fit: cover;\n}\n\n.rf-p-0 {\n padding: 0;\n}\n\n.rf-p-1 {\n padding: .25rem;\n}\n\n.rf-p-2 {\n padding: .5rem;\n}\n\n.rf-p-3 {\n padding: .75rem;\n}\n\n.rf-p-4 {\n padding: 1rem;\n}\n\n.rf-p-\\[25px\\] {\n padding: 25px;\n}\n\n.rf-p-\\[7px_12px\\] {\n padding: 7px 12px;\n}\n\n.rf-px-1 {\n padding-left: .25rem;\n padding-right: .25rem;\n}\n\n.rf-px-16 {\n padding-left: 4rem;\n padding-right: 4rem;\n}\n\n.rf-px-2 {\n padding-left: .5rem;\n padding-right: .5rem;\n}\n\n.rf-px-3 {\n padding-left: .75rem;\n padding-right: .75rem;\n}\n\n.rf-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.rf-px-48 {\n padding-left: 12rem;\n padding-right: 12rem;\n}\n\n.rf-px-5, .rf-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.rf-px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n.rf-py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n.rf-py-12 {\n padding-top: 3rem;\n padding-bottom: 3rem;\n}\n\n.rf-py-16 {\n padding-top: 4rem;\n padding-bottom: 4rem;\n}\n\n.rf-py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n.rf-py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n.rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.rf-py-6 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.rf-py-8 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.rf-pb-10 {\n padding-bottom: 2.5rem;\n}\n\n.rf-pb-12 {\n padding-bottom: 3rem;\n}\n\n.rf-pb-14 {\n padding-bottom: 3.5rem;\n}\n\n.rf-pb-2 {\n padding-bottom: .5rem;\n}\n\n.rf-pb-24 {\n padding-bottom: 6rem;\n}\n\n.rf-pb-3 {\n padding-bottom: .75rem;\n}\n\n.rf-pb-4 {\n padding-bottom: 1rem;\n}\n\n.rf-pb-5, .rf-pb-6 {\n padding-bottom: 1.5rem;\n}\n\n.rf-pb-8 {\n padding-bottom: 2rem;\n}\n\n.rf-pb-\\[15vh\\] {\n padding-bottom: 15vh;\n}\n\n.rf-pl-0 {\n padding-left: 0;\n}\n\n.rf-pl-1 {\n padding-left: .25rem;\n}\n\n.rf-pl-4 {\n padding-left: 1rem;\n}\n\n.rf-pl-6 {\n padding-left: 1.5rem;\n}\n\n.rf-pl-8 {\n padding-left: 2rem;\n}\n\n.rf-pr-1 {\n padding-right: .25rem;\n}\n\n.rf-pr-4 {\n padding-right: 1rem;\n}\n\n.rf-pt-1 {\n padding-top: .25rem;\n}\n\n.rf-pt-11\\/20 {\n padding-top: 55%;\n}\n\n.rf-pt-12 {\n padding-top: 3rem;\n}\n\n.rf-pt-14 {\n padding-top: 3.5rem;\n}\n\n.rf-pt-2 {\n padding-top: .5rem;\n}\n\n.rf-pt-24 {\n padding-top: 6rem;\n}\n\n.rf-pt-3 {\n padding-top: .75rem;\n}\n\n.rf-pt-4 {\n padding-top: 1rem;\n}\n\n.rf-pt-40 {\n padding-top: 10rem;\n}\n\n.rf-pt-6 {\n padding-top: 1.5rem;\n}\n\n.rf-pt-8 {\n padding-top: 2rem;\n}\n\n.rf-pt-\\[25vh\\] {\n padding-top: 25vh;\n}\n\n.rf-pt-\\[26vh\\] {\n padding-top: 26vh;\n}\n\n.rf-text-left {\n text-align: left;\n}\n\n.rf-text-center {\n text-align: center;\n}\n\n.rf-text-justify {\n text-align: justify;\n}\n\n.rf-font-default {\n font-family: Calibri, sans-serif;\n}\n\n.rf-text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.rf-text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n.rf-text-4xl {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-text-5xl {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-text-6xl {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-text-7xl {\n font-size: 4.5rem;\n line-height: 1;\n}\n\n.rf-text-8xl {\n font-size: 6rem;\n line-height: 1;\n}\n\n.rf-text-\\[0\\.5rem\\] {\n font-size: .5rem;\n}\n\n.rf-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.rf-text-basecustom {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n.rf-text-lgcustom {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-text-sm {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n.rf-text-sm\\/4 {\n font-size: .875rem;\n line-height: 1rem;\n}\n\n.rf-text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n.rf-text-xs {\n font-size: .75rem;\n line-height: 1rem;\n}\n\n.rf-text-xsl {\n font-size: .7rem;\n line-height: 1rem;\n}\n\n.rf-text-xsm {\n font-size: .6rem;\n}\n\n.rf-font-bold {\n font-weight: 600;\n}\n\n.rf-font-light {\n font-weight: 200;\n}\n\n.rf-font-medium {\n font-weight: 300;\n}\n\n.rf-font-semibold {\n font-weight: 400;\n}\n\n.rf-uppercase {\n text-transform: uppercase;\n}\n\n.rf-capitalize {\n text-transform: capitalize;\n}\n\n.rf-normal-case {\n text-transform: none;\n}\n\n.rf-italic {\n font-style: italic;\n}\n\n.rf-leading-4 {\n line-height: 1rem;\n}\n\n.rf-text-\\[\\#1999B1\\] {\n --tw-text-opacity: 1;\n color: rgb(25 153 177 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-\\[\\#325981\\] {\n --tw-text-opacity: 1;\n color: rgb(50 89 129 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-\\[\\#575F6B\\] {\n --tw-text-opacity: 1;\n color: rgb(87 95 107 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-\\[\\#9A9A9A\\] {\n --tw-text-opacity: 1;\n color: rgb(154 154 154 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-\\[\\#A4A7AF\\] {\n --tw-text-opacity: 1;\n color: rgb(164 167 175 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-black {\n color: var(--rf-color-black);\n}\n\n.rf-text-cardButtonTextDefault {\n color: var(--rf-color-cardButtonTextDefault);\n}\n\n.rf-text-cardFrameText {\n color: var(--rf-color-cardFrameText);\n}\n\n.rf-text-formInputButtonTextDefault {\n color: var(--rf-color-formInputButtonTextDefault);\n}\n\n.rf-text-formInputButtonTextHover {\n color: var(--rf-color-formInputButtonTextHover);\n}\n\n.rf-text-formInputRadioCheckboxUncheckedBackground {\n color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n}\n\n.rf-text-formInputTextDefault {\n color: var(--rf-color-formInputTextDefault);\n}\n\n.rf-text-gray {\n --tw-text-opacity: 1;\n color: rgb(128 128 128 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-lightgray {\n --tw-text-opacity: 1;\n color: rgb(129 129 129 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-primary {\n color: var(--rf-color-primary);\n}\n\n.rf-text-secondary {\n color: var(--rf-color-secondary);\n}\n\n.rf-text-textModePanelConversationBot {\n color: var(--rf-color-textModePanelConversationBot);\n}\n\n.rf-text-textModePanelConversationUser {\n color: var(--rf-color-textModePanelConversationUser);\n}\n\n.rf-text-trueblack {\n --tw-text-opacity: 1;\n color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-truewhite {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-vocalModeSubtitlesText {\n color: var(--rf-color-vocalModeSubtitlesText);\n}\n\n.rf-text-white {\n --tw-text-opacity: 1;\n color: rgb(247 243 246 / var(--tw-text-opacity, 1));\n}\n\n.rf-underline {\n text-decoration-line: underline;\n}\n\n.rf-shadow-\\[-3px_-3px_10px_\\#00000099\\] {\n --tw-shadow: -3px -3px 10px #0009;\n --tw-shadow-colored: -3px -3px 10px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_15px_0_silver\\] {\n --tw-shadow: 0 0 15px 0 silver;\n --tw-shadow-colored: 0 0 15px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_20px_1px_\\#A4A7AF80\\] {\n --tw-shadow: 0 0 20px 1px #a4a7af80;\n --tw-shadow-colored: 0 0 20px 1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_3px_6px_\\#00000029\\] {\n --tw-shadow: 0 0 3px 6px #00000029;\n --tw-shadow-colored: 0 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#00000029\\] {\n --tw-shadow: 0 3px 6px #00000029;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#606267\\] {\n --tw-shadow: 0 3px 6px #606267;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_6px_6px_\\#00000029\\] {\n --tw-shadow: 0 6px 6px #00000029;\n --tw-shadow-colored: 0 6px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[20px_3px_20px_\\#00000029\\] {\n --tw-shadow: 20px 3px 20px #00000029;\n --tw-shadow-colored: 20px 3px 20px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[3px_3px_16px_\\#00000029\\] {\n --tw-shadow: 3px 3px 16px #00000029;\n --tw-shadow-colored: 3px 3px 16px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[3px_3px_6px_\\#00000029\\] {\n --tw-shadow: 3px 3px 6px #00000029;\n --tw-shadow-colored: 3px 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[inset_0_0_6px_\\#0000003B\\] {\n --tw-shadow: inset 0 0 6px #0000003b;\n --tw-shadow-colored: inset 0 0 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[inset_0_12px_12px_-12px_\\#00000029\\,inset_0_-12px_12px_-12px_\\#00000029\\] {\n --tw-shadow: inset 0 12px 12px -12px #00000029, inset 0 -12px 12px -12px #00000029;\n --tw-shadow-colored: inset 0 12px 12px -12px var(--tw-shadow-color), inset 0 -12px 12px -12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-outline-none {\n outline-offset: 2px;\n outline: 2px solid #0000;\n}\n\n.rf-blur-background {\n --tw-blur: blur(var(--rf-blur-background));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.rf-filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.rf-transition-all {\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.rf-transition-transform {\n transition-property: transform;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.rf-text-shadow-black {\n text-shadow: 2px 0 5px #000, -2px 0 5px #000, 0 2px 5px #000, 0 -2px 5px #000;\n}\n\n.rf-capitalize-first:first-letter {\n text-transform: uppercase;\n}\n\nol {\n padding-left: 2rem;\n list-style-type: decimal;\n}\n\nul {\n padding-left: 2rem;\n list-style-type: disc;\n}\n\n#retorik-container.rf-portrait:not(.rf-large) .ac-image {\n max-width: 100px;\n}\n\n.rf-glass-background, #retorik-container.portrait .portrait\\:rf-glass-background {\n background-color: var(--rf-color-black);\n --tw-bg-opacity: .62;\n --tw-backdrop-blur: blur(8px);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n.rf-loader-bouncing-bot {\n aspect-ratio: 2;\n --_g: no-repeat radial-gradient(circle closest-side, var(--rf-color-textModePanelConversationBot) 90%, transparent);\n background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;\n background-size: 33.3333% 50%;\n}\n\n@keyframes rf-loaderBouncing {\n 20% {\n background-position: 0 0, 50%, 100%;\n }\n\n 40% {\n background-position: 0 100%, 50% 0, 100%;\n }\n\n 60% {\n background-position: 0%, 50% 100%, 100% 0;\n }\n\n 80% {\n background-position: 0%, 50%, 100% 100%;\n }\n}\n\n.rf-loader-bouncing-bot {\n animation: 1s linear infinite rf-loaderBouncing;\n}\n\n.rf-loader-bouncing-white {\n aspect-ratio: 2;\n --_g: no-repeat radial-gradient(circle closest-side, #fff 90%, transparent);\n background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;\n background-size: 33.3333% 50%;\n animation: 1s linear infinite rf-loaderBouncing;\n}\n\n@keyframes rf-loaderPulsation {\n 0% {\n transform: scale3d(1, 1, 1);\n }\n\n 50% {\n transform: scale3d(1.1, 1.1, 1);\n }\n\n 100% {\n transform: scale3d(1, 1, 1);\n }\n}\n\n.rf-loader-pulsation {\n animation: 2s cubic-bezier(.65, 0, .34, 1) infinite rf-loaderPulsation;\n}\n\n.rf-loader-pulsation:before {\n content: \"\";\n background-color: var(--rf-color-secondary);\n z-index: -1;\n border-radius: 50%;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n@keyframes rf-loaderRipple {\n 0% {\n opacity: 1;\n transform: scale3d(.75, .75, 1);\n }\n\n 100% {\n opacity: 0;\n transform: scale3d(1.5, 1.5, 1);\n }\n}\n\n.rf-loader-pulsation:before {\n animation: 2.4s cubic-bezier(.65, 0, .34, 1) .4s infinite rf-loaderRipple;\n}\n\n.rf-loader-pulsation:after {\n content: \"\";\n background-color: var(--rf-color-secondary);\n z-index: -1;\n border-radius: 50%;\n width: 100%;\n height: 100%;\n animation: 2.4s cubic-bezier(.65, 0, .34, 1) infinite rf-loaderRipple;\n position: absolute;\n}\n\n.rf-loader:before {\n content: \"\";\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n animation: 1.8s ease-in-out -.32s infinite both rf-loader;\n display: block;\n position: absolute;\n right: 1.5rem;\n}\n\n.rf-loader:after {\n content: \"\";\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n animation: 1.8s ease-in-out infinite both rf-loader;\n display: block;\n position: absolute;\n left: 1.5rem;\n}\n\n.rf-loader-medium:before {\n content: \"\";\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n animation: 1.8s ease-in-out -.32s infinite both rf-loaderMedium;\n display: block;\n position: absolute;\n right: 1rem;\n}\n\n.rf-loader-medium:after {\n content: \"\";\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n animation: 1.8s ease-in-out infinite both rf-loaderMedium;\n display: block;\n position: absolute;\n left: 1rem;\n}\n\n.rf-loader-mini:before {\n content: \"\";\n border-radius: 50%;\n width: .5rem;\n height: .5rem;\n animation: 1.8s ease-in-out -.32s infinite both rf-loaderMini;\n display: block;\n position: absolute;\n right: .5rem;\n}\n\n.rf-loader-mini:after {\n content: \"\";\n border-radius: 50%;\n width: .5rem;\n height: .5rem;\n animation: 1.8s ease-in-out infinite both rf-loaderMini;\n display: block;\n position: absolute;\n left: .5rem;\n}\n\n.rf-loader-microphone:before, .rf-loader-microphone:after {\n content: \"\";\n --tw-border-opacity: 1;\n border: 6px solid #0000;\n border-top-color: rgb(128 128 128 / var(--tw-border-opacity, 1));\n border-radius: 100%;\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.rf-loader-microphone:before {\n z-index: 2;\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-loader-microphone:after {\n --tw-border-opacity: 1;\n border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));\n}\n\n.rf-loader-microphone-primary:before, .rf-loader-microphone-primary:after {\n content: \"\";\n border: 6px solid #0000;\n border-top-color: var(--rf-color-primary);\n border-radius: 100%;\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.rf-loader-microphone-primary:before {\n z-index: 2;\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-loader-microphone-primary:after {\n --tw-border-opacity: 1;\n border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));\n}\n\n.rf-loader-microphone-secondary:before, .rf-loader-microphone-secondary:after {\n content: \"\";\n border: 6px solid #0000;\n border-top-color: var(--rf-color-secondary);\n border-radius: 100%;\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.rf-loader-microphone-secondary:before {\n z-index: 2;\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-loader-microphone-secondary:after {\n --tw-border-opacity: 1;\n border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));\n}\n\n.rf-loader-counter {\n border-width: 8px;\n border-color: var(--rf-color-primary);\n border-radius: 50%;\n position: relative;\n}\n\n@keyframes rf-loaderCounter {\n 0% {\n clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n }\n\n 25% {\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n }\n\n 50% {\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\n }\n\n 75% {\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n }\n\n 100% {\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n }\n}\n\n.rf-loader-counter:before {\n border-width: 10px;\n border-color: var(--rf-color-cardFrameBackground);\n content: \"\";\n animation: rf-loaderCounter;\n animation-duration: var(--duration);\n border-radius: 50%;\n animation-timing-function: linear;\n position: absolute;\n inset: -9px;\n transform: rotate(45deg);\n}\n\n.rf-touch-action-none {\n touch-action: none;\n}\n\n.rf-unselectable {\n user-select: none;\n -webkit-touch-callout: none;\n}\n\n.rf-title-extralarge-bold-size-auto {\n font-size: 2.25rem;\n font-weight: 600;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-title-extralarge-bold-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-extralarge-bold-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-title-extralarge-size-auto {\n font-size: 2.25rem;\n font-weight: 400;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-title-extralarge-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-extralarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-title-large-size-auto {\n font-size: 1.5rem;\n font-weight: 400;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-large-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-large-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-title-large-bold-size-auto {\n font-size: 1.875rem;\n font-weight: 600;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large .rf-title-large-bold-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-large-bold-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-title-size-auto {\n font-size: 1.5rem;\n font-weight: 400;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-title-bold-size-auto {\n font-size: 1.5rem;\n font-weight: 600;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-bold-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-bold-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-subtitle-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-subtitle-size-auto {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-subtitle-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.rf-text-extralarge-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-text-extralarge-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-extralarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-text-verylarge-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-text-verylarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-verylarge-size-auto {\n font-size: 4.5rem;\n line-height: 1;\n}\n\n.rf-text-large-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-text-large-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-large-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-text-medium-size-auto {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large .rf-text-medium-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-text-size-auto {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-text-size-auto {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-text-small-size-auto {\n font-size: .875rem;\n line-height: 1rem;\n}\n\n#retorik-container.rf-large .rf-text-small-size-auto {\n font-size: 1rem;\n line-height: 1.1rem;\n}\n\n.rf-text-extra-small-size-auto {\n font-size: .6rem;\n line-height: .75rem;\n}\n\n#retorik-container.rf-large .rf-text-extra-small-size-auto {\n font-size: .875rem;\n line-height: 1rem;\n}\n\n.rf-small-size-auto {\n font-size: .6rem;\n}\n\n#retorik-container.rf-large .rf-small-size-auto {\n font-size: .75rem;\n line-height: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-small-size-auto {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n.rf-line-clamp-unknown {\n hyphens: auto;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-1 {\n hyphens: auto;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-2 {\n hyphens: auto;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-3 {\n hyphens: auto;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-4 {\n hyphens: auto;\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-5 {\n hyphens: auto;\n -webkit-line-clamp: 5;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-6 {\n hyphens: auto;\n -webkit-line-clamp: 6;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-7 {\n hyphens: auto;\n -webkit-line-clamp: 7;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-8 {\n hyphens: auto;\n -webkit-line-clamp: 8;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-9 {\n hyphens: auto;\n -webkit-line-clamp: 9;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-10 {\n hyphens: auto;\n -webkit-line-clamp: 10;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-overflow-wrap {\n overflow-wrap: anywhere;\n}\n\n.rf-height-fill-available {\n height: stretch;\n}\n\n.rf-width-fill-available {\n width: stretch;\n}\n\n.rf-animation-delay-2 {\n animation-delay: .2s;\n}\n\n.rf-animation-delay-4 {\n animation-delay: .4s;\n}\n\n.rf-scrollbar-thin {\n scrollbar-width: thin;\n scrollbar-color: var(--rf-color-secondary) transparent;\n}\n\n.rf-scrollbar-thin::-webkit-scrollbar {\n width: .2rem;\n height: .2rem;\n margin: .25rem 0;\n}\n\n.rf-scrollbar-thin::-webkit-scrollbar-thumb {\n background-color: var(--rf-color-secondary);\n border-radius: .5rem;\n}\n\n.rf-scrollbar-x-custom::-webkit-scrollbar {\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: 2rem;\n height: .5rem;\n}\n\n.rf-scrollbar-x-custom::-webkit-scrollbar-thumb {\n background-color: var(--rf-color-primary);\n border-radius: 2rem;\n}\n\n.rf-scrollbar-hidden {\n scrollbar-width: none;\n}\n\n.rf-scrollbar-hidden::-webkit-scrollbar {\n display: none;\n}\n\n.rf-opacity-gradient-b {\n -webkit-mask-image: linear-gradient(#000 50%, #0000 100%);\n}\n\n.rf-opacity-gradient-b-thin {\n -webkit-mask-image: linear-gradient(#797676 84%, #0000 100%);\n}\n\n.rf-opacity-gradient-l {\n -webkit-mask-image: linear-gradient(to left, #000 75%, gray 80%, #0000 85%);\n}\n\n.rf-opacity-gradient-l-thin {\n -webkit-mask-image: linear-gradient(to left, #000 90%, gray 95%, #0000 100%);\n}\n\n.rf-opacity-gradient-r {\n -webkit-mask-image: linear-gradient(to right, #000 75%, gray 80%, #0000 85%);\n}\n\n.rf-opacity-gradient-r-thin {\n -webkit-mask-image: linear-gradient(to right, #000 90%, gray 95%, #0000 100%);\n}\n\n.rf-opacity-gradient-h {\n -webkit-mask-image: linear-gradient(to right, #0000 0%, 6%, #000, 94%, #0000 100%);\n}\n\n.rf-card-button {\n border-width: 1px;\n border-color: var(--rf-color-cardButtonBorderDefault);\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n color: var(--rf-color-cardButtonTextDefault);\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button {\n padding: .5rem 1rem;\n}\n\n.rf-card-button:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonBorderHover);\n background-color: var(--rf-color-cardButtonBackgroundHover);\n color: var(--rf-color-cardButtonTextHover);\n}\n\n.rf-card-button-clicked {\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n border-width: 1px;\n border-color: #0000;\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-clicked {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n.rf-card-button-positive {\n border-width: 1px;\n border-color: var(--rf-color-cardFrameBackground);\n background-color: var(--rf-color-cardButtonTextDefault);\n color: var(--rf-color-cardFrameBackground);\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-positive {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-positive {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-positive {\n padding: .5rem 1rem;\n}\n\n.rf-card-button-positive:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonTextDefault);\n background-color: var(--rf-color-cardFrameBackground);\n color: var(--rf-color-cardButtonTextDefault);\n}\n\n.rf-card-button-destructive {\n --tw-border-opacity: 1;\n border-width: 1px;\n border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-destructive {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-destructive {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-destructive {\n padding: .5rem 1rem;\n}\n\n.rf-card-button-destructive:hover {\n cursor: pointer;\n --tw-border-opacity: 1;\n border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity, 1));\n}\n\n.rf-card-button-secondary {\n border-width: 1px;\n border-color: var(--rf-color-secondary);\n color: var(--rf-color-secondary);\n background-color: #0000;\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-secondary {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-secondary {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-secondary {\n padding: .5rem 1rem;\n}\n\n.rf-card-button-secondary:hover {\n cursor: pointer;\n border-color: var(--rf-color-secondary);\n background-color: var(--rf-color-secondary);\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n\n.rf-card-button-discover {\n border-width: 1px;\n border-color: var(--rf-color-cardButtonDiscoverBorderDefault);\n background-color: var(--rf-color-cardButtonDiscoverBackgroundDefault);\n color: var(--rf-color-cardButtonDiscoverTextDefault);\n border-radius: .3125rem;\n padding: .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-discover {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n.rf-card-button-discover:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonDiscoverBorderHover);\n background-color: var(--rf-color-cardButtonDiscoverBackgroundHover);\n color: var(--rf-color-cardButtonDiscoverTextHover);\n}\n\n.rf-card-button-history {\n cursor: default;\n border-width: 1px;\n border-color: var(--rf-color-cardButtonBorderDefault);\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n color: var(--rf-color-cardButtonTextDefault);\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-history {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-history {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-history {\n padding: .5rem 1rem;\n}\n\n.rf-card-button-mini, .rf-card-button-mini-selected, .rf-card-button-mini-disabled {\n background-color: var(--rf-color-cardFrameBackground);\n border-width: 1px;\n border-radius: .3125rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-mini, #retorik-container.rf-large .rf-card-button-mini-selected, #retorik-container.rf-large .rf-card-button-mini-disabled {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-mini, #retorik-container.rf-large.rf-portrait .rf-card-button-mini-selected, #retorik-container.rf-large.rf-portrait .rf-card-button-mini-disabled {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-card-button-mini {\n border-color: var(--rf-color-cardButtonBorderDefault);\n background-color: var(--rf-color-cardFrameBackground);\n color: var(--rf-color-cardButtonTextDefault);\n}\n\n.rf-card-button-mini:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonBorderHover);\n background-color: var(--rf-color-cardFrameBackground);\n color: var(--rf-color-cardButtonTextHover);\n}\n\n.rf-card-button-mini-selected {\n border-color: var(--rf-color-cardFrameBackground);\n background-color: var(--rf-color-cardButtonBorderDefault);\n color: var(--rf-color-cardFrameBackground);\n}\n\n.lf-player-container {\n align-items: flex-end;\n width: 100%;\n height: 100%;\n display: flex;\n overflow: hidden;\n}\n\n.rf-input-label {\n text-overflow: ellipsis;\n color: var(--rf-color-formInputTextDefault);\n margin-top: .1rem;\n margin-left: .75rem;\n overflow-x: hidden;\n}\n\n#retorik-container.rf-large .rf-input-label {\n margin-top: .25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-input-label {\n margin-top: .2rem;\n}\n\n.rf-radio-custom {\n appearance: none;\n border-width: 2px;\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: 50%;\n place-content: center;\n width: 1.5rem;\n min-width: 1.5rem;\n height: 1.5rem;\n margin: 0;\n display: grid;\n}\n\n.rf-radio-custom:checked {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n#retorik-container.rf-large .rf-radio-custom {\n width: 1.75rem;\n min-width: 1.75rem;\n height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-radio-custom {\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n}\n\n.rf-radio-custom:before {\n content: \"\";\n --tw-scale-x: 0;\n --tw-scale-y: 0;\n width: .5rem;\n height: .5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n background-color: var(--rf-color-formInputRadioCheckboxCheckedItem);\n border-radius: 50%;\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n#retorik-container.rf-large .rf-radio-custom:before {\n width: .75rem;\n height: .75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-radio-custom:before {\n width: 1rem;\n height: 1rem;\n}\n\n.rf-radio-custom:checked:before {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-input-hidden {\n appearance: none;\n margin: 0;\n}\n\n.rf-checkbox-custom {\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 appearance: none;\n background-color: var(--rf-color-black);\n border-radius: 1.5rem;\n width: 3rem;\n min-width: 3rem;\n height: 1.5rem;\n margin: 0;\n position: relative;\n}\n\n.rf-toggle-custom:checked {\n background-color: var(--rf-color-primary);\n}\n\n#retorik-container.rf-large .rf-toggle-custom {\n border-radius: 1.75rem;\n width: 3.5rem;\n min-width: 3.5rem;\n height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom {\n border-radius: 2rem;\n width: 4rem;\n min-width: 4rem;\n height: 2rem;\n}\n\n.rf-toggle-custom:before {\n content: \"\";\n --tw-translate-x: 0px;\n width: 1rem;\n height: 1rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n border-radius: 50%;\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n position: absolute;\n top: .25rem;\n left: .25rem;\n}\n\n#retorik-container.rf-large .rf-toggle-custom:before {\n width: 1.25rem;\n height: 1.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom:before {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n.rf-toggle-custom:checked:before {\n --tw-translate-x: 1.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large .rf-toggle-custom:checked:before {\n --tw-translate-x: 1.75rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom:checked:before {\n --tw-translate-x: 2rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-select-custom {\n appearance: none;\n border-width: 2px;\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: .3125rem;\n margin: 0;\n padding: 1rem;\n}\n\n.rf-select-custom:hover {\n cursor: pointer;\n}\n\n.rf-select-custom:focus-visible {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n}\n\n.rf-slider-custom {\n -webkit-appearance: none;\n -moz-appearance: none;\n outline-offset: 2px;\n border-radius: .5rem;\n outline: 2px solid #0000;\n width: 100%;\n height: .25rem;\n display: block;\n position: relative;\n}\n\n.rf-slider-custom::-webkit-slider-runnable-track {\n -webkit-appearance: none;\n}\n\n.rf-slider-custom::-moz-track {\n -moz-appearance: none;\n}\n\n.rf-slider-custom::-ms-track {\n appearance: none;\n}\n\n.rf-slider-custom::-webkit-slider-thumb {\n -webkit-appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-webkit-slider-thumb:hover {\n cursor: pointer;\n}\n\n.rf-slider-custom::-moz-range-thumb {\n -webkit-appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-moz-range-thumb:hover {\n cursor: pointer;\n}\n\n.rf-slider-custom::-ms-thumb {\n appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-ms-thumb:hover {\n cursor: pointer;\n}\n\n.rf-likert-custom {\n cursor: pointer;\n outline-offset: 2px;\n -webkit-text-stroke-width: 1px;\n -webkit-text-stroke-color: white;\n background-color: #0000;\n border-style: none;\n outline: 2px solid #0000;\n}\n\n.svgButtonMenu > svg * {\n fill: var(--fill);\n}\n\n.webchat__css-custom-properties {\n width: 100%;\n height: 100%;\n}\n\n.placeholder\\:rf-text-black::placeholder {\n color: var(--rf-color-black);\n}\n\n.placeholder\\:rf-opacity-100::placeholder {\n opacity: 1;\n}\n\n.hover\\:rf-cursor-pointer:hover {\n cursor: pointer;\n}\n\n.hover\\:rf-border-truewhite:hover {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));\n}\n\n.hover\\:rf-bg-\\[\\#1999B1\\]:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(25 153 177 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:rf-bg-formInputRadioCheckboxCheckedBackground:hover {\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n.hover\\:rf-bg-transparent:hover {\n background-color: #0000;\n}\n\n.hover\\:rf-bg-truewhite:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:rf-text-\\[\\#1999B1\\]:hover {\n --tw-text-opacity: 1;\n color: rgb(25 153 177 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:rf-text-\\[\\#325981\\]:hover {\n --tw-text-opacity: 1;\n color: rgb(50 89 129 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:rf-text-formInputRadioCheckboxCheckedItem:hover {\n color: var(--rf-color-formInputRadioCheckboxCheckedItem);\n}\n\n.hover\\:rf-text-truewhite:hover {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:rf-shadow-\\[inset_0_0_12px_\\#00000029\\]:hover {\n --tw-shadow: inset 0 0 12px #00000029;\n --tw-shadow-colored: inset 0 0 12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-col-span-full {\n grid-column: 1 / -1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-col-start-1 {\n grid-column-start: 1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-end-13 {\n grid-row-end: 13;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-5\\/6 {\n width: 83.3333%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-9\\/10 {\n width: 90%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-full {\n width: 100%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-flex-col {\n flex-direction: column;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-items-center {\n align-items: center;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-overflow-x-auto {\n overflow-x: auto;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-border-r-0 {\n border-right-width: 0;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-absolute {\n position: absolute;\n}\n\n#retorik-container.rf-large .large\\:rf-top-8 {\n top: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-m-8 {\n margin: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-my-0 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-my-3 {\n margin-top: .75rem;\n margin-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-0 {\n margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-4 {\n margin-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-6 {\n margin-bottom: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-8 {\n margin-left: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-0 {\n margin-top: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-20 {\n margin-top: 5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-3 {\n margin-top: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-\\[20vh\\] {\n margin-top: 20vh;\n}\n\n#retorik-container.rf-large .large\\:rf-block {\n display: block;\n}\n\n#retorik-container.rf-large .large\\:rf-flex {\n display: flex;\n}\n\n#retorik-container.rf-large .large\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large .large\\:rf-aspect-video {\n aspect-ratio: 16 / 9;\n}\n\n#retorik-container.rf-large .large\\:rf-h-10 {\n height: 2.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-16 {\n height: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-20 {\n height: 5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-3\\/5 {\n height: 60%;\n}\n\n#retorik-container.rf-large .large\\:rf-h-4 {\n height: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-5 {\n height: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-8 {\n height: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-\\[1\\.3rem\\] {\n height: 1.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-\\[60vh\\] {\n height: 60vh;\n}\n\n#retorik-container.rf-large .large\\:rf-h-auto {\n height: auto;\n}\n\n#retorik-container.rf-large .large\\:rf-h-full {\n height: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-h-28 {\n max-height: 7rem;\n}\n\n#retorik-container.rf-large .large\\:rf-max-h-\\[2\\.3rem\\] {\n max-height: 2.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-min-h-\\[2\\.3rem\\] {\n min-height: 2.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-1\\/8 {\n width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-w-14 {\n width: 3.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-16 {\n width: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-4 {\n width: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-5 {\n width: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-8 {\n width: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-fit {\n width: fit-content;\n}\n\n#retorik-container.rf-large .large\\:rf-w-full {\n width: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-1\\/2 {\n min-width: 50%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-1\\/8 {\n min-width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-16 {\n min-width: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-8 {\n min-width: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-1\\/8 {\n max-width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-\\[12rem\\] {\n max-width: 12rem;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-full {\n max-width: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-grid-cols-5 {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n}\n\n#retorik-container.rf-large .large\\:rf-flex-row {\n flex-direction: row;\n}\n\n#retorik-container.rf-large .large\\:rf-flex-col {\n flex-direction: column;\n}\n\n#retorik-container.rf-large .large\\:rf-items-baseline {\n align-items: baseline;\n}\n\n#retorik-container.rf-large .large\\:rf-justify-start {\n justify-content: flex-start;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-1 {\n gap: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-3 {\n gap: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-4 {\n gap: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-6 {\n gap: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-overflow-y-scroll {\n overflow-y: scroll;\n}\n\n#retorik-container.rf-large .large\\:rf-border-t-0 {\n border-top-width: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-bg-truewhite {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n\n#retorik-container.rf-large .large\\:rf-p-4 {\n padding: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-p-\\[25px\\] {\n padding: 25px;\n}\n\n#retorik-container.rf-large .large\\:rf-p-min1 {\n padding: .1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-0 {\n padding-left: 0;\n padding-right: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-px-16 {\n padding-left: 4rem;\n padding-right: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-5, #retorik-container.rf-large .large\\:rf-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pb-16 {\n padding-bottom: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pl-4 {\n padding-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pr-4 {\n padding-right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pt-16 {\n padding-top: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-5xl {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large .large\\:rf-text-6xl {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large .large\\:rf-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-basecustom {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-sm {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-uppercase {\n text-transform: uppercase;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-h-4 {\n height: 1rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-pt-1\\/5 {\n padding-top: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-absolute {\n position: absolute;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-left-4 {\n left: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-top-4 {\n top: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-start-1 {\n grid-column-start: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-start-2 {\n grid-column-start: 2;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-end-8 {\n grid-column-end: 8;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-4 {\n margin-top: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-\\[20vh\\] {\n margin-top: 20vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-\\[25vh\\] {\n margin-top: 25vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-block {\n display: block;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-1\\/2 {\n height: 50%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-14 {\n height: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-24 {\n height: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-5 {\n height: 1.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-\\[50vh\\] {\n height: 50vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-11\\/12 {\n max-height: 91.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-36 {\n max-height: 9rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-\\[18vh\\] {\n max-height: 18vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-\\[30vh\\] {\n max-height: 30vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-h-10 {\n min-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-1\\/2 {\n width: 50%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-14 {\n width: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-16 {\n width: 4rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-24 {\n width: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-3\\/5 {\n width: 60%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-full {\n width: 100%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-14 {\n min-width: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-24 {\n min-width: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-3\\/5 {\n min-width: 60%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-2\\/3 {\n max-width: 66.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-\\[45\\%\\] {\n max-width: 45%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-\\[60\\%\\] {\n max-width: 60%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-flex-row {\n flex-direction: row;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-flex-col {\n flex-direction: column;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-justify-center {\n justify-content: center;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-gap-4 {\n gap: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-gap-6 {\n gap: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-self-start {\n align-self: flex-start;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-border-t {\n border-top-width: 1px;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-border-t-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-py-5 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pl-0 {\n padding-left: 0;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-48 {\n padding-top: 12rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-8 {\n padding-top: 2rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-\\[16\\.67\\%\\] {\n padding-top: 16.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-\\[20vh\\] {\n padding-top: 20vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-text-basecustomuppercase {\n font-size: 1rem;\n line-height: 1.1rem;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-mt-0 {\n margin-top: 0;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-flex {\n display: flex;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-col-start-3 {\n grid-column-start: 3;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-col-start-4 {\n grid-column-start: 4;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:-rf-mt-4 {\n margin-top: -1rem;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-h-full {\n height: 100%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-w-\\[48\\%\\] {\n width: 48%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-w-\\[calc\\(80\\%-10rem\\)\\] {\n width: calc(80% - 10rem);\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-min-w-\\[48\\%\\] {\n min-width: 48%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-max-w-\\[calc\\(\\(80\\%-10rem\\)\\*0\\.75\\)\\] {\n max-width: calc(60% - 7.5rem);\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-flex-col-reverse {\n flex-direction: column-reverse;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-items-start {\n align-items: flex-start;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-justify-start {\n justify-content: flex-start;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-justify-center {\n justify-content: center;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-self-end {\n align-self: flex-end;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-justify-self-start {\n justify-self: start;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-pb-2 {\n padding-bottom: .5rem;\n}\n\n#retorik-container.rf-mobile .mobile\\:rf-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n#retorik-container.rf-tablet .tablet\\:rf-w-28 {\n width: 7rem;\n}\n\n#retorik-container.rf-tablet .tablet\\:rf-pl-12 {\n padding-left: 3rem;\n}\n\n#retorik-container.rf-tablet .tablet\\:rf-pr-24 {\n padding-right: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-h-10 {\n height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-h-20 {\n height: 5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-min-h-20 {\n min-height: 5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-w-40 {\n width: 10rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-p-5 {\n padding: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-pl-32 {\n padding-left: 8rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-pr-56 {\n padding-right: 14rem;\n}\n\n.ltr\\:rf-left-0:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n left: 0;\n}\n\n.ltr\\:rf-left-1:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n left: .25rem;\n}\n\n.ltr\\:rf-left-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n left: 1rem;\n}\n\n.ltr\\:rf-right-0:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n right: 0;\n}\n\n.ltr\\:rf-right-12:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n right: 3rem;\n}\n\n.ltr\\:rf-right-2:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n right: .5rem;\n}\n\n.ltr\\:rf-right-3:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n right: .75rem;\n}\n\n.ltr\\:rf-right-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n right: 1rem;\n}\n\n.ltr\\:rf-right-6:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n right: 1.5rem;\n}\n\n.ltr\\:rf-right-9:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n right: 2.25rem;\n}\n\n.ltr\\:rf-col-start-1:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n grid-column-start: 1;\n}\n\n.ltr\\:rf-ml-1:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-left: .25rem;\n}\n\n.ltr\\:rf-ml-2:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-left: .5rem;\n}\n\n.ltr\\:rf-ml-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-left: 1rem;\n}\n\n.ltr\\:rf-ml-6:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-left: 1.5rem;\n}\n\n.ltr\\:rf-mr-1:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-right: .25rem;\n}\n\n.ltr\\:rf-mr-2:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-right: .5rem;\n}\n\n.ltr\\:rf-mr-3:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-right: .75rem;\n}\n\n.ltr\\:rf-mr-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-right: 1rem;\n}\n\n.ltr\\:rf-mr-5:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-right: 1.25rem;\n}\n\n.ltr\\:rf-flex-row:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n flex-direction: row;\n}\n\n.ltr\\:rf-items-start:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n align-items: flex-start;\n}\n\n.ltr\\:rf-justify-start:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n justify-content: flex-start;\n}\n\n.ltr\\:rf-self-end:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n align-self: flex-end;\n}\n\n.ltr\\:rf-rounded-l-lg:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n border-top-left-radius: .5rem;\n border-bottom-left-radius: .5rem;\n}\n\n.ltr\\:rf-rounded-tl-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n border-top-left-radius: 1rem;\n}\n\n.ltr\\:rf-rounded-tr-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n border-top-right-radius: 1rem;\n}\n\n.ltr\\:rf-pl-1:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n padding-left: .25rem;\n}\n\n.ltr\\:rf-pl-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n padding-left: 1rem;\n}\n\n.ltr\\:rf-pl-6:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n padding-left: 1.5rem;\n}\n\n.ltr\\:rf-pr-2:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n padding-right: .5rem;\n}\n\n.ltr\\:rf-pr-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n padding-right: 1rem;\n}\n\n.ltr\\:rf-text-left:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n text-align: left;\n}\n\n.ltr\\:rf-text-right:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n text-align: right;\n}\n\n.ltr\\:rf-text-xs:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n font-size: .75rem;\n line-height: 1rem;\n}\n\n.ltr\\:rf-text-xsm:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n font-size: .6rem;\n}\n\n#retorik-container.rf-large .large\\:ltr\\:rf-left-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:ltr\\:rf-ml-0:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-left: 0;\n}\n\n#retorik-container.rf-large .large\\:ltr\\:rf-ml-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:ltr\\:rf-mr-3:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-right: .75rem;\n}\n\n#retorik-container.rf-large .large\\:ltr\\:rf-mr-30:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-right: 7.5rem;\n}\n\n#retorik-container.rf-large .large\\:ltr\\:rf-pl-12:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n padding-left: 3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:ltr\\:rf-right-9:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n right: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:ltr\\:rf-ml-1\\/5:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-left: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:ltr\\:rf-mr-1\\/5:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-right: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:ltr\\:rf-pl-0:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n padding-left: 0;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:ltr\\:rf-ml-1\\/5:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-left: 20%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:ltr\\:rf-mr-40:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-right: 10rem;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:ltr\\:-rf-translate-x-1\\/4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n --tw-translate-x: -25%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:ltr\\:rf-pl-1\\/5:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n padding-left: 20%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:ltr\\:rf-pl-\\[calc\\(50\\%-2\\.5rem\\)\\]:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n padding-left: calc(50% - 2.5rem);\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:ltr\\:rf-pr-40:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n padding-right: 10rem;\n}\n\n.rtl\\:rf-left-0:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n left: 0;\n}\n\n.rtl\\:rf-left-12:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n left: 3rem;\n}\n\n.rtl\\:rf-left-2:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n left: .5rem;\n}\n\n.rtl\\:rf-left-3:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n left: .75rem;\n}\n\n.rtl\\:rf-left-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n left: 1rem;\n}\n\n.rtl\\:rf-left-6:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n left: 1.5rem;\n}\n\n.rtl\\:rf-left-9:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n left: 2.25rem;\n}\n\n.rtl\\:rf-right-0:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n right: 0;\n}\n\n.rtl\\:rf-right-1:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n right: .25rem;\n}\n\n.rtl\\:rf-right-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n right: 1rem;\n}\n\n.rtl\\:rf-right-6:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n right: 1.5rem;\n}\n\n.rtl\\:rf-col-end-1:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n grid-column-end: 1;\n}\n\n.rtl\\:rf-ml-1:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-left: .25rem;\n}\n\n.rtl\\:rf-ml-2:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-left: .5rem;\n}\n\n.rtl\\:rf-ml-3:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-left: .75rem;\n}\n\n.rtl\\:rf-ml-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-left: 1rem;\n}\n\n.rtl\\:rf-ml-5:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-left: 1.25rem;\n}\n\n.rtl\\:rf-mr-1:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-right: .25rem;\n}\n\n.rtl\\:rf-mr-2:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-right: .5rem;\n}\n\n.rtl\\:rf-mr-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-right: 1rem;\n}\n\n.rtl\\:rf-mr-6:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-right: 1.5rem;\n}\n\n.rtl\\:rf-flex-row-reverse:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n flex-direction: row-reverse;\n}\n\n.rtl\\:rf-items-end:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n align-items: flex-end;\n}\n\n.rtl\\:rf-justify-end:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n justify-content: flex-end;\n}\n\n.rtl\\:rf-self-start:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n align-self: flex-start;\n}\n\n.rtl\\:rf-rounded-r-lg:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n border-top-right-radius: .5rem;\n border-bottom-right-radius: .5rem;\n}\n\n.rtl\\:rf-rounded-tl-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n border-top-left-radius: 1rem;\n}\n\n.rtl\\:rf-rounded-tr-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n border-top-right-radius: 1rem;\n}\n\n.rtl\\:rf-pl-2:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n padding-left: .5rem;\n}\n\n.rtl\\:rf-pl-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n padding-left: 1rem;\n}\n\n.rtl\\:rf-pr-1:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n padding-right: .25rem;\n}\n\n.rtl\\:rf-pr-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n padding-right: 1rem;\n}\n\n.rtl\\:rf-pr-6:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n padding-right: 1.5rem;\n}\n\n.rtl\\:rf-text-left:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n text-align: left;\n}\n\n.rtl\\:rf-text-right:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n text-align: right;\n}\n\n.rtl\\:rf-text-arabic:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n font-size: 1.125rem;\n line-height: 1.15rem;\n}\n\n#retorik-container.rf-large .large\\:rtl\\:rf-right-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rtl\\:rf-ml-3:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-left: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rtl\\:rf-ml-30:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-left: 7.5rem;\n}\n\n#retorik-container.rf-large .large\\:rtl\\:rf-mr-0:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-right: 0;\n}\n\n#retorik-container.rf-large .large\\:rtl\\:rf-mr-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-right: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rtl\\:rf-left-9:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n left: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rtl\\:rf-ml-1\\/5:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-left: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rtl\\:rf-mr-1\\/5:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-right: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rtl\\:rf-pr-0:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n padding-right: 0;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rtl\\:rf-ml-40:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-left: 10rem;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rtl\\:rf-mr-1\\/5:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-right: 20%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rtl\\:rf-translate-x-1\\/4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n --tw-translate-x: 25%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rtl\\:rf-pl-40:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n padding-left: 10rem;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rtl\\:rf-pr-1\\/5:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n padding-right: 20%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rtl\\:rf-pr-\\[calc\\(50\\%-2\\.5rem\\)\\]:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n padding-right: calc(50% - 2.5rem);\n}\n";
19107
+ $4b50e1d502fb5483$exports = "*, :before, :after, ::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #3b82f680;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n\n*, :before, :after {\n box-sizing: border-box;\n border: 0 solid;\n}\n\n:before, :after {\n --tw-content: \"\";\n}\n\nhtml, :host {\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n font-feature-settings: normal;\n font-variation-settings: normal;\n -webkit-tap-highlight-color: transparent;\n font-family: Calibri, sans-serif;\n line-height: 1.5;\n}\n\nbody {\n line-height: inherit;\n margin: 0;\n}\n\nhr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n}\n\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp, pre {\n font-feature-settings: normal;\n font-variation-settings: normal;\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\ntable {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n}\n\nbutton, input, optgroup, select, textarea {\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n font-family: inherit;\n font-size: 100%;\n font-weight: inherit;\n line-height: inherit;\n letter-spacing: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, input:where([type=\"button\"]), input:where([type=\"reset\"]), input:where([type=\"submit\"]) {\n -webkit-appearance: button;\n background-color: #0000;\n background-image: none;\n}\n\n:-moz-focusring {\n outline: auto;\n}\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n::-webkit-inner-spin-button {\n height: auto;\n}\n\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\nsummary {\n display: list-item;\n}\n\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol, ul, menu {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\ndialog {\n padding: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\ninput::placeholder, textarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\nbutton, [role=\"button\"] {\n cursor: pointer;\n}\n\n:disabled {\n cursor: default;\n}\n\nimg, svg, video, canvas, audio, iframe, embed, object {\n vertical-align: middle;\n display: block;\n}\n\nimg, video {\n max-width: 100%;\n height: auto;\n}\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n display: none;\n}\n\n.rf-pointer-events-none {\n pointer-events: none;\n}\n\n.rf-pointer-events-auto {\n pointer-events: auto;\n}\n\n.rf-visible {\n visibility: visible;\n}\n\n.rf-invisible {\n visibility: hidden;\n}\n\n.rf-fixed {\n position: fixed;\n}\n\n.rf-absolute {\n position: absolute;\n}\n\n.rf-relative {\n position: relative;\n}\n\n.-rf-left-6 {\n left: -1.5rem;\n}\n\n.-rf-top-2 {\n top: -.5rem;\n}\n\n.-rf-top-4 {\n top: -1rem;\n}\n\n.-rf-top-6 {\n top: -1.5rem;\n}\n\n.-rf-top-\\[1\\.15rem\\] {\n top: -1.15rem;\n}\n\n.rf-bottom-0 {\n bottom: 0;\n}\n\n.rf-bottom-1 {\n bottom: .25rem;\n}\n\n.rf-bottom-1\\/4 {\n bottom: 25%;\n}\n\n.rf-bottom-10 {\n bottom: 2.5rem;\n}\n\n.rf-bottom-2 {\n bottom: .5rem;\n}\n\n.rf-bottom-4 {\n bottom: 1rem;\n}\n\n.rf-bottom-8 {\n bottom: 2rem;\n}\n\n.rf-bottom-\\[calc\\(100\\%\\+2rem\\)\\] {\n bottom: calc(100% + 2rem);\n}\n\n.rf-left-0 {\n left: 0;\n}\n\n.rf-left-1 {\n left: .25rem;\n}\n\n.rf-left-1\\/2 {\n left: 50%;\n}\n\n.rf-left-12 {\n left: 3rem;\n}\n\n.rf-left-2 {\n left: .5rem;\n}\n\n.rf-left-4 {\n left: 1rem;\n}\n\n.rf-left-8 {\n left: 2rem;\n}\n\n.rf-left-\\[calc\\(100\\%\\+1rem\\)\\] {\n left: calc(100% + 1rem);\n}\n\n.rf-left-\\[calc\\(50\\%-3rem\\)\\] {\n left: calc(50% - 3rem);\n}\n\n.rf-right-0 {\n right: 0;\n}\n\n.rf-right-1 {\n right: .25rem;\n}\n\n.rf-right-10 {\n right: 2.5rem;\n}\n\n.rf-right-12 {\n right: 3rem;\n}\n\n.rf-right-2 {\n right: .5rem;\n}\n\n.rf-right-3 {\n right: .75rem;\n}\n\n.rf-right-4 {\n right: 1rem;\n}\n\n.rf-right-6 {\n right: 1.5rem;\n}\n\n.rf-right-8 {\n right: 2rem;\n}\n\n.rf-right-9 {\n right: 2.25rem;\n}\n\n.rf-right-\\[calc\\(100\\%\\+1rem\\)\\] {\n right: calc(100% + 1rem);\n}\n\n.rf-top-0 {\n top: 0;\n}\n\n.rf-top-1 {\n top: .25rem;\n}\n\n.rf-top-1\\/2 {\n top: 50%;\n}\n\n.rf-top-1\\/3 {\n top: 33.3333%;\n}\n\n.rf-top-110 {\n top: 110%;\n}\n\n.rf-top-2 {\n top: .5rem;\n}\n\n.rf-top-4 {\n top: 1rem;\n}\n\n.rf-top-8 {\n top: 2rem;\n}\n\n.rf-top-\\[0\\.125rem\\] {\n top: .125rem;\n}\n\n.rf-top-\\[calc\\(100\\%\\+1rem\\)\\] {\n top: calc(100% + 1rem);\n}\n\n.rf-top-\\[calc\\(50\\%-3rem\\)\\] {\n top: calc(50% - 3rem);\n}\n\n.rf-z-\\[10\\] {\n z-index: 10;\n}\n\n.rf-z-\\[15\\] {\n z-index: 15;\n}\n\n.rf-z-\\[1\\] {\n z-index: 1;\n}\n\n.rf-z-\\[20\\] {\n z-index: 20;\n}\n\n.rf-z-\\[25\\] {\n z-index: 25;\n}\n\n.rf-z-\\[2\\] {\n z-index: 2;\n}\n\n.rf-z-\\[5\\] {\n z-index: 5;\n}\n\n.rf-z-agent {\n z-index: 1;\n}\n\n.rf-z-background {\n z-index: 0;\n}\n\n.rf-z-chatbot {\n z-index: 10;\n}\n\n.rf-z-detailedPOI {\n z-index: 31;\n}\n\n.rf-z-dropdown {\n z-index: 30;\n}\n\n.rf-z-exitwidget {\n z-index: 55;\n}\n\n.rf-z-list {\n z-index: 30;\n}\n\n.rf-z-menu {\n z-index: 40;\n}\n\n.rf-z-modal {\n z-index: 50;\n}\n\n.rf-z-overlay {\n z-index: 40;\n}\n\n.rf-z-ui {\n z-index: 20;\n}\n\n.rf-z-util {\n z-index: 2;\n}\n\n.rf-col-span-2 {\n grid-column: span 2 / span 2;\n}\n\n.rf-col-span-3 {\n grid-column: span 3 / span 3;\n}\n\n.rf-col-span-4 {\n grid-column: span 4 / span 4;\n}\n\n.rf-col-span-full {\n grid-column: 1 / -1;\n}\n\n.rf-col-start-1 {\n grid-column-start: 1;\n}\n\n.rf-col-start-3 {\n grid-column-start: 3;\n}\n\n.rf-col-start-4 {\n grid-column-start: 4;\n}\n\n.rf-col-start-5 {\n grid-column-start: 5;\n}\n\n.rf-col-end-13 {\n grid-column-end: 13;\n}\n\n.rf-col-end-2 {\n grid-column-end: 2;\n}\n\n.rf-col-end-9 {\n grid-column-end: 9;\n}\n\n.rf-row-span-1 {\n grid-row: span 1 / span 1;\n}\n\n.rf-row-span-2 {\n grid-row: span 2 / span 2;\n}\n\n.rf-row-span-full {\n grid-row: 1 / -1;\n}\n\n.rf-row-start-1 {\n grid-row-start: 1;\n}\n\n.rf-row-start-12 {\n grid-row-start: 12;\n}\n\n.rf-row-end-13 {\n grid-row-end: 13;\n}\n\n.rf-row-end-3 {\n grid-row-end: 3;\n}\n\n.rf-float-right {\n float: right;\n}\n\n.rf-m-0 {\n margin: 0;\n}\n\n.rf-m-4 {\n margin: 1rem;\n}\n\n.rf-m-auto {\n margin: auto;\n}\n\n.-rf-mx-6 {\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n}\n\n.-rf-mx-8 {\n margin-left: -2rem;\n margin-right: -2rem;\n}\n\n.rf-mx-0 {\n margin-left: 0;\n margin-right: 0;\n}\n\n.rf-mx-2 {\n margin-left: .5rem;\n margin-right: .5rem;\n}\n\n.rf-mx-3 {\n margin-left: .75rem;\n margin-right: .75rem;\n}\n\n.rf-mx-4 {\n margin-left: 1rem;\n margin-right: 1rem;\n}\n\n.rf-mx-8 {\n margin-left: 2rem;\n margin-right: 2rem;\n}\n\n.rf-mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n\n.rf-my-1 {\n margin-top: .25rem;\n margin-bottom: .25rem;\n}\n\n.rf-my-2 {\n margin-top: .5rem;\n margin-bottom: .5rem;\n}\n\n.rf-my-4 {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n\n.rf-my-auto {\n margin-top: auto;\n margin-bottom: auto;\n}\n\n.-rf-mb-4 {\n margin-bottom: -1rem;\n}\n\n.rf-mb-0 {\n margin-bottom: 0;\n}\n\n.rf-mb-1 {\n margin-bottom: .25rem;\n}\n\n.rf-mb-12 {\n margin-bottom: 3rem;\n}\n\n.rf-mb-16 {\n margin-bottom: 4rem;\n}\n\n.rf-mb-2 {\n margin-bottom: .5rem;\n}\n\n.rf-mb-26 {\n margin-bottom: 6.5rem;\n}\n\n.rf-mb-28 {\n margin-bottom: 7rem;\n}\n\n.rf-mb-3 {\n margin-bottom: .75rem;\n}\n\n.rf-mb-30 {\n margin-bottom: 7.5rem;\n}\n\n.rf-mb-4 {\n margin-bottom: 1rem;\n}\n\n.rf-mb-5 {\n margin-bottom: 1.25rem;\n}\n\n.rf-mb-6 {\n margin-bottom: 1.5rem;\n}\n\n.rf-mb-8 {\n margin-bottom: 2rem;\n}\n\n.rf-ml-1 {\n margin-left: .25rem;\n}\n\n.rf-ml-2 {\n margin-left: .5rem;\n}\n\n.rf-ml-4 {\n margin-left: 1rem;\n}\n\n.rf-ml-6 {\n margin-left: 1.5rem;\n}\n\n.rf-mr-1 {\n margin-right: .25rem;\n}\n\n.rf-mr-2 {\n margin-right: .5rem;\n}\n\n.rf-mr-3 {\n margin-right: .75rem;\n}\n\n.rf-mr-4 {\n margin-right: 1rem;\n}\n\n.rf-mr-5 {\n margin-right: 1.25rem;\n}\n\n.rf-mt-1 {\n margin-top: .25rem;\n}\n\n.rf-mt-10 {\n margin-top: 2.5rem;\n}\n\n.rf-mt-2 {\n margin-top: .5rem;\n}\n\n.rf-mt-4 {\n margin-top: 1rem;\n}\n\n.rf-mt-5 {\n margin-top: 1.25rem;\n}\n\n.rf-mt-8 {\n margin-top: 2rem;\n}\n\n.rf-mt-\\[0\\.2rem\\] {\n margin-top: .2rem;\n}\n\n.rf-mt-auto {\n margin-top: auto;\n}\n\n.rf-box-border {\n box-sizing: border-box;\n}\n\n.rf-line-clamp-1 {\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-2 {\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-inline {\n display: inline;\n}\n\n.rf-flex {\n display: flex;\n}\n\n.rf-grid {\n display: grid;\n}\n\n.rf-hidden {\n display: none;\n}\n\n.rf-aspect-\\[4\\/3\\] {\n aspect-ratio: 4 / 3;\n}\n\n.rf-aspect-square {\n aspect-ratio: 1;\n}\n\n.rf-aspect-video {\n aspect-ratio: 16 / 9;\n}\n\n.rf-h-0 {\n height: 0;\n}\n\n.rf-h-1\\/2 {\n height: 50%;\n}\n\n.rf-h-1\\/3 {\n height: 33.3333%;\n}\n\n.rf-h-10 {\n height: 2.5rem;\n}\n\n.rf-h-12 {\n height: 3rem;\n}\n\n.rf-h-14 {\n height: 3.5rem;\n}\n\n.rf-h-16 {\n height: 4rem;\n}\n\n.rf-h-18 {\n height: 4.5rem;\n}\n\n.rf-h-2 {\n height: .5rem;\n}\n\n.rf-h-2\\/3 {\n height: 66.6667%;\n}\n\n.rf-h-2\\/5 {\n height: 40%;\n}\n\n.rf-h-24 {\n height: 6rem;\n}\n\n.rf-h-3 {\n height: .75rem;\n}\n\n.rf-h-3\\/10 {\n height: 30%;\n}\n\n.rf-h-32 {\n height: 8rem;\n}\n\n.rf-h-36 {\n height: 9rem;\n}\n\n.rf-h-4 {\n height: 1rem;\n}\n\n.rf-h-48 {\n height: 12rem;\n}\n\n.rf-h-5 {\n height: 1.25rem;\n}\n\n.rf-h-6 {\n height: 1.5rem;\n}\n\n.rf-h-7 {\n height: 1.75rem;\n}\n\n.rf-h-8 {\n height: 2rem;\n}\n\n.rf-h-9 {\n height: 2.25rem;\n}\n\n.rf-h-\\[0\\.875rem\\] {\n height: .875rem;\n}\n\n.rf-h-\\[1\\.25rem\\] {\n height: 1.25rem;\n}\n\n.rf-h-\\[35\\%\\] {\n height: 35%;\n}\n\n.rf-h-\\[50\\%\\] {\n height: 50%;\n}\n\n.rf-h-\\[calc\\(50vw-3rem\\)\\] {\n height: calc(50vw - 3rem);\n}\n\n.rf-h-fit {\n height: fit-content;\n}\n\n.rf-h-full {\n height: 100%;\n}\n\n.rf-h-max {\n height: max-content;\n}\n\n.rf-h-screen {\n height: 100vh;\n}\n\n.rf-max-h-12 {\n max-height: 3rem;\n}\n\n.rf-max-h-16 {\n max-height: 4rem;\n}\n\n.rf-max-h-20 {\n max-height: 5rem;\n}\n\n.rf-max-h-28 {\n max-height: 7rem;\n}\n\n.rf-max-h-4\\/5 {\n max-height: 80%;\n}\n\n.rf-max-h-48 {\n max-height: 12rem;\n}\n\n.rf-max-h-6 {\n max-height: 1.5rem;\n}\n\n.rf-max-h-8 {\n max-height: 2rem;\n}\n\n.rf-max-h-80 {\n max-height: 20rem;\n}\n\n.rf-max-h-full {\n max-height: 100%;\n}\n\n.rf-max-h-qrcode {\n max-height: 120px;\n}\n\n.rf-max-h-qrcodelarge {\n max-height: 200px;\n}\n\n.rf-max-h-screen {\n max-height: 100vh;\n}\n\n.rf-min-h-12 {\n min-height: 3rem;\n}\n\n.rf-min-h-14 {\n min-height: 3.5rem;\n}\n\n.rf-min-h-16 {\n min-height: 4rem;\n}\n\n.rf-min-h-2\\/5 {\n min-height: 40%;\n}\n\n.rf-min-h-6 {\n min-height: 1.5rem;\n}\n\n.rf-min-h-8 {\n min-height: 2rem;\n}\n\n.rf-min-h-9 {\n min-height: 2.25rem;\n}\n\n.rf-min-h-fit {\n min-height: fit-content;\n}\n\n.rf-min-h-full {\n min-height: 100%;\n}\n\n.rf-min-h-inherit {\n min-height: inherit;\n}\n\n.rf-w-0 {\n width: 0;\n}\n\n.rf-w-1\\/2 {\n width: 50%;\n}\n\n.rf-w-1\\/3 {\n width: 33.3333%;\n}\n\n.rf-w-1\\/4 {\n width: 25%;\n}\n\n.rf-w-10 {\n width: 2.5rem;\n}\n\n.rf-w-12 {\n width: 3rem;\n}\n\n.rf-w-16 {\n width: 4rem;\n}\n\n.rf-w-18 {\n width: 4.5rem;\n}\n\n.rf-w-2 {\n width: .5rem;\n}\n\n.rf-w-2\\/3 {\n width: 66.6667%;\n}\n\n.rf-w-20 {\n width: 5rem;\n}\n\n.rf-w-24 {\n width: 6rem;\n}\n\n.rf-w-3 {\n width: .75rem;\n}\n\n.rf-w-3\\/20 {\n width: 15%;\n}\n\n.rf-w-3\\/4 {\n width: 75%;\n}\n\n.rf-w-3\\/5 {\n width: 60%;\n}\n\n.rf-w-32 {\n width: 8rem;\n}\n\n.rf-w-36 {\n width: 9rem;\n}\n\n.rf-w-4 {\n width: 1rem;\n}\n\n.rf-w-48 {\n width: 12rem;\n}\n\n.rf-w-5 {\n width: 1.25rem;\n}\n\n.rf-w-6 {\n width: 1.5rem;\n}\n\n.rf-w-7 {\n width: 1.75rem;\n}\n\n.rf-w-8 {\n width: 2rem;\n}\n\n.rf-w-9 {\n width: 2.25rem;\n}\n\n.rf-w-\\[45\\%\\] {\n width: 45%;\n}\n\n.rf-w-\\[90\\%\\] {\n width: 90%;\n}\n\n.rf-w-\\[calc\\(100\\%-4rem\\)\\] {\n width: calc(100% - 4rem);\n}\n\n.rf-w-fit {\n width: fit-content;\n}\n\n.rf-w-full {\n width: 100%;\n}\n\n.rf-w-max {\n width: max-content;\n}\n\n.rf-w-screen {\n width: 100vw;\n}\n\n.rf-min-w-12 {\n min-width: 3rem;\n}\n\n.rf-min-w-24 {\n min-width: 6rem;\n}\n\n.rf-min-w-3\\/20 {\n min-width: 15%;\n}\n\n.rf-min-w-6 {\n min-width: 1.5rem;\n}\n\n.rf-min-w-7 {\n min-width: 1.75rem;\n}\n\n.rf-min-w-\\[45\\%\\] {\n min-width: 45%;\n}\n\n.rf-min-w-full {\n min-width: 100%;\n}\n\n.rf-max-w-1\\/2 {\n max-width: 50%;\n}\n\n.rf-max-w-16 {\n max-width: 4rem;\n}\n\n.rf-max-w-3\\/20 {\n max-width: 15%;\n}\n\n.rf-max-w-6 {\n max-width: 1.5rem;\n}\n\n.rf-max-w-7\\/10 {\n max-width: 70%;\n}\n\n.rf-max-w-\\[100vw\\] {\n max-width: 100vw;\n}\n\n.rf-max-w-\\[45\\%\\] {\n max-width: 45%;\n}\n\n.rf-max-w-\\[500px\\] {\n max-width: 500px;\n}\n\n.rf-max-w-\\[75\\%\\] {\n max-width: 75%;\n}\n\n.rf-max-w-\\[calc\\(100\\%-2rem\\)\\] {\n max-width: calc(100% - 2rem);\n}\n\n.rf-max-w-full {\n max-width: 100%;\n}\n\n.rf-max-w-none {\n max-width: none;\n}\n\n.rf-flex-1 {\n flex: 1;\n}\n\n.rf-flex-\\[0_0_40\\%\\] {\n flex: 0 0 40%;\n}\n\n.rf-flex-\\[2_1_0\\%\\] {\n flex: 2;\n}\n\n.rf-flex-\\[4_1_0\\%\\] {\n flex: 4;\n}\n\n.rf-border-collapse {\n border-collapse: collapse;\n}\n\n.rf-origin-center {\n transform-origin: center;\n}\n\n.-rf-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-rf-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-rf-translate-y-full {\n --tw-translate-y: -100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf--translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-translate-x-1 {\n --tw-translate-x: .25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-translate-x-5 {\n --tw-translate-x: 1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-0 {\n --tw-rotate: 0deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-rotate-180 {\n --tw-rotate: 180deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-scale-0 {\n --tw-scale-x: 0;\n --tw-scale-y: 0;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes rf-blink {\n 0%, 100% {\n opacity: .2;\n }\n\n 50% {\n opacity: 1;\n }\n}\n\n.rf-animate-blink {\n animation: 1.4s infinite both rf-blink;\n}\n\n@keyframes rf-fadeIn {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n.rf-animate-fadeIn {\n animation: .5s .2s backwards rf-fadeIn;\n}\n\n@keyframes rf-hScroll {\n 0% {\n transform: translateX(0);\n }\n\n 100% {\n transform: translateX(calc(-100% - 2rem));\n }\n}\n\n.rf-animate-hScroll {\n animation: 20s linear infinite rf-hScroll;\n}\n\n@keyframes rf-loader {\n 0% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n\n 40% {\n box-shadow: 0 1.5rem 0 -.3rem var(--rf-color-loader-animation);\n }\n\n 80% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n\n 100% {\n box-shadow: 0 1.5rem 0 -1.5rem var(--rf-color-loader-animation);\n }\n}\n\n.rf-animate-loader {\n animation: 1.8s ease-in-out -.16s infinite both rf-loader;\n}\n\n.rf-animate-loaderFadeIn {\n animation: 2s rf-fadeIn;\n}\n\n@keyframes rf-fadeOut {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n.rf-animate-loaderFadeOut {\n animation: 1s rf-fadeOut;\n}\n\n@keyframes rf-loaderMedium {\n 0% {\n box-shadow: 0 .75rem 0 -.75rem var(--rf-color-loader-animation);\n }\n\n 40% {\n box-shadow: 0 .75rem 0 -.25rem var(--rf-color-loader-animation);\n }\n\n 80% {\n box-shadow: 0 .75rem 0 -.75rem var(--rf-color-loader-animation);\n }\n\n 100% {\n box-shadow: 0 .75rem 0 -.75rem var(--rf-color-loader-animation);\n }\n}\n\n.rf-animate-loaderMedium {\n animation: 1.8s ease-in-out -.16s infinite both rf-loaderMedium;\n}\n\n@keyframes rf-loaderMini {\n 0% {\n box-shadow: 0 .5rem 0 -.5rem var(--rf-color-loader-animation);\n }\n\n 40% {\n box-shadow: 0 .5rem 0 -.1rem var(--rf-color-loader-animation);\n }\n\n 80% {\n box-shadow: 0 .5rem 0 -.5rem var(--rf-color-loader-animation);\n }\n\n 100% {\n box-shadow: 0 .5rem 0 -.5rem var(--rf-color-loader-animation);\n }\n}\n\n.rf-animate-loaderMini {\n animation: 1.8s ease-in-out -.16s infinite both rf-loaderMini;\n}\n\n@keyframes rf-slideBottom {\n 0% {\n opacity: 0;\n transform: translateX(0)translateY(20px);\n }\n\n 100% {\n opacity: 1;\n transform: translateX(0)translateY(0);\n }\n}\n\n.rf-animate-slideBottom {\n animation: .5s .2s backwards rf-slideBottom;\n}\n\n@keyframes rf-spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n.rf-animate-spin {\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-cursor-pointer {\n cursor: pointer;\n}\n\n.rf-select-none {\n user-select: none;\n}\n\n.rf-resize-none {\n resize: none;\n}\n\n.rf-scroll-pb-4 {\n scroll-padding-bottom: 1rem;\n}\n\n.rf-grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n\n.rf-grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.rf-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.rf-grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.rf-grid-cols-6 {\n grid-template-columns: repeat(6, minmax(0, 1fr));\n}\n\n.rf-grid-cols-7 {\n grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n\n.rf-grid-cols-8 {\n grid-template-columns: repeat(8, minmax(0, 1fr));\n}\n\n.rf-grid-cols-\\[repeat\\(2\\,30\\%\\)\\] {\n grid-template-columns: repeat(2, 30%);\n}\n\n.rf-grid-cols-\\[repeat\\(2\\,45\\%\\)\\] {\n grid-template-columns: repeat(2, 45%);\n}\n\n.rf-grid-cols-\\[repeat\\(3\\,31\\%\\)\\] {\n grid-template-columns: repeat(3, 31%);\n}\n\n.rf-grid-cols-headerContainer {\n grid-template-columns: 5rem 1rem 1fr 1fr;\n}\n\n.rf-grid-cols-printingPreview {\n grid-template-columns: minmax(0, 1fr) 3rem;\n}\n\n.rf-grid-cols-routes {\n grid-template-columns: repeat(3, max-content);\n}\n\n.rf-grid-rows-1 {\n grid-template-rows: repeat(1, minmax(0, 1fr));\n}\n\n.rf-grid-rows-2 {\n grid-template-rows: repeat(2, minmax(0, 1fr));\n}\n\n.rf-grid-rows-3 {\n grid-template-rows: repeat(3, minmax(0, 1fr));\n}\n\n.rf-grid-rows-4 {\n grid-template-rows: repeat(4, minmax(0, 1fr));\n}\n\n.rf-grid-rows-5 {\n grid-template-rows: repeat(5, minmax(0, 1fr));\n}\n\n.rf-grid-rows-container {\n grid-template-rows: repeat(12, minmax(0, 1fr));\n}\n\n.rf-grid-rows-headerContainer {\n grid-template-rows: repeat(2, minmax(0, 1fr));\n}\n\n.rf-flex-row {\n flex-direction: row;\n}\n\n.rf-flex-col {\n flex-direction: column;\n}\n\n.rf-flex-col-reverse {\n flex-direction: column-reverse;\n}\n\n.rf-flex-wrap {\n flex-wrap: wrap;\n}\n\n.rf-flex-nowrap {\n flex-wrap: nowrap;\n}\n\n.rf-content-around {\n align-content: space-around;\n}\n\n.rf-items-start {\n align-items: flex-start;\n}\n\n.rf-items-end {\n align-items: flex-end;\n}\n\n.rf-items-center {\n align-items: center;\n}\n\n.rf-justify-start {\n justify-content: flex-start;\n}\n\n.rf-justify-end {\n justify-content: flex-end;\n}\n\n.rf-justify-center {\n justify-content: center;\n}\n\n.rf-justify-between {\n justify-content: space-between;\n}\n\n.rf-justify-around {\n justify-content: space-around;\n}\n\n.rf-justify-evenly {\n justify-content: space-evenly;\n}\n\n.rf-gap-1 {\n gap: .25rem;\n}\n\n.rf-gap-12 {\n gap: 3rem;\n}\n\n.rf-gap-2 {\n gap: .5rem;\n}\n\n.rf-gap-3 {\n gap: .75rem;\n}\n\n.rf-gap-4 {\n gap: 1rem;\n}\n\n.rf-gap-5 {\n gap: 1.25rem;\n}\n\n.rf-gap-6 {\n gap: 1.5rem;\n}\n\n.rf-gap-8 {\n gap: 2rem;\n}\n\n.rf-gap-9 {\n gap: 2.25rem;\n}\n\n.rf-gap-\\[10\\%\\] {\n gap: 10%;\n}\n\n.rf-gap-x-\\[3\\.5\\%\\] {\n column-gap: 3.5%;\n}\n\n.rf-divide-x > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-x-reverse: 0;\n border-right-width: calc(1px * var(--tw-divide-x-reverse));\n border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));\n}\n\n.rf-self-auto {\n align-self: auto;\n}\n\n.rf-self-start {\n align-self: flex-start;\n}\n\n.rf-self-end {\n align-self: flex-end;\n}\n\n.rf-self-center {\n align-self: center;\n}\n\n.rf-justify-self-start {\n justify-self: start;\n}\n\n.rf-justify-self-end {\n justify-self: end;\n}\n\n.rf-justify-self-center {\n justify-self: center;\n}\n\n.rf-overflow-hidden {\n overflow: hidden;\n}\n\n.rf-overflow-clip {\n overflow: clip;\n}\n\n.rf-overflow-y-auto {\n overflow-y: auto;\n}\n\n.rf-overflow-x-hidden {\n overflow-x: hidden;\n}\n\n.rf-overflow-y-hidden {\n overflow-y: hidden;\n}\n\n.rf-overflow-y-clip {\n overflow-y: clip;\n}\n\n.rf-overflow-x-visible {\n overflow-x: visible;\n}\n\n.rf-overflow-y-visible {\n overflow-y: visible;\n}\n\n.rf-overflow-x-scroll {\n overflow-x: scroll;\n}\n\n.rf-overflow-y-scroll {\n overflow-y: scroll;\n}\n\n.rf-truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.rf-whitespace-nowrap {\n white-space: nowrap;\n}\n\n.rf-whitespace-break-spaces {\n white-space: break-spaces;\n}\n\n.rf-rounded {\n border-radius: .3125rem;\n}\n\n.rf-rounded-6 {\n border-radius: 1.5rem;\n}\n\n.rf-rounded-8 {\n border-radius: 2rem;\n}\n\n.rf-rounded-\\[20px\\] {\n border-radius: 20px;\n}\n\n.rf-rounded-half {\n border-radius: 50%;\n}\n\n.rf-rounded-lg {\n border-radius: .5rem;\n}\n\n.rf-rounded-max {\n border-radius: 100%;\n}\n\n.rf-rounded-b {\n border-bottom-right-radius: .3125rem;\n border-bottom-left-radius: .3125rem;\n}\n\n.rf-rounded-b-4 {\n border-bottom-right-radius: 1rem;\n border-bottom-left-radius: 1rem;\n}\n\n.rf-rounded-b-lg {\n border-bottom-right-radius: .5rem;\n border-bottom-left-radius: .5rem;\n}\n\n.rf-rounded-l-lg {\n border-top-left-radius: .5rem;\n border-bottom-left-radius: .5rem;\n}\n\n.rf-rounded-t-lg {\n border-top-left-radius: .5rem;\n border-top-right-radius: .5rem;\n}\n\n.rf-rounded-tl-4 {\n border-top-left-radius: 1rem;\n}\n\n.rf-rounded-tr-4 {\n border-top-right-radius: 1rem;\n}\n\n.rf-border {\n border-width: 1px;\n}\n\n.rf-border-0 {\n border-width: 0;\n}\n\n.rf-border-2 {\n border-width: 2px;\n}\n\n.rf-border-y {\n border-top-width: 1px;\n border-bottom-width: 1px;\n}\n\n.rf-border-b {\n border-bottom-width: 1px;\n}\n\n.rf-border-b-2 {\n border-bottom-width: 2px;\n}\n\n.rf-border-l {\n border-left-width: 1px;\n}\n\n.rf-border-r {\n border-right-width: 1px;\n}\n\n.rf-border-t {\n border-top-width: 1px;\n}\n\n.rf-border-t-0 {\n border-top-width: 0;\n}\n\n.rf-border-none {\n border-style: none;\n}\n\n.rf-border-\\[\\#00000029\\] {\n border-color: #00000029;\n}\n\n.rf-border-\\[\\#1999B1\\] {\n --tw-border-opacity: 1;\n border-color: rgb(25 153 177 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#707070\\] {\n --tw-border-opacity: 1;\n border-color: rgb(112 112 112 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#8B8888\\] {\n --tw-border-opacity: 1;\n border-color: rgb(139 136 136 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#9FA2AA\\] {\n --tw-border-opacity: 1;\n border-color: rgb(159 162 170 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#C7C6C6\\] {\n --tw-border-opacity: 1;\n border-color: rgb(199 198 198 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-\\[\\#F0F0F0\\] {\n --tw-border-opacity: 1;\n border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-black {\n border-color: var(--rf-color-black);\n}\n\n.rf-border-cardButtonBorderDefault {\n border-color: var(--rf-color-cardButtonBorderDefault);\n}\n\n.rf-border-cardButtonBorderHover {\n border-color: var(--rf-color-cardButtonBorderHover);\n}\n\n.rf-border-cardFrameBorder {\n border-color: var(--rf-color-cardFrameBorder);\n}\n\n.rf-border-formInputButtonBorderDefault {\n border-color: var(--rf-color-formInputButtonBorderDefault);\n}\n\n.rf-border-formInputButtonBorderHover {\n border-color: var(--rf-color-formInputButtonBorderHover);\n}\n\n.rf-border-formInputRadioCheckboxCheckedBorder {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n}\n\n.rf-border-formInputRadioCheckboxUncheckedBorder {\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n}\n\n.rf-border-gray {\n --tw-border-opacity: 1;\n border-color: rgb(128 128 128 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-lightgray {\n --tw-border-opacity: 1;\n border-color: rgb(129 129 129 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-menuBorder {\n --tw-border-opacity: 1;\n border-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-primary {\n border-color: var(--rf-color-primary);\n}\n\n.rf-border-secondary {\n border-color: var(--rf-color-secondary);\n}\n\n.rf-border-templateCheckboxBorder {\n --tw-border-opacity: 1;\n border-color: rgb(112 112 112 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-textBoxBorder {\n --tw-border-opacity: 1;\n border-color: rgb(190 190 190 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-textModePanelBackgroundBot {\n border-color: var(--rf-color-textModePanelBackgroundBot);\n}\n\n.rf-border-textModePanelBackgroundUser {\n border-color: var(--rf-color-textModePanelBackgroundUser);\n}\n\n.rf-border-trueblack {\n --tw-border-opacity: 1;\n border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-truewhite {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-x-primary {\n border-left-color: var(--rf-color-primary);\n border-right-color: var(--rf-color-primary);\n}\n\n.rf-border-y-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-b-\\[\\#C4C5C8\\] {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(196 197 200 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-b-black {\n border-bottom-color: var(--rf-color-black);\n}\n\n.rf-border-b-menuBorder {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-b-silver {\n --tw-border-opacity: 1;\n border-bottom-color: rgb(192 192 192 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-b-transparent {\n border-bottom-color: #0000;\n}\n\n.rf-border-l-menuBorder {\n --tw-border-opacity: 1;\n border-left-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-r-\\[\\#8B8888\\] {\n --tw-border-opacity: 1;\n border-right-color: rgb(139 136 136 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-r-silver {\n --tw-border-opacity: 1;\n border-right-color: rgb(192 192 192 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-t-\\[\\#8B8888\\] {\n --tw-border-opacity: 1;\n border-top-color: rgb(139 136 136 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-t-\\[\\#CBC9C9\\] {\n --tw-border-opacity: 1;\n border-top-color: rgb(203 201 201 / var(--tw-border-opacity, 1));\n}\n\n.rf-border-t-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n.rf-bg-\\[\\#00000050\\] {\n background-color: #00000050;\n}\n\n.rf-bg-\\[\\#000000B3\\] {\n background-color: #000000b3;\n}\n\n.rf-bg-\\[\\#121212F2\\] {\n background-color: #121212f2;\n}\n\n.rf-bg-\\[\\#1999B1\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(25 153 177 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-\\[\\#F0F0F0\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-\\[\\#F8F8F8\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-black {\n background-color: var(--rf-color-black);\n}\n\n.rf-bg-blue-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-cardButtonBackgroundDefault {\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n}\n\n.rf-bg-cardButtonBackgroundHover {\n background-color: var(--rf-color-cardButtonBackgroundHover);\n}\n\n.rf-bg-cardFrameBackground {\n background-color: var(--rf-color-cardFrameBackground);\n}\n\n.rf-bg-formInputButtonBackgroundDefault {\n background-color: var(--rf-color-formInputButtonBackgroundDefault);\n}\n\n.rf-bg-formInputButtonBackgroundHover {\n background-color: var(--rf-color-formInputButtonBackgroundHover);\n}\n\n.rf-bg-formInputRadioCheckboxUncheckedBackground {\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n}\n\n.rf-bg-gray {\n --tw-bg-opacity: 1;\n background-color: rgb(128 128 128 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-primary {\n background-color: var(--rf-color-primary);\n}\n\n.rf-bg-red-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-secondary {\n background-color: var(--rf-color-secondary);\n}\n\n.rf-bg-silver {\n --tw-bg-opacity: 1;\n background-color: rgb(192 192 192 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-templateBackground {\n --tw-bg-opacity: 1;\n background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-templateEmptyCard {\n --tw-bg-opacity: 1;\n background-color: rgb(232 231 231 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-textModePanelBackgroundBot {\n background-color: var(--rf-color-textModePanelBackgroundBot);\n}\n\n.rf-bg-textModePanelBackgroundUser {\n background-color: var(--rf-color-textModePanelBackgroundUser);\n}\n\n.rf-bg-transparent {\n background-color: #0000;\n}\n\n.rf-bg-truewhite {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-vocalModeSubtitlesBackground {\n background-color: var(--rf-color-vocalModeSubtitlesBackground);\n}\n\n.rf-bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(247 243 246 / var(--tw-bg-opacity, 1));\n}\n\n.rf-bg-opacity-30 {\n --tw-bg-opacity: .3;\n}\n\n.rf-bg-opacity-50 {\n --tw-bg-opacity: .5;\n}\n\n.rf-bg-opacity-80 {\n --tw-bg-opacity: .8;\n}\n\n.rf-object-cover {\n object-fit: cover;\n}\n\n.rf-p-0 {\n padding: 0;\n}\n\n.rf-p-1 {\n padding: .25rem;\n}\n\n.rf-p-2 {\n padding: .5rem;\n}\n\n.rf-p-3 {\n padding: .75rem;\n}\n\n.rf-p-4 {\n padding: 1rem;\n}\n\n.rf-p-\\[25px\\] {\n padding: 25px;\n}\n\n.rf-p-\\[7px_12px\\] {\n padding: 7px 12px;\n}\n\n.rf-px-1 {\n padding-left: .25rem;\n padding-right: .25rem;\n}\n\n.rf-px-16 {\n padding-left: 4rem;\n padding-right: 4rem;\n}\n\n.rf-px-2 {\n padding-left: .5rem;\n padding-right: .5rem;\n}\n\n.rf-px-3 {\n padding-left: .75rem;\n padding-right: .75rem;\n}\n\n.rf-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.rf-px-48 {\n padding-left: 12rem;\n padding-right: 12rem;\n}\n\n.rf-px-5, .rf-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.rf-px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n.rf-py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n.rf-py-12 {\n padding-top: 3rem;\n padding-bottom: 3rem;\n}\n\n.rf-py-16 {\n padding-top: 4rem;\n padding-bottom: 4rem;\n}\n\n.rf-py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n.rf-py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n.rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.rf-py-6 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.rf-py-8 {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.rf-pb-10 {\n padding-bottom: 2.5rem;\n}\n\n.rf-pb-12 {\n padding-bottom: 3rem;\n}\n\n.rf-pb-14 {\n padding-bottom: 3.5rem;\n}\n\n.rf-pb-2 {\n padding-bottom: .5rem;\n}\n\n.rf-pb-24 {\n padding-bottom: 6rem;\n}\n\n.rf-pb-3 {\n padding-bottom: .75rem;\n}\n\n.rf-pb-4 {\n padding-bottom: 1rem;\n}\n\n.rf-pb-5, .rf-pb-6 {\n padding-bottom: 1.5rem;\n}\n\n.rf-pb-8 {\n padding-bottom: 2rem;\n}\n\n.rf-pb-\\[15vh\\] {\n padding-bottom: 15vh;\n}\n\n.rf-pl-0 {\n padding-left: 0;\n}\n\n.rf-pl-1 {\n padding-left: .25rem;\n}\n\n.rf-pl-2 {\n padding-left: .5rem;\n}\n\n.rf-pl-4 {\n padding-left: 1rem;\n}\n\n.rf-pl-6 {\n padding-left: 1.5rem;\n}\n\n.rf-pl-8 {\n padding-left: 2rem;\n}\n\n.rf-pr-1 {\n padding-right: .25rem;\n}\n\n.rf-pr-2 {\n padding-right: .5rem;\n}\n\n.rf-pr-4 {\n padding-right: 1rem;\n}\n\n.rf-pr-6 {\n padding-right: 1.5rem;\n}\n\n.rf-pt-1 {\n padding-top: .25rem;\n}\n\n.rf-pt-11\\/20 {\n padding-top: 55%;\n}\n\n.rf-pt-12 {\n padding-top: 3rem;\n}\n\n.rf-pt-14 {\n padding-top: 3.5rem;\n}\n\n.rf-pt-2 {\n padding-top: .5rem;\n}\n\n.rf-pt-24 {\n padding-top: 6rem;\n}\n\n.rf-pt-3 {\n padding-top: .75rem;\n}\n\n.rf-pt-4 {\n padding-top: 1rem;\n}\n\n.rf-pt-40 {\n padding-top: 10rem;\n}\n\n.rf-pt-6 {\n padding-top: 1.5rem;\n}\n\n.rf-pt-8 {\n padding-top: 2rem;\n}\n\n.rf-pt-\\[25vh\\] {\n padding-top: 25vh;\n}\n\n.rf-pt-\\[26vh\\] {\n padding-top: 26vh;\n}\n\n.rf-text-left {\n text-align: left;\n}\n\n.rf-text-center {\n text-align: center;\n}\n\n.rf-text-right {\n text-align: right;\n}\n\n.rf-text-justify {\n text-align: justify;\n}\n\n.rf-font-default {\n font-family: Calibri, sans-serif;\n}\n\n.rf-text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.rf-text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n.rf-text-4xl {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-text-5xl {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-text-6xl {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-text-7xl {\n font-size: 4.5rem;\n line-height: 1;\n}\n\n.rf-text-8xl {\n font-size: 6rem;\n line-height: 1;\n}\n\n.rf-text-\\[0\\.5rem\\] {\n font-size: .5rem;\n}\n\n.rf-text-arabic {\n font-size: 1.125rem;\n line-height: 1.15rem;\n}\n\n.rf-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.rf-text-basecustom {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n.rf-text-lgcustom {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-text-sm {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n.rf-text-sm\\/4 {\n font-size: .875rem;\n line-height: 1rem;\n}\n\n.rf-text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n.rf-text-xs {\n font-size: .75rem;\n line-height: 1rem;\n}\n\n.rf-text-xsl {\n font-size: .7rem;\n line-height: 1rem;\n}\n\n.rf-text-xsm {\n font-size: .6rem;\n}\n\n.rf-font-bold {\n font-weight: 600;\n}\n\n.rf-font-light {\n font-weight: 200;\n}\n\n.rf-font-medium {\n font-weight: 300;\n}\n\n.rf-font-semibold {\n font-weight: 400;\n}\n\n.rf-uppercase {\n text-transform: uppercase;\n}\n\n.rf-capitalize {\n text-transform: capitalize;\n}\n\n.rf-normal-case {\n text-transform: none;\n}\n\n.rf-italic {\n font-style: italic;\n}\n\n.rf-leading-4 {\n line-height: 1rem;\n}\n\n.rf-text-\\[\\#1999B1\\] {\n --tw-text-opacity: 1;\n color: rgb(25 153 177 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-\\[\\#575F6B\\] {\n --tw-text-opacity: 1;\n color: rgb(87 95 107 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-\\[\\#9A9A9A\\] {\n --tw-text-opacity: 1;\n color: rgb(154 154 154 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-\\[\\#A4A7AF\\] {\n --tw-text-opacity: 1;\n color: rgb(164 167 175 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-black {\n color: var(--rf-color-black);\n}\n\n.rf-text-cardButtonTextDefault {\n color: var(--rf-color-cardButtonTextDefault);\n}\n\n.rf-text-cardFrameText {\n color: var(--rf-color-cardFrameText);\n}\n\n.rf-text-formInputButtonTextDefault {\n color: var(--rf-color-formInputButtonTextDefault);\n}\n\n.rf-text-formInputButtonTextHover {\n color: var(--rf-color-formInputButtonTextHover);\n}\n\n.rf-text-formInputRadioCheckboxUncheckedBackground {\n color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n}\n\n.rf-text-formInputTextDefault {\n color: var(--rf-color-formInputTextDefault);\n}\n\n.rf-text-gray {\n --tw-text-opacity: 1;\n color: rgb(128 128 128 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-lightgray {\n --tw-text-opacity: 1;\n color: rgb(129 129 129 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-primary {\n color: var(--rf-color-primary);\n}\n\n.rf-text-secondary {\n color: var(--rf-color-secondary);\n}\n\n.rf-text-textModePanelConversationBot {\n color: var(--rf-color-textModePanelConversationBot);\n}\n\n.rf-text-textModePanelConversationUser {\n color: var(--rf-color-textModePanelConversationUser);\n}\n\n.rf-text-trueblack {\n --tw-text-opacity: 1;\n color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-truewhite {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n\n.rf-text-vocalModeSubtitlesText {\n color: var(--rf-color-vocalModeSubtitlesText);\n}\n\n.rf-text-white {\n --tw-text-opacity: 1;\n color: rgb(247 243 246 / var(--tw-text-opacity, 1));\n}\n\n.rf-underline {\n text-decoration-line: underline;\n}\n\n.rf-shadow-\\[-3px_-3px_10px_\\#00000099\\] {\n --tw-shadow: -3px -3px 10px #0009;\n --tw-shadow-colored: -3px -3px 10px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_15px_0_silver\\] {\n --tw-shadow: 0 0 15px 0 silver;\n --tw-shadow-colored: 0 0 15px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_20px_1px_\\#A4A7AF80\\] {\n --tw-shadow: 0 0 20px 1px #a4a7af80;\n --tw-shadow-colored: 0 0 20px 1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_0_3px_6px_\\#00000029\\] {\n --tw-shadow: 0 0 3px 6px #00000029;\n --tw-shadow-colored: 0 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#00000029\\] {\n --tw-shadow: 0 3px 6px #00000029;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_3px_6px_\\#606267\\] {\n --tw-shadow: 0 3px 6px #606267;\n --tw-shadow-colored: 0 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[0_6px_6px_\\#00000029\\] {\n --tw-shadow: 0 6px 6px #00000029;\n --tw-shadow-colored: 0 6px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[20px_3px_20px_\\#00000029\\] {\n --tw-shadow: 20px 3px 20px #00000029;\n --tw-shadow-colored: 20px 3px 20px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[3px_3px_16px_\\#00000029\\] {\n --tw-shadow: 3px 3px 16px #00000029;\n --tw-shadow-colored: 3px 3px 16px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[3px_3px_6px_\\#00000029\\] {\n --tw-shadow: 3px 3px 6px #00000029;\n --tw-shadow-colored: 3px 3px 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[inset_0_0_6px_\\#0000003B\\] {\n --tw-shadow: inset 0 0 6px #0000003b;\n --tw-shadow-colored: inset 0 0 6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-shadow-\\[inset_0_12px_12px_-12px_\\#00000029\\,inset_0_-12px_12px_-12px_\\#00000029\\] {\n --tw-shadow: inset 0 12px 12px -12px #00000029, inset 0 -12px 12px -12px #00000029;\n --tw-shadow-colored: inset 0 12px 12px -12px var(--tw-shadow-color), inset 0 -12px 12px -12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.rf-outline-none {\n outline-offset: 2px;\n outline: 2px solid #0000;\n}\n\n.rf-blur-background {\n --tw-blur: blur(var(--rf-blur-background));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.rf-filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.rf-transition-all {\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.rf-transition-transform {\n transition-property: transform;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.rf-text-shadow-black {\n text-shadow: 2px 0 5px #000, -2px 0 5px #000, 0 2px 5px #000, 0 -2px 5px #000;\n}\n\n.rf-capitalize-first:first-letter {\n text-transform: uppercase;\n}\n\nol {\n padding-left: 2rem;\n list-style-type: decimal;\n}\n\nul {\n padding-left: 2rem;\n list-style-type: disc;\n}\n\n#retorik-container.rf-portrait:not(.rf-large) .ac-image {\n max-width: 100px;\n}\n\n.rf-glass-background, #retorik-container.portrait .portrait\\:rf-glass-background {\n background-color: var(--rf-color-black);\n --tw-bg-opacity: .62;\n --tw-backdrop-blur: blur(8px);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n.rf-loader-bouncing-bot {\n aspect-ratio: 2;\n --_g: no-repeat radial-gradient(circle closest-side, var(--rf-color-textModePanelConversationBot) 90%, transparent);\n background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;\n background-size: 33.3333% 50%;\n}\n\n@keyframes rf-loaderBouncing {\n 20% {\n background-position: 0 0, 50%, 100%;\n }\n\n 40% {\n background-position: 0 100%, 50% 0, 100%;\n }\n\n 60% {\n background-position: 0%, 50% 100%, 100% 0;\n }\n\n 80% {\n background-position: 0%, 50%, 100% 100%;\n }\n}\n\n.rf-loader-bouncing-bot {\n animation: 1s linear infinite rf-loaderBouncing;\n}\n\n.rf-loader-bouncing-white {\n aspect-ratio: 2;\n --_g: no-repeat radial-gradient(circle closest-side, #fff 90%, transparent);\n background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;\n background-size: 33.3333% 50%;\n animation: 1s linear infinite rf-loaderBouncing;\n}\n\n@keyframes rf-loaderPulsation {\n 0% {\n transform: scale3d(1, 1, 1);\n }\n\n 50% {\n transform: scale3d(1.1, 1.1, 1);\n }\n\n 100% {\n transform: scale3d(1, 1, 1);\n }\n}\n\n.rf-loader-pulsation {\n animation: 2s cubic-bezier(.65, 0, .34, 1) infinite rf-loaderPulsation;\n}\n\n.rf-loader-pulsation:before {\n content: \"\";\n background-color: var(--rf-color-secondary);\n z-index: -1;\n border-radius: 50%;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n@keyframes rf-loaderRipple {\n 0% {\n opacity: 1;\n transform: scale3d(.75, .75, 1);\n }\n\n 100% {\n opacity: 0;\n transform: scale3d(1.5, 1.5, 1);\n }\n}\n\n.rf-loader-pulsation:before {\n animation: 2.4s cubic-bezier(.65, 0, .34, 1) .4s infinite rf-loaderRipple;\n}\n\n.rf-loader-pulsation:after {\n content: \"\";\n background-color: var(--rf-color-secondary);\n z-index: -1;\n border-radius: 50%;\n width: 100%;\n height: 100%;\n animation: 2.4s cubic-bezier(.65, 0, .34, 1) infinite rf-loaderRipple;\n position: absolute;\n}\n\n.rf-loader:before {\n content: \"\";\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n animation: 1.8s ease-in-out -.32s infinite both rf-loader;\n display: block;\n position: absolute;\n right: 1.5rem;\n}\n\n.rf-loader:after {\n content: \"\";\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n animation: 1.8s ease-in-out infinite both rf-loader;\n display: block;\n position: absolute;\n left: 1.5rem;\n}\n\n.rf-loader-medium:before {\n content: \"\";\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n animation: 1.8s ease-in-out -.32s infinite both rf-loaderMedium;\n display: block;\n position: absolute;\n right: 1rem;\n}\n\n.rf-loader-medium:after {\n content: \"\";\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n animation: 1.8s ease-in-out infinite both rf-loaderMedium;\n display: block;\n position: absolute;\n left: 1rem;\n}\n\n.rf-loader-mini:before {\n content: \"\";\n border-radius: 50%;\n width: .5rem;\n height: .5rem;\n animation: 1.8s ease-in-out -.32s infinite both rf-loaderMini;\n display: block;\n position: absolute;\n right: .5rem;\n}\n\n.rf-loader-mini:after {\n content: \"\";\n border-radius: 50%;\n width: .5rem;\n height: .5rem;\n animation: 1.8s ease-in-out infinite both rf-loaderMini;\n display: block;\n position: absolute;\n left: .5rem;\n}\n\n.rf-loader-microphone:before, .rf-loader-microphone:after {\n content: \"\";\n --tw-border-opacity: 1;\n border: 6px solid #0000;\n border-top-color: rgb(128 128 128 / var(--tw-border-opacity, 1));\n border-radius: 100%;\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.rf-loader-microphone:before {\n z-index: 2;\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-loader-microphone:after {\n --tw-border-opacity: 1;\n border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));\n}\n\n.rf-loader-microphone-primary:before, .rf-loader-microphone-primary:after {\n content: \"\";\n border: 6px solid #0000;\n border-top-color: var(--rf-color-primary);\n border-radius: 100%;\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.rf-loader-microphone-primary:before {\n z-index: 2;\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-loader-microphone-primary:after {\n --tw-border-opacity: 1;\n border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));\n}\n\n.rf-loader-microphone-secondary:before, .rf-loader-microphone-secondary:after {\n content: \"\";\n border: 6px solid #0000;\n border-top-color: var(--rf-color-secondary);\n border-radius: 100%;\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.rf-loader-microphone-secondary:before {\n z-index: 2;\n animation: 1s linear infinite rf-spin;\n}\n\n.rf-loader-microphone-secondary:after {\n --tw-border-opacity: 1;\n border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));\n}\n\n.rf-loader-counter {\n border-width: 8px;\n border-color: var(--rf-color-primary);\n border-radius: 50%;\n position: relative;\n}\n\n@keyframes rf-loaderCounter {\n 0% {\n clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n }\n\n 25% {\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n }\n\n 50% {\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\n }\n\n 75% {\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n }\n\n 100% {\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n }\n}\n\n.rf-loader-counter:before {\n border-width: 10px;\n border-color: var(--rf-color-cardFrameBackground);\n content: \"\";\n animation: rf-loaderCounter;\n animation-duration: var(--duration);\n border-radius: 50%;\n animation-timing-function: linear;\n position: absolute;\n inset: -9px;\n transform: rotate(45deg);\n}\n\n.rf-touch-action-none {\n touch-action: none;\n}\n\n.rf-unselectable {\n user-select: none;\n -webkit-touch-callout: none;\n}\n\n.rf-title-extralarge-bold-size-auto {\n font-size: 2.25rem;\n font-weight: 600;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-title-extralarge-bold-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-extralarge-bold-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-title-extralarge-size-auto {\n font-size: 2.25rem;\n font-weight: 400;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-title-extralarge-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-extralarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-title-large-size-auto {\n font-size: 1.5rem;\n font-weight: 400;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-large-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-large-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-title-large-bold-size-auto {\n font-size: 1.875rem;\n font-weight: 600;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large .rf-title-large-bold-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-large-bold-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n.rf-title-size-auto {\n font-size: 1.5rem;\n font-weight: 400;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-title-bold-size-auto {\n font-size: 1.5rem;\n font-weight: 600;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-title-bold-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-title-bold-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-subtitle-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-subtitle-size-auto {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-subtitle-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.rf-text-extralarge-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n#retorik-container.rf-large .rf-text-extralarge-size-auto {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-extralarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n.rf-text-verylarge-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-text-verylarge-size-auto {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-verylarge-size-auto {\n font-size: 4.5rem;\n line-height: 1;\n}\n\n.rf-text-large-size-auto {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n#retorik-container.rf-large .rf-text-large-size-auto {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-large-size-auto {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.rf-text-medium-size-auto {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large .rf-text-medium-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-text-size-auto {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-text-size-auto {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-text-size-auto {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-text-small-size-auto {\n font-size: .875rem;\n line-height: 1rem;\n}\n\n#retorik-container.rf-large .rf-text-small-size-auto {\n font-size: 1rem;\n line-height: 1.1rem;\n}\n\n.rf-text-extra-small-size-auto {\n font-size: .6rem;\n line-height: .75rem;\n}\n\n#retorik-container.rf-large .rf-text-extra-small-size-auto {\n font-size: .875rem;\n line-height: 1rem;\n}\n\n.rf-small-size-auto {\n font-size: .6rem;\n}\n\n#retorik-container.rf-large .rf-small-size-auto {\n font-size: .75rem;\n line-height: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-small-size-auto {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n.rf-line-clamp-unknown {\n hyphens: auto;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-1 {\n hyphens: auto;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-2 {\n hyphens: auto;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-3 {\n hyphens: auto;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-4 {\n hyphens: auto;\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-5 {\n hyphens: auto;\n -webkit-line-clamp: 5;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-6 {\n hyphens: auto;\n -webkit-line-clamp: 6;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-7 {\n hyphens: auto;\n -webkit-line-clamp: 7;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-8 {\n hyphens: auto;\n -webkit-line-clamp: 8;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-9 {\n hyphens: auto;\n -webkit-line-clamp: 9;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-line-clamp-10 {\n hyphens: auto;\n -webkit-line-clamp: 10;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n overflow: hidden;\n}\n\n.rf-overflow-wrap {\n overflow-wrap: anywhere;\n}\n\n.rf-height-fill-available {\n height: stretch;\n}\n\n.rf-width-fill-available {\n width: stretch;\n}\n\n.rf-animation-delay-2 {\n animation-delay: .2s;\n}\n\n.rf-animation-delay-4 {\n animation-delay: .4s;\n}\n\n.rf-scrollbar-thin {\n scrollbar-width: thin;\n scrollbar-color: var(--rf-color-secondary) transparent;\n}\n\n.rf-scrollbar-thin::-webkit-scrollbar {\n width: .2rem;\n height: .2rem;\n margin: .25rem 0;\n}\n\n.rf-scrollbar-thin::-webkit-scrollbar-thumb {\n background-color: var(--rf-color-secondary);\n border-radius: .5rem;\n}\n\n.rf-scrollbar-x-custom::-webkit-scrollbar {\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: 2rem;\n height: .5rem;\n}\n\n.rf-scrollbar-x-custom::-webkit-scrollbar-thumb {\n background-color: var(--rf-color-primary);\n border-radius: 2rem;\n}\n\n.rf-scrollbar-hidden {\n scrollbar-width: none;\n}\n\n.rf-scrollbar-hidden::-webkit-scrollbar {\n display: none;\n}\n\n.rf-opacity-gradient-b {\n -webkit-mask-image: linear-gradient(#000 50%, #0000 100%);\n}\n\n.rf-opacity-gradient-b-thin {\n -webkit-mask-image: linear-gradient(#797676 84%, #0000 100%);\n}\n\n.rf-opacity-gradient-l {\n -webkit-mask-image: linear-gradient(to left, #000 75%, gray 80%, #0000 85%);\n}\n\n.rf-opacity-gradient-l-thin {\n -webkit-mask-image: linear-gradient(to left, #000 90%, gray 95%, #0000 100%);\n}\n\n.rf-opacity-gradient-r {\n -webkit-mask-image: linear-gradient(to right, #000 75%, gray 80%, #0000 85%);\n}\n\n.rf-opacity-gradient-r-thin {\n -webkit-mask-image: linear-gradient(to right, #000 90%, gray 95%, #0000 100%);\n}\n\n.rf-opacity-gradient-h {\n -webkit-mask-image: linear-gradient(to right, #0000 0%, 6%, #000, 94%, #0000 100%);\n}\n\n.rf-card-button {\n border-width: 1px;\n border-color: var(--rf-color-cardButtonBorderDefault);\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n color: var(--rf-color-cardButtonTextDefault);\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button {\n padding: .5rem 1rem;\n}\n\n.rf-card-button:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonBorderHover);\n background-color: var(--rf-color-cardButtonBackgroundHover);\n color: var(--rf-color-cardButtonTextHover);\n}\n\n.rf-card-button-clicked {\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n border-width: 1px;\n border-color: #0000;\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-clicked {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n.rf-card-button-positive {\n border-width: 1px;\n border-color: var(--rf-color-cardFrameBackground);\n background-color: var(--rf-color-cardButtonTextDefault);\n color: var(--rf-color-cardFrameBackground);\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-positive {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-positive {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-positive {\n padding: .5rem 1rem;\n}\n\n.rf-card-button-positive:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonTextDefault);\n background-color: var(--rf-color-cardFrameBackground);\n color: var(--rf-color-cardButtonTextDefault);\n}\n\n.rf-card-button-destructive {\n --tw-border-opacity: 1;\n border-width: 1px;\n border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-destructive {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-destructive {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-destructive {\n padding: .5rem 1rem;\n}\n\n.rf-card-button-destructive:hover {\n cursor: pointer;\n --tw-border-opacity: 1;\n border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity, 1));\n}\n\n.rf-card-button-secondary {\n border-width: 1px;\n border-color: var(--rf-color-secondary);\n color: var(--rf-color-secondary);\n background-color: #0000;\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-secondary {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-secondary {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-secondary {\n padding: .5rem 1rem;\n}\n\n.rf-card-button-secondary:hover {\n cursor: pointer;\n border-color: var(--rf-color-secondary);\n background-color: var(--rf-color-secondary);\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n\n.rf-card-button-discover {\n border-width: 1px;\n border-color: var(--rf-color-cardButtonDiscoverBorderDefault);\n background-color: var(--rf-color-cardButtonDiscoverBackgroundDefault);\n color: var(--rf-color-cardButtonDiscoverTextDefault);\n border-radius: .3125rem;\n padding: .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-discover {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n.rf-card-button-discover:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonDiscoverBorderHover);\n background-color: var(--rf-color-cardButtonDiscoverBackgroundHover);\n color: var(--rf-color-cardButtonDiscoverTextHover);\n}\n\n.rf-card-button-history {\n cursor: default;\n border-width: 1px;\n border-color: var(--rf-color-cardButtonBorderDefault);\n background-color: var(--rf-color-cardButtonBackgroundDefault);\n color: var(--rf-color-cardButtonTextDefault);\n border-radius: .3125rem;\n padding: .25rem .5rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-history {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-history {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .rf-card-button-history {\n padding: .5rem 1rem;\n}\n\n.rf-card-button-mini, .rf-card-button-mini-selected, .rf-card-button-mini-disabled {\n background-color: var(--rf-color-cardFrameBackground);\n border-width: 1px;\n border-radius: .3125rem;\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .rf-card-button-mini, #retorik-container.rf-large .rf-card-button-mini-selected, #retorik-container.rf-large .rf-card-button-mini-disabled {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-card-button-mini, #retorik-container.rf-large.rf-portrait .rf-card-button-mini-selected, #retorik-container.rf-large.rf-portrait .rf-card-button-mini-disabled {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.rf-card-button-mini {\n border-color: var(--rf-color-cardButtonBorderDefault);\n background-color: var(--rf-color-cardFrameBackground);\n color: var(--rf-color-cardButtonTextDefault);\n}\n\n.rf-card-button-mini:hover {\n cursor: pointer;\n border-color: var(--rf-color-cardButtonBorderHover);\n background-color: var(--rf-color-cardFrameBackground);\n color: var(--rf-color-cardButtonTextHover);\n}\n\n.rf-card-button-mini-selected {\n border-color: var(--rf-color-cardFrameBackground);\n background-color: var(--rf-color-cardButtonBorderDefault);\n color: var(--rf-color-cardFrameBackground);\n}\n\n.lf-player-container {\n align-items: flex-end;\n width: 100%;\n height: 100%;\n display: flex;\n overflow: hidden;\n}\n\n.rf-input-label {\n text-overflow: ellipsis;\n color: var(--rf-color-formInputTextDefault);\n margin-top: .1rem;\n margin-left: .75rem;\n overflow-x: hidden;\n}\n\n#retorik-container.rf-large .rf-input-label {\n margin-top: .25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-input-label {\n margin-top: .2rem;\n}\n\n.rf-radio-custom {\n appearance: none;\n border-width: 2px;\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: 50%;\n place-content: center;\n width: 1.5rem;\n min-width: 1.5rem;\n height: 1.5rem;\n margin: 0;\n display: grid;\n}\n\n.rf-radio-custom:checked {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n#retorik-container.rf-large .rf-radio-custom {\n width: 1.75rem;\n min-width: 1.75rem;\n height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-radio-custom {\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n}\n\n.rf-radio-custom:before {\n content: \"\";\n --tw-scale-x: 0;\n --tw-scale-y: 0;\n width: .5rem;\n height: .5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n background-color: var(--rf-color-formInputRadioCheckboxCheckedItem);\n border-radius: 50%;\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n#retorik-container.rf-large .rf-radio-custom:before {\n width: .75rem;\n height: .75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-radio-custom:before {\n width: 1rem;\n height: 1rem;\n}\n\n.rf-radio-custom:checked:before {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-input-hidden {\n appearance: none;\n margin: 0;\n}\n\n.rf-checkbox-custom {\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 appearance: none;\n background-color: var(--rf-color-black);\n border-radius: 1.5rem;\n width: 3rem;\n min-width: 3rem;\n height: 1.5rem;\n margin: 0;\n position: relative;\n}\n\n.rf-toggle-custom:checked {\n background-color: var(--rf-color-primary);\n}\n\n#retorik-container.rf-large .rf-toggle-custom {\n border-radius: 1.75rem;\n width: 3.5rem;\n min-width: 3.5rem;\n height: 1.75rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom {\n border-radius: 2rem;\n width: 4rem;\n min-width: 4rem;\n height: 2rem;\n}\n\n.rf-toggle-custom:before {\n content: \"\";\n --tw-translate-x: 0px;\n width: 1rem;\n height: 1rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n border-radius: 50%;\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n position: absolute;\n top: .25rem;\n left: .25rem;\n}\n\n#retorik-container.rf-large .rf-toggle-custom:before {\n width: 1.25rem;\n height: 1.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom:before {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n.rf-toggle-custom:checked:before {\n --tw-translate-x: 1.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large .rf-toggle-custom:checked:before {\n --tw-translate-x: 1.75rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large.rf-portrait .rf-toggle-custom:checked:before {\n --tw-translate-x: 2rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.rf-select-custom {\n appearance: none;\n border-width: 2px;\n border-color: var(--rf-color-formInputRadioCheckboxUncheckedBorder);\n background-color: var(--rf-color-formInputRadioCheckboxUncheckedBackground);\n border-radius: .3125rem;\n margin: 0;\n padding: 1rem;\n}\n\n.rf-select-custom:hover {\n cursor: pointer;\n}\n\n.rf-select-custom:focus-visible {\n border-color: var(--rf-color-formInputRadioCheckboxCheckedBorder);\n}\n\n.rf-slider-custom {\n -webkit-appearance: none;\n -moz-appearance: none;\n outline-offset: 2px;\n border-radius: .5rem;\n outline: 2px solid #0000;\n width: 100%;\n height: .25rem;\n display: block;\n position: relative;\n}\n\n.rf-slider-custom::-webkit-slider-runnable-track {\n -webkit-appearance: none;\n}\n\n.rf-slider-custom::-moz-track {\n -moz-appearance: none;\n}\n\n.rf-slider-custom::-ms-track {\n appearance: none;\n}\n\n.rf-slider-custom::-webkit-slider-thumb {\n -webkit-appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-webkit-slider-thumb:hover {\n cursor: pointer;\n}\n\n.rf-slider-custom::-moz-range-thumb {\n -webkit-appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-moz-range-thumb:hover {\n cursor: pointer;\n}\n\n.rf-slider-custom::-ms-thumb {\n appearance: none;\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n border-style: none;\n border-radius: 50%;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.2rem;\n}\n\n.rf-slider-custom::-ms-thumb:hover {\n cursor: pointer;\n}\n\n.rf-likert-custom {\n cursor: pointer;\n outline-offset: 2px;\n -webkit-text-stroke-width: 1px;\n -webkit-text-stroke-color: white;\n background-color: #0000;\n border-style: none;\n outline: 2px solid #0000;\n}\n\n.svgButtonMenu > svg * {\n fill: var(--fill);\n}\n\n.webchat__css-custom-properties {\n width: 100%;\n height: 100%;\n}\n\n.placeholder\\:rf-text-black::placeholder {\n color: var(--rf-color-black);\n}\n\n.placeholder\\:rf-opacity-100::placeholder {\n opacity: 1;\n}\n\n.hover\\:rf-cursor-pointer:hover {\n cursor: pointer;\n}\n\n.hover\\:rf-border-truewhite:hover {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));\n}\n\n.hover\\:rf-bg-\\[\\#1999B1\\]:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(25 153 177 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:rf-bg-formInputRadioCheckboxCheckedBackground:hover {\n background-color: var(--rf-color-formInputRadioCheckboxCheckedBackground);\n}\n\n.hover\\:rf-bg-transparent:hover {\n background-color: #0000;\n}\n\n.hover\\:rf-bg-truewhite:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:rf-text-\\[\\#1999B1\\]:hover {\n --tw-text-opacity: 1;\n color: rgb(25 153 177 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:rf-text-formInputRadioCheckboxCheckedItem:hover {\n color: var(--rf-color-formInputRadioCheckboxCheckedItem);\n}\n\n.hover\\:rf-text-truewhite:hover {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:rf-shadow-\\[inset_0_0_12px_\\#00000029\\]:hover {\n --tw-shadow: inset 0 0 12px #00000029;\n --tw-shadow-colored: inset 0 0 12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-col-span-full {\n grid-column: 1 / -1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-col-start-1 {\n grid-column-start: 1;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-row-end-13 {\n grid-row-end: 13;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-5\\/6 {\n width: 83.3333%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-9\\/10 {\n width: 90%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-w-full {\n width: 100%;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-flex-col {\n flex-direction: column;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-items-center {\n align-items: center;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-overflow-x-auto {\n overflow-x: auto;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-border-r-0 {\n border-right-width: 0;\n}\n\n#retorik-container.rf-portrait .vertical\\:rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-absolute {\n position: absolute;\n}\n\n#retorik-container.rf-large .large\\:rf-left-4 {\n left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-top-8 {\n top: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-m-8 {\n margin: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-my-0 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-my-3 {\n margin-top: .75rem;\n margin-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-0 {\n margin-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-4 {\n margin-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mb-6 {\n margin-bottom: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-0 {\n margin-left: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-4 {\n margin-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-ml-8 {\n margin-left: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mr-3 {\n margin-right: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mr-30 {\n margin-right: 7.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-0 {\n margin-top: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-20 {\n margin-top: 5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-3 {\n margin-top: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-mt-\\[20vh\\] {\n margin-top: 20vh;\n}\n\n#retorik-container.rf-large .large\\:rf-block {\n display: block;\n}\n\n#retorik-container.rf-large .large\\:rf-flex {\n display: flex;\n}\n\n#retorik-container.rf-large .large\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large .large\\:rf-aspect-video {\n aspect-ratio: 16 / 9;\n}\n\n#retorik-container.rf-large .large\\:rf-h-10 {\n height: 2.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-16 {\n height: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-20 {\n height: 5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-3\\/5 {\n height: 60%;\n}\n\n#retorik-container.rf-large .large\\:rf-h-4 {\n height: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-5 {\n height: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-8 {\n height: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-\\[1\\.3rem\\] {\n height: 1.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-h-\\[60vh\\] {\n height: 60vh;\n}\n\n#retorik-container.rf-large .large\\:rf-h-auto {\n height: auto;\n}\n\n#retorik-container.rf-large .large\\:rf-h-full {\n height: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-h-28 {\n max-height: 7rem;\n}\n\n#retorik-container.rf-large .large\\:rf-max-h-\\[2\\.3rem\\] {\n max-height: 2.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-min-h-\\[2\\.3rem\\] {\n min-height: 2.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-1\\/8 {\n width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-w-14 {\n width: 3.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-16 {\n width: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-4 {\n width: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-5 {\n width: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-8 {\n width: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-w-fit {\n width: fit-content;\n}\n\n#retorik-container.rf-large .large\\:rf-w-full {\n width: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-1\\/2 {\n min-width: 50%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-1\\/8 {\n min-width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-16 {\n min-width: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-min-w-8 {\n min-width: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-1\\/8 {\n max-width: 12.5%;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-\\[12rem\\] {\n max-width: 12rem;\n}\n\n#retorik-container.rf-large .large\\:rf-max-w-full {\n max-width: 100%;\n}\n\n#retorik-container.rf-large .large\\:rf-grid-cols-5 {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n}\n\n#retorik-container.rf-large .large\\:rf-flex-row {\n flex-direction: row;\n}\n\n#retorik-container.rf-large .large\\:rf-flex-col {\n flex-direction: column;\n}\n\n#retorik-container.rf-large .large\\:rf-items-baseline {\n align-items: baseline;\n}\n\n#retorik-container.rf-large .large\\:rf-justify-start {\n justify-content: flex-start;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-1 {\n gap: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-3 {\n gap: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-4 {\n gap: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-gap-6 {\n gap: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-overflow-y-scroll {\n overflow-y: scroll;\n}\n\n#retorik-container.rf-large .large\\:rf-border-t-0 {\n border-top-width: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-bg-truewhite {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n\n#retorik-container.rf-large .large\\:rf-p-4 {\n padding: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-p-\\[25px\\] {\n padding: 25px;\n}\n\n#retorik-container.rf-large .large\\:rf-p-min1 {\n padding: .1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-0 {\n padding-left: 0;\n padding-right: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-px-16 {\n padding-left: 4rem;\n padding-right: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-5, #retorik-container.rf-large .large\\:rf-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n#retorik-container.rf-large .large\\:rf-py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n#retorik-container.rf-large .large\\:rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pb-16 {\n padding-bottom: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pl-12 {\n padding-left: 3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pl-4 {\n padding-left: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pr-12 {\n padding-right: 3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pr-4 {\n padding-right: 1rem;\n}\n\n#retorik-container.rf-large .large\\:rf-pt-16 {\n padding-top: 4rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-5xl {\n font-size: 3rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large .large\\:rf-text-6xl {\n font-size: 3.75rem;\n line-height: 1;\n}\n\n#retorik-container.rf-large .large\\:rf-text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-basecustom {\n font-size: 1rem;\n line-height: 1.3rem;\n}\n\n#retorik-container.rf-large .large\\:rf-text-sm {\n font-size: .875rem;\n line-height: 1.25rem;\n}\n\n#retorik-container.rf-large .large\\:rf-uppercase {\n text-transform: uppercase;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-h-4 {\n height: 1rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-tactile .tactile\\:rf-pt-1\\/5 {\n padding-top: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-absolute {\n position: absolute;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-left-4 {\n left: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-right-9 {\n right: 2.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-top-4 {\n top: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-start-1 {\n grid-column-start: 1;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-start-2 {\n grid-column-start: 2;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-col-end-8 {\n grid-column-end: 8;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-ml-1\\/5 {\n margin-left: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mr-1\\/5 {\n margin-right: 20%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-4 {\n margin-top: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-\\[20vh\\] {\n margin-top: 20vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-mt-\\[25vh\\] {\n margin-top: 25vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-block {\n display: block;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-1\\/2 {\n height: 50%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-14 {\n height: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-24 {\n height: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-5 {\n height: 1.25rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-6 {\n height: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-h-\\[50vh\\] {\n height: 50vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-11\\/12 {\n max-height: 91.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-36 {\n max-height: 9rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-\\[18vh\\] {\n max-height: 18vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-h-\\[30vh\\] {\n max-height: 30vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-h-10 {\n min-height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-1\\/2 {\n width: 50%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-14 {\n width: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-16 {\n width: 4rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-24 {\n width: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-3\\/5 {\n width: 60%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-6 {\n width: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-w-full {\n width: 100%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-14 {\n min-width: 3.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-24 {\n min-width: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-min-w-3\\/5 {\n min-width: 60%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-2\\/3 {\n max-width: 66.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-\\[45\\%\\] {\n max-width: 45%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-max-w-\\[60\\%\\] {\n max-width: 60%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-flex-row {\n flex-direction: row;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-flex-col {\n flex-direction: column;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-justify-center {\n justify-content: center;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-gap-4 {\n gap: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-gap-6 {\n gap: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-self-start {\n align-self: flex-start;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-border-t {\n border-top-width: 1px;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-border-t-menuBorder {\n --tw-border-opacity: 1;\n border-top-color: rgb(224 225 231 / var(--tw-border-opacity, 1));\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-py-5 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pl-0 {\n padding-left: 0;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-48 {\n padding-top: 12rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-8 {\n padding-top: 2rem;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-\\[16\\.67\\%\\] {\n padding-top: 16.67%;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-pt-\\[20vh\\] {\n padding-top: 20vh;\n}\n\n#retorik-container.rf-large.rf-portrait .large-vertical\\:rf-text-basecustomuppercase {\n font-size: 1rem;\n line-height: 1.1rem;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-mt-0 {\n margin-top: 0;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-flex {\n display: flex;\n}\n\n#retorik-container.rf-large.rf-tactile .large-tactile\\:rf-hidden {\n display: none;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-col-start-3 {\n grid-column-start: 3;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-col-start-4 {\n grid-column-start: 4;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:-rf-mt-4 {\n margin-top: -1rem;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-ml-1\\/5 {\n margin-left: 20%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-mr-40 {\n margin-right: 10rem;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-h-full {\n height: 100%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-w-\\[48\\%\\] {\n width: 48%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-w-\\[calc\\(80\\%-10rem\\)\\] {\n width: calc(80% - 10rem);\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-min-w-\\[48\\%\\] {\n min-width: 48%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-max-w-\\[calc\\(\\(80\\%-10rem\\)\\*0\\.75\\)\\] {\n max-width: calc(60% - 7.5rem);\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:-rf-translate-x-1\\/4 {\n --tw-translate-x: -25%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-flex-col-reverse {\n flex-direction: column-reverse;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-items-start {\n align-items: flex-start;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-justify-start {\n justify-content: flex-start;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-justify-center {\n justify-content: center;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-self-end {\n align-self: flex-end;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-justify-self-start {\n justify-self: start;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-pb-2 {\n padding-bottom: .5rem;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-pl-1\\/5 {\n padding-left: 20%;\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-pl-\\[calc\\(50\\%-2\\.5rem\\)\\] {\n padding-left: calc(50% - 2.5rem);\n}\n\n#retorik-container.rf-large:not(.rf-portrait) .landscape-retorik\\:rf-pr-40 {\n padding-right: 10rem;\n}\n\n#retorik-container.rf-mobile .mobile\\:rf-px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n#retorik-container.rf-tablet .tablet\\:rf-w-28 {\n width: 7rem;\n}\n\n#retorik-container.rf-tablet .tablet\\:rf-pl-12 {\n padding-left: 3rem;\n}\n\n#retorik-container.rf-tablet .tablet\\:rf-pr-24 {\n padding-right: 6rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-h-10 {\n height: 2.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-h-20 {\n height: 5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-min-h-20 {\n min-height: 5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-w-40 {\n width: 10rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-p-5 {\n padding: 1.5rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-pl-32 {\n padding-left: 8rem;\n}\n\n#retorik-container.rf-large.rf-portrait:not(.rf-tablet) .borne\\:rf-pr-56 {\n padding-right: 14rem;\n}\n\n.ltr\\:rf-left-1:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n left: .25rem;\n}\n\n.ltr\\:rf-col-start-1:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n grid-column-start: 1;\n}\n\n.ltr\\:rf-ml-4:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n margin-left: 1rem;\n}\n\n.ltr\\:rf-self-end:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n align-self: flex-end;\n}\n\n.ltr\\:rf-pr-2:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n padding-right: .5rem;\n}\n\n.ltr\\:rf-text-left:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n text-align: left;\n}\n\n.ltr\\:rf-text-right:where([dir=\"ltr\"], [dir=\"ltr\"] *) {\n text-align: right;\n}\n\n.rtl\\:rf-right-1:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n right: .25rem;\n}\n\n.rtl\\:rf-col-end-1:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n grid-column-end: 1;\n}\n\n.rtl\\:rf-mr-4:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n margin-right: 1rem;\n}\n\n.rtl\\:rf-self-start:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n align-self: flex-start;\n}\n\n.rtl\\:rf-pl-2:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n padding-left: .5rem;\n}\n\n.rtl\\:rf-text-left:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n text-align: left;\n}\n\n.rtl\\:rf-text-right:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n text-align: right;\n}\n";
19092
19108
 
19093
19109
 
19094
19110
  var $3b963894676ce6b6$exports = {};
@@ -19187,11 +19203,7 @@ var $1Qww3 = parcelRequire("1Qww3");
19187
19203
 
19188
19204
  var $4ucVo = parcelRequire("4ucVo");
19189
19205
 
19190
- var $cT90l = parcelRequire("cT90l");
19191
-
19192
19206
  var $3dsIB = parcelRequire("3dsIB");
19193
-
19194
- var $75pB6 = parcelRequire("75pB6");
19195
19207
  const $05381dff3a76f568$export$284b58786299e6c5 = async ({ configurationData: configurationData, baseAddress: baseAddress })=>{
19196
19208
  if (configurationData) {
19197
19209
  if (typeof configurationData.userConsent === 'boolean') return {
@@ -19439,8 +19451,6 @@ const $25e969779d25f701$var$processJson = (json, retorikProps, baseAddress)=>{
19439
19451
  timerForFilterSelectionListMode: undefined,
19440
19452
  // Pattern != null means not null nor undefined
19441
19453
  useOldRemote: json.useOldRemote != null ? json.useOldRemote : true,
19442
- // Temporary parameter, will be removed
19443
- showTemporaryBanner: undefined,
19444
19454
  preventVirtualKeyboard: undefined,
19445
19455
  channelData: json.channelData
19446
19456
  },
@@ -19491,8 +19501,11 @@ const $25e969779d25f701$var$processJson = (json, retorikProps, baseAddress)=>{
19491
19501
  animationsUrl: json.animationsUrl || undefined
19492
19502
  },
19493
19503
  ponyfillFactoryCredentials: {
19494
- region: json.voiceCredentialsRegion || 'francecentral',
19495
- subscriptionKey: json.voiceCredentialsSubscriptionKey || '2f62867e22a544b78a16c99a2707ef49'
19504
+ region: json.voiceCredentialsRegion,
19505
+ subscriptionKey: json.voiceCredentialsSubscriptionKey,
19506
+ speechRecognitionHostnamesRecord: json.speechRecognizerHosts,
19507
+ speechRecognitionHostname: undefined,
19508
+ speechSynthesisHostname: json.speechSynthesizerHost
19496
19509
  },
19497
19510
  addressData: {
19498
19511
  ...retorikProps.addressData,
@@ -19638,7 +19651,8 @@ const $25e969779d25f701$var$processJson = (json, retorikProps, baseAddress)=>{
19638
19651
  // Other data
19639
19652
  disableHistory: json.disableHistory,
19640
19653
  customScripts: json.customScripts,
19641
- customCSS: json.customCSS
19654
+ customCSS: json.customCSS,
19655
+ features: json.features
19642
19656
  };
19643
19657
  return props;
19644
19658
  }
@@ -20710,7 +20724,7 @@ const $c3eed29d5a01c495$var$Checkbox = ({ id: id, choices: choices, split: split
20710
20724
  setChosen(tempChosen);
20711
20725
  }
20712
20726
  };
20713
- return display && display.length > 0 ? split ? /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
20727
+ return display?.length ? split ? /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
20714
20728
  className: "rf-w-full rf-mt-4 rf-flex rf-flex-row rf-text-size-auto rf-text-white",
20715
20729
  children: [
20716
20730
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
@@ -22011,7 +22025,7 @@ const $5cbd372c0b8373e3$var$ActionButton = ({ text: text, fullWidth: fullWidth,
22011
22025
  className: "rf-relative rf-text-center rf-mx-8 rf-mt-2 rf-italic",
22012
22026
  children: [
22013
22027
  /*#__PURE__*/ (0, $bZRJW$jsx)((0, $aJKB3.default), {
22014
- className: "rf-absolute rf-top-[0.125rem] -ltr:rf-left-6 rtl:rf-right-6 rf-h-4"
22028
+ className: `rf-absolute rf-top-[0.125rem] ${isRTL ? 'rf-right-6' : '-rf-left-6'} rf-h-4`
22015
22029
  }),
22016
22030
  (0, $3hxrI.getTextToDisplayOnLink)({
22017
22031
  translation: translation,
@@ -22061,7 +22075,7 @@ const $5cbd372c0b8373e3$var$ActionButton = ({ text: text, fullWidth: fullWidth,
22061
22075
  })
22062
22076
  }),
22063
22077
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
22064
- className: "ltr:rf-ml-4 rtl:rf-mr-4",
22078
+ className: `${isRTL ? 'rf-mr-4' : 'rf-ml-4'}`,
22065
22079
  children: (0, $7pypd.capitalizeFirstLetter)(text, locale)
22066
22080
  })
22067
22081
  ]
@@ -22069,7 +22083,7 @@ const $5cbd372c0b8373e3$var$ActionButton = ({ text: text, fullWidth: fullWidth,
22069
22083
  className: `rf-relative ${currentSubView !== (0, $4ucVo.CurrentSubView).history ? clicked ? 'rf-card-button-clicked' : adaptiveStyle === (0, $bZRJW$ActionStyle).Positive ? 'rf-card-button-positive' : adaptiveStyle === (0, $bZRJW$ActionStyle).Destructive ? 'rf-card-button-destructive' : 'rf-card-button' : 'rf-card-button-history'} rf-mt-2 ${fullWidth ? 'rf-text-center' : 'rf-text-left'} ${style}`,
22070
22084
  onClick: handleClick,
22071
22085
  children: clicked && !urlToOpen ? /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
22072
- className: `rf-w-full rf-h-[1.25rem] large:rf-h-[1.3rem] rf-flex rf-justify-center rf-items-center ${fullWidth ? '' : 'ltr:rf-pl-6 rtl:rf-pr-6 large:ltr:rf-pl-12 large:rtl-pr-12'}`,
22086
+ className: `rf-w-full rf-h-[1.25rem] large:rf-h-[1.3rem] rf-flex rf-justify-center rf-items-center ${fullWidth ? '' : isRTL ? 'rf-pr-6 large:rf-pr-12' : 'rf-pl-6 large:rf-pl-12'}`,
22073
22087
  style: {
22074
22088
  ...animationColor
22075
22089
  },
@@ -22444,7 +22458,7 @@ function $4551c1f557108aed$export$bb3ea6dd2428edb6({ enabled: enabled, children:
22444
22458
  // Create resource with custom parameters used globally in uptrace
22445
22459
  const resource = (0, $bZRJW$defaultResource)().merge((0, $bZRJW$resourceFromAttributes)({
22446
22460
  [(0, $bZRJW$ATTR_SERVICE_NAME)]: 'retorik-framework',
22447
- ['davi_retorik_activity_conversation_id']: conversationId,
22461
+ ['davi.retorik.activity.conversation.id']: conversationId,
22448
22462
  ['service_namespace']: serviceNamespace,
22449
22463
  ['retorik_framework_version']: (0, $iT1WI.version),
22450
22464
  ['user_id']: userId
@@ -22497,28 +22511,35 @@ function $4551c1f557108aed$export$bb3ea6dd2428edb6({ enabled: enabled, children:
22497
22511
  const handleBotActivity = (activity)=>{
22498
22512
  // Do nothing for bring-up messages and non-streaming events
22499
22513
  if (lastUserActivityRef.current && (activity.type === 'message' || activity.name?.toLocaleLowerCase() === 'davi.streammessageactivity') && activity.label?.toLowerCase() !== 'davi.bringupmessage' && activity.replyToId === lastUserActivityRef.current.id) {
22500
- sendTrace((0, $4ucVo.TraceType).message, lastUserActivityRef.current.time);
22514
+ sendTrace((0, $4ucVo.TraceType).message, {
22515
+ activityId: activity.id,
22516
+ userActivity: lastUserActivityRef.current
22517
+ });
22501
22518
  lastUserActivityRef.current = null;
22502
22519
  }
22503
22520
  };
22504
22521
  const sendTrace = (type, data)=>{
22505
22522
  if (tracer && type) {
22506
- const parameters = {};
22523
+ const parameters = data?.activityId ? {
22524
+ 'davi.retorik.activity.id': data.activityId
22525
+ } : {};
22526
+ let startTime = 0;
22507
22527
  switch(type){
22508
22528
  case (0, $4ucVo.TraceType).message:
22509
- parameters.startTime = data;
22529
+ if (data?.userActivity) startTime = data?.userActivity.time;
22510
22530
  break;
22511
22531
  case (0, $4ucVo.TraceType).utteranceStart:
22512
- parameters.text = data;
22513
- break;
22514
22532
  case (0, $4ucVo.TraceType).utteranceEnd:
22515
- parameters.text = data;
22533
+ parameters.text = data?.text;
22516
22534
  break;
22517
22535
  }
22518
- const span = tracer.startSpan(type, parameters);
22536
+ const span = tracer.startSpan(type, startTime ? {
22537
+ startTime: startTime
22538
+ } : undefined);
22519
22539
  span.setStatus({
22520
22540
  code: (0, $bZRJW$SpanStatusCode).OK
22521
22541
  });
22542
+ span.setAttributes(parameters);
22522
22543
  span.end();
22523
22544
  }
22524
22545
  };
@@ -22986,497 +23007,11 @@ var $7eea63803bf8724c$export$2e2bcd8739ae039 = $7eea63803bf8724c$var$VoiceInput;
22986
23007
 
22987
23008
 
22988
23009
  var $3BlcX = parcelRequire("3BlcX");
22989
-
22990
-
22991
-
22992
- var $1x02c = parcelRequire("1x02c");
22993
- parcelRequire("SZcIF");
22994
- var $awh9M = parcelRequire("awh9M");
22995
-
22996
- var $1Qww3 = parcelRequire("1Qww3");
22997
- const $75710e2a5540e2b8$var$TemporaryBanner = ()=>{
22998
- const configuration = (0, $1x02c.useRetorikStore)((state)=>state.configuration);
22999
- const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
23000
- const isLandscape = (0, $1Qww3.useViewStore)((state)=>state.isLandscape);
23001
- const isBorne = (0, $1Qww3.useViewStore)((state)=>state.isBorne);
23002
- const setConfiguration = (0, $1x02c.useRetorikStore)((state)=>state.actions.setConfiguration);
23003
- const [display, setDisplay] = (0, $bZRJW$useState)(!!configuration.useOldRemote);
23004
- const handleChange = ()=>{
23005
- setConfiguration({
23006
- ...configuration,
23007
- useOldRemote: false
23008
- });
23009
- setDisplay(false);
23010
- };
23011
- return display ? /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
23012
- className: `rf-absolute rf-z-menu rf-w-full ${isLandscape ? 'rf-top-0' : isMobile ? 'rf-bottom-0' : 'rf-bottom-4'} ${isBorne && 'rf-rounded'}`,
23013
- children: /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
23014
- className: `rf-relative rf-w-full rf-py-2 rf-bg-[#CDE5FE] ${isBorne && 'rf-rounded'}`,
23015
- children: [
23016
- isMobile ? /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
23017
- className: "rf-w-full rf-h-24 rf-flex rf-flex-col rf-justify-center rf-gap-2",
23018
- children: [
23019
- /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
23020
- className: "rf-pl-4 rf-flex rf-flex-row rf-items-center rf-gap-4",
23021
- children: [
23022
- /*#__PURE__*/ (0, $bZRJW$jsx)($75710e2a5540e2b8$var$MyIcon, {
23023
- myclass: "rf-h-10"
23024
- }),
23025
- /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
23026
- className: "rf-flex rf-flex-col rf-justify-start rf-text-[#325981]",
23027
- children: [
23028
- /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
23029
- className: "rf-font-bold rf-text-basecustom",
23030
- children: "Une nouvelle exp\xe9rience vous attend"
23031
- }),
23032
- /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
23033
- className: "rf-text-xs",
23034
- children: "D\xe9couvrez notre interface repens\xe9e"
23035
- })
23036
- ]
23037
- })
23038
- ]
23039
- }),
23040
- /*#__PURE__*/ (0, $bZRJW$jsx)("button", {
23041
- className: "rf-w-fit rf-py-1 rf-px-6 rf-self-center rf-text-sm rf-text-truewhite hover:rf-text-[#325981] rf-bg-[#325981] hover:rf-bg-truewhite rf-border rf-rounded rf-border-[#325981]",
23042
- onClick: handleChange,
23043
- children: "Tester maintenant"
23044
- })
23045
- ]
23046
- }) : /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
23047
- className: "rf-w-full rf-h-full rf-flex rf-flex-row rf-justify-center rf-items-center rf-gap-6",
23048
- style: {
23049
- maxWidth: 'calc(100% - 3.5rem)'
23050
- },
23051
- children: [
23052
- /*#__PURE__*/ (0, $bZRJW$jsx)($75710e2a5540e2b8$var$MyIcon, {
23053
- myclass: "rf-h-12"
23054
- }),
23055
- /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
23056
- className: "rf-flex rf-flex-col rf-justify-start rf-text-[#325981]",
23057
- children: [
23058
- /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
23059
- className: "rf-font-bold rf-text-basecustom",
23060
- children: "Une nouvelle exp\xe9rience vous attend"
23061
- }),
23062
- /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
23063
- className: "rf-text-xs",
23064
- children: "D\xe9couvrez notre interface repens\xe9e"
23065
- })
23066
- ]
23067
- }),
23068
- /*#__PURE__*/ (0, $bZRJW$jsx)("button", {
23069
- className: "rf-py-1 rf-px-6 rf-text-truewhite hover:rf-text-[#325981] rf-bg-[#325981] hover:rf-bg-truewhite rf-border rf-rounded rf-border-[#325981]",
23070
- onClick: handleChange,
23071
- children: "Tester maintenant"
23072
- })
23073
- ]
23074
- }),
23075
- /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
23076
- className: "rf-absolute rf-top-1/2 -rf-translate-y-1/2 rf-right-0 rf-px-4 hover:rf-cursor-pointer",
23077
- onClick: ()=>setDisplay(false),
23078
- children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $awh9M.default), {
23079
- className: "rf-w-6 rf-h-6",
23080
- color: "#325981"
23081
- })
23082
- })
23083
- ]
23084
- })
23085
- }) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {});
23086
- };
23087
- const $75710e2a5540e2b8$var$MyIcon = ({ myclass: myclass })=>{
23088
- return /*#__PURE__*/ (0, $bZRJW$jsx)("svg", {
23089
- xmlns: "http://www.w3.org/2000/svg",
23090
- viewBox: "0 0 44.903 40",
23091
- className: myclass,
23092
- children: /*#__PURE__*/ (0, $bZRJW$jsxs)("g", {
23093
- id: "a-woman-who-uses-a-computer-inspiration-svgrepo-com",
23094
- transform: "translate(0 0)",
23095
- children: [
23096
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23097
- id: "Trac\xe9_692",
23098
- "data-name": "Trac\xe9 692",
23099
- d: "M150.957,18.205a1.537,1.537,0,0,0,.77-1.342,5.871,5.871,0,0,0-.394-2.094,16.946,16.946,0,0,1-.695-3.879c-.019-.444-.027-1.872-.044-2.409a6.527,6.527,0,0,0-1.824-4.111l-.825-.689A4.678,4.678,0,0,0,146.75,3a7.517,7.517,0,0,0-2.81-.566,6.635,6.635,0,0,0-4.392,1.488c-1.637,1.393-2.417,3.355-2.226,6.592.471,2.478.071,4.186.178,6.392.029.6.821,1.782,1.622,1.618Z",
23100
- transform: "translate(-119.629 -2.115)",
23101
- fill: "#a98a75"
23102
- }),
23103
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23104
- id: "Trac\xe9_693",
23105
- "data-name": "Trac\xe9 693",
23106
- d: "M147.183,38.584a8.011,8.011,0,0,1-3.669,2.3.131.131,0,0,1-.166-.15c.071-.383.12-.75.155-1.132a13.2,13.2,0,0,1-3.55,2.682c.156.921.261,1.851.377,2.7a4.861,4.861,0,0,0,1.606,3.326,4.5,4.5,0,0,0,1.942.91l-.166.095a8.3,8.3,0,0,1-.926.378v0l.105.546a2.08,2.08,0,0,0,1.172,1.415,3.785,3.785,0,0,0,1.862.3,8.5,8.5,0,0,0,5.361-2.7,7.838,7.838,0,0,1-.978-.458,1.468,1.468,0,0,1-.647-.64,2.277,2.277,0,0,1-.124-.47l-.064-.525-.021-.133c.175-.223.332-.45.482-.686,0,0,.235-.385.333-.6l.063-.118a1.663,1.663,0,0,0,.8-.21,2.258,2.258,0,0,0,.826-1.027,2.1,2.1,0,0,0,.074-1.553.779.779,0,0,0-.659-.429.864.864,0,0,0-.619.154l-1.081-.222a5.085,5.085,0,0,1-1.8-2.047,16.117,16.117,0,0,1-.679-1.68",
23107
- transform: "translate(-121.947 -33.62)",
23108
- fill: "#fff"
23109
- }),
23110
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23111
- id: "Trac\xe9_694",
23112
- "data-name": "Trac\xe9 694",
23113
- d: "M180.875,237.767c.845,2.686,1.955,6.221,2.559,8.154a.725.725,0,0,1-.331.846l-.069.04.073-.03c1.555-.649,6.588-2.885,7.543-3.324l-.355-1.667S182.278,238.26,180.875,237.767Z",
23114
- transform: "translate(-157.604 -207.176)",
23115
- fill: "#fff"
23116
- }),
23117
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23118
- id: "Trac\xe9_695",
23119
- "data-name": "Trac\xe9 695",
23120
- d: "M223.929,15.452a6.045,6.045,0,0,1,1.512,2.522,5.266,5.266,0,0,1,.255,1.437c.011.357.014.715.019,1.073a20.675,20.675,0,0,0,.154,2.648,20.562,20.562,0,0,0,.728,3.115c.25.815.529,2.082-.387,2.583-.349.191-.037.724.312.533a2.3,2.3,0,0,0,.846-2.607c-.089-.467-.256-.915-.381-1.373-.154-.568-.3-1.141-.406-1.72a16.421,16.421,0,0,1-.244-2.86,11.285,11.285,0,0,0-.2-2.66,6.7,6.7,0,0,0-1.766-3.128c-.288-.274-.726.162-.437.437Z",
23121
- transform: "translate(-195.035 -13.007)",
23122
- fill: "#211715"
23123
- }),
23124
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23125
- id: "Trac\xe9_696",
23126
- "data-name": "Trac\xe9 696",
23127
- d: "M193.059,247.319a18.253,18.253,0,0,0-1.491,1.589c-.079.083-.405.3-.656.106a.569.569,0,0,1-.129-.578c.325-.711.459-.926.7-1.424-.294.31-.524.57-.873.923l-.355.359-1.049,1.06c-.373-1.192-.836-2.67-1.3-4.14a10.6,10.6,0,0,1,1.263-1.52,2.357,2.357,0,0,1,1.317-.619,3.244,3.244,0,0,1,.611.021q.58.059,1.156.151a2.463,2.463,0,0,0,2.037-.231,7.293,7.293,0,0,1,1.742,3.082,2.856,2.856,0,0,0-.375.219c-.081.055-.34.285-.426.332a5.919,5.919,0,0,1-2.129.658",
23128
- transform: "translate(-163.731 -211.75)",
23129
- fill: "#fff"
23130
- }),
23131
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23132
- id: "Trac\xe9_697",
23133
- "data-name": "Trac\xe9 697",
23134
- d: "M117.093,138.634a6.157,6.157,0,0,0-1.366-2.069,2.457,2.457,0,0,1-2.036.232q-.576-.092-1.156-.151a3.245,3.245,0,0,0-.611-.021,2.357,2.357,0,0,0-1.317.619,7.023,7.023,0,0,0-.962,1.121l-10.779-6.01c-.473-1.208-.759-2.082-1.122-3.307.805-.263,2.8-.839,3.8-1.222a19,19,0,0,1,.335-1.873,7.076,7.076,0,0,1,1.4-3.055,6.4,6.4,0,0,1,2.573-1.465c.026-.012.068-.027.121-.045l.137.535a2.08,2.08,0,0,0,1.172,1.415,3.784,3.784,0,0,0,1.862.3,8.586,8.586,0,0,0,5.458-2.793c2.073.592,3.715,1.2,4.874,2.873a19.482,19.482,0,0,1,2,5.217c.295,1.09.6,2.2.818,3.458.119.656.34,1.989.354,2.482a7.161,7.161,0,0,1-.168,1.637,3.7,3.7,0,0,1-1.287,1.913,14.269,14.269,0,0,1-3.559,1.867A9.055,9.055,0,0,0,117.093,138.634Z",
23135
- transform: "translate(-85.169 -105.3)",
23136
- fill: "#f8b8b4"
23137
- }),
23138
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23139
- id: "Trac\xe9_698",
23140
- "data-name": "Trac\xe9 698",
23141
- d: "M86.2,108.544l.045-.007a2.035,2.035,0,0,1,.309-.013l-.11-.271-.679-1.6a2.223,2.223,0,0,1-.142-.4.83.83,0,0,1,.12-.665.54.54,0,0,1,.608-.109,1.046,1.046,0,0,1,.5.5,16.858,16.858,0,0,1,1.337,3.067l.067.214a1.037,1.037,0,0,1,.858-.015,1.106,1.106,0,0,1,.441.587,3.721,3.721,0,0,1-.17,3.109,11.5,11.5,0,0,1,.509,1.461l.012.047c-.794.292-2.069.676-2.97.953l-.032-.12a8.667,8.667,0,0,0-.546-1.455,3.037,3.037,0,0,0-.543-.538,11.684,11.684,0,0,1-.962-.975,1.316,1.316,0,0,1-.314-.881,1.611,1.611,0,0,1,.37-.856.54.54,0,0,1,.42-.149l-.021-.044a.689.689,0,0,1-.131-.563c.067-.262.187-.318.4-.373l.016,0,0-.25a.55.55,0,0,1,.163-.406A.749.749,0,0,1,86.2,108.544Z",
23142
- transform: "translate(-73.655 -91.87)",
23143
- fill: "#fff"
23144
- }),
23145
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23146
- id: "Trac\xe9_699",
23147
- "data-name": "Trac\xe9 699",
23148
- d: "M209.95,123.753Z",
23149
- transform: "translate(-182.938 -107.829)",
23150
- fill: "#fff"
23151
- }),
23152
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23153
- id: "Trac\xe9_700",
23154
- "data-name": "Trac\xe9 700",
23155
- d: "M286.111,248.837q1.272,0,2.544,0l3.992,0h1a.309.309,0,0,0,0-.618q-1.3,0-2.609,0l-3.973.005h-.951a.309.309,0,0,0,0,.618Z",
23156
- transform: "translate(-249.04 -216.275)",
23157
- fill: "#211715"
23158
- }),
23159
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23160
- id: "Trac\xe9_701",
23161
- "data-name": "Trac\xe9 701",
23162
- d: "M.3,248.838c1.525,0,3.05-.006,4.575-.009H5.6a.309.309,0,0,0,0-.618c-1.542,0-3.085.006-4.627.009H.3a.309.309,0,0,0,0,.618Z",
23163
- transform: "translate(0 -216.275)",
23164
- fill: "#211715"
23165
- }),
23166
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23167
- id: "Trac\xe9_702",
23168
- "data-name": "Trac\xe9 702",
23169
- d: "M228.576,119.578a8.019,8.019,0,0,1,4.235,2.376,7.9,7.9,0,0,1,1.12,2.065c.3.751.545,1.522.768,2.3a45.881,45.881,0,0,1,1.2,5.015,6.506,6.506,0,0,1-.155,4.1,4.622,4.622,0,0,1-1.918,1.779,16.358,16.358,0,0,1-2.322,1.094q-.233.09-.468.173a.317.317,0,0,0-.216.38.312.312,0,0,0,.38.216,19.162,19.162,0,0,0,2.332-1,6.97,6.97,0,0,0,2.327-1.7,4.119,4.119,0,0,0,.645-1.155,4.374,4.374,0,0,0,.227-1.108,5.924,5.924,0,0,0,.033-1.037c-.03-.384-.089-.767-.146-1.147-.139-.919-.3-1.835-.515-2.74-.2-.853-.435-1.7-.668-2.544-.21-.763-.437-1.521-.707-2.264a11.316,11.316,0,0,0-1.082-2.324,6.1,6.1,0,0,0-1.836-1.818,10.178,10.178,0,0,0-2.394-1.055c-.224-.072-.449-.139-.675-.206a.309.309,0,0,0-.164.6Z",
23170
- transform: "translate(-198.978 -103.661)",
23171
- fill: "#211715"
23172
- }),
23173
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23174
- id: "Trac\xe9_703",
23175
- "data-name": "Trac\xe9 703",
23176
- d: "M233.821,227.624c.634-.269,1.243-.582,1.862-.882a.31.31,0,0,0,.111-.423.317.317,0,0,0-.423-.111c-.619.3-1.228.613-1.862.882a.309.309,0,0,0-.111.423A.319.319,0,0,0,233.821,227.624Z",
23177
- transform: "translate(-203.333 -197.071)",
23178
- fill: "#211715"
23179
- }),
23180
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23181
- id: "Trac\xe9_704",
23182
- "data-name": "Trac\xe9 704",
23183
- d: "M240.068,189.666l.941,3.446a.309.309,0,0,0,.6-.164l-.941-3.446A.309.309,0,0,0,240.068,189.666Z",
23184
- transform: "translate(-209.17 -164.93)",
23185
- fill: "#211715"
23186
- }),
23187
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23188
- id: "Trac\xe9_705",
23189
- "data-name": "Trac\xe9 705",
23190
- d: "M193.963,241.1a2.107,2.107,0,0,1-1.474.143,13.588,13.588,0,0,0-1.842-.222c-1.254-.017-2.078.983-2.759,1.9a.311.311,0,0,0,.111.423.316.316,0,0,0,.423-.111,5.262,5.262,0,0,1,1.1-1.208,2.13,2.13,0,0,1,.683-.336,2.254,2.254,0,0,1,.809-.026c.573.057,1.138.164,1.709.23a2.338,2.338,0,0,0,1.551-.259C194.61,241.419,194.3,240.884,193.963,241.1Z",
23191
- transform: "translate(-163.679 -210.01)",
23192
- fill: "#211715"
23193
- }),
23194
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23195
- id: "Trac\xe9_706",
23196
- "data-name": "Trac\xe9 706",
23197
- d: "M191.319,258.5l-.944.936a.309.309,0,0,0,.437.437l.944-.936a.309.309,0,1,0-.437-.437Z",
23198
- transform: "translate(-165.802 -225.16)",
23199
- fill: "#211715"
23200
- }),
23201
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23202
- id: "Trac\xe9_707",
23203
- "data-name": "Trac\xe9 707",
23204
- d: "M195.436,265.671c.476-.556,1-1.074,1.518-1.589a.309.309,0,1,0-.437-.437c-.521.515-1.042,1.032-1.518,1.589a.309.309,0,0,0,.437.437Z",
23205
- transform: "translate(-169.832 -229.646)",
23206
- fill: "#211715"
23207
- }),
23208
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23209
- id: "Trac\xe9_708",
23210
- "data-name": "Trac\xe9 708",
23211
- d: "M200.793,271.95c.351-.354.706-.705,1.05-1.066.3-.319.6-.646.908-.96a.309.309,0,1,0-.437-.437c-.31.314-.6.641-.908.96-.344.361-.7.712-1.05,1.066a.309.309,0,0,0,.437.437Z",
23212
- transform: "translate(-174.499 -234.735)",
23213
- fill: "#211715"
23214
- }),
23215
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23216
- id: "Trac\xe9_709",
23217
- "data-name": "Trac\xe9 709",
23218
- d: "M226.2,266.386a6.746,6.746,0,0,0,1.833-.481,2.847,2.847,0,0,0,.687-.4l.126-.1.062-.051c.04-.032-.035.024-.005,0a3.3,3.3,0,0,1,.385-.225.309.309,0,0,0-.312-.533,3.2,3.2,0,0,0-.594.391,2.222,2.222,0,0,1-.184.145,2.861,2.861,0,0,1-.377.19,5.71,5.71,0,0,1-1.621.441.319.319,0,0,0-.309.309.31.31,0,0,0,.309.309Z",
23219
- transform: "translate(-196.824 -230.52)",
23220
- fill: "#211715"
23221
- }),
23222
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23223
- id: "Trac\xe9_710",
23224
- "data-name": "Trac\xe9 710",
23225
- d: "M233.927,240.094a4.452,4.452,0,0,1,1.148,1.514,8.813,8.813,0,0,1,.772,2.059c.092.386.688.223.6-.164a9.447,9.447,0,0,0-.859-2.252,4.987,4.987,0,0,0-1.345-1.69.311.311,0,0,0-.423.111.316.316,0,0,0,.111.423Z",
23226
- transform: "translate(-203.698 -208.702)",
23227
- fill: "#211715"
23228
- }),
23229
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23230
- id: "Trac\xe9_711",
23231
- "data-name": "Trac\xe9 711",
23232
- d: "M208.293,273.3c-.126.252-.257.5-.381.755a5.244,5.244,0,0,0-.261.564.9.9,0,0,0,0,.5.705.705,0,0,0,.965.477,2.508,2.508,0,0,0,.868-.8,7.873,7.873,0,0,1,.968-1.006.311.311,0,0,0,0-.437.316.316,0,0,0-.437,0,20.039,20.039,0,0,0-1.5,1.594c-.008.008-.052.042-.018.017s-.04.024-.049.029-.073.035-.028.017c-.018.007-.092.028-.075.026a.075.075,0,0,1-.078-.014c.03.018-.017-.029.01.013a.463.463,0,0,1-.027-.048c.014.028.006.02,0,0s-.015-.055-.02-.083c.01.059,0-.022,0-.042s0-.026,0-.039c0,.007-.015.051,0,.023,0-.009,0-.022.007-.032.015-.045-.014.028.01-.023.068-.145.136-.291.206-.436.121-.249.25-.493.374-.74a.316.316,0,0,0-.111-.423.312.312,0,0,0-.423.111Z",
23233
- transform: "translate(-180.901 -238.007)",
23234
- fill: "#211715"
23235
- }),
23236
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23237
- id: "Trac\xe9_712",
23238
- "data-name": "Trac\xe9 712",
23239
- d: "M205.409,94.584a7.488,7.488,0,0,0,1.13-1.282,6.093,6.093,0,0,0,.572-.963.318.318,0,0,0-.111-.422.311.311,0,0,0-.422.111,6.057,6.057,0,0,1-.551.933,6.833,6.833,0,0,1-1.054,1.186.309.309,0,0,0,.437.437Z",
23240
- transform: "translate(-178.522 -80.055)",
23241
- fill: "#211715"
23242
- }),
23243
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23244
- id: "Trac\xe9_713",
23245
- "data-name": "Trac\xe9 713",
23246
- d: "M145.528,72.776a5.019,5.019,0,0,1-4.281.352,3.869,3.869,0,0,1-1.627-1.31,5.267,5.267,0,0,1-.743-1.971c-.184-.972-.26-1.964-.415-2.941a.311.311,0,0,0-.38-.216.316.316,0,0,0-.216.38c.147.926.229,1.864.387,2.788a5.949,5.949,0,0,0,.782,2.193,4.623,4.623,0,0,0,4.06,2.029,6.926,6.926,0,0,0,2.743-.772.312.312,0,0,0,.111-.422.315.315,0,0,0-.423-.111Z",
23247
- transform: "translate(-120.121 -58.101)",
23248
- fill: "#211715"
23249
- }),
23250
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23251
- id: "Trac\xe9_714",
23252
- "data-name": "Trac\xe9 714",
23253
- d: "M216.505,66.617a.621.621,0,0,1,.574-.082.475.475,0,0,1,.183.105c.01.009.066.074.027.023a.593.593,0,0,1,.051.081,1.6,1.6,0,0,1,0,1.136,2.08,2.08,0,0,1-.62.951,1.1,1.1,0,0,1-1.019.239.319.319,0,0,0-.423.111.311.311,0,0,0,.111.422,1.7,1.7,0,0,0,1.384-.073,2.186,2.186,0,0,0,.922-.943,2.823,2.823,0,0,0,.357-1.241,1.5,1.5,0,0,0-.34-1.133,1.228,1.228,0,0,0-1.517-.13.317.317,0,0,0-.111.422.311.311,0,0,0,.423.111Z",
23254
- transform: "translate(-187.542 -57.405)",
23255
- fill: "#211715"
23256
- }),
23257
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23258
- id: "Trac\xe9_715",
23259
- "data-name": "Trac\xe9 715",
23260
- d: "M186.642,70.873c.1.27.068.9-.449.98-.687.026-.757-.736-.54-1.105A.544.544,0,0,1,186.642,70.873Z",
23261
- transform: "translate(-161.671 -61.414)",
23262
- fill: "#211715"
23263
- }),
23264
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23265
- id: "Trac\xe9_716",
23266
- "data-name": "Trac\xe9 716",
23267
- d: "M155.092,71.389c.089.263.066.877-.409.949-.63.022-.7-.717-.5-1.074A.491.491,0,0,1,155.092,71.389Z",
23268
- transform: "translate(-134.261 -61.873)",
23269
- fill: "#211715"
23270
- }),
23271
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23272
- id: "Trac\xe9_717",
23273
- "data-name": "Trac\xe9 717",
23274
- d: "M168.066,82.4a5.881,5.881,0,0,0-.259.544l.031-.074a.67.67,0,0,0-.077.279.4.4,0,0,0,.149.316.569.569,0,0,0,.248.129c.06.011.119.013.18.019a.308.308,0,0,0,.219-.527.351.351,0,0,0-.219-.09c-.03,0-.06,0-.089-.006l.082.011a.284.284,0,0,1-.062-.017l.074.031a.331.331,0,0,1-.059-.034l.063.048a.334.334,0,0,1-.039-.034l.048.063a.109.109,0,0,1-.014-.025l.031.074a.11.11,0,0,1,0-.019l.011.082a.183.183,0,0,1,0-.04l-.011.082a.371.371,0,0,1,.025-.084l-.031.074.049-.116-.031.074c.065-.153.142-.3.219-.448a.325.325,0,0,0,.031-.238.309.309,0,0,0-.564-.074Z",
23275
- transform: "translate(-146.177 -71.664)",
23276
- fill: "#211715"
23277
- }),
23278
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23279
- id: "Trac\xe9_718",
23280
- "data-name": "Trac\xe9 718",
23281
- d: "M169.494,98.537a2.246,2.246,0,0,0,.289-.306A2.7,2.7,0,0,0,170,97.9c.151-.279.345-.728-.011-.94a1.045,1.045,0,0,0-.608-.039c-.2.017-.408.037-.612.058-.229.025-.459.051-.687.085a.31.31,0,0,0-.216.38.319.319,0,0,0,.38.216l.069-.01h-.007l.146-.018.327-.037c.222-.024.443-.045.666-.062.088-.007.176-.013.265-.017a.326.326,0,0,1,.046,0,.181.181,0,0,1-.152-.095.21.21,0,0,1-.023-.122.448.448,0,0,0-.026.09c-.006.02-.013.04-.021.059s-.015.039,0,.014a2.168,2.168,0,0,1-.225.384c-.019.026-.037.052-.057.077.034-.042-.026.026-.033.034-.05.051-.106.1-.159.147a.311.311,0,0,0,0,.437.316.316,0,0,0,.437,0Z",
23282
- transform: "translate(-146.26 -84.427)",
23283
- fill: "#211715"
23284
- }),
23285
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23286
- id: "Trac\xe9_719",
23287
- "data-name": "Trac\xe9 719",
23288
- d: "M196.227,283.5c1.007-.421,2.006-.862,3.005-1.3q1.731-.761,3.457-1.533c.386-.172.771-.344,1.155-.52a.311.311,0,0,0,.111-.422.316.316,0,0,0-.422-.111c-2.014.925-4.046,1.811-6.077,2.695l-.817.354-.342.146-.1.042-.135.056a.319.319,0,0,0-.216.38A.311.311,0,0,0,196.227,283.5Z",
23289
- transform: "translate(-170.641 -243.601)",
23290
- fill: "#211715"
23291
- }),
23292
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23293
- id: "Trac\xe9_720",
23294
- "data-name": "Trac\xe9 720",
23295
- d: "M35.552,212.306c3.961.066,13,.086,16.233.108a1.131,1.131,0,0,1,1.071.79c.768,2.43,2.5,7.931,3.309,10.531a.725.725,0,0,1-.695.941c-3.5-.013-12.926-.046-16.55-.12a.723.723,0,0,1-.677-.51c-.715-2.311-2.55-8.135-3.4-10.8a.725.725,0,0,1,.7-.945Z",
23296
- transform: "translate(-30.335 -184.991)",
23297
- fill: "#fff"
23298
- }),
23299
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23300
- id: "Trac\xe9_721",
23301
- "data-name": "Trac\xe9 721",
23302
- d: "M33.484,210.522c1.85.03,3.7.042,5.551.054q3.242.021,6.484.033l2.728.012,1.065.006c.395,0,.8-.021,1.061.337a1.923,1.923,0,0,1,.225.572l.182.576.433,1.376q.5,1.6,1.005,3.2.495,1.575.989,3.151l.416,1.329c.1.319.393.873-.042,1.071a1.207,1.207,0,0,1-.493.037l-.511,0-1.18,0-2.821-.012q-3.209-.015-6.418-.039c-1.736-.013-3.472-.026-5.207-.06a.465.465,0,0,1-.465-.243,4.1,4.1,0,0,1-.154-.492q-.186-.6-.373-1.2-.467-1.495-.937-2.988-.923-2.936-1.853-5.87a.964.964,0,0,1-.1-.546.423.423,0,0,1,.413-.3.309.309,0,0,0,0-.618,1.047,1.047,0,0,0-1.023,1.25,6.036,6.036,0,0,0,.183.595l.2.638q.483,1.525.964,3.051.953,3.023,1.9,6.048c.142.456.238.96.716,1.185a3.116,3.116,0,0,0,1.234.117q1.321.021,2.642.032,3.264.032,6.528.046,2.891.015,5.781.025l.521,0a1.7,1.7,0,0,0,.654-.072,1.047,1.047,0,0,0,.615-.669,1.315,1.315,0,0,0-.068-.8q-.446-1.426-.894-2.851-1.006-3.208-2.017-6.415a10.128,10.128,0,0,0-.414-1.258,1.49,1.49,0,0,0-1.406-.816Q48.446,210,47.292,210l-6.407-.03c-2.083-.011-4.166-.024-6.25-.049l-1.152-.016A.309.309,0,0,0,33.484,210.522Z",
23303
- transform: "translate(-28.267 -182.897)",
23304
- fill: "#211715"
23305
- }),
23306
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23307
- id: "Trac\xe9_722",
23308
- "data-name": "Trac\xe9 722",
23309
- d: "M193.806,36.921a10.073,10.073,0,0,0,.99,2.246,4.537,4.537,0,0,0,1.631,1.665.317.317,0,0,0,.423-.111.312.312,0,0,0-.111-.423,3.957,3.957,0,0,1-1.432-1.48,9.489,9.489,0,0,1-.9-2.062c-.126-.375-.722-.214-.6.164Z",
23310
- transform: "translate(-168.855 -31.842)",
23311
- fill: "#211715"
23312
- }),
23313
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23314
- id: "Trac\xe9_723",
23315
- "data-name": "Trac\xe9 723",
23316
- d: "M146.65,36.278a6.691,6.691,0,0,1-1.583,1.336,8.723,8.723,0,0,1-.964.512q-.234.106-.474.2a2.871,2.871,0,0,1-.551.183h.164q.091.27.106.133l.011-.06q.013-.074.025-.149c.016-.1.03-.2.043-.3q.042-.309.071-.618a.312.312,0,0,0-.528-.219,11.993,11.993,0,0,1-3.224,2.5c-.351.186-.04.719.312.533a12.383,12.383,0,0,0,1.775-1.175,12.123,12.123,0,0,0,1.574-1.425l-.528-.219c-.027.291-.063.581-.112.87a.734.734,0,0,0,.008.5.44.44,0,0,0,.3.221.782.782,0,0,0,.41-.073q.2-.07.406-.149c.25-.1.5-.206.739-.323a7.6,7.6,0,0,0,2.453-1.842.317.317,0,0,0,0-.437.312.312,0,0,0-.437,0Z",
23317
- transform: "translate(-121.633 -31.532)",
23318
- fill: "#211715"
23319
- }),
23320
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23321
- id: "Trac\xe9_724",
23322
- "data-name": "Trac\xe9 724",
23323
- d: "M213.829,105.062a6.767,6.767,0,0,1-.836-.378,1.456,1.456,0,0,1-.614-.5.813.813,0,0,1-.053-.1c.022.054-.012-.042-.012-.043-.024-.076-.041-.153-.057-.231,0-.016-.026-.077-.018-.094-.009.018.009.076,0,.037s-.007-.055-.01-.082l-.053-.426a.318.318,0,0,0-.309-.309.31.31,0,0,0-.309.309,3.055,3.055,0,0,0,.3,1.281,2.046,2.046,0,0,0,.791.678,7.95,7.95,0,0,0,1.012.455.311.311,0,0,0,.38-.216.315.315,0,0,0-.216-.38Z",
23324
- transform: "translate(-184.342 -89.69)",
23325
- fill: "#211715"
23326
- }),
23327
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23328
- id: "Trac\xe9_725",
23329
- "data-name": "Trac\xe9 725",
23330
- d: "M160.435,121.9a2.354,2.354,0,0,0,1.1,1.486,3.739,3.739,0,0,0,2.059.465,7.556,7.556,0,0,0,3.77-1.212,11.776,11.776,0,0,0,1.779-1.391c.291-.272-.147-.708-.437-.437a9.469,9.469,0,0,1-2.953,1.963,6.513,6.513,0,0,1-1.725.432,3.9,3.9,0,0,1-1.865-.191,1.828,1.828,0,0,1-1.136-1.279c-.081-.389-.676-.224-.6.164Z",
23331
- transform: "translate(-139.787 -105.189)",
23332
- fill: "#211715"
23333
- }),
23334
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23335
- id: "Trac\xe9_726",
23336
- "data-name": "Trac\xe9 726",
23337
- d: "M292.693,85.043a.426.426,0,0,1-.048-.314,9.314,9.314,0,0,1,.533-1.717l.085-.128a11.191,11.191,0,0,0,2.086.846c0,.089,0,.154,0,.154a5.945,5.945,0,0,1-.57,1.548.784.784,0,0,1-.143.2.694.694,0,0,1-.406.129,8.023,8.023,0,0,1-1.168-.442.886.886,0,0,1-.355-.257Z",
23338
- transform: "translate(-254.984 -72.22)",
23339
- fill: "#fff"
23340
- }),
23341
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23342
- id: "Trac\xe9_727",
23343
- "data-name": "Trac\xe9 727",
23344
- d: "M296.674,47.926c.055.062.109.129.162.2a2.457,2.457,0,0,1,.287,2.542,3.066,3.066,0,0,1-.7,1,3.481,3.481,0,0,1-.733.568,3.3,3.3,0,0,1-.7.3,10.727,10.727,0,0,1-2.362-.966,2.57,2.57,0,0,1-.553-1.7,3.459,3.459,0,0,1,.18-1.01,2.937,2.937,0,0,1,.59-.967,2.52,2.52,0,0,1,1.274-.793,2.9,2.9,0,0,1,1.624.146A2.646,2.646,0,0,1,296.674,47.926Z",
23345
- transform: "translate(-254.49 -40.992)",
23346
- fill: "#ffda71"
23347
- }),
23348
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23349
- id: "Trac\xe9_728",
23350
- "data-name": "Trac\xe9 728",
23351
- d: "M294.357,46.01a2.241,2.241,0,0,1,.39,2.394,3.139,3.139,0,0,1-1.943,1.7h.164a9.721,9.721,0,0,1-1.912-.729,1.169,1.169,0,0,1-.389-.237,1.436,1.436,0,0,1-.2-.364,2.666,2.666,0,0,1-.188-.906,2.737,2.737,0,0,1,.682-1.892,2.151,2.151,0,0,1,1.66-.764,2.372,2.372,0,0,1,.429.048c.08.015.159.033.238.055q.079.022.156.049.057.02.114.043l-.036-.015a2.837,2.837,0,0,1,.836.616c.268.295.7-.143.437-.437a2.939,2.939,0,0,0-3.372-.72,3.082,3.082,0,0,0-1.106.938,3.387,3.387,0,0,0-.655,1.976,2.886,2.886,0,0,0,.451,1.655,1.029,1.029,0,0,0,.336.328c.141.081.285.154.431.225.312.151.633.285.956.407.268.1.538.2.813.275a.621.621,0,0,0,.4.019,3.725,3.725,0,0,0,1.824-1.291,3.088,3.088,0,0,0,.69-1.976,2.95,2.95,0,0,0-.766-1.835C294.532,45.273,294.1,45.712,294.357,46.01Z",
23352
- transform: "translate(-252.392 -38.857)",
23353
- fill: "#211715"
23354
- }),
23355
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23356
- id: "Trac\xe9_729",
23357
- "data-name": "Trac\xe9 729",
23358
- d: "M293.888,90.285a18.883,18.883,0,0,0,1.9.711.311.311,0,0,0,.38-.216.315.315,0,0,0-.216-.38c-.3-.094-.6-.2-.893-.307q-.236-.087-.47-.18l-.225-.091-.054-.023-.006,0-.1-.045a.317.317,0,0,0-.423.111.312.312,0,0,0,.111.422Z",
23359
- transform: "translate(-255.945 -78.17)",
23360
- fill: "#211715"
23361
- }),
23362
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23363
- id: "Trac\xe9_730",
23364
- "data-name": "Trac\xe9 730",
23365
- d: "M290.876,81.642a5.52,5.52,0,0,0-.413,1.17,5.586,5.586,0,0,0-.151.621.805.805,0,0,0,.449.884,6.314,6.314,0,0,0,.712.31,3.443,3.443,0,0,0,.635.216.856.856,0,0,0,.807-.329,2.8,2.8,0,0,0,.29-.569c.11-.253.216-.509.306-.771a1.016,1.016,0,0,0,.1-.586c-.122-.377-.718-.215-.6.164,0,.011-.006-.1-.008-.026,0-.047.009-.051-.006.011s-.04.145-.064.216c-.061.184-.132.365-.206.544-.057.138-.134.314-.212.474a1.18,1.18,0,0,1-.127.213c.013-.015.061-.032.008-.01-.019.008-.037.021-.056.03-.082.039-.036.015-.027.012s-.086.035-.061.022c-.032.016-.043,0,0,0l-.046-.011c-.041-.012-.082-.023-.123-.036-.107-.034-.213-.074-.318-.114-.2-.076-.36-.144-.547-.228a.971.971,0,0,1-.256-.142c-.055-.05-.057-.082-.044-.164a4.87,4.87,0,0,1,.137-.555q.1-.337.21-.669c.029-.085.06-.17.093-.254l.021-.054c-.01.026-.023.049,0,.009.012-.024.022-.049.036-.072a.309.309,0,0,0-.533-.312Z",
23366
- transform: "translate(-252.948 -71.007)",
23367
- fill: "#211715"
23368
- }),
23369
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23370
- id: "Trac\xe9_731",
23371
- "data-name": "Trac\xe9 731",
23372
- d: "M334.647,38.833q-.338.257-.678.511a.336.336,0,0,0-.142.184.316.316,0,0,0,.031.238.312.312,0,0,0,.185.142.3.3,0,0,0,.238-.031q.341-.254.678-.511a.346.346,0,0,0,.142-.184.316.316,0,0,0-.031-.238.312.312,0,0,0-.185-.142.3.3,0,0,0-.238.031Z",
23373
- transform: "translate(-290.868 -33.799)",
23374
- fill: "#211715"
23375
- }),
23376
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23377
- id: "Trac\xe9_732",
23378
- "data-name": "Trac\xe9 732",
23379
- d: "M324.438,30.212q.055-.144.115-.287l-.031.074q.083-.2.175-.387a.331.331,0,0,0,.031-.238.315.315,0,0,0-.142-.185.312.312,0,0,0-.238-.031.305.305,0,0,0-.185.142c-.118.244-.225.494-.322.748a.309.309,0,0,0,.454.349l.063-.048a.307.307,0,0,0,.079-.136Z",
23380
- transform: "translate(-282.168 -25.397)",
23381
- fill: "#211715"
23382
- }),
23383
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23384
- id: "Trac\xe9_733",
23385
- "data-name": "Trac\xe9 733",
23386
- d: "M311.14,27.836c-.039-.284-.084-.568-.147-.848a.311.311,0,0,0-.38-.216.316.316,0,0,0-.216.38c.063.28.108.564.147.848a.309.309,0,0,0,.142.184.316.316,0,0,0,.238.031.313.313,0,0,0,.185-.142L311.14,28a.312.312,0,0,0,0-.164Z",
23387
- transform: "translate(-270.454 -23.319)",
23388
- fill: "#211715"
23389
- }),
23390
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23391
- id: "Trac\xe9_734",
23392
- "data-name": "Trac\xe9 734",
23393
- d: "M301.856,62.932a1.339,1.339,0,0,0-.359-.823,1.429,1.429,0,0,0-.757-.525A.9.9,0,0,0,299.7,62.7a.86.86,0,0,0,.61.57.78.78,0,0,0,.442.007.967.967,0,0,0,.4-.28.939.939,0,0,0,.214-.872,1.377,1.377,0,0,0-.484-.69,1.393,1.393,0,0,0-1.016-.338,1.369,1.369,0,0,0-.916.538.319.319,0,0,0,0,.437.311.311,0,0,0,.437,0,.708.708,0,0,1,.875-.307,1.006,1.006,0,0,1,.414.332c-.008-.011.042.068.049.081a.663.663,0,0,1,.031.06c0-.007-.011-.029,0,0s.027.1.027.1c0-.017-.012.112,0,.072a.273.273,0,0,1-.031.089.4.4,0,0,1-.044.067.824.824,0,0,1-.08.078s-.109.058-.066.041c.061-.023-.052-.006-.019,0a.816.816,0,0,1-.114-.029c-.051-.016.039.022-.011,0a.57.57,0,0,1-.057-.033c.007,0-.05-.055-.03-.027a.29.29,0,0,1-.054-.144.254.254,0,0,1,.031-.137c.016-.019.034-.034.05-.051s.035-.028.006-.006.014-.008.022-.013l.049-.028c.042-.024-.039.013.008-.005l.044-.015c.02-.006.041-.011.061-.015-.05.01.043,0,.047,0a.291.291,0,0,1,.183.085,2.283,2.283,0,0,1,.248.233.976.976,0,0,1,.16.226.5.5,0,0,1,.055.2.315.315,0,0,0,.309.309.312.312,0,0,0,.309-.309Z",
23394
- transform: "translate(-260.411 -53.237)",
23395
- fill: "#211715"
23396
- }),
23397
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23398
- id: "Trac\xe9_735",
23399
- "data-name": "Trac\xe9 735",
23400
- d: "M104.39,136.218a4.078,4.078,0,0,0,.442-1.938,3.21,3.21,0,0,0-.545-1.851c-.48-.607-1.225-.387-1.823-.112-.575.265-1.192.783-1.024,1.495a.859.859,0,0,0,.711.659,1.369,1.369,0,0,0,.578-.1l.613-.2c.377-.122.215-.718-.164-.6-.267.086-.533.184-.8.259-.153.042-.268.016-.327-.146-.156-.43.489-.732.78-.863a1.607,1.607,0,0,1,.63-.181.493.493,0,0,1,.444.315,3.028,3.028,0,0,1,.314,1.374,3.405,3.405,0,0,1-.359,1.572c-.178.354.354.667.533.312Z",
23401
- transform: "translate(-88.364 -115.052)",
23402
- fill: "#211715"
23403
- }),
23404
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23405
- id: "Trac\xe9_736",
23406
- "data-name": "Trac\xe9 736",
23407
- d: "M120.184,162.62a10.094,10.094,0,0,1,.463,1.347.309.309,0,1,0,.6-.164,10.1,10.1,0,0,0-.463-1.347.34.34,0,0,0-.142-.185.315.315,0,0,0-.238-.031.312.312,0,0,0-.216.38Z",
23408
- transform: "translate(-104.706 -141.357)",
23409
- fill: "#211715"
23410
- }),
23411
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23412
- id: "Trac\xe9_737",
23413
- "data-name": "Trac\xe9 737",
23414
- d: "M99.584,172.086c-1.3.532-2.671.867-4,1.3a.314.314,0,0,0-.216.38c.332,1.117.7,2.22,1.122,3.307a.318.318,0,0,0,.379.215.311.311,0,0,0,.216-.38c-.425-1.086-.79-2.189-1.122-3.307l-.215.38c1.331-.434,2.705-.769,4-1.3a.319.319,0,0,0,.216-.38.311.311,0,0,0-.38-.216Z",
23415
- transform: "translate(-83.088 -149.935)",
23416
- fill: "#211715"
23417
- }),
23418
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23419
- id: "Trac\xe9_738",
23420
- "data-name": "Trac\xe9 738",
23421
- d: "M91.883,105.994c-.229-.539-.465-1.075-.687-1.617a.824.824,0,0,1-.072-.646c.059-.127.217-.1.325-.051a.953.953,0,0,1,.335.394c.1.162.188.329.274.5.2.384.371.778.535,1.176.172.418.333.842.469,1.274.119.378.716.216.6-.164a16.444,16.444,0,0,0-1.156-2.77c-.224-.42-.493-.936-1-1.039a.826.826,0,0,0-.8.219,1.073,1.073,0,0,0-.219.831,4.19,4.19,0,0,0,.393,1.084l.478,1.124a.311.311,0,0,0,.423.111.317.317,0,0,0,.111-.423Z",
23422
- transform: "translate(-78.827 -89.766)",
23423
- fill: "#211715"
23424
- }),
23425
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23426
- id: "Trac\xe9_739",
23427
- "data-name": "Trac\xe9 739",
23428
- d: "M83.746,143.745c.35.276.878.722,1.344.48a.842.842,0,0,0,.3-1.156,3.53,3.53,0,0,0-.637-.627,2.842,2.842,0,0,0-1.082-.576,1.041,1.041,0,0,0-1.086.2,1.789,1.789,0,0,0-.449,1.206,1.844,1.844,0,0,0,.559,1.109,11.151,11.151,0,0,0,.915.9,1.74,1.74,0,0,1,.44.469,2.913,2.913,0,0,1,.169.4c.109.294.213.592.3.895a.309.309,0,0,0,.6-.164,8.213,8.213,0,0,0-.5-1.385,2.458,2.458,0,0,0-.67-.744,9.418,9.418,0,0,1-.743-.741,1.347,1.347,0,0,1-.446-.746.986.986,0,0,1,.086-.454.924.924,0,0,1,.22-.36c-.029.023.044-.02.018-.009,0,0,.086-.022.073-.02a.782.782,0,0,1,.2,0,2.131,2.131,0,0,1,.415.125,2.017,2.017,0,0,1,.632.4c.118.1.235.207.345.317a1.193,1.193,0,0,1,.134.143c-.031-.044.007.026.007.073,0,.1-.034.192-.12.185a.87.87,0,0,1-.284-.153,3.2,3.2,0,0,1-.3-.21.319.319,0,0,0-.437,0,.311.311,0,0,0,0,.437Z",
23429
- transform: "translate(-71.565 -123.556)",
23430
- fill: "#211715"
23431
- }),
23432
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23433
- id: "Trac\xe9_740",
23434
- "data-name": "Trac\xe9 740",
23435
- d: "M87.736,135.15c.05.063.006,0,0-.013s-.037-.082-.015-.023a.766.766,0,0,1-.027-.083c0-.006-.014-.095-.01-.038a.541.541,0,0,1,0-.094c0,.05.008-.028.011-.039s.022-.079.009-.036.014-.024.018-.034l.016-.026q-.041.051-.018.026c.013-.007.047-.058.017-.018s0,0,.015-.005c.06-.018-.061.019,0,0,.042-.013.086-.023.127-.038h-.014l.044,0,.087,0a1.389,1.389,0,0,1,.309.054c.113.029.225.06.336.1.065.023-.019-.013.037.016.027.014.053.027.079.042,0,0,.079.053.035.019a.61.61,0,0,1,.065.06c.009.01.057.074.025.026.016.024.029.049.045.073.029.046,0-.012.009.018a.9.9,0,0,1,.027.1.311.311,0,0,0,.38.216.316.316,0,0,0,.216-.38,1.1,1.1,0,0,0-.725-.772,2.384,2.384,0,0,0-.953-.188.816.816,0,0,0-.712.415.992.992,0,0,0,.138,1.059.31.31,0,0,0,.437,0,.318.318,0,0,0,0-.437Z",
23436
- transform: "translate(-75.864 -116.857)",
23437
- fill: "#211715"
23438
- }),
23439
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23440
- id: "Trac\xe9_741",
23441
- "data-name": "Trac\xe9 741",
23442
- d: "M91.049,127.981a.457.457,0,0,0,0-.062c0,.03.016-.044.006-.021s.025-.047.03-.057.03-.044.013-.023a.817.817,0,0,1,.1-.1c.021-.02.023-.016,0,0,.019-.013.039-.026.059-.037s.066-.032.02-.013a.634.634,0,0,1,.06-.02.8.8,0,0,1,.083-.02c.056-.01-.032,0,.026,0a2.064,2.064,0,0,1,.342,0l.066.005c.007,0,.089.011.05.005l.04.007.087.015a1.893,1.893,0,0,1,.263.066.635.635,0,0,1,.077.041c.009.005.065.048.029.017.016.014.03.029.045.043l.021.024q-.017-.024,0,0a.625.625,0,0,1,.035.056c.006.011.029.067.017.032a.6.6,0,0,1,.018.064c-.01-.042,0,.043,0,.05a.309.309,0,0,0,.618,0,.976.976,0,0,0-.475-.82,2.019,2.019,0,0,0-.895-.222,1.457,1.457,0,0,0-.878.166.953.953,0,0,0-.474.807.309.309,0,0,0,.618,0Z",
23443
- transform: "translate(-78.796 -110.659)",
23444
- fill: "#211715"
23445
- }),
23446
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23447
- id: "Trac\xe9_742",
23448
- "data-name": "Trac\xe9 742",
23449
- d: "M125.686,126.569c.071-.556.195-1.1.311-1.651a7.627,7.627,0,0,1,.514-1.587,4.556,4.556,0,0,1,1.031-1.529,5.67,5.67,0,0,1,1.647-.942c.185-.075.374-.138.559-.21.01,0,.133-.054.04-.017l.078-.031.169-.063a6.215,6.215,0,0,0,.864-.359c.347-.193.036-.726-.312-.533a12.385,12.385,0,0,1-1.486.586,7.117,7.117,0,0,0-1.871,1.027,4.619,4.619,0,0,0-1.165,1.575,8.219,8.219,0,0,0-.626,1.751,19.692,19.692,0,0,0-.37,1.982.31.31,0,0,0,.309.309.317.317,0,0,0,.309-.309Z",
23450
- transform: "translate(-108.978 -104.217)",
23451
- fill: "#211715"
23452
- }),
23453
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23454
- id: "Trac\xe9_743",
23455
- "data-name": "Trac\xe9 743",
23456
- d: "M146,1.3A7.439,7.439,0,0,0,140.413.117a6.642,6.642,0,0,0-3.924,2.205,7.212,7.212,0,0,0-1.566,4.133,12.781,12.781,0,0,0-.037,1.354,5.115,5.115,0,0,0,.059.793c.047.262.086.525.116.79a19.33,19.33,0,0,1,.055,2.89c-.018.464-.039.929-.044,1.394a6.163,6.163,0,0,0,.051,1.352,2.322,2.322,0,0,0,1.408,1.65,1.191,1.191,0,0,0,.572.025.312.312,0,0,0,.216-.38.316.316,0,0,0-.38-.216.612.612,0,0,1-.324-.055,1.292,1.292,0,0,1-.364-.266,2.076,2.076,0,0,1-.493-.779,1.361,1.361,0,0,1-.048-.188c.009.05,0-.013,0-.032,0-.074-.007-.148-.009-.223q-.012-.339-.01-.677c0-.442.018-.883.035-1.324a23.7,23.7,0,0,0,0-2.685c-.039-.512-.139-1.013-.2-1.521A9.221,9.221,0,0,1,135.509,7,7.088,7.088,0,0,1,136.7,3.046,5.9,5.9,0,0,1,139.922.86,7.178,7.178,0,0,1,142.7.683a6.38,6.38,0,0,1,2.336.719,6.34,6.34,0,0,1,.651.431.311.311,0,0,0,.423-.111A.316.316,0,0,0,146,1.3Z",
23457
- transform: "translate(-117.528 0)",
23458
- fill: "#211715"
23459
- }),
23460
- /*#__PURE__*/ (0, $bZRJW$jsx)("path", {
23461
- id: "Trac\xe9_744",
23462
- "data-name": "Trac\xe9 744",
23463
- d: "M132.635,177.331c.185.6.392,1.2.6,1.79a.309.309,0,0,0,.6-.164c-.211-.593-.418-1.188-.6-1.79a.309.309,0,1,0-.6.164Z",
23464
- transform: "translate(-115.561 -154.175)",
23465
- fill: "#211715"
23466
- })
23467
- ]
23468
- })
23469
- });
23470
- };
23471
- var $75710e2a5540e2b8$export$2e2bcd8739ae039 = $75710e2a5540e2b8$var$TemporaryBanner;
23472
-
23473
-
23474
23010
  const $ede9b93aab85f374$var$UserRequest = ()=>{
23475
23011
  const configuration = (0, $1x02c.useRetorikStore)((state)=>state.configuration);
23476
23012
  const mode = (0, $i1rfm.useSpeechStore)((state)=>state.mode);
23477
23013
  const currentDeviceType = (0, $1Qww3.useViewStore)((state)=>state.currentDeviceType);
23478
23014
  const mediumLandscape = (0, $1Qww3.useViewStore)((state)=>state.mediumLandscape);
23479
- const isBorne = (0, $1Qww3.useViewStore)((state)=>state.isBorne);
23480
23015
  const [gridRowStart, setGridRowStart] = (0, $bZRJW$useState)();
23481
23016
  const [gridRowSpan, setGridRowSpan] = (0, $bZRJW$useState)();
23482
23017
  (0, $bZRJW$useEffect)(()=>{
@@ -23522,18 +23057,15 @@ const $ede9b93aab85f374$var$UserRequest = ()=>{
23522
23057
  configuration.answerpanel,
23523
23058
  currentDeviceType
23524
23059
  ]);
23525
- return /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
23060
+ return /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
23526
23061
  id: "retorik-userRequest",
23527
- className: `rf-relative rf-z-util rf-h-full rf-w-3/5 landscape-retorik:rf-w-[calc(80%-10rem)] landscape-retorik:ltr:rf-ml-1/5 landscape-retorik:rtl:rf-mr-1/5 rf-py-4 large-vertical:rf-py-5 rf-flex rf-flex-col rf-justify-self-center rf-justify-end landscape-retorik:rf-justify-self-start
23062
+ className: `rf-relative rf-z-util rf-h-full rf-w-3/5 landscape-retorik:rf-w-[calc(80%-10rem)] landscape-retorik:rf-ml-1/5 rf-py-4 large-vertical:rf-py-5 rf-flex rf-flex-col rf-justify-self-center rf-justify-end landscape-retorik:rf-justify-self-start
23528
23063
  ${mode === (0, $4ucVo.Mode).text && 'landscape-retorik:rf-justify-start'}
23529
23064
  ${mediumLandscape ? 'landscape-retorik:rf-col-start-3' : 'landscape-retorik:rf-col-start-4'} large-vertical:rf-col-start-1 rf-col-span-full rf-text-size-auto rf-text-trueblack`,
23530
23065
  style: {
23531
23066
  gridRow: `${gridRowStart} / span ${gridRowSpan}`
23532
23067
  },
23533
- children: [
23534
- configuration.showTemporaryBanner && isBorne ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $75710e2a5540e2b8$export$2e2bcd8739ae039), {}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {}),
23535
- mode === (0, $4ucVo.Mode).text ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $3BlcX.default), {}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $7eea63803bf8724c$export$2e2bcd8739ae039), {})
23536
- ]
23068
+ children: mode === (0, $4ucVo.Mode).text ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $3BlcX.default), {}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $7eea63803bf8724c$export$2e2bcd8739ae039), {})
23537
23069
  });
23538
23070
  };
23539
23071
  var $ede9b93aab85f374$export$2e2bcd8739ae039 = $ede9b93aab85f374$var$UserRequest;
@@ -23598,7 +23130,7 @@ const $034b7f2bc7345b0f$var$UserRequest = ()=>{
23598
23130
  ]);
23599
23131
  return /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
23600
23132
  id: "retorik-userRequest",
23601
- className: `rf-relative rf-z-[5] rf-h-full rf-w-3/5 landscape-retorik:rf-w-[calc(80%-10rem)] landscape-retorik:ltr:rf-ml-1/5 landscape-retorik:rtl:rf-mr-1/5 rf-flex rf-flex-col rf-justify-self-center rf-justify-end landscape-retorik:rf-justify-self-start landscape-retorik:rf-justify-start
23133
+ className: `rf-relative rf-z-[5] rf-h-full rf-w-3/5 landscape-retorik:rf-w-[calc(80%-10rem)] landscape-retorik:rf-ml-1/5 rf-flex rf-flex-col rf-justify-self-center rf-justify-end landscape-retorik:rf-justify-self-start landscape-retorik:rf-justify-start
23602
23134
  ${mediumLandscape ? 'landscape-retorik:rf-col-start-3' : 'landscape-retorik:rf-col-start-4'} large-vertical:rf-col-start-1 rf-col-span-full rf-text-size-auto rf-text-trueblack`,
23603
23135
  style: {
23604
23136
  gridRow: `${gridRowStart} / span ${gridRowSpan}`,
@@ -23620,6 +23152,8 @@ var $1x02c = parcelRequire("1x02c");
23620
23152
 
23621
23153
  var $i1rfm = parcelRequire("i1rfm");
23622
23154
 
23155
+ var $9GPj7 = parcelRequire("9GPj7");
23156
+
23623
23157
  var $j67YK = parcelRequire("j67YK");
23624
23158
 
23625
23159
  var $1Qww3 = parcelRequire("1Qww3");
@@ -23633,6 +23167,7 @@ const $d0566425e54c7d5b$var$BotResponse = ()=>{
23633
23167
  const speaking = (0, $i1rfm.useSpeechStore)((state)=>state.speaking);
23634
23168
  const lastRecognitionInterim = (0, $i1rfm.useSpeechStore)((state)=>state.lastRecognitionInterim);
23635
23169
  const currentOrLastPlayedActivity = (0, $i1rfm.useSpeechStore)((state)=>state.currentOrLastPlayedActivity);
23170
+ const botMessageActivities = (0, $9GPj7.useActivityStore)((state)=>state.botMessageActivities);
23636
23171
  const currentDeviceType = (0, $1Qww3.useViewStore)((state)=>state.currentDeviceType);
23637
23172
  const currentWidth = (0, $1Qww3.useViewStore)((state)=>state.currentWidth);
23638
23173
  const currentHeight = (0, $1Qww3.useViewStore)((state)=>state.currentHeight);
@@ -23723,26 +23258,39 @@ const $d0566425e54c7d5b$var$BotResponse = ()=>{
23723
23258
  currentWidth,
23724
23259
  currentHeight
23725
23260
  ]);
23261
+ /**
23262
+ * Check if the current activity is a streaming one without attachments.
23263
+ * If so, let's check if we already received the message at the end of the streaming asn if it contains attachments to be displayed
23264
+ */ const processedCurrentOrLastPlayedActivity = (0, $bZRJW$useMemo)(()=>{
23265
+ if (currentOrLastPlayedActivity?.name?.toLowerCase() === 'davi.streammessageactivity' && !currentOrLastPlayedActivity?.attachments?.length) {
23266
+ const relatedMessageActivityWithAttachments = botMessageActivities.find((activity)=>activity.value?.streamingCount && activity.replyToId === currentOrLastPlayedActivity.replyToId && activity.attachments?.length);
23267
+ if (relatedMessageActivityWithAttachments) return relatedMessageActivityWithAttachments;
23268
+ }
23269
+ return currentOrLastPlayedActivity;
23270
+ }, [
23271
+ currentOrLastPlayedActivity,
23272
+ botMessageActivities
23273
+ ]);
23726
23274
  const currentDisplay = (0, $bZRJW$useMemo)(()=>{
23727
- if (currentOrLastPlayedActivity) {
23728
- if (currentOrLastPlayedActivity.attachmentLayout) switch(currentOrLastPlayedActivity.attachmentLayout.toLowerCase()){
23275
+ if (processedCurrentOrLastPlayedActivity) {
23276
+ if (processedCurrentOrLastPlayedActivity.attachmentLayout) switch(processedCurrentOrLastPlayedActivity.attachmentLayout.toLowerCase()){
23729
23277
  case 'davilist':
23730
23278
  return (0, $4ucVo.Displays).list;
23731
23279
  case 'carousel':
23732
23280
  case 'namedlist':
23733
- return currentOrLastPlayedActivity.attachments && currentOrLastPlayedActivity.attachments.length > 1 ? (0, $4ucVo.Displays).carousel : (0, $4ucVo.Displays).normal;
23281
+ return processedCurrentOrLastPlayedActivity.attachments && processedCurrentOrLastPlayedActivity.attachments.length > 1 ? (0, $4ucVo.Displays).carousel : (0, $4ucVo.Displays).normal;
23734
23282
  case 'grid':
23735
23283
  return (0, $4ucVo.Displays).grid;
23736
23284
  }
23737
23285
  // If we have no attachment layout but attachment(s), we use list display by default is there are several attachments
23738
- if (currentOrLastPlayedActivity.attachments?.length) return currentOrLastPlayedActivity.attachments?.length > 1 ? (0, $4ucVo.Displays).list : (0, $4ucVo.Displays).normal;
23286
+ if (processedCurrentOrLastPlayedActivity.attachments?.length) return processedCurrentOrLastPlayedActivity.attachments?.length > 1 ? (0, $4ucVo.Displays).list : (0, $4ucVo.Displays).normal;
23739
23287
  }
23740
23288
  return (0, $4ucVo.Displays).none;
23741
23289
  }, [
23742
- currentOrLastPlayedActivity
23290
+ processedCurrentOrLastPlayedActivity
23743
23291
  ]);
23744
23292
  return currentDisplay === (0, $4ucVo.Displays).none ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {}) : currentDisplay === (0, $4ucVo.Displays).list ? lastRecognitionInterim === '' && !(listStatus === (0, $4ucVo.ListStatus).closed) ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $kyBz3.default), {
23745
- activity: currentOrLastPlayedActivity,
23293
+ activity: processedCurrentOrLastPlayedActivity,
23746
23294
  onClose: ()=>setListStatus((0, $4ucVo.ListStatus).closed)
23747
23295
  }) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {}) : /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
23748
23296
  id: "retorik-botResponse",
@@ -23750,10 +23298,10 @@ const $d0566425e54c7d5b$var$BotResponse = ()=>{
23750
23298
  style: {
23751
23299
  gridRow: `${gridRowStart} / span ${gridRowSpan}`
23752
23300
  },
23753
- children: currentOrLastPlayedActivity && /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
23301
+ children: processedCurrentOrLastPlayedActivity && /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
23754
23302
  className: "rf-w-full rf-h-full rf-flex rf-flex-col landscape-retorik:rf-items-start vertical:rf-items-center rf-gap-2",
23755
23303
  children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $1LYTj.default), {
23756
- activity: currentOrLastPlayedActivity
23304
+ activity: processedCurrentOrLastPlayedActivity
23757
23305
  })
23758
23306
  })
23759
23307
  });
@@ -23768,6 +23316,8 @@ var $1x02c = parcelRequire("1x02c");
23768
23316
 
23769
23317
  var $i1rfm = parcelRequire("i1rfm");
23770
23318
 
23319
+ var $9GPj7 = parcelRequire("9GPj7");
23320
+
23771
23321
  var $j67YK = parcelRequire("j67YK");
23772
23322
 
23773
23323
  var $1Qww3 = parcelRequire("1Qww3");
@@ -23781,6 +23331,7 @@ const $f39384d6255fe275$var$BotResponse = ()=>{
23781
23331
  const speaking = (0, $i1rfm.useSpeechStore)((state)=>state.speaking);
23782
23332
  const lastRecognitionInterim = (0, $i1rfm.useSpeechStore)((state)=>state.lastRecognitionInterim);
23783
23333
  const currentOrLastPlayedActivity = (0, $i1rfm.useSpeechStore)((state)=>state.currentOrLastPlayedActivity);
23334
+ const botMessageActivities = (0, $9GPj7.useActivityStore)((state)=>state.botMessageActivities);
23784
23335
  const currentDeviceType = (0, $1Qww3.useViewStore)((state)=>state.currentDeviceType);
23785
23336
  const currentWidth = (0, $1Qww3.useViewStore)((state)=>state.currentWidth);
23786
23337
  const currentHeight = (0, $1Qww3.useViewStore)((state)=>state.currentHeight);
@@ -23871,26 +23422,39 @@ const $f39384d6255fe275$var$BotResponse = ()=>{
23871
23422
  currentWidth,
23872
23423
  currentHeight
23873
23424
  ]);
23425
+ /**
23426
+ * Check if the current activity is a streaming one without attachments.
23427
+ * If so, let's check if we already received the message at the end of the streaming asn if it contains attachments to be displayed
23428
+ */ const processedCurrentOrLastPlayedActivity = (0, $bZRJW$useMemo)(()=>{
23429
+ if (currentOrLastPlayedActivity?.name?.toLowerCase() === 'davi.streammessageactivity' && !currentOrLastPlayedActivity?.attachments?.length) {
23430
+ const relatedMessageActivityWithAttachments = botMessageActivities.find((activity)=>activity.value?.streamingCount && activity.replyToId === currentOrLastPlayedActivity.replyToId && activity.attachments?.length);
23431
+ if (relatedMessageActivityWithAttachments) return relatedMessageActivityWithAttachments;
23432
+ }
23433
+ return currentOrLastPlayedActivity;
23434
+ }, [
23435
+ currentOrLastPlayedActivity,
23436
+ botMessageActivities
23437
+ ]);
23874
23438
  const currentDisplay = (0, $bZRJW$useMemo)(()=>{
23875
- if (currentOrLastPlayedActivity) {
23876
- if (currentOrLastPlayedActivity.attachmentLayout) switch(currentOrLastPlayedActivity.attachmentLayout.toLowerCase()){
23439
+ if (processedCurrentOrLastPlayedActivity) {
23440
+ if (processedCurrentOrLastPlayedActivity.attachmentLayout) switch(processedCurrentOrLastPlayedActivity.attachmentLayout.toLowerCase()){
23877
23441
  case 'davilist':
23878
23442
  return (0, $4ucVo.Displays).list;
23879
23443
  case 'carousel':
23880
23444
  case 'namedlist':
23881
- return currentOrLastPlayedActivity.attachments && currentOrLastPlayedActivity.attachments.length > 1 ? (0, $4ucVo.Displays).carousel : (0, $4ucVo.Displays).normal;
23445
+ return processedCurrentOrLastPlayedActivity.attachments && processedCurrentOrLastPlayedActivity.attachments.length > 1 ? (0, $4ucVo.Displays).carousel : (0, $4ucVo.Displays).normal;
23882
23446
  case 'grid':
23883
23447
  return (0, $4ucVo.Displays).grid;
23884
23448
  }
23885
23449
  // If we have no attachment layout but attachment(s), we use list display by default is there are several attachments
23886
- if (currentOrLastPlayedActivity.attachments?.length) return currentOrLastPlayedActivity.attachments?.length > 1 ? (0, $4ucVo.Displays).list : (0, $4ucVo.Displays).normal;
23450
+ if (processedCurrentOrLastPlayedActivity.attachments?.length) return processedCurrentOrLastPlayedActivity.attachments?.length > 1 ? (0, $4ucVo.Displays).list : (0, $4ucVo.Displays).normal;
23887
23451
  }
23888
23452
  return (0, $4ucVo.Displays).none;
23889
23453
  }, [
23890
- currentOrLastPlayedActivity
23454
+ processedCurrentOrLastPlayedActivity
23891
23455
  ]);
23892
23456
  return currentDisplay === (0, $4ucVo.Displays).none ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {}) : currentDisplay === (0, $4ucVo.Displays).list ? lastRecognitionInterim === '' && !(listStatus === (0, $4ucVo.ListStatus).closed) ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $kyBz3.default), {
23893
- activity: currentOrLastPlayedActivity,
23457
+ activity: processedCurrentOrLastPlayedActivity,
23894
23458
  onClose: ()=>setListStatus((0, $4ucVo.ListStatus).closed)
23895
23459
  }) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {}) : /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
23896
23460
  id: "retorik-botResponse",
@@ -23898,10 +23462,10 @@ const $f39384d6255fe275$var$BotResponse = ()=>{
23898
23462
  style: {
23899
23463
  gridRow: `${gridRowStart} / span ${gridRowSpan}`
23900
23464
  },
23901
- children: currentOrLastPlayedActivity && /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
23465
+ children: processedCurrentOrLastPlayedActivity && /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
23902
23466
  className: "rf-w-full rf-h-full rf-flex rf-flex-col landscape-retorik:rf-justify-center landscape-retorik:rf-items-start vertical:rf-items-center rf-gap-2",
23903
23467
  children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $1LYTj.default), {
23904
- activity: currentOrLastPlayedActivity
23468
+ activity: processedCurrentOrLastPlayedActivity
23905
23469
  })
23906
23470
  })
23907
23471
  });
@@ -23927,9 +23491,9 @@ const $3ff23eb3a82e4cf7$var$RetorikLogo = ()=>{
23927
23491
  title: "Retorik by Davi",
23928
23492
  target: "_blank",
23929
23493
  rel: "noreferrer",
23930
- className: "rf-hidden large:rf-block rf-relative rf-z-[1] ltr:rf-col-start-1 rtl:rf-col-end-1 rf-col-span-full rf-row-start-12 rf-row-span-1 ltr:rf-self-end rtl:rf-self-start rf-justify-self-start",
23494
+ className: "rf-hidden large:rf-block rf-relative rf-z-[1] rf-col-start-1 rf-col-span-full rf-row-start-12 rf-row-span-1 rf-self-end rf-justify-self-start",
23931
23495
  children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $jwPbX.default), {
23932
- className: "ltr:rf-ml-4 rtl:rf-mr-4 rf-mb-4 rf-h-14"
23496
+ className: "rf-ml-4 rf-mb-4 rf-h-14"
23933
23497
  })
23934
23498
  });
23935
23499
  };
@@ -23984,6 +23548,7 @@ const $1d193b8bc4e911e9$var$SubViews = ({ externalComponents: externalComponents
23984
23548
  const locale = (0, $2fuDN.useLocaleStore)((state)=>state.locale);
23985
23549
  const currentSubView = (0, $j67YK.useUtilsStore)((state)=>state.currentSubView);
23986
23550
  const currentCustomView = (0, $j67YK.useUtilsStore)((state)=>state.currentCustomView);
23551
+ const enabledFeatures = (0, $1x02c.useRetorikStore)((state)=>state.enabledFeatures);
23987
23552
  const { setCurrentCustomView: setCurrentCustomView, setCurrentSubView: setCurrentSubView, setRetorikEvent: setRetorikEvent, unlockClickedButton: unlockClickedButton } = (0, $j67YK.useUtilsStore)((state)=>state.actions);
23988
23553
  const configuration = (0, $1x02c.useRetorikStore)((state)=>state.configuration);
23989
23554
  const showMap = (0, $0645bcccfc515a57$export$2e2bcd8739ae039)();
@@ -24052,16 +23617,36 @@ const $1d193b8bc4e911e9$var$SubViews = ({ externalComponents: externalComponents
24052
23617
  ]);
24053
23618
  (0, $bZRJW$useEffect)(()=>{
24054
23619
  unlockClickedButton();
24055
- if (currentSubView !== (0, $4ucVo.CurrentSubView).none) setRetorikEvent((0, $4ucVo.RetorikEvent).DetailViewOpen);
24056
- else setRetorikEvent((0, $4ucVo.RetorikEvent).DetailViewClose);
24057
- if (currentSubView !== (0, $4ucVo.CurrentSubView).custom) setDisplayCustomComponent(false);
24058
- else setDisplayCustomComponent(true);
23620
+ // Special processing for external / custom data
23621
+ setDisplayCustomComponent(currentSubView === (0, $4ucVo.CurrentSubView).custom);
23622
+ setRetorikEvent(currentSubView === (0, $4ucVo.CurrentSubView).none ? (0, $4ucVo.RetorikEvent).DetailViewClose : (0, $4ucVo.RetorikEvent).DetailViewOpen);
24059
23623
  }, [
24060
23624
  currentSubView
24061
23625
  ]);
23626
+ const processedSubView = (0, $bZRJW$useMemo)(()=>{
23627
+ switch(currentSubView){
23628
+ case (0, $4ucVo.CurrentSubView).none:
23629
+ case (0, $4ucVo.CurrentSubView).history:
23630
+ case (0, $4ucVo.CurrentSubView).languages:
23631
+ case (0, $4ucVo.CurrentSubView).custom:
23632
+ return currentSubView;
23633
+ case (0, $4ucVo.CurrentSubView).emergency:
23634
+ if (enabledFeatures.includes('emergency')) return (0, $4ucVo.CurrentSubView).emergency;
23635
+ else console.log('Retorik Framework > tried to switch to emergency while the feature is not activated in Retorik Studio');
23636
+ break;
23637
+ case (0, $4ucVo.CurrentSubView).weather:
23638
+ if (enabledFeatures.includes('weather')) return (0, $4ucVo.CurrentSubView).weather;
23639
+ else console.log('Retorik Framework > tried to switch to weather while the feature is not activated in Retorik Studio');
23640
+ break;
23641
+ }
23642
+ return (0, $4ucVo.CurrentSubView).none;
23643
+ }, [
23644
+ currentSubView,
23645
+ enabledFeatures
23646
+ ]);
24062
23647
  return /*#__PURE__*/ (0, $bZRJW$jsxs)((0, $bZRJW$Suspense), {
24063
23648
  children: [
24064
- currentSubView === (0, $4ucVo.CurrentSubView).history ? /*#__PURE__*/ (0, $bZRJW$jsx)($1d193b8bc4e911e9$var$HistoryList, {}) : currentSubView === (0, $4ucVo.CurrentSubView).languages ? /*#__PURE__*/ (0, $bZRJW$jsx)($1d193b8bc4e911e9$var$LanguageChoice, {}) : currentSubView === (0, $4ucVo.CurrentSubView).weather ? /*#__PURE__*/ (0, $bZRJW$jsx)($1d193b8bc4e911e9$var$Weather, {}) : currentSubView === (0, $4ucVo.CurrentSubView).emergency ? /*#__PURE__*/ (0, $bZRJW$jsx)($1d193b8bc4e911e9$var$Emergency, {}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {}),
23649
+ processedSubView === (0, $4ucVo.CurrentSubView).history ? /*#__PURE__*/ (0, $bZRJW$jsx)($1d193b8bc4e911e9$var$HistoryList, {}) : processedSubView === (0, $4ucVo.CurrentSubView).languages ? /*#__PURE__*/ (0, $bZRJW$jsx)($1d193b8bc4e911e9$var$LanguageChoice, {}) : processedSubView === (0, $4ucVo.CurrentSubView).weather ? /*#__PURE__*/ (0, $bZRJW$jsx)($1d193b8bc4e911e9$var$Weather, {}) : processedSubView === (0, $4ucVo.CurrentSubView).emergency ? /*#__PURE__*/ (0, $bZRJW$jsx)($1d193b8bc4e911e9$var$Emergency, {}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {}),
24065
23650
  /*#__PURE__*/ (0, $bZRJW$jsx)($1d193b8bc4e911e9$var$CustomView, {
24066
23651
  display: displayCustomComponent,
24067
23652
  externalComponents: externalComponents,
@@ -24202,6 +23787,8 @@ var $1LYTj = parcelRequire("1LYTj");
24202
23787
 
24203
23788
  var $1Qww3 = parcelRequire("1Qww3");
24204
23789
 
23790
+ var $2fuDN = parcelRequire("2fuDN");
23791
+
24205
23792
  var $4ucVo = parcelRequire("4ucVo");
24206
23793
 
24207
23794
  var $dLlm9 = parcelRequire("dLlm9");
@@ -24209,6 +23796,7 @@ const $77050b56e8d1d908$var$interval = 45;
24209
23796
  const $77050b56e8d1d908$var$splitRegex = new RegExp(/<[^<>]+>/g);
24210
23797
  const $77050b56e8d1d908$var$TextBubble = ({ from: from, id: id, text: text, htmlText: htmlText, showWaitingDots: showWaitingDots, isWaitingDots: isWaitingDots, triggerScroll: triggerScroll, onEnded: onEnded, canBeEnded: canBeEnded, isEnded: isEnded })=>{
24211
23798
  const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
23799
+ const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
24212
23800
  const [currentHtmlText, setCurrentHtmlText] = (0, $bZRJW$useState)('');
24213
23801
  const [ended, setEnded] = (0, $bZRJW$useState)(isEnded);
24214
23802
  const intervalRef = (0, $bZRJW$useRef)(null);
@@ -24279,7 +23867,8 @@ const $77050b56e8d1d908$var$TextBubble = ({ from: from, id: id, text: text, html
24279
23867
  };
24280
23868
  return /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
24281
23869
  id: from === (0, $4ucVo.TextFrom).user ? `retorik-userQuestion-${id}` : `retorik-botResponse-${id}`,
24282
- className: `rf-w-fit rf-min-h-9 large-vertical:rf-min-h-10 rf-px-4 rf-py-2 rf-max-w-[75%] landscape-retorik:rf-max-w-[calc((80%-10rem)*0.75)] large-vertical:rf-max-w-[45%] ${isMobile && 'rf-mx-4'} ${from === (0, $4ucVo.TextFrom).user ? 'landscape-retorik:ltr:rf-mr-40 landscape-retorik:rtl:rf-ml-40 large-vertical:ltr:rf-mr-1/5 large-vertical:rtl:rf-ml-1/5 rf-self-end rf-text-textModePanelConversationUser rf-bg-textModePanelBackgroundUser rf-border rf-border-textModePanelBackgroundUser ltr:rf-rounded-tl-4 rtl:rf-rounded-tr-4' : 'landscape-retorik:ltr:rf-ml-1/5 landscape-retorik:rtl:rf-mr-1/5 large-vertical:ltr:rf-ml-1/5 large-vertical:rtl:rf-mr-1/5 rf-text-textModePanelConversationBot rf-bg-textModePanelBackgroundBot rf-border rf-border-textModePanelBackgroundBot ltr:rf-rounded-tr-4 rtl:rf-rounded-tl-4'} rf-rounded-b-4 rf-animate-slideBottom rf-flex rf-flex-col rf-text-size-auto rf-shadow-[0_3px_6px_#00000029]`,
23870
+ dir: isRTL ? 'rtl' : 'ltr',
23871
+ className: `rf-w-fit ${from === (0, $4ucVo.TextFrom).user ? 'rf-min-h-fit' : 'rf-min-h-9 large-vertical:rf-min-h-10'} rf-px-4 rf-py-2 rf-max-w-[75%] landscape-retorik:rf-max-w-[calc((80%-10rem)*0.75)] large-vertical:rf-max-w-[45%] ${isMobile && 'rf-mx-4'} ${isRTL ? from === (0, $4ucVo.TextFrom).bot ? 'landscape-retorik:rf-mr-40 large-vertical:rf-mr-1/5 rf-self-end rf-text-textModePanelConversationBot rf-bg-textModePanelBackgroundBot rf-border rf-border-textModePanelBackgroundBot rf-rounded-tl-4' : 'landscape-retorik:rf-ml-1/5 large-vertical:rf-ml-1/5 rf-text-textModePanelConversationUser rf-bg-textModePanelBackgroundUser rf-border rf-border-textModePanelBackgroundUser rf-rounded-tr-4' : from === (0, $4ucVo.TextFrom).user ? 'landscape-retorik:rf-mr-40 large-vertical:rf-mr-1/5 rf-self-end rf-text-textModePanelConversationUser rf-bg-textModePanelBackgroundUser rf-border rf-border-textModePanelBackgroundUser rf-rounded-tl-4' : 'landscape-retorik:rf-ml-1/5 large-vertical:rf-ml-1/5 rf-text-textModePanelConversationBot rf-bg-textModePanelBackgroundBot rf-border rf-border-textModePanelBackgroundBot rf-rounded-tr-4'} rf-rounded-b-4 rf-animate-slideBottom rf-flex rf-flex-col rf-text-size-auto rf-shadow-[0_3px_6px_#00000029]`,
24283
23872
  children: isWaitingDots ? /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
24284
23873
  className: "rf-w-8 rf-loader-bouncing-bot"
24285
23874
  }) : /*#__PURE__*/ (0, $bZRJW$jsxs)((0, $bZRJW$react).Fragment, {
@@ -24650,7 +24239,7 @@ const $ea037f590a1926c2$var$ConversationPanelMobile = ({ activities: activities,
24650
24239
  direction: scrollButtonDirection,
24651
24240
  display: scrollButtonDisplay && open,
24652
24241
  scrollHandler: scrollHandler,
24653
- className: "rf-absolute rf-z-ui rf-bottom-8 ltr:rf-right-6 rtl:rf-left-6 rf-w-9 rf-h-9 rf-cursor-pointer rf-bg-[#00000050] rf-p-[7px_12px] rf-rounded-[20px] rf-flex"
24242
+ className: "rf-absolute rf-z-ui rf-bottom-8 rf-right-6 rf-w-9 rf-h-9 rf-cursor-pointer rf-bg-[#00000050] rf-p-[7px_12px] rf-rounded-[20px] rf-flex"
24654
24243
  }),
24655
24244
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
24656
24245
  className: "rf-h-max rf-w-full rf-py-4 rf-flex rf-flex-col rf-gap-3",
@@ -24952,6 +24541,8 @@ var $j67YK = parcelRequire("j67YK");
24952
24541
 
24953
24542
  var $1x02c = parcelRequire("1x02c");
24954
24543
 
24544
+ var $2fuDN = parcelRequire("2fuDN");
24545
+
24955
24546
  var $4ucVo = parcelRequire("4ucVo");
24956
24547
  parcelRequire("28ved");
24957
24548
  var $7urmy = parcelRequire("7urmy");
@@ -25041,7 +24632,7 @@ const $76dadedfb60aa8b2$var$Remote = ()=>{
25041
24632
  const configuration = (0, $1x02c.useRetorikStore)((state)=>state.configuration);
25042
24633
  return /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
25043
24634
  id: "retorik-framework-remote",
25044
- className: "rf-relative rf-w-full rf-pt-3 rf-pb-4 rf-flex rf-flex-col rf-items-center ltr:rf-rounded-l-lg rtl:rf-rounded-r-lg rf-shadow-[0_3px_6px_#606267]",
24635
+ className: "rf-relative rf-w-full rf-pt-3 rf-pb-4 rf-flex rf-flex-col rf-items-center rf-rounded-l-lg rf-shadow-[0_3px_6px_#606267]",
25045
24636
  style: {
25046
24637
  background: 'linear-gradient(#F8F8FC, #EDEEF3)'
25047
24638
  },
@@ -25069,6 +24660,7 @@ const $654a93a312eacdf8$var$RemoteContainer = ({ hideMenu: hideMenu = false })=>
25069
24660
  const top = (0, $cR4Go.default)();
25070
24661
  const menu = (0, $1x02c.useRetorikStore)((state)=>state.configuration.menu);
25071
24662
  const dashboardOpened = (0, $j67YK.useUtilsStore)((state)=>state.dashboardOpened);
24663
+ const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
25072
24664
  const { setCurrentSubView: setCurrentSubView, setDashboardOpened: setDashboardOpened, setClickedOnUI: setClickedOnUI } = (0, $j67YK.useUtilsStore)((state)=>state.actions);
25073
24665
  /**
25074
24666
  * On call :
@@ -25087,7 +24679,7 @@ const $654a93a312eacdf8$var$RemoteContainer = ({ hideMenu: hideMenu = false })=>
25087
24679
  return /*#__PURE__*/ (0, $bZRJW$jsxs)((0, $bZRJW$react).Fragment, {
25088
24680
  children: [
25089
24681
  /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
25090
- className: "rf-absolute rf-z-ui rf-hidden large:rf-flex rf-flex-col rf-items-center rf-justify-start rf-w-24 ltr:rf-right-0 rtl:rf-left-0 ltr:rf-text-xsm rtl:rf-text-arabic rf-text-trueblack",
24682
+ className: `rf-absolute rf-z-ui rf-hidden large:rf-flex rf-flex-col rf-items-center rf-justify-start rf-w-24 rf-right-0 ${isRTL ? 'rf-text-arabic' : 'rf-text-xsm'} rf-text-trueblack`,
25091
24683
  style: {
25092
24684
  top: top
25093
24685
  },
@@ -25187,7 +24779,7 @@ const $958af9b5cce7890d$var$Mobile = ({ parametersOpened: parametersOpened, togg
25187
24779
  };
25188
24780
  return /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
25189
24781
  id: "retorik-framework-menu",
25190
- className: "rf-w-full rf-h-fit rf-flex rf-flex-col-reverse rf-border-t rf-border-t-menuBorder rf-pointer-events-auto",
24782
+ className: "rf-w-full rf-h-fit rf-max-h-80 rf-flex rf-flex-col-reverse rf-border-t rf-border-t-menuBorder rf-pointer-events-auto",
25191
24783
  style: {
25192
24784
  background: 'linear-gradient(to right, #F8F8FC, #EDEEF3)'
25193
24785
  },
@@ -25572,7 +25164,6 @@ const $0c2a4cc3c59eb847$var$ExtendIcon = ({ className: className, color: color,
25572
25164
  var $0c2a4cc3c59eb847$export$2e2bcd8739ae039 = $0c2a4cc3c59eb847$var$ExtendIcon;
25573
25165
 
25574
25166
 
25575
-
25576
25167
  const $19d660b71e82806b$var$HomeView = ({ externalComponents: externalComponents })=>{
25577
25168
  const openWidget = (0, $cxpbh.useWidgetStore)((state)=>state.actions.openWidget);
25578
25169
  const currentLayout = (0, $1x02c.useRetorikStore)((state)=>state.currentLayout);
@@ -25580,7 +25171,6 @@ const $19d660b71e82806b$var$HomeView = ({ externalComponents: externalComponents
25580
25171
  const configuration = (0, $1x02c.useRetorikStore)((state)=>state.configuration);
25581
25172
  const mode = (0, $i1rfm.useSpeechStore)((state)=>state.mode);
25582
25173
  const isMobile = (0, $1Qww3.useViewStore)((state)=>state.isMobile);
25583
- const isBorne = (0, $1Qww3.useViewStore)((state)=>state.isBorne);
25584
25174
  const currentDeviceType = (0, $1Qww3.useViewStore)((state)=>state.currentDeviceType);
25585
25175
  const configurations = (0, $1Qww3.useViewStore)((state)=>state.configurations);
25586
25176
  const setDisplayControls = (0, $1Qww3.useViewStore)((state)=>state.actions.setDisplayControls);
@@ -25627,8 +25217,7 @@ const $19d660b71e82806b$var$HomeView = ({ externalComponents: externalComponents
25627
25217
  loaderClosed && /*#__PURE__*/ (0, $bZRJW$jsx)((0, $1d193b8bc4e911e9$export$2e2bcd8739ae039), {
25628
25218
  externalComponents: externalComponents
25629
25219
  }),
25630
- !configuration?.hideRetorikLogo && /*#__PURE__*/ (0, $bZRJW$jsx)((0, $3ff23eb3a82e4cf7$export$2e2bcd8739ae039), {}),
25631
- configuration.showTemporaryBanner && !isBorne ? /*#__PURE__*/ (0, $bZRJW$jsx)((0, $75710e2a5540e2b8$export$2e2bcd8739ae039), {}) : /*#__PURE__*/ (0, $bZRJW$jsx)((0, $bZRJW$react).Fragment, {})
25220
+ !configuration?.hideRetorikLogo && /*#__PURE__*/ (0, $bZRJW$jsx)((0, $3ff23eb3a82e4cf7$export$2e2bcd8739ae039), {})
25632
25221
  ]
25633
25222
  });
25634
25223
  };
@@ -25679,7 +25268,7 @@ const $52152cf5bb15b9c1$var$WarningBeforeNewsView = ()=>{
25679
25268
  /*#__PURE__*/ (0, $bZRJW$jsx)((0, $3y61A.default), {
25680
25269
  title: translation.common.back,
25681
25270
  handleBack: ()=>handleClick(true),
25682
- className: "rf-absolute rf-top-4 ltr:rf-left-4 rtl:rf-right-4 rf-text-size-auto"
25271
+ className: "rf-absolute rf-top-4 rf-left-4 rf-text-size-auto"
25683
25272
  }),
25684
25273
  /*#__PURE__*/ (0, $bZRJW$jsx)("p", {
25685
25274
  className: "rf-px-4 rf-text-center",
@@ -25746,8 +25335,6 @@ var $1x02c = parcelRequire("1x02c");
25746
25335
 
25747
25336
  var $j67YK = parcelRequire("j67YK");
25748
25337
 
25749
- var $2fuDN = parcelRequire("2fuDN");
25750
-
25751
25338
  var $cU5vf = parcelRequire("cU5vf");
25752
25339
 
25753
25340
  var $cQsYs = parcelRequire("cQsYs");
@@ -25779,7 +25366,6 @@ var $4c87d36187d1110a$export$2e2bcd8739ae039 = $4c87d36187d1110a$var$ModalFullsc
25779
25366
 
25780
25367
 
25781
25368
  const $5370d50645935b25$var$Container = ({ fullSize: fullSize, width: width, height: height, children: children, parent: parent })=>{
25782
- const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
25783
25369
  const themeColors = (0, $1Qww3.useViewStore)((state)=>state.themeColors);
25784
25370
  const currentDeviceType = (0, $1Qww3.useViewStore)((state)=>state.currentDeviceType);
25785
25371
  const isTactile = (0, $1Qww3.useViewStore)((state)=>state.isTactile);
@@ -25948,8 +25534,7 @@ const $5370d50645935b25$var$Container = ({ fullSize: fullSize, width: width, hei
25948
25534
  id: "retorik-container",
25949
25535
  ref: container,
25950
25536
  tabIndex: -1,
25951
- dir: isRTL ? 'rtl' : 'ltr',
25952
- className: `rf-relative ${fullSize ? 'rf-w-screen rf-h-screen' : 'rf-w-full rf-h-full'} rf-max-w-screen rf-max-h-screen rf-grid rf-grid-cols-8 rf-grid-rows-container rf-bg-transparent rf-text-trueblack rf-font-default ${portrait} ${large} ${mobile} ${tablet} ${isTactile && 'rf-tactile'} ${isRTL ? 'rf-rtl' : 'rf-ltr'} rf-overflow-hidden rf-animate-loaderFadeIn`,
25537
+ className: `rf-relative ${fullSize ? 'rf-w-screen rf-h-screen' : 'rf-w-full rf-h-full'} rf-max-w-screen rf-max-h-screen rf-grid rf-grid-cols-8 rf-grid-rows-container rf-bg-transparent rf-text-trueblack rf-font-default ${portrait} ${large} ${mobile} ${tablet} ${isTactile && 'rf-tactile'} rf-overflow-hidden rf-animate-loaderFadeIn`,
25953
25538
  style: {
25954
25539
  ...widthStyle,
25955
25540
  ...heightStyle,
@@ -26037,6 +25622,7 @@ var $1x02c = parcelRequire("1x02c");
26037
25622
 
26038
25623
  var $aNpqK = parcelRequire("aNpqK");
26039
25624
 
25625
+
26040
25626
  var $4ucVo = parcelRequire("4ucVo");
26041
25627
 
26042
25628
 
@@ -26705,7 +26291,6 @@ const $637384b103093c58$var$RetorikSpeech = ({ ponyfill: ponyfill, onEnd: onEnd,
26705
26291
  };
26706
26292
  tempUtterance.onviseme = (event)=>{
26707
26293
  if (isMainUtterance) {
26708
- // Do nothing ATM
26709
26294
  // Update the boundaryData state with the new data.
26710
26295
  addViseme(event);
26711
26296
  const tempVisemes = visemeRef?.current || [];
@@ -26914,6 +26499,7 @@ const $0b8e5d756ffed1ac$var$SynthesisManager = ({ ponyfill: ponyfill, isRetorikN
26914
26499
  const { setCurrentOrLastPlayedActivity: setCurrentOrLastPlayedActivity, resetCancelCurrentUtterance: resetCancelCurrentUtterance, setSpeaking: setSpeaking, setBoundaryData: setBoundaryData, removeFirstFromStreamingQueue: removeFirstFromStreamingQueue, killCurrentStreaming: killCurrentStreaming, askPermission: askPermission, toggleMicrophone: toggleMicrophone } = (0, $i1rfm.useSpeechStore)((state)=>state.actions);
26915
26500
  const addEndedActivity = (0, $9GPj7.useActivityStore)((state)=>state.actions.addEndedActivity);
26916
26501
  const dispatchMarkActivity = (0, $aNpqK.useDirectlineStore)((state)=>state.actions.dispatchMarkActivity);
26502
+ const sendTrace = (0, $4551c1f557108aed$export$a15d15518a3ec33d)().sendTrace;
26917
26503
  const [utterance, setUtterance] = (0, $bZRJW$useState)(null);
26918
26504
  const [nextUtterance, setNextUtterance] = (0, $bZRJW$useState)(null);
26919
26505
  const isNewsViewRef = (0, $bZRJW$useRef)(!!isRetorikNews);
@@ -26946,7 +26532,7 @@ const $0b8e5d756ffed1ac$var$SynthesisManager = ({ ponyfill: ponyfill, isRetorikN
26946
26532
  return (0, $66dccbb634d6ce27$export$f969af62bba9a48b)(params, speechSynthesisOptions?.sayAs);
26947
26533
  };
26948
26534
  const resetData = ()=>{
26949
- // Set all activities curretnly in the queue as ended
26535
+ // Set all activities currently in the queue as ended
26950
26536
  streamingQueueRef.current?.forEach((activity)=>{
26951
26537
  addEndedActivity(activity.id);
26952
26538
  });
@@ -27012,6 +26598,10 @@ const $0b8e5d756ffed1ac$var$SynthesisManager = ({ ponyfill: ponyfill, isRetorikN
27012
26598
  /**
27013
26599
  * Called when utterance's "start" event is fired
27014
26600
  */ const handleUtteranceStart = ()=>{
26601
+ sendTrace((0, $4ucVo.TraceType).utteranceStart, {
26602
+ activityId: currentActivityRef.current?.id,
26603
+ text: currentActivityRef.current?.speak || currentActivityRef.current?.text
26604
+ });
27015
26605
  setSpeaking(true);
27016
26606
  if (!isNewsViewRef.current && currentActivityRef?.current) {
27017
26607
  setCurrentOrLastPlayedActivity(currentActivityRef.current);
@@ -27027,6 +26617,9 @@ const $0b8e5d756ffed1ac$var$SynthesisManager = ({ ponyfill: ponyfill, isRetorikN
27027
26617
  /**
27028
26618
  * Called when utterance's "end" event is fired
27029
26619
  */ const handleUtteranceEnd = ()=>{
26620
+ sendTrace((0, $4ucVo.TraceType).utteranceEnd, {
26621
+ activityId: currentActivityRef.current?.id
26622
+ });
27030
26623
  setSpeaking(false);
27031
26624
  dispatchSpeechEvent(false);
27032
26625
  if (isNewsViewRef.current) {
@@ -27144,6 +26737,20 @@ const $982637234a32cc59$var$SynthesisPonyfillManager = ({ isRetorikNews: isRetor
27144
26737
  ponyfillRef.current = (0, $bZRJW$createSpeechSynthesisPonyfill)(data);
27145
26738
  setPonyfillCreated(true);
27146
26739
  } else if (ponyfillCredentials?.subscriptionKey && ponyfillCredentials.region) fetchTokenAndCreatePonyfill(ponyfillCredentials.region, ponyfillCredentials.subscriptionKey);
26740
+ else if (ponyfillCredentials?.speechSynthesisHostname) {
26741
+ // To use self-hosted voice containers, we need no 'region', and 'speechSynthesisHostname' and 'speechRecognitionHostname' must both be defined
26742
+ // As this ponyfill is for speech synthesis only, we put a mock 'speechRecognitionHostname'
26743
+ const data = {
26744
+ credentials: {
26745
+ // @ts-ignore
26746
+ speechSynthesisHostname: new URL(ponyfillCredentials.speechSynthesisHostname),
26747
+ speechRecognitionHostname: ponyfillCredentials.speechRecognitionHostname || 'mandatory_recognition_host_name',
26748
+ subscriptionKey: ponyfillCredentials.subscriptionKey || 'mandatory_subscription_key'
26749
+ }
26750
+ };
26751
+ ponyfillRef.current = (0, $bZRJW$createSpeechSynthesisPonyfill)(data);
26752
+ setPonyfillCreated(true);
26753
+ }
27147
26754
  }, [
27148
26755
  ponyfillCredentials
27149
26756
  ]);
@@ -27211,18 +26818,19 @@ const $e5415612407dd579$var$RecognitionManager = ()=>{
27211
26818
  const { setActiveRecognitionState: setActiveRecognitionState, setLastRecognitionInterim: setLastRecognitionInterim, toggleMicrophone: toggleMicrophone } = (0, $i1rfm.useSpeechStore)((state)=>state.actions);
27212
26819
  const sendMessage = (0, $aNpqK.useDirectlineStore)((state)=>state.actions.sendMessage);
27213
26820
  const [ponyfill, setPonyfill] = (0, $bZRJW$useState)(null);
27214
- const activeModeRef = (0, $bZRJW$useRef)();
27215
- const timerRef = (0, $bZRJW$useRef)(null);
27216
26821
  const [recognitionAllowed, setRecognitionAllowed] = (0, $bZRJW$useState)(false);
27217
26822
  const [ponyfillReady, setPonyfillReady] = (0, $bZRJW$useState)(false);
27218
- const getCommonAndLocalizedWakeWords = (agentName)=>{
26823
+ const activeModeRef = (0, $bZRJW$useRef)();
26824
+ const timerRef = (0, $bZRJW$useRef)(null);
26825
+ const localeRef = (0, $bZRJW$useRef)(undefined);
26826
+ const getCommonAndLocalizedWakeWords = (currentLocale, agentName)=>{
27219
26827
  let commonAndlocalizedWakeWords = [];
27220
26828
  if (speechRecognitionOptions?.wakeWords) {
27221
26829
  if (speechRecognitionOptions.wakeWords.common) commonAndlocalizedWakeWords = [
27222
26830
  ...speechRecognitionOptions.wakeWords.common
27223
26831
  ];
27224
26832
  if (speechRecognitionOptions.wakeWords.localized) {
27225
- const localizedWakeWords = speechRecognitionOptions.wakeWords.localized[locale] || [];
26833
+ const localizedWakeWords = speechRecognitionOptions.wakeWords.localized[currentLocale] || [];
27226
26834
  localizedWakeWords.length && (commonAndlocalizedWakeWords = [
27227
26835
  ...commonAndlocalizedWakeWords,
27228
26836
  ...localizedWakeWords
@@ -27236,14 +26844,14 @@ const $e5415612407dd579$var$RecognitionManager = ()=>{
27236
26844
  ]);
27237
26845
  return commonAndlocalizedWakeWords;
27238
26846
  };
27239
- const getCommonAndLocalizedGrammars = ()=>{
26847
+ const getCommonAndLocalizedGrammars = (currentLocale)=>{
27240
26848
  let commonAndlocalizedGrammars = [];
27241
26849
  if (speechRecognitionOptions?.grammars) {
27242
26850
  if (speechRecognitionOptions.grammars.common) commonAndlocalizedGrammars = [
27243
26851
  ...speechRecognitionOptions.grammars.common
27244
26852
  ];
27245
26853
  if (speechRecognitionOptions.grammars.localized) {
27246
- const localizedGrammars = speechRecognitionOptions.grammars.localized[locale] || [];
26854
+ const localizedGrammars = speechRecognitionOptions.grammars.localized[currentLocale] || [];
27247
26855
  localizedGrammars.length && (commonAndlocalizedGrammars = [
27248
26856
  ...commonAndlocalizedGrammars,
27249
26857
  ...localizedGrammars
@@ -27258,55 +26866,81 @@ const $e5415612407dd579$var$RecognitionManager = ()=>{
27258
26866
  setRecognitionAllowed(permission === (0, $4ucVo.PermissionStatus).allowed);
27259
26867
  }).catch(console.log);
27260
26868
  };
26869
+ (0, $bZRJW$useEffect)(()=>{
26870
+ // Clear data on component unmount
26871
+ return ()=>{
26872
+ timerRef?.current && clearTimeout(timerRef.current);
26873
+ ponyfill?.speechRecognition?.abort?.();
26874
+ };
26875
+ }, []);
27261
26876
  (0, $bZRJW$useEffect)(()=>{
27262
26877
  recognitionAllowed && useContinuousRecognition && ponyfill?.speechRecognition.start();
27263
26878
  }, [
27264
26879
  recognitionAllowed
27265
26880
  ]);
27266
26881
  (0, $bZRJW$useEffect)(()=>{
27267
- if (ponyfillCredentials) {
27268
- const options = {
27269
- autoStart: false,
27270
- continuous: useContinuousRecognition,
27271
- interimResults: true,
27272
- grammarsList: getCommonAndLocalizedGrammars(),
27273
- lang: locale,
27274
- passive: useContinuousRecognition,
27275
- wakeWords: getCommonAndLocalizedWakeWords(),
27276
- debug: false,
27277
- timerBeforeSpeechEnd: speechRecognitionOptions?.timerBeforeSpeechEnd
27278
- };
27279
- setPonyfill((0, $bZRJW$createSpeechRecognitionPonyfill)({
27280
- credentials: ponyfillCredentials
27281
- }, options));
27282
- }
27283
- }, [
27284
- ponyfillCredentials
27285
- ]);
27286
- (0, $bZRJW$useEffect)(()=>{
27287
- if (ponyfill?.speechRecognition) {
27288
- // Set wakeworkds
27289
- ponyfill.speechRecognition.wakeWords = getCommonAndLocalizedWakeWords(agentData?.name);
27290
- // Set language
27291
- activeRecognitionState === (0, $4ucVo.RecognitionState).Listening ? ponyfill.speechRecognition.changeLanguage(locale) : ponyfill.speechRecognition.lang = locale;
27292
- // Set grammar list
27293
- const grammarList = new (0, $bZRJW$SpeechGrammarList)();
27294
- grammarList.phrases = getCommonAndLocalizedGrammars();
27295
- if (speechRecognitionDynamicGrammars.length) speechRecognitionDynamicGrammars.forEach((grammar)=>{
27296
- !grammarList.phrases.includes(grammar) && grammarList.phrases.push(grammar);
27297
- });
27298
- if (agentData?.name) {
27299
- // Add raw name
27300
- !grammarList.phrases.includes(agentData.name) && grammarList.phrases.push(agentData.name);
27301
- // Add lower-cased name
27302
- !grammarList.phrases.includes(agentData.name.toLocaleLowerCase(locale)) && grammarList.phrases.push(agentData.name.toLocaleLowerCase(locale));
26882
+ if (ponyfillCredentials && locale && agentData) {
26883
+ let currentPonyfill = ponyfill;
26884
+ if (locale !== localeRef.current) {
26885
+ localeRef.current = locale;
26886
+ // We create the ponyfill if it isn't created yet. We recreate a new one if we are using custom endpoints for speech recognition.
26887
+ if (!ponyfill || ponyfillCredentials?.speechRecognitionHostnamesRecord) {
26888
+ // Check if we need to use a custom endpoint from speechRecognitionHostnamesRecord
26889
+ const speechRecognitionHostname = ponyfillCredentials?.speechRecognitionHostnamesRecord ? ponyfillCredentials.speechRecognitionHostnamesRecord[locale] || Object.values(ponyfillCredentials.speechRecognitionHostnamesRecord)[0] : undefined;
26890
+ const options = {
26891
+ autoStart: false,
26892
+ continuous: useContinuousRecognition,
26893
+ interimResults: true,
26894
+ grammarsList: getCommonAndLocalizedGrammars(locale),
26895
+ lang: locale,
26896
+ passive: useContinuousRecognition,
26897
+ wakeWords: getCommonAndLocalizedWakeWords(locale),
26898
+ debug: false,
26899
+ timerBeforeSpeechEnd: speechRecognitionOptions?.timerBeforeSpeechEnd
26900
+ };
26901
+ const processedCredentials = {
26902
+ credentials: speechRecognitionHostname ? {
26903
+ region: undefined,
26904
+ subscriptionKey: ponyfillCredentials.subscriptionKey || 'mandatory_subscription_key',
26905
+ speechRecognitionHostname: speechRecognitionHostname,
26906
+ speechSynthesisHostname: 'mandatory_synthesis_host_name'
26907
+ } : {
26908
+ region: ponyfillCredentials.region,
26909
+ subscriptionKey: ponyfillCredentials.subscriptionKey,
26910
+ authorizationToken: ponyfillCredentials.authorizationToken
26911
+ }
26912
+ };
26913
+ // Abort current recognition before setting the new recognition ponyfill if there is a need to
26914
+ currentPonyfill?.speechRecognition?.abort?.();
26915
+ currentPonyfill = (0, $bZRJW$createSpeechRecognitionPonyfill)(processedCredentials, options);
26916
+ } else if (currentPonyfill) {
26917
+ // Set wakeworkds
26918
+ currentPonyfill.speechRecognition.wakeWords = getCommonAndLocalizedWakeWords(locale, agentData?.name);
26919
+ // Set language
26920
+ activeRecognitionState === (0, $4ucVo.RecognitionState).Listening ? currentPonyfill?.speechRecognition.changeLanguage(locale) : currentPonyfill.speechRecognition.lang = locale;
26921
+ }
26922
+ }
26923
+ if (currentPonyfill) {
26924
+ // Set grammar list
26925
+ const grammarList = new (0, $bZRJW$SpeechGrammarList)();
26926
+ grammarList.phrases = getCommonAndLocalizedGrammars(locale);
26927
+ if (speechRecognitionDynamicGrammars.length) speechRecognitionDynamicGrammars.forEach((grammar)=>{
26928
+ !grammarList.phrases.includes(grammar) && grammarList.phrases.push(grammar);
26929
+ });
26930
+ if (agentData?.name) {
26931
+ // Add raw name
26932
+ !grammarList.phrases.includes(agentData.name) && grammarList.phrases.push(agentData.name);
26933
+ // Add lower-cased name
26934
+ !grammarList.phrases.includes(agentData.name.toLocaleLowerCase(locale)) && grammarList.phrases.push(agentData.name.toLocaleLowerCase(locale));
26935
+ }
26936
+ currentPonyfill.speechRecognition.grammars = grammarList;
26937
+ setPonyfill(currentPonyfill);
27303
26938
  }
27304
- ponyfill.speechRecognition.grammars = grammarList;
27305
26939
  }
27306
26940
  }, [
26941
+ ponyfillCredentials,
27307
26942
  locale,
27308
26943
  speechRecognitionDynamicGrammars,
27309
- ponyfill?.speechRecognition,
27310
26944
  agentData
27311
26945
  ]);
27312
26946
  /**
@@ -27343,10 +26977,6 @@ const $e5415612407dd579$var$RecognitionManager = ()=>{
27343
26977
  setPonyfillReady(true);
27344
26978
  }
27345
26979
  }
27346
- return ()=>{
27347
- timerRef?.current && clearTimeout(timerRef.current);
27348
- ponyfill?.speechRecognition?.stop && ponyfill.speechRecognition.stop();
27349
- };
27350
26980
  }, [
27351
26981
  ponyfill,
27352
26982
  appAvailable,
@@ -27901,7 +27531,7 @@ const $55bf4c9965ea9afa$var$ChatbotAndSubtitlesContainer = ({ centered: centered
27901
27531
  children: [
27902
27532
  /*#__PURE__*/ (0, $bZRJW$jsx)("div", {
27903
27533
  id: "retorik-animation-container",
27904
- className: `rf-relative rf-z-agent rf-col-start-1 rf-col-end-9 ${!centered && 'landscape-retorik:ltr:-rf-translate-x-1/4 landscape-retorik:rtl:rf-translate-x-1/4'} rf-row-span-full rf-self-end rf-h-full`,
27534
+ className: `rf-relative rf-z-agent rf-col-start-1 rf-col-end-9 ${!centered && 'landscape-retorik:-rf-translate-x-1/4'} rf-row-span-full rf-self-end rf-h-full`,
27905
27535
  style: {
27906
27536
  visibility: visible ? 'visible' : 'hidden',
27907
27537
  gridRow: `${gridRowStart} / span ${gridRowSpan}`
@@ -28150,25 +27780,8 @@ const $7ee62e7bf28b4542$var$RetorikConfigHandler = ({ config: config, viewsConfi
28150
27780
  const [fetchedConfig, setFetchedConfig] = (0, $bZRJW$useState)();
28151
27781
  const [mainConfig, setMainConfig] = (0, $bZRJW$useState)(undefined);
28152
27782
  const { setGDPRDisplay: setGDPRDisplay, setGDPRUserConsent: setGDPRUserConsent, setGDPRWindowData: setGDPRWindowData } = (0, $j67YK.useUtilsStore)((state)=>state.actions);
28153
- const { setBaseAddress: setBaseAddress, setDisableHistory: setDisableHistory, setEnvironmentPreset: setEnvironmentPreset, setCustomScripts: setCustomScripts, setCustomCSS: setCustomCSS } = (0, $1x02c.useRetorikStore)((state)=>state.actions);
27783
+ const { setBaseAddress: setBaseAddress, setDisableHistory: setDisableHistory, setEnvironmentPreset: setEnvironmentPreset, setCustomScripts: setCustomScripts, setCustomCSS: setCustomCSS, setEnabledFeatures: setEnabledFeatures } = (0, $1x02c.useRetorikStore)((state)=>state.actions);
28154
27784
  const [isConfigUpdated, setIsConfigUpdated] = (0, $bZRJW$useState)(false);
28155
- /**
28156
- * Check if emergency data can be retrieved to remove the button in menu if no data available
28157
- * @param {RetorikMainComponentConfiguration} configuration
28158
- */ const checkEmergencyAndSetConfig = async (configuration)=>{
28159
- const data = await (0, $75pB6.fetchEmergencyData)(baseAddress);
28160
- const tempConfiguration = {
28161
- ...configuration
28162
- };
28163
- if (!data) {
28164
- const views = tempConfiguration.config?.baseMenu || (0, $cT90l.DEFAULT_VIEWS);
28165
- const tempBaseMenu = views.filter((menu)=>// @ts-ignore : error on menu.view that doesn't exist in type CustomMenu
28166
- !menu.view || menu.view !== (0, $4ucVo.AvailableViews).emergency);
28167
- tempConfiguration.config && (tempConfiguration.config.baseMenu = tempBaseMenu);
28168
- }
28169
- setMainConfig(tempConfiguration);
28170
- setIsConfigUpdated(true);
28171
- };
28172
27785
  const fetchConfigurationFromRetorikStudio = async (baseAddress)=>{
28173
27786
  const fetchedConfig = await (0, $25e969779d25f701$export$2e2bcd8739ae039)({
28174
27787
  config: config,
@@ -28226,11 +27839,13 @@ const $7ee62e7bf28b4542$var$RetorikConfigHandler = ({ config: config, viewsConfi
28226
27839
  ]);
28227
27840
  (0, $bZRJW$useEffect)(()=>{
28228
27841
  if (fetchedConfig) {
28229
- const { skipLoader: _skipLoader, defaultMode: _defaultMode, config: _config, viewsConfig: _viewsConfig, chatbotData: _chatbotData, chatbotDataWidget: _chatbotDataWidget, agentData: _agentData, addressData: _addressData, ponyfillFactoryCredentials: _ponyfillFactoryCredentials, customVoice: _customVoice, colors: _colors, defaultCulture: defaultCulture, supportedCultures: supportedCultures, disableHistory: disableHistory, customScripts: _customScripts, customCSS: _customCSS } = fetchedConfig;
27842
+ const { skipLoader: _skipLoader, defaultMode: _defaultMode, config: _config, viewsConfig: _viewsConfig, chatbotData: _chatbotData, chatbotDataWidget: _chatbotDataWidget, agentData: _agentData, addressData: _addressData, ponyfillFactoryCredentials: _ponyfillFactoryCredentials, customVoice: _customVoice, colors: _colors, defaultCulture: defaultCulture, supportedCultures: supportedCultures, disableHistory: disableHistory, customScripts: _customScripts, customCSS: _customCSS, features: features } = fetchedConfig;
27843
+ // Language
28230
27844
  if (defaultCulture && supportedCultures) {
28231
27845
  const { processedDefaultLanguage: processedDefaultLanguage, processedSupported: processedSupported } = (0, $6hRlO.processLanguageData)(defaultCulture, supportedCultures, true);
28232
27846
  processedDefaultLanguage && processedSupported && setLanguageData(processedDefaultLanguage, processedSupported);
28233
27847
  } else fetchSupportedLanguages(baseAddress);
27848
+ // Colors
28234
27849
  if (colors?.theme || _colors?.theme) {
28235
27850
  const tempTheme = colors?.theme || _colors?.theme;
28236
27851
  if (tempTheme === (0, $4ucVo.Theme).auto && window.matchMedia) {
@@ -28283,7 +27898,10 @@ const $7ee62e7bf28b4542$var$RetorikConfigHandler = ({ config: config, viewsConfi
28283
27898
  setDisableHistory(!!disableHistory);
28284
27899
  setCustomScripts(customScripts || _customScripts || []);
28285
27900
  setCustomCSS(customCSS || _customCSS || []);
28286
- checkEmergencyAndSetConfig(mergedMainConfig);
27901
+ setEnabledFeatures(features || []);
27902
+ // Save this config and use it in the application
27903
+ setMainConfig(mergedMainConfig);
27904
+ setIsConfigUpdated(true);
28287
27905
  }
28288
27906
  }, [
28289
27907
  config,
@@ -28379,7 +27997,6 @@ var $82K9w = parcelRequire("82K9w");
28379
27997
  var $awh9M = parcelRequire("awh9M");
28380
27998
 
28381
27999
  const $de4df24d97ccd581$var$LayoutHandler = (props)=>{
28382
- const isRTL = (0, $2fuDN.useLocaleStore)((state)=>state.isRTL);
28383
28000
  const translation = (0, $2fuDN.useLocaleStore)((state)=>state.currentTranslations);
28384
28001
  const currentLayout = (0, $1x02c.useRetorikStore)((state)=>state.currentLayout);
28385
28002
  const displayChangeLayoutButton = (0, $1x02c.useRetorikStore)((state)=>state.configuration).allowSwitchLayout;
@@ -28482,7 +28099,6 @@ const $de4df24d97ccd581$var$LayoutHandler = (props)=>{
28482
28099
  ]
28483
28100
  }),
28484
28101
  loaded && /*#__PURE__*/ (0, $bZRJW$jsxs)("div", {
28485
- dir: isRTL ? 'rtl' : 'ltr',
28486
28102
  className: `${currentLayout === (0, $4ucVo.ContainerParent).widget ? 'rf-fixed rf-pt-8 rf-height-fill-available rf-transition-all rf-overflow-hidden rf-max-w-[100vw]' : ''}`,
28487
28103
  style: currentLayout === (0, $4ucVo.ContainerParent).widget ? {
28488
28104
  ...frameStyle,
@@ -28506,7 +28122,7 @@ const $de4df24d97ccd581$var$LayoutHandler = (props)=>{
28506
28122
  /*#__PURE__*/ (0, $bZRJW$jsx)("button", {
28507
28123
  onClick: toggleWidget,
28508
28124
  "aria-label": "Close",
28509
- className: "rf-absolute rf-z-exitwidget rf-flex ltr:rf-right-0 rtl:rf-left-0 rf-top-0 rf-p-1 rf-bg-truewhite rf-border rf-border-trueblack rf-rounded-lg",
28125
+ className: "rf-absolute rf-z-exitwidget rf-flex rf-right-0 rf-top-0 rf-p-1 rf-bg-truewhite rf-border rf-border-trueblack rf-rounded-lg",
28510
28126
  children: /*#__PURE__*/ (0, $bZRJW$jsx)((0, $awh9M.default), {
28511
28127
  className: "rf-h-4 rf-w-4",
28512
28128
  color: "#000000"
@@ -28717,6 +28333,7 @@ window.Retorik = {
28717
28333
  ...window.Retorik,
28718
28334
  renderAgent: $d70757f720801c36$export$b69254d879536cde,
28719
28335
  renderWidget: $d70757f720801c36$var$renderWidget,
28336
+ addDetailedAttachmentTrigger: $a2SNO.addDetailedAttachmentTrigger,
28720
28337
  addExternalActivityHandler: $a2SNO.addExternalActivityHandler,
28721
28338
  cancelCurrentUtterance: $a2SNO.cancelCurrentUtterance,
28722
28339
  changeAgent: (0, $a2SNO.setAgentData),
@@ -28731,6 +28348,7 @@ window.Retorik = {
28731
28348
  sendMessageToChatbot: $a2SNO.sendMessageToChatbot,
28732
28349
  setExternalActivityHandlers: $a2SNO.setExternalActivityHandlers,
28733
28350
  setLocale: $a2SNO.setLocale,
28351
+ setModalFullscreenContent: $a2SNO.setModalFullscreenContent,
28734
28352
  setMuted: $a2SNO.setMuted,
28735
28353
  setVisibility: $a2SNO.setVisibility,
28736
28354
  showAgent: $a2SNO.showAgent,