@websolutespa/bom-mixer-llm 0.0.1

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 (216) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/README.md +11 -0
  3. package/dist/cjs/index.css +2264 -0
  4. package/dist/cjs/index.js +3566 -0
  5. package/dist/cjs/index.js.map +1 -0
  6. package/dist/esm/index.css +2264 -0
  7. package/dist/esm/index.js +5 -0
  8. package/dist/esm/index.js.map +1 -0
  9. package/dist/esm/llm/components/Background/background.js +76 -0
  10. package/dist/esm/llm/components/Background/background.js.map +1 -0
  11. package/dist/esm/llm/components/BusyIndicator/busyindicator.js +23 -0
  12. package/dist/esm/llm/components/BusyIndicator/busyindicator.js.map +1 -0
  13. package/dist/esm/llm/components/Canvas/canvas.js +223 -0
  14. package/dist/esm/llm/components/Canvas/canvas.js.map +1 -0
  15. package/dist/esm/llm/components/Chunk/chunk.js +65 -0
  16. package/dist/esm/llm/components/Chunk/chunk.js.map +1 -0
  17. package/dist/esm/llm/components/Cta/cta.js +33 -0
  18. package/dist/esm/llm/components/Cta/cta.js.map +1 -0
  19. package/dist/esm/llm/components/Event/event.js +90 -0
  20. package/dist/esm/llm/components/Event/event.js.map +1 -0
  21. package/dist/esm/llm/components/EventGroup/eventgroup.js +61 -0
  22. package/dist/esm/llm/components/EventGroup/eventgroup.js.map +1 -0
  23. package/dist/esm/llm/components/FormRecap/FormRecap.js +240 -0
  24. package/dist/esm/llm/components/FormRecap/FormRecap.js.map +1 -0
  25. package/dist/esm/llm/components/FormRecapError/FormRecapError.js +13 -0
  26. package/dist/esm/llm/components/FormRecapError/FormRecapError.js.map +1 -0
  27. package/dist/esm/llm/components/FormRecapSuccess/FormRecapSuccess.js +13 -0
  28. package/dist/esm/llm/components/FormRecapSuccess/FormRecapSuccess.js.map +1 -0
  29. package/dist/esm/llm/components/FormRequest/FormRequest.js +34 -0
  30. package/dist/esm/llm/components/FormRequest/FormRequest.js.map +1 -0
  31. package/dist/esm/llm/components/Header/header.js +51 -0
  32. package/dist/esm/llm/components/Header/header.js.map +1 -0
  33. package/dist/esm/llm/components/Intro/intro.js +77 -0
  34. package/dist/esm/llm/components/Intro/intro.js.map +1 -0
  35. package/dist/esm/llm/components/Main/main.js +118 -0
  36. package/dist/esm/llm/components/Main/main.js.map +1 -0
  37. package/dist/esm/llm/components/Poi/poi.js +78 -0
  38. package/dist/esm/llm/components/Poi/poi.js.map +1 -0
  39. package/dist/esm/llm/components/PoiGroup/poigroup.js +14 -0
  40. package/dist/esm/llm/components/PoiGroup/poigroup.js.map +1 -0
  41. package/dist/esm/llm/components/Prompt/prompt.js +86 -0
  42. package/dist/esm/llm/components/Prompt/prompt.js.map +1 -0
  43. package/dist/esm/llm/components/Prompt/suggestions.js +45 -0
  44. package/dist/esm/llm/components/Prompt/suggestions.js.map +1 -0
  45. package/dist/esm/llm/components/QuickLinks/quicklinks.js +66 -0
  46. package/dist/esm/llm/components/QuickLinks/quicklinks.js.map +1 -0
  47. package/dist/esm/llm/components/Stream/stream.js +43 -0
  48. package/dist/esm/llm/components/Stream/stream.js.map +1 -0
  49. package/dist/esm/llm/components/Text/text.js +34 -0
  50. package/dist/esm/llm/components/Text/text.js.map +1 -0
  51. package/dist/esm/llm/components/Thread/thread.js +26 -0
  52. package/dist/esm/llm/components/Thread/thread.js.map +1 -0
  53. package/dist/esm/llm/components/Trigger/blob.js +122 -0
  54. package/dist/esm/llm/components/Trigger/blob.js.map +1 -0
  55. package/dist/esm/llm/components/Trigger/trigger.js +63 -0
  56. package/dist/esm/llm/components/Trigger/trigger.js.map +1 -0
  57. package/dist/esm/llm/components/Tripadvisor/tripadvisor.js +94 -0
  58. package/dist/esm/llm/components/Tripadvisor/tripadvisor.js.map +1 -0
  59. package/dist/esm/llm/hooks/useAutosizeTextArea.js +13 -0
  60. package/dist/esm/llm/hooks/useAutosizeTextArea.js.map +1 -0
  61. package/dist/esm/llm/llm.js +48 -0
  62. package/dist/esm/llm/llm.js.map +1 -0
  63. package/dist/esm/llm/utils.js +15 -0
  64. package/dist/esm/llm/utils.js.map +1 -0
  65. package/dist/esm/node_modules/tslib/tslib.es6.js +135 -0
  66. package/dist/esm/node_modules/tslib/tslib.es6.js.map +1 -0
  67. package/dist/esm/useLlm/emitter.js +32 -0
  68. package/dist/esm/useLlm/emitter.js.map +1 -0
  69. package/dist/esm/useLlm/message.service.js +308 -0
  70. package/dist/esm/useLlm/message.service.js.map +1 -0
  71. package/dist/esm/useLlm/mock.js +687 -0
  72. package/dist/esm/useLlm/mock.js.map +1 -0
  73. package/dist/esm/useLlm/speech.js +306 -0
  74. package/dist/esm/useLlm/speech.js.map +1 -0
  75. package/dist/esm/useLlm/useLlm.js +460 -0
  76. package/dist/esm/useLlm/useLlm.js.map +1 -0
  77. package/dist/types/index.d.ts +6 -0
  78. package/dist/types/index.d.ts.map +1 -0
  79. package/dist/types/llm/components/Background/background.d.ts +34 -0
  80. package/dist/types/llm/components/Background/background.d.ts.map +1 -0
  81. package/dist/types/llm/components/BusyIndicator/busyindicator.d.ts +2 -0
  82. package/dist/types/llm/components/BusyIndicator/busyindicator.d.ts.map +1 -0
  83. package/dist/types/llm/components/Canvas/canvas.d.ts +12 -0
  84. package/dist/types/llm/components/Canvas/canvas.d.ts.map +1 -0
  85. package/dist/types/llm/components/Chunk/chunk.d.ts +9 -0
  86. package/dist/types/llm/components/Chunk/chunk.d.ts.map +1 -0
  87. package/dist/types/llm/components/Cta/cta.d.ts +10 -0
  88. package/dist/types/llm/components/Cta/cta.d.ts.map +1 -0
  89. package/dist/types/llm/components/Event/event.d.ts +3 -0
  90. package/dist/types/llm/components/Event/event.d.ts.map +1 -0
  91. package/dist/types/llm/components/EventGroup/eventgroup.d.ts +3 -0
  92. package/dist/types/llm/components/EventGroup/eventgroup.d.ts.map +1 -0
  93. package/dist/types/llm/components/FormRecap/FormRecap.d.ts +10 -0
  94. package/dist/types/llm/components/FormRecap/FormRecap.d.ts.map +1 -0
  95. package/dist/types/llm/components/FormRecapError/FormRecapError.d.ts +2 -0
  96. package/dist/types/llm/components/FormRecapError/FormRecapError.d.ts.map +1 -0
  97. package/dist/types/llm/components/FormRecapSuccess/FormRecapSuccess.d.ts +2 -0
  98. package/dist/types/llm/components/FormRecapSuccess/FormRecapSuccess.d.ts.map +1 -0
  99. package/dist/types/llm/components/FormRequest/FormRequest.d.ts +4 -0
  100. package/dist/types/llm/components/FormRequest/FormRequest.d.ts.map +1 -0
  101. package/dist/types/llm/components/Header/header.d.ts +4 -0
  102. package/dist/types/llm/components/Header/header.d.ts.map +1 -0
  103. package/dist/types/llm/components/Intro/intro.d.ts +2 -0
  104. package/dist/types/llm/components/Intro/intro.d.ts.map +1 -0
  105. package/dist/types/llm/components/Main/main.d.ts +2 -0
  106. package/dist/types/llm/components/Main/main.d.ts.map +1 -0
  107. package/dist/types/llm/components/Poi/poi.d.ts +3 -0
  108. package/dist/types/llm/components/Poi/poi.d.ts.map +1 -0
  109. package/dist/types/llm/components/PoiGroup/poigroup.d.ts +3 -0
  110. package/dist/types/llm/components/PoiGroup/poigroup.d.ts.map +1 -0
  111. package/dist/types/llm/components/Prompt/prompt.d.ts +2 -0
  112. package/dist/types/llm/components/Prompt/prompt.d.ts.map +1 -0
  113. package/dist/types/llm/components/Prompt/suggestions.d.ts +2 -0
  114. package/dist/types/llm/components/Prompt/suggestions.d.ts.map +1 -0
  115. package/dist/types/llm/components/QuickLinks/quicklinks.d.ts +3 -0
  116. package/dist/types/llm/components/QuickLinks/quicklinks.d.ts.map +1 -0
  117. package/dist/types/llm/components/Stream/stream.d.ts +4 -0
  118. package/dist/types/llm/components/Stream/stream.d.ts.map +1 -0
  119. package/dist/types/llm/components/Text/text.d.ts +7 -0
  120. package/dist/types/llm/components/Text/text.d.ts.map +1 -0
  121. package/dist/types/llm/components/Thread/thread.d.ts +4 -0
  122. package/dist/types/llm/components/Thread/thread.d.ts.map +1 -0
  123. package/dist/types/llm/components/Trigger/blob.d.ts +2 -0
  124. package/dist/types/llm/components/Trigger/blob.d.ts.map +1 -0
  125. package/dist/types/llm/components/Trigger/trigger.d.ts +2 -0
  126. package/dist/types/llm/components/Trigger/trigger.d.ts.map +1 -0
  127. package/dist/types/llm/components/Tripadvisor/tripadvisor.d.ts +4 -0
  128. package/dist/types/llm/components/Tripadvisor/tripadvisor.d.ts.map +1 -0
  129. package/dist/types/llm/hooks/useAutosizeTextArea.d.ts +3 -0
  130. package/dist/types/llm/hooks/useAutosizeTextArea.d.ts.map +1 -0
  131. package/dist/types/llm/llm.d.ts +5 -0
  132. package/dist/types/llm/llm.d.ts.map +1 -0
  133. package/dist/types/llm/utils.d.ts +7 -0
  134. package/dist/types/llm/utils.d.ts.map +1 -0
  135. package/dist/types/types.d.ts +163 -0
  136. package/dist/types/types.d.ts.map +1 -0
  137. package/dist/types/useLlm/cors.d.ts +16 -0
  138. package/dist/types/useLlm/cors.d.ts.map +1 -0
  139. package/dist/types/useLlm/emitter.d.ts +8 -0
  140. package/dist/types/useLlm/emitter.d.ts.map +1 -0
  141. package/dist/types/useLlm/message.service.d.ts +24 -0
  142. package/dist/types/useLlm/message.service.d.ts.map +1 -0
  143. package/dist/types/useLlm/mock.d.ts +5 -0
  144. package/dist/types/useLlm/mock.d.ts.map +1 -0
  145. package/dist/types/useLlm/speech.d.ts +57 -0
  146. package/dist/types/useLlm/speech.d.ts.map +1 -0
  147. package/dist/types/useLlm/useLlm.d.ts +83 -0
  148. package/dist/types/useLlm/useLlm.d.ts.map +1 -0
  149. package/package.json +86 -0
  150. package/src/__tests/example.test.ts +8 -0
  151. package/src/index.ts +6 -0
  152. package/src/llm/components/Background/_style.scss +24 -0
  153. package/src/llm/components/Background/background.tsx +89 -0
  154. package/src/llm/components/BusyIndicator/_style.scss +73 -0
  155. package/src/llm/components/BusyIndicator/busyindicator.tsx +13 -0
  156. package/src/llm/components/Canvas/_style.scss +10 -0
  157. package/src/llm/components/Canvas/canvas.tsx +257 -0
  158. package/src/llm/components/Chunk/chunk.tsx +80 -0
  159. package/src/llm/components/Cta/_style.scss +72 -0
  160. package/src/llm/components/Cta/cta.tsx +33 -0
  161. package/src/llm/components/Event/_style.scss +144 -0
  162. package/src/llm/components/Event/event.tsx +70 -0
  163. package/src/llm/components/EventGroup/_style.scss +60 -0
  164. package/src/llm/components/EventGroup/eventgroup.tsx +59 -0
  165. package/src/llm/components/FormRecap/FormRecap.tsx +221 -0
  166. package/src/llm/components/FormRecap/_style.scss +101 -0
  167. package/src/llm/components/FormRecapError/FormRecapError.tsx +10 -0
  168. package/src/llm/components/FormRecapError/_style.scss +11 -0
  169. package/src/llm/components/FormRecapSuccess/FormRecapSuccess.tsx +10 -0
  170. package/src/llm/components/FormRecapSuccess/_style.scss +11 -0
  171. package/src/llm/components/FormRequest/FormRequest.tsx +21 -0
  172. package/src/llm/components/FormRequest/_style.scss +21 -0
  173. package/src/llm/components/Header/_style.scss +72 -0
  174. package/src/llm/components/Header/header.tsx +38 -0
  175. package/src/llm/components/Intro/_style.scss +36 -0
  176. package/src/llm/components/Intro/intro.tsx +65 -0
  177. package/src/llm/components/Main/_style.scss +75 -0
  178. package/src/llm/components/Main/main.tsx +125 -0
  179. package/src/llm/components/Poi/_style.scss +127 -0
  180. package/src/llm/components/Poi/poi.tsx +58 -0
  181. package/src/llm/components/PoiGroup/_style.scss +14 -0
  182. package/src/llm/components/PoiGroup/poigroup.tsx +15 -0
  183. package/src/llm/components/Prompt/_style.scss +132 -0
  184. package/src/llm/components/Prompt/prompt.tsx +73 -0
  185. package/src/llm/components/Prompt/suggestions.tsx +39 -0
  186. package/src/llm/components/QuickLinks/_style.scss +61 -0
  187. package/src/llm/components/QuickLinks/quicklinks.tsx +58 -0
  188. package/src/llm/components/Stream/stream.tsx +37 -0
  189. package/src/llm/components/Text/_style.scss +89 -0
  190. package/src/llm/components/Text/text.tsx +28 -0
  191. package/src/llm/components/Thread/_style.scss +73 -0
  192. package/src/llm/components/Thread/thread.tsx +27 -0
  193. package/src/llm/components/Trigger/_style.scss +104 -0
  194. package/src/llm/components/Trigger/blob.tsx +42 -0
  195. package/src/llm/components/Trigger/trigger.tsx +50 -0
  196. package/src/llm/components/Tripadvisor/_style.scss +113 -0
  197. package/src/llm/components/Tripadvisor/tripadvisor.tsx +72 -0
  198. package/src/llm/hooks/useAutosizeTextArea.tsx +15 -0
  199. package/src/llm/llm.tsx +48 -0
  200. package/src/llm/scss/_base.scss +20 -0
  201. package/src/llm/scss/_breakpoints.scss +8 -0
  202. package/src/llm/scss/_layout.scss +39 -0
  203. package/src/llm/scss/_mixin.scss +67 -0
  204. package/src/llm/scss/_reset.scss +104 -0
  205. package/src/llm/scss/_spacing.scss +17 -0
  206. package/src/llm/scss/_typography.scss +153 -0
  207. package/src/llm/scss/_vars.scss +23 -0
  208. package/src/llm/scss/style.scss +29 -0
  209. package/src/llm/utils.tsx +12 -0
  210. package/src/types.ts +215 -0
  211. package/src/useLlm/cors.ts +124 -0
  212. package/src/useLlm/emitter.ts +29 -0
  213. package/src/useLlm/message.service.ts +336 -0
  214. package/src/useLlm/mock.ts +801 -0
  215. package/src/useLlm/speech.ts +363 -0
  216. package/src/useLlm/useLlm.tsx +474 -0
@@ -0,0 +1,2264 @@
1
+ .llm {
2
+ --llm-button-size: 60px;
3
+ --llm-color-ui-1: #003c8c;
4
+ --llm-color-ui-2: #73c3ff;
5
+ --llm-color-ui-3: #96dca0;
6
+ --llm-color-ui-4: #dcdc3c;
7
+ --llm-color-ui-5: #b41e5f;
8
+ --llm-color-ui-6: #aa96f0;
9
+ --llm-color-ui-7: #007378;
10
+ --llm-color-ui-8: #dcdc3c;
11
+ --llm-color-ui-9: #cda582;
12
+ --llm-color-ui-10: #ffe6a0;
13
+ --llm-color-ui-white: #fff;
14
+ --llm-color-ui-black: #000;
15
+ --llm-color-ui-grey-00: #6a6969;
16
+ --llm-color-ui-grey-01: #999;
17
+ --llm-color-ui-grey-02: #cdcdcd;
18
+ --llm-color-ui-grey-03: #e8e8e8;
19
+ --llm-color-ui-grey-04: #f6f6f6;
20
+ --llm-color-ui-grey-05: #fbfbfb;
21
+ --llm-font-primary: "Aeonik";
22
+ --llm-font-secondary: "Capraia";
23
+ }
24
+
25
+ @font-face {
26
+ font-family: "Aeonik";
27
+ src: url("https://design.wslabs.it/llm/fonts/Aeonik-Medium.woff2") format("woff2"), url("https://design.wslabs.it/llm/fonts/Aeonik-Medium.woff2") format("woff");
28
+ font-weight: 500;
29
+ font-style: normal;
30
+ font-display: swap;
31
+ }
32
+ @font-face {
33
+ font-family: "Aeonik";
34
+ src: url("https://design.wslabs.it/llm/fonts/Aeonik-Bold.woff2") format("woff2"), url("https://design.wslabs.it/llm/fonts/Aeonik-Bold.woff") format("woff");
35
+ font-weight: 700;
36
+ font-style: normal;
37
+ font-display: swap;
38
+ }
39
+ @font-face {
40
+ font-family: "Capraia";
41
+ src: url("https://design.wslabs.it/llm/fonts/Capraia-Regular.woff2") format("woff2");
42
+ font-style: normal;
43
+ font-weight: 400;
44
+ font-display: swap;
45
+ }
46
+ @font-face {
47
+ font-family: "Capraia";
48
+ src: url("https://design.wslabs.it/llm/fonts/Capraia-Light_W.woff2") format("woff2");
49
+ font-weight: 300;
50
+ font-style: normal;
51
+ font-display: swap;
52
+ }
53
+ /*
54
+ @font-face {
55
+ font-family: 'Capraia';
56
+ src: url('https://design.wslabs.it/llm/fonts/Capraia-LightItalic_W.woff2')
57
+ format('woff2');
58
+ font-style: italic;
59
+ font-weight: 300;
60
+ font-display: swap;
61
+ }
62
+ */
63
+ .llm html,
64
+ .llm body,
65
+ .llm p,
66
+ .llm ol,
67
+ .llm ul,
68
+ .llm li,
69
+ .llm dl,
70
+ .llm dt,
71
+ .llm dd,
72
+ .llm blockquote,
73
+ .llm figure,
74
+ .llm fieldset,
75
+ .llm legend,
76
+ .llm textarea,
77
+ .llm pre,
78
+ .llm iframe,
79
+ .llm button,
80
+ .llm input,
81
+ .llm select,
82
+ .llm hr,
83
+ .llm h1,
84
+ .llm h2,
85
+ .llm h3,
86
+ .llm h4,
87
+ .llm h5,
88
+ .llm h6 {
89
+ margin: 0;
90
+ padding: 0;
91
+ }
92
+ .llm h1,
93
+ .llm h2,
94
+ .llm h3,
95
+ .llm h4,
96
+ .llm h5,
97
+ .llm h6 {
98
+ font-size: 100%;
99
+ font-weight: normal;
100
+ }
101
+ .llm ul {
102
+ list-style: none;
103
+ }
104
+ .llm button {
105
+ border: none;
106
+ text-decoration: none;
107
+ background: none;
108
+ appearance: none;
109
+ font-family: inherit;
110
+ font-style: inherit;
111
+ font-variant-ligatures: inherit;
112
+ font-variant-caps: inherit;
113
+ font-variant-numeric: inherit;
114
+ font-variant-east-asian: inherit;
115
+ font-weight: inherit;
116
+ font-stretch: inherit;
117
+ text-rendering: inherit;
118
+ letter-spacing: inherit;
119
+ word-spacing: inherit;
120
+ line-height: inherit;
121
+ text-transform: none;
122
+ text-indent: inherit;
123
+ text-shadow: none;
124
+ text-align: inherit;
125
+ }
126
+ .llm *,
127
+ .llm *::before,
128
+ .llm *::after {
129
+ box-sizing: border-box;
130
+ }
131
+ .llm img,
132
+ .llm video {
133
+ height: auto;
134
+ max-width: 100%;
135
+ }
136
+ .llm iframe {
137
+ border: 0;
138
+ }
139
+ .llm table {
140
+ border-collapse: collapse;
141
+ border-spacing: 0;
142
+ }
143
+ .llm td,
144
+ .llm th {
145
+ padding: 0;
146
+ }
147
+ .llm a {
148
+ color: inherit;
149
+ text-decoration: none;
150
+ }
151
+ .llm * {
152
+ box-sizing: border-box;
153
+ }
154
+
155
+ .llm {
156
+ position: fixed;
157
+ display: flex;
158
+ flex-direction: column;
159
+ align-items: center;
160
+ justify-content: flex-end;
161
+ top: 0;
162
+ left: 0;
163
+ width: 100%;
164
+ height: 100%;
165
+ pointer-events: none;
166
+ z-index: 9999;
167
+ }
168
+
169
+ .-llm-t-display-1 {
170
+ line-height: 1;
171
+ font-family: var(--llm-font-primary);
172
+ font-weight: 500;
173
+ line-height: 1.1;
174
+ letter-spacing: 0.02em;
175
+ font-size: clamp(32px, 32px + (100vw - 375px) / 1545 * (40), 72px);
176
+ }
177
+
178
+ .-llm-t-display-2 {
179
+ line-height: 1;
180
+ font-family: var(--llm-font-primary);
181
+ font-weight: 500;
182
+ line-height: 1.2;
183
+ letter-spacing: 0.01em;
184
+ font-size: clamp(32px, 32px + (100vw - 375px) / 1545 * (32), 64px);
185
+ }
186
+
187
+ .-llm-t-display-3 {
188
+ line-height: 1;
189
+ font-family: var(--llm-font-primary);
190
+ font-weight: 500;
191
+ line-height: 1.3;
192
+ letter-spacing: 0.02em;
193
+ font-size: clamp(24px, 24px + (100vw - 375px) / 1545 * (32), 56px);
194
+ }
195
+
196
+ .-llm-t-display-4 {
197
+ line-height: 1;
198
+ font-family: var(--llm-font-primary);
199
+ font-weight: 500;
200
+ line-height: 1.3;
201
+ letter-spacing: 0.02em;
202
+ font-size: clamp(24px, 24px + (100vw - 375px) / 1545 * (24), 48px);
203
+ }
204
+
205
+ .-llm-t-display-5 {
206
+ line-height: 1;
207
+ font-family: var(--llm-font-primary);
208
+ font-weight: 500;
209
+ line-height: 1.3;
210
+ letter-spacing: 0.02em;
211
+ font-size: clamp(24px, 24px + (100vw - 375px) / 1545 * (16), 40px);
212
+ }
213
+
214
+ .-llm-t-display-6 {
215
+ line-height: 1;
216
+ font-family: var(--llm-font-primary);
217
+ font-weight: 500;
218
+ line-height: 1.3;
219
+ letter-spacing: 0.02em;
220
+ font-size: clamp(16px, 16px + (100vw - 375px) / 1545 * (16), 32px);
221
+ }
222
+
223
+ .-llm-t-heading-1 {
224
+ line-height: 1;
225
+ font-family: var(--llm-font-primary);
226
+ font-weight: 500;
227
+ line-height: 1.3;
228
+ letter-spacing: 0.02em;
229
+ font-size: clamp(18px, 18px + (100vw - 375px) / 1545 * (14), 32px);
230
+ }
231
+
232
+ .-llm-t-heading-2 {
233
+ line-height: 1;
234
+ font-family: var(--llm-font-primary);
235
+ font-weight: 500;
236
+ line-height: 1.3;
237
+ letter-spacing: 0.03em;
238
+ font-size: clamp(16px, 16px + (100vw - 375px) / 1545 * (8), 24px);
239
+ }
240
+
241
+ .-llm-t-body-1 {
242
+ line-height: 1;
243
+ font-family: var(--llm-font-secondary);
244
+ font-weight: normal;
245
+ line-height: 1.4;
246
+ font-size: clamp(16px, 16px + (100vw - 375px) / 1545 * (8), 24px);
247
+ }
248
+
249
+ .-llm-t-body-2 {
250
+ line-height: 1;
251
+ font-family: var(--llm-font-primary);
252
+ font-weight: 500;
253
+ line-height: 1.4;
254
+ letter-spacing: 0.02em;
255
+ font-size: clamp(16px, 16px + (100vw - 375px) / 1545 * (2), 18px);
256
+ }
257
+
258
+ .-llm-t-body-3 {
259
+ line-height: 1;
260
+ font-family: var(--llm-font-secondary);
261
+ font-weight: normal;
262
+ line-height: 1.4;
263
+ font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (4), 18px);
264
+ }
265
+
266
+ .-llm-t-body-4 {
267
+ line-height: 1;
268
+ font-family: var(--llm-font-primary);
269
+ font-weight: 500;
270
+ line-height: 1.5;
271
+ font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (2), 16px);
272
+ }
273
+
274
+ .-llm-t-body-5 {
275
+ line-height: 1;
276
+ font-family: var(--llm-font-secondary);
277
+ font-weight: normal;
278
+ line-height: 1.5;
279
+ font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (2), 16px);
280
+ }
281
+
282
+ .-llm-t-label-1 {
283
+ line-height: 1;
284
+ font-family: var(--llm-font-primary);
285
+ font-weight: 500;
286
+ letter-spacing: 0.08em;
287
+ font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (2), 16px);
288
+ }
289
+
290
+ .-llm-t-cta-1 {
291
+ line-height: 1;
292
+ font-family: var(--llm-font-primary);
293
+ font-weight: 500;
294
+ line-height: 1;
295
+ letter-spacing: 0.08em;
296
+ text-transform: uppercase;
297
+ font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (2), 16px);
298
+ }
299
+
300
+ .-llm-t-cta-2 {
301
+ line-height: 1;
302
+ font-family: var(--llm-font-primary);
303
+ font-weight: 700;
304
+ line-height: 1.2;
305
+ letter-spacing: 0.02em;
306
+ font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (2), 16px);
307
+ }
308
+
309
+ .-llm-t-cta-3 {
310
+ line-height: 1;
311
+ font-family: var(--llm-font-primary);
312
+ font-weight: 500;
313
+ line-height: 1;
314
+ letter-spacing: 0.06em;
315
+ font-size: clamp(12px, 12px + (100vw - 375px) / 1545 * (2), 14px);
316
+ }
317
+
318
+ .-llm-t-cta-4 {
319
+ line-height: 1;
320
+ font-family: var(--llm-font-secondary);
321
+ font-weight: 300;
322
+ line-height: 1;
323
+ font-style: italic;
324
+ font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (2), 16px);
325
+ }
326
+
327
+ .llm-container {
328
+ margin: 0 clamp(20px, 20px + (100vw - 375px) / 1545 * (90), 110px);
329
+ }
330
+
331
+ .llm-row {
332
+ position: relative;
333
+ display: flex;
334
+ flex-wrap: wrap;
335
+ margin-left: calc(clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px) * -1);
336
+ margin-right: calc(clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px) * -1);
337
+ }
338
+
339
+ *[class*=llm-span] {
340
+ width: 100%;
341
+ }
342
+
343
+ .llm-span-xs-1 {
344
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
345
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
346
+ }
347
+ @media (min-width: 0) {
348
+ .llm-span-xs-1 {
349
+ width: auto;
350
+ max-width: calc(1 / 4 * 100%);
351
+ }
352
+ }
353
+
354
+ .llm-span-xs-2 {
355
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
356
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
357
+ }
358
+ @media (min-width: 0) {
359
+ .llm-span-xs-2 {
360
+ width: auto;
361
+ max-width: calc(2 / 4 * 100%);
362
+ }
363
+ }
364
+
365
+ .llm-span-xs-3, .llm .llm__message--user .llm__inner--string {
366
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
367
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
368
+ }
369
+ @media (min-width: 0) {
370
+ .llm-span-xs-3, .llm .llm__message--user .llm__inner--string {
371
+ width: auto;
372
+ max-width: calc(3 / 4 * 100%);
373
+ }
374
+ }
375
+
376
+ .llm-span-xs-4, .llm .llm__inner--tripadvisorGroup, .llm .llm__inner--eventGroup, .llm .llm__inner--formRecap, .llm .llm__inner--event {
377
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
378
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
379
+ }
380
+ @media (min-width: 0) {
381
+ .llm-span-xs-4, .llm .llm__inner--tripadvisorGroup, .llm .llm__inner--eventGroup, .llm .llm__inner--formRecap, .llm .llm__inner--event {
382
+ width: auto;
383
+ max-width: calc(4 / 4 * 100%);
384
+ }
385
+ }
386
+
387
+ .llm-span-sm-1 {
388
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
389
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
390
+ }
391
+ @media (min-width: 768px) {
392
+ .llm-span-sm-1 {
393
+ width: auto;
394
+ max-width: calc(1 / 4 * 100%);
395
+ }
396
+ }
397
+
398
+ .llm-span-sm-2 {
399
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
400
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
401
+ }
402
+ @media (min-width: 768px) {
403
+ .llm-span-sm-2 {
404
+ width: auto;
405
+ max-width: calc(2 / 4 * 100%);
406
+ }
407
+ }
408
+
409
+ .llm-span-sm-3 {
410
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
411
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
412
+ }
413
+ @media (min-width: 768px) {
414
+ .llm-span-sm-3 {
415
+ width: auto;
416
+ max-width: calc(3 / 4 * 100%);
417
+ }
418
+ }
419
+
420
+ .llm-span-sm-4 {
421
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
422
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
423
+ }
424
+ @media (min-width: 768px) {
425
+ .llm-span-sm-4 {
426
+ width: auto;
427
+ max-width: calc(4 / 4 * 100%);
428
+ }
429
+ }
430
+
431
+ .llm-span-md-1 {
432
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
433
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
434
+ }
435
+ @media (min-width: 1024px) {
436
+ .llm-span-md-1 {
437
+ width: auto;
438
+ max-width: calc(1 / 12 * 100%);
439
+ }
440
+ }
441
+
442
+ .llm-span-md-2 {
443
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
444
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
445
+ }
446
+ @media (min-width: 1024px) {
447
+ .llm-span-md-2 {
448
+ width: auto;
449
+ max-width: calc(2 / 12 * 100%);
450
+ }
451
+ }
452
+
453
+ .llm-span-md-3 {
454
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
455
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
456
+ }
457
+ @media (min-width: 1024px) {
458
+ .llm-span-md-3 {
459
+ width: auto;
460
+ max-width: calc(3 / 12 * 100%);
461
+ }
462
+ }
463
+
464
+ .llm-span-md-4 {
465
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
466
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
467
+ }
468
+ @media (min-width: 1024px) {
469
+ .llm-span-md-4 {
470
+ width: auto;
471
+ max-width: calc(4 / 12 * 100%);
472
+ }
473
+ }
474
+
475
+ .llm-span-md-5 {
476
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
477
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
478
+ }
479
+ @media (min-width: 1024px) {
480
+ .llm-span-md-5 {
481
+ width: auto;
482
+ max-width: calc(5 / 12 * 100%);
483
+ }
484
+ }
485
+
486
+ .llm-span-md-6 {
487
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
488
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
489
+ }
490
+ @media (min-width: 1024px) {
491
+ .llm-span-md-6 {
492
+ width: auto;
493
+ max-width: calc(6 / 12 * 100%);
494
+ }
495
+ }
496
+
497
+ .llm-span-md-7 {
498
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
499
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
500
+ }
501
+ @media (min-width: 1024px) {
502
+ .llm-span-md-7 {
503
+ width: auto;
504
+ max-width: calc(7 / 12 * 100%);
505
+ }
506
+ }
507
+
508
+ .llm-span-md-8, .llm .llm__inner--formRecapError, .llm .llm__inner--formRecapSuccess, .llm .llm__inner--formRequest, .llm .llm__message--assistant .llm__inner--string, .llm .llm__message--user .llm__inner--string {
509
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
510
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
511
+ }
512
+ @media (min-width: 1024px) {
513
+ .llm-span-md-8, .llm .llm__inner--formRecapError, .llm .llm__inner--formRecapSuccess, .llm .llm__inner--formRequest, .llm .llm__message--assistant .llm__inner--string, .llm .llm__message--user .llm__inner--string {
514
+ width: auto;
515
+ max-width: calc(8 / 12 * 100%);
516
+ }
517
+ }
518
+
519
+ .llm-span-md-9 {
520
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
521
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
522
+ }
523
+ @media (min-width: 1024px) {
524
+ .llm-span-md-9 {
525
+ width: auto;
526
+ max-width: calc(9 / 12 * 100%);
527
+ }
528
+ }
529
+
530
+ .llm-span-md-10 {
531
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
532
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
533
+ }
534
+ @media (min-width: 1024px) {
535
+ .llm-span-md-10 {
536
+ width: auto;
537
+ max-width: calc(10 / 12 * 100%);
538
+ }
539
+ }
540
+
541
+ .llm-span-md-11 {
542
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
543
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
544
+ }
545
+ @media (min-width: 1024px) {
546
+ .llm-span-md-11 {
547
+ width: auto;
548
+ max-width: calc(11 / 12 * 100%);
549
+ }
550
+ }
551
+
552
+ .llm-span-md-12, .llm .llm__inner--tripadvisorGroup, .llm .llm__inner--eventGroup, .llm .llm__inner--formRecap, .llm .llm__inner--event {
553
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
554
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
555
+ }
556
+ @media (min-width: 1024px) {
557
+ .llm-span-md-12, .llm .llm__inner--tripadvisorGroup, .llm .llm__inner--eventGroup, .llm .llm__inner--formRecap, .llm .llm__inner--event {
558
+ width: auto;
559
+ max-width: calc(12 / 12 * 100%);
560
+ }
561
+ }
562
+
563
+ .llm-span-lg-1 {
564
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
565
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
566
+ }
567
+ @media (min-width: 1440px) {
568
+ .llm-span-lg-1 {
569
+ width: auto;
570
+ max-width: calc(1 / 12 * 100%);
571
+ }
572
+ }
573
+
574
+ .llm-span-lg-2 {
575
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
576
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
577
+ }
578
+ @media (min-width: 1440px) {
579
+ .llm-span-lg-2 {
580
+ width: auto;
581
+ max-width: calc(2 / 12 * 100%);
582
+ }
583
+ }
584
+
585
+ .llm-span-lg-3 {
586
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
587
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
588
+ }
589
+ @media (min-width: 1440px) {
590
+ .llm-span-lg-3 {
591
+ width: auto;
592
+ max-width: calc(3 / 12 * 100%);
593
+ }
594
+ }
595
+
596
+ .llm-span-lg-4 {
597
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
598
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
599
+ }
600
+ @media (min-width: 1440px) {
601
+ .llm-span-lg-4 {
602
+ width: auto;
603
+ max-width: calc(4 / 12 * 100%);
604
+ }
605
+ }
606
+
607
+ .llm-span-lg-5 {
608
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
609
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
610
+ }
611
+ @media (min-width: 1440px) {
612
+ .llm-span-lg-5 {
613
+ width: auto;
614
+ max-width: calc(5 / 12 * 100%);
615
+ }
616
+ }
617
+
618
+ .llm-span-lg-6 {
619
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
620
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
621
+ }
622
+ @media (min-width: 1440px) {
623
+ .llm-span-lg-6 {
624
+ width: auto;
625
+ max-width: calc(6 / 12 * 100%);
626
+ }
627
+ }
628
+
629
+ .llm-span-lg-7 {
630
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
631
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
632
+ }
633
+ @media (min-width: 1440px) {
634
+ .llm-span-lg-7 {
635
+ width: auto;
636
+ max-width: calc(7 / 12 * 100%);
637
+ }
638
+ }
639
+
640
+ .llm-span-lg-8 {
641
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
642
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
643
+ }
644
+ @media (min-width: 1440px) {
645
+ .llm-span-lg-8 {
646
+ width: auto;
647
+ max-width: calc(8 / 12 * 100%);
648
+ }
649
+ }
650
+
651
+ .llm-span-lg-9 {
652
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
653
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
654
+ }
655
+ @media (min-width: 1440px) {
656
+ .llm-span-lg-9 {
657
+ width: auto;
658
+ max-width: calc(9 / 12 * 100%);
659
+ }
660
+ }
661
+
662
+ .llm-span-lg-10 {
663
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
664
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
665
+ }
666
+ @media (min-width: 1440px) {
667
+ .llm-span-lg-10 {
668
+ width: auto;
669
+ max-width: calc(10 / 12 * 100%);
670
+ }
671
+ }
672
+
673
+ .llm-span-lg-11 {
674
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
675
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
676
+ }
677
+ @media (min-width: 1440px) {
678
+ .llm-span-lg-11 {
679
+ width: auto;
680
+ max-width: calc(11 / 12 * 100%);
681
+ }
682
+ }
683
+
684
+ .llm-span-lg-12 {
685
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
686
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
687
+ }
688
+ @media (min-width: 1440px) {
689
+ .llm-span-lg-12 {
690
+ width: auto;
691
+ max-width: calc(12 / 12 * 100%);
692
+ }
693
+ }
694
+
695
+ .llm-span-xl-1 {
696
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
697
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
698
+ }
699
+ @media (min-width: 1600px) {
700
+ .llm-span-xl-1 {
701
+ width: auto;
702
+ max-width: calc(1 / 12 * 100%);
703
+ }
704
+ }
705
+
706
+ .llm-span-xl-2 {
707
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
708
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
709
+ }
710
+ @media (min-width: 1600px) {
711
+ .llm-span-xl-2 {
712
+ width: auto;
713
+ max-width: calc(2 / 12 * 100%);
714
+ }
715
+ }
716
+
717
+ .llm-span-xl-3 {
718
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
719
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
720
+ }
721
+ @media (min-width: 1600px) {
722
+ .llm-span-xl-3 {
723
+ width: auto;
724
+ max-width: calc(3 / 12 * 100%);
725
+ }
726
+ }
727
+
728
+ .llm-span-xl-4 {
729
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
730
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
731
+ }
732
+ @media (min-width: 1600px) {
733
+ .llm-span-xl-4 {
734
+ width: auto;
735
+ max-width: calc(4 / 12 * 100%);
736
+ }
737
+ }
738
+
739
+ .llm-span-xl-5 {
740
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
741
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
742
+ }
743
+ @media (min-width: 1600px) {
744
+ .llm-span-xl-5 {
745
+ width: auto;
746
+ max-width: calc(5 / 12 * 100%);
747
+ }
748
+ }
749
+
750
+ .llm-span-xl-6 {
751
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
752
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
753
+ }
754
+ @media (min-width: 1600px) {
755
+ .llm-span-xl-6 {
756
+ width: auto;
757
+ max-width: calc(6 / 12 * 100%);
758
+ }
759
+ }
760
+
761
+ .llm-span-xl-7 {
762
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
763
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
764
+ }
765
+ @media (min-width: 1600px) {
766
+ .llm-span-xl-7 {
767
+ width: auto;
768
+ max-width: calc(7 / 12 * 100%);
769
+ }
770
+ }
771
+
772
+ .llm-span-xl-8 {
773
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
774
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
775
+ }
776
+ @media (min-width: 1600px) {
777
+ .llm-span-xl-8 {
778
+ width: auto;
779
+ max-width: calc(8 / 12 * 100%);
780
+ }
781
+ }
782
+
783
+ .llm-span-xl-9 {
784
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
785
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
786
+ }
787
+ @media (min-width: 1600px) {
788
+ .llm-span-xl-9 {
789
+ width: auto;
790
+ max-width: calc(9 / 12 * 100%);
791
+ }
792
+ }
793
+
794
+ .llm-span-xl-10 {
795
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
796
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
797
+ }
798
+ @media (min-width: 1600px) {
799
+ .llm-span-xl-10 {
800
+ width: auto;
801
+ max-width: calc(10 / 12 * 100%);
802
+ }
803
+ }
804
+
805
+ .llm-span-xl-11 {
806
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
807
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
808
+ }
809
+ @media (min-width: 1600px) {
810
+ .llm-span-xl-11 {
811
+ width: auto;
812
+ max-width: calc(11 / 12 * 100%);
813
+ }
814
+ }
815
+
816
+ .llm-span-xl-12 {
817
+ padding-left: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
818
+ padding-right: clamp(10px, 10px + (100vw - 375px) / 1545 * (2), 12px);
819
+ }
820
+ @media (min-width: 1600px) {
821
+ .llm-span-xl-12 {
822
+ width: auto;
823
+ max-width: calc(12 / 12 * 100%);
824
+ }
825
+ }
826
+
827
+ .llm .llm__trigger {
828
+ display: flex;
829
+ justify-content: center;
830
+ font-size: 0;
831
+ pointer-events: auto;
832
+ margin: 24px;
833
+ border-radius: 50%;
834
+ background: var(--llm-trigger-background);
835
+ cursor: pointer;
836
+ position: relative;
837
+ }
838
+ .llm .llm__trigger-btn {
839
+ overflow: hidden;
840
+ border-radius: 50%;
841
+ width: var(--llm-button-size);
842
+ height: var(--llm-button-size);
843
+ background: var(--llm-color-ui-2);
844
+ position: relative;
845
+ will-change: transform;
846
+ transition: 0.4s;
847
+ cursor: pointer;
848
+ }
849
+ .llm .llm__trigger-btn > span {
850
+ line-height: 1;
851
+ font-family: var(--llm-font-primary);
852
+ font-weight: 700;
853
+ line-height: 1.2;
854
+ letter-spacing: 0.02em;
855
+ font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (2), 16px);
856
+ font-size: 0px;
857
+ }
858
+ @media (hover: hover) {
859
+ .llm .llm__trigger-btn:hover {
860
+ scale: 1.1;
861
+ }
862
+ }
863
+ @media (hover: hover) {
864
+ .llm .llm__trigger-btn--hover:hover + .llm__trigger-welcome > div {
865
+ opacity: 0;
866
+ translate: -50% 10%;
867
+ }
868
+ .llm .llm__trigger-btn--hover:hover + .llm__trigger-welcome > div + div {
869
+ opacity: 1;
870
+ translate: -50% 0%;
871
+ }
872
+ }
873
+ .llm .llm__trigger-welcome > div {
874
+ position: relative;
875
+ border-radius: 12px;
876
+ padding: clamp(8px, 8px + (100vw - 375px) / 1545 * (8), 16px) clamp(16px, 16px + (100vw - 375px) / 1545 * (8), 24px);
877
+ min-width: 200px;
878
+ text-align: center;
879
+ color: white;
880
+ position: absolute;
881
+ bottom: calc(100% + clamp(8px, 8px + (100vw - 375px) / 1545 * (0), 8px));
882
+ left: 50%;
883
+ translate: -50% 0%;
884
+ pointer-events: none;
885
+ transition: 0.4s;
886
+ overflow: hidden;
887
+ }
888
+ .llm .llm__trigger-welcome > div + div {
889
+ min-width: 250px;
890
+ translate: -50% 10%;
891
+ opacity: 0;
892
+ }
893
+ .llm .llm__trigger-blob {
894
+ position: absolute;
895
+ overflow: hidden;
896
+ left: 0;
897
+ top: 0;
898
+ width: 100%;
899
+ height: 100%;
900
+ border-radius: 50%;
901
+ overflow: hidden;
902
+ pointer-events: none;
903
+ }
904
+ .llm .llm__trigger-blob svg {
905
+ position: absolute;
906
+ left: 50%;
907
+ top: 50%;
908
+ translate: -50% -50%;
909
+ width: 150%;
910
+ height: 150%;
911
+ }
912
+ .llm .llm__trigger-blob svg + svg {
913
+ translate: -15% -20%;
914
+ }
915
+ .llm .llm__trigger-blob svg + svg + svg {
916
+ translate: -30% -80%;
917
+ }
918
+
919
+ .llm .llm__background {
920
+ pointer-events: none;
921
+ position: absolute;
922
+ background: var(--llm-color-ui-1);
923
+ inset: 0;
924
+ z-index: -1;
925
+ }
926
+ .llm .llm__background-shade {
927
+ position: absolute;
928
+ inset: 0;
929
+ opacity: 0.2;
930
+ }
931
+ .llm .llm__background-noise {
932
+ position: absolute;
933
+ z-index: 2;
934
+ inset: 0;
935
+ display: block;
936
+ opacity: 0.4;
937
+ mix-blend-mode: soft-light;
938
+ }
939
+
940
+ .llm .llm__main {
941
+ position: absolute;
942
+ pointer-events: auto;
943
+ inset: 0;
944
+ background: var(--llm-color-ui-1);
945
+ }
946
+ .llm .llm__scroller {
947
+ position: absolute;
948
+ inset: 0;
949
+ overflow-x: hidden;
950
+ overflow-y: auto;
951
+ color: var(--llm-color-ui-white);
952
+ }
953
+ .llm .llm__scroller::-webkit-scrollbar {
954
+ width: 6px;
955
+ height: 6px;
956
+ border-radius: 3px;
957
+ }
958
+ .llm .llm__scroller::-webkit-scrollbar-button {
959
+ display: none;
960
+ }
961
+ .llm .llm__scroller::-webkit-scrollbar-button:hover {
962
+ display: none;
963
+ }
964
+ .llm .llm__scroller::-webkit-scrollbar-thumb {
965
+ background-color: rgba(255, 255, 255, 0.3);
966
+ box-shadow: none;
967
+ border-radius: 2px;
968
+ }
969
+ .llm .llm__scroller::-webkit-scrollbar-thumb:hover {
970
+ background-color: rgba(255, 255, 255, 0.3);
971
+ }
972
+ .llm .llm__scroller::-webkit-scrollbar-track {
973
+ background-color: transparent;
974
+ border-radius: 2px;
975
+ }
976
+ .llm .llm__scroller::-webkit-scrollbar-track:hover {
977
+ background-color: transparent;
978
+ }
979
+ .llm .llm__content {
980
+ min-height: 100%;
981
+ padding-top: 100px;
982
+ padding-bottom: 180px;
983
+ display: flex;
984
+ flex-direction: column;
985
+ justify-content: center;
986
+ }
987
+ @media (min-width: 1024px) {
988
+ .llm .llm__content {
989
+ padding: 200px 0;
990
+ padding-bottom: 280px;
991
+ }
992
+ }
993
+ .llm .llm__top {
994
+ position: absolute;
995
+ left: 0;
996
+ top: 0;
997
+ width: 100%;
998
+ z-index: 2;
999
+ }
1000
+ .-llm-scrolled .llm .llm__top {
1001
+ transition: 0.3s;
1002
+ transform: translateY(-100%) !important;
1003
+ }
1004
+ .llm .llm__bottom {
1005
+ position: absolute;
1006
+ left: 0;
1007
+ bottom: 0;
1008
+ padding-bottom: clamp(24px, 24px + (100vw - 375px) / 1545 * (16), 40px);
1009
+ width: 100%;
1010
+ z-index: 2;
1011
+ }
1012
+ .llm .llm__toggle-speak {
1013
+ position: fixed;
1014
+ width: 48px;
1015
+ height: 48px;
1016
+ top: 110px;
1017
+ right: clamp(24px, 24px + (100vw - 375px) / 1545 * (16), 40px);
1018
+ z-index: 9;
1019
+ cursor: pointer;
1020
+ border-radius: 50%;
1021
+ background: var(--llm-color-ui-white);
1022
+ color: var(--llm-color-ui-1);
1023
+ }
1024
+ .llm .llm__toggle-speak svg {
1025
+ display: block;
1026
+ width: 100%;
1027
+ height: 100%;
1028
+ }
1029
+
1030
+ .llm .llm__header {
1031
+ border-bottom: 1px solid rgba(246, 246, 246, 0);
1032
+ transition: 0.3s;
1033
+ }
1034
+ .llm .llm__header.hidden {
1035
+ transform: translateY(-100%);
1036
+ }
1037
+ .llm .llm__header.fixed {
1038
+ border-bottom: 1px solid rgba(246, 246, 246, 0.5);
1039
+ backdrop-filter: blur(20px);
1040
+ background: rgba(255, 255, 255, 0.2);
1041
+ }
1042
+ .llm .llm__header-wrapper {
1043
+ display: flex;
1044
+ justify-content: space-between;
1045
+ padding: 0 clamp(24px, 24px + (100vw - 375px) / 1545 * (16), 40px);
1046
+ align-items: center;
1047
+ height: 70px;
1048
+ z-index: 2;
1049
+ }
1050
+ @media (min-width: 1024px) {
1051
+ .llm .llm__header-wrapper {
1052
+ height: 90px;
1053
+ }
1054
+ }
1055
+ @media (min-width: 1024px) {
1056
+ .-llm-scrolled .llm .llm__header-wrapper {
1057
+ height: 70px;
1058
+ }
1059
+ }
1060
+ .llm .llm__header-logo-full {
1061
+ position: relative;
1062
+ overflow: hidden;
1063
+ width: clamp(130px, 130px + (100vw - 375px) / 1545 * (70), 200px);
1064
+ }
1065
+ .llm .llm__header-logo-full > iframe,
1066
+ .llm .llm__header-logo-full > picture,
1067
+ .llm .llm__header-logo-full > picture > img,
1068
+ .llm .llm__header-logo-full > img,
1069
+ .llm .llm__header-logo-full > svg {
1070
+ display: block;
1071
+ position: absolute;
1072
+ left: 0;
1073
+ top: 0;
1074
+ width: 100%;
1075
+ height: 100%;
1076
+ object-fit: cover;
1077
+ object-position: center;
1078
+ }
1079
+ .llm .llm__header-logo-full:after {
1080
+ content: "";
1081
+ display: block;
1082
+ height: 0;
1083
+ padding-bottom: 30.303030303%;
1084
+ }
1085
+ .-llm-scrolled .llm .llm__header-logo-full {
1086
+ display: none;
1087
+ }
1088
+ .llm .llm__header-logo-full > img {
1089
+ object-fit: contain;
1090
+ }
1091
+ .llm .llm__header-logo-mini {
1092
+ position: relative;
1093
+ overflow: hidden;
1094
+ width: 43px;
1095
+ display: none;
1096
+ }
1097
+ .llm .llm__header-logo-mini > iframe,
1098
+ .llm .llm__header-logo-mini > picture,
1099
+ .llm .llm__header-logo-mini > picture > img,
1100
+ .llm .llm__header-logo-mini > img,
1101
+ .llm .llm__header-logo-mini > svg {
1102
+ display: block;
1103
+ position: absolute;
1104
+ left: 0;
1105
+ top: 0;
1106
+ width: 100%;
1107
+ height: 100%;
1108
+ object-fit: cover;
1109
+ object-position: center;
1110
+ }
1111
+ .llm .llm__header-logo-mini:after {
1112
+ content: "";
1113
+ display: block;
1114
+ height: 0;
1115
+ padding-bottom: 92.3076923077%;
1116
+ }
1117
+ .-llm-scrolled .llm .llm__header-logo-mini {
1118
+ display: block;
1119
+ }
1120
+ .llm .llm__header-logo-mini > img {
1121
+ object-fit: contain;
1122
+ }
1123
+ .llm .llm__header-back {
1124
+ color: white;
1125
+ text-transform: uppercase;
1126
+ cursor: pointer;
1127
+ display: inline-flex;
1128
+ align-items: center;
1129
+ gap: clamp(8px, 8px + (100vw - 375px) / 1545 * (0), 8px);
1130
+ user-select: none;
1131
+ }
1132
+
1133
+ .llm .llm__intro-blob {
1134
+ position: relative;
1135
+ width: 50px;
1136
+ height: 50px;
1137
+ }
1138
+ @media (min-width: 1440px) {
1139
+ .llm .llm__intro-blob {
1140
+ width: 80px;
1141
+ height: 80px;
1142
+ }
1143
+ }
1144
+ .llm .llm__intro-blob > div {
1145
+ height: 100%;
1146
+ }
1147
+ @media (min-width: 1024px) {
1148
+ .llm .llm__intro-wrapper {
1149
+ justify-content: space-between;
1150
+ }
1151
+ }
1152
+ .llm .llm__intro-text {
1153
+ display: flex;
1154
+ flex-direction: column;
1155
+ gap: clamp(24px, 24px + (100vw - 375px) / 1545 * (16), 40px);
1156
+ }
1157
+ .llm .llm__intro-links {
1158
+ margin-top: clamp(24px, 24px + (100vw - 375px) / 1545 * (16), 40px);
1159
+ }
1160
+ @media (min-width: 1024px) {
1161
+ .llm .llm__intro-links {
1162
+ margin-top: 0;
1163
+ }
1164
+ }
1165
+
1166
+ .llm .llm__links {
1167
+ margin: 0 calc(clamp(20px, 20px + (100vw - 375px) / 1545 * (90), 110px) * -1);
1168
+ }
1169
+ @media (min-width: 768px) {
1170
+ .llm .llm__links {
1171
+ margin: 0;
1172
+ display: grid;
1173
+ grid-template-columns: repeat(2, 1fr);
1174
+ gap: clamp(8px, 8px + (100vw - 375px) / 1545 * (8), 16px);
1175
+ }
1176
+ }
1177
+ .llm .llm__links .swiper-wrapper {
1178
+ padding: 1px 0;
1179
+ }
1180
+ .llm .llm__links .swiper-slide {
1181
+ height: auto;
1182
+ }
1183
+ .llm .llm__links-card {
1184
+ height: 100%;
1185
+ background: linear-gradient(rgba(154, 154, 154, 0.2) 10%, rgba(221, 221, 221, 0.1) 80%);
1186
+ border: 1px solid rgba(237, 237, 237, 0.3);
1187
+ backdrop-filter: blur(20px);
1188
+ border-radius: 12px;
1189
+ padding: clamp(24px, 24px + (100vw - 375px) / 1545 * (8), 32px);
1190
+ display: flex;
1191
+ flex-direction: column;
1192
+ gap: clamp(8px, 8px + (100vw - 375px) / 1545 * (8), 16px);
1193
+ cursor: pointer;
1194
+ }
1195
+ @media (min-width: 768px) {
1196
+ .llm .llm__links-card:first-child {
1197
+ grid-column: span 2;
1198
+ }
1199
+ }
1200
+ .llm .llm__links-title {
1201
+ display: flex;
1202
+ align-items: center;
1203
+ gap: clamp(8px, 8px + (100vw - 375px) / 1545 * (8), 16px);
1204
+ text-transform: uppercase;
1205
+ }
1206
+ .llm .llm__links-title i {
1207
+ display: block;
1208
+ width: 18px;
1209
+ height: 18px;
1210
+ }
1211
+ .llm .llm__links-title i svg {
1212
+ fill: currentColor;
1213
+ }
1214
+ .llm .llm__links-body {
1215
+ line-height: 140%;
1216
+ }
1217
+
1218
+ .llm .llm__prompt-form {
1219
+ gap: clamp(8px, 8px + (100vw - 375px) / 1545 * (0), 8px);
1220
+ display: flex;
1221
+ flex-wrap: nowrap;
1222
+ align-items: flex-end;
1223
+ }
1224
+ .llm .llm__prompt-input {
1225
+ position: relative;
1226
+ box-shadow: -4px 4px 50px 0px rgba(8, 20, 62, 0.08);
1227
+ border-radius: 8px;
1228
+ overflow: hidden;
1229
+ background: white;
1230
+ width: 100%;
1231
+ }
1232
+ .llm .llm__prompt-textarea {
1233
+ line-height: 1;
1234
+ font-family: var(--llm-font-secondary);
1235
+ font-weight: normal;
1236
+ line-height: 1.4;
1237
+ font-size: clamp(16px, 16px + (100vw - 375px) / 1545 * (8), 24px);
1238
+ font-size: 16px;
1239
+ width: 100%;
1240
+ line-height: 1.3;
1241
+ -webkit-appearance: none;
1242
+ appearance: none;
1243
+ outline: none;
1244
+ border: none;
1245
+ margin: 0;
1246
+ padding: 10px clamp(16px, 16px + (100vw - 375px) / 1545 * (8), 24px);
1247
+ resize: none;
1248
+ max-height: 120px;
1249
+ min-height: 45px;
1250
+ border-radius: 0;
1251
+ background: transparent;
1252
+ display: block;
1253
+ color: black;
1254
+ }
1255
+ @media (min-width: 1024px) {
1256
+ .llm .llm__prompt-textarea {
1257
+ padding: 18px clamp(16px, 16px + (100vw - 375px) / 1545 * (8), 24px);
1258
+ min-height: 60px;
1259
+ max-height: 220px;
1260
+ }
1261
+ }
1262
+ .llm .llm__prompt-microphone {
1263
+ position: absolute;
1264
+ right: 12px;
1265
+ bottom: 5px;
1266
+ color: var(--llm-color-ui-1);
1267
+ font-size: 16px;
1268
+ width: 24px;
1269
+ height: 24px;
1270
+ display: flex;
1271
+ align-items: center;
1272
+ justify-content: center;
1273
+ border-radius: 50%;
1274
+ cursor: pointer;
1275
+ }
1276
+ .llm .llm__prompt-submit, .llm .llm__prompt-stop {
1277
+ flex-shrink: 0;
1278
+ width: 45px;
1279
+ height: 45px;
1280
+ color: var(--llm-color-ui-1);
1281
+ position: relative;
1282
+ display: flex;
1283
+ align-items: center;
1284
+ justify-content: center;
1285
+ background: var(--llm-color-ui-2);
1286
+ border-radius: 50%;
1287
+ cursor: pointer;
1288
+ }
1289
+ @media (min-width: 1024px) {
1290
+ .llm .llm__prompt-submit, .llm .llm__prompt-stop {
1291
+ width: 60px;
1292
+ height: 60px;
1293
+ }
1294
+ }
1295
+ .llm .llm__prompt-submit > i, .llm .llm__prompt-stop > i {
1296
+ position: relative;
1297
+ z-index: 2;
1298
+ width: 18px;
1299
+ height: 18px;
1300
+ }
1301
+ @media (min-width: 1024px) {
1302
+ .llm .llm__prompt-submit > i, .llm .llm__prompt-stop > i {
1303
+ width: 24px;
1304
+ height: 24px;
1305
+ }
1306
+ }
1307
+ .llm .llm__prompt-submit > i svg, .llm .llm__prompt-stop > i svg {
1308
+ display: block;
1309
+ width: 100%;
1310
+ height: 100%;
1311
+ }
1312
+ .llm .llm__prompt-submit:disabled, .llm .llm__prompt-stop:disabled {
1313
+ pointer-events: none;
1314
+ }
1315
+ .llm .llm__prompt-submit:disabled i, .llm .llm__prompt-stop:disabled i {
1316
+ opacity: 0.4;
1317
+ }
1318
+ .llm .llm__prompt-suggestions {
1319
+ padding-bottom: clamp(8px, 8px + (100vw - 375px) / 1545 * (0), 8px);
1320
+ width: 100%;
1321
+ display: none;
1322
+ }
1323
+ @media (min-width: 1024px) {
1324
+ .llm .llm__prompt-suggestions {
1325
+ display: block;
1326
+ }
1327
+ }
1328
+ .llm .llm__prompt-suggestions .llm__suggestions {
1329
+ margin: 0 calc(clamp(20px, 20px + (100vw - 375px) / 1545 * (90), 110px) * -1);
1330
+ }
1331
+ .llm .llm__prompt-suggestions .swiper-slide {
1332
+ width: auto;
1333
+ }
1334
+ .llm .llm__prompt-suggestions .swiper-slide > div {
1335
+ line-height: 1;
1336
+ font-family: var(--llm-font-primary);
1337
+ font-weight: 700;
1338
+ line-height: 1.2;
1339
+ letter-spacing: 0.02em;
1340
+ font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (2), 16px);
1341
+ padding: clamp(8px, 8px + (100vw - 375px) / 1545 * (0), 8px);
1342
+ background: rgba(255, 255, 255, 0.2);
1343
+ border: 1px solid rgba(237, 237, 237, 0.3);
1344
+ border-radius: 5px;
1345
+ backdrop-filter: blur(20px);
1346
+ color: white;
1347
+ cursor: pointer;
1348
+ }
1349
+
1350
+ .llm .llm__message--user .llm__text .llm__text-body {
1351
+ line-height: 1;
1352
+ font-family: var(--llm-font-secondary);
1353
+ font-weight: normal;
1354
+ line-height: 1.4;
1355
+ font-size: clamp(16px, 16px + (100vw - 375px) / 1545 * (8), 24px);
1356
+ background: linear-gradient(rgba(154, 154, 154, 0.2) 10%, rgba(221, 221, 221, 0.1) 80%);
1357
+ border: 1px solid rgba(237, 237, 237, 0.3);
1358
+ backdrop-filter: blur(20px);
1359
+ border-radius: 12px;
1360
+ padding: clamp(16px, 16px + (100vw - 375px) / 1545 * (8), 24px) clamp(24px, 24px + (100vw - 375px) / 1545 * (8), 32px);
1361
+ }
1362
+ .llm .llm__message--assistant .llm__inner--string:first-child .llm__text .llm__text-body {
1363
+ line-height: 1;
1364
+ font-family: var(--llm-font-primary);
1365
+ font-weight: 500;
1366
+ line-height: 1.3;
1367
+ letter-spacing: 0.02em;
1368
+ font-size: clamp(24px, 24px + (100vw - 375px) / 1545 * (32), 56px);
1369
+ }
1370
+ .llm .llm__message--assistant .llm__inner--string:not(:first-child) .llm__text .llm__text-body {
1371
+ line-height: 1;
1372
+ font-family: var(--llm-font-primary);
1373
+ font-weight: 500;
1374
+ line-height: 1.3;
1375
+ letter-spacing: 0.02em;
1376
+ font-size: clamp(16px, 16px + (100vw - 375px) / 1545 * (16), 32px);
1377
+ }
1378
+ .llm .llm__message--assistant .llm__inner--string:not(:first-child) .llm__text .llm__text-body h1 {
1379
+ line-height: 1;
1380
+ font-family: var(--llm-font-primary);
1381
+ font-weight: 500;
1382
+ line-height: 1.3;
1383
+ letter-spacing: 0.02em;
1384
+ font-size: clamp(24px, 24px + (100vw - 375px) / 1545 * (32), 56px);
1385
+ }
1386
+ .llm .llm__message--assistant .llm__inner--string:not(:first-child) .llm__text .llm__text-body h2 {
1387
+ line-height: 1;
1388
+ font-family: var(--llm-font-primary);
1389
+ font-weight: 500;
1390
+ line-height: 1.3;
1391
+ letter-spacing: 0.02em;
1392
+ font-size: clamp(24px, 24px + (100vw - 375px) / 1545 * (24), 48px);
1393
+ }
1394
+ .llm .llm__message--assistant .llm__inner--string:not(:first-child) .llm__text .llm__text-body h3 {
1395
+ line-height: 1;
1396
+ font-family: var(--llm-font-primary);
1397
+ font-weight: 500;
1398
+ line-height: 1.3;
1399
+ letter-spacing: 0.02em;
1400
+ font-size: clamp(24px, 24px + (100vw - 375px) / 1545 * (16), 40px);
1401
+ }
1402
+ .llm .llm__message--assistant .llm__inner--string:not(:first-child) .llm__text .llm__text-body h4 {
1403
+ line-height: 1;
1404
+ font-family: var(--llm-font-primary);
1405
+ font-weight: 500;
1406
+ line-height: 1.3;
1407
+ letter-spacing: 0.02em;
1408
+ font-size: clamp(16px, 16px + (100vw - 375px) / 1545 * (16), 32px);
1409
+ }
1410
+ .llm .llm__message--assistant .llm__inner--string:not(:first-child) .llm__text .llm__text-body ol,
1411
+ .llm .llm__message--assistant .llm__inner--string:not(:first-child) .llm__text .llm__text-body ul {
1412
+ display: flex;
1413
+ flex-direction: column;
1414
+ gap: clamp(24px, 24px + (100vw - 375px) / 1545 * (8), 32px);
1415
+ margin-left: 1em;
1416
+ }
1417
+ .llm .llm__message--assistant .llm__inner--string:not(:first-child) .llm__text .llm__text-body ul {
1418
+ list-style: disc;
1419
+ }
1420
+ .llm .llm__message--assistant .llm__inner--string:not(:first-child) .llm__text .llm__text-body a {
1421
+ text-decoration: underline;
1422
+ }
1423
+ .llm .llm__text-disclaimer {
1424
+ line-height: 1;
1425
+ font-family: var(--llm-font-secondary);
1426
+ font-weight: normal;
1427
+ line-height: 1.5;
1428
+ font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (2), 16px);
1429
+ display: flex;
1430
+ gap: clamp(8px, 8px + (100vw - 375px) / 1545 * (8), 16px);
1431
+ padding-top: clamp(16px, 16px + (100vw - 375px) / 1545 * (8), 24px);
1432
+ }
1433
+ .llm .llm__text-disclaimer a {
1434
+ text-decoration: underline;
1435
+ }
1436
+ .llm .llm__text-disclaimer i {
1437
+ display: block;
1438
+ width: 18px;
1439
+ height: 18px;
1440
+ flex-shrink: 0;
1441
+ }
1442
+ .llm .llm__text-disclaimer i svg {
1443
+ display: block;
1444
+ width: 100%;
1445
+ height: 100%;
1446
+ }
1447
+
1448
+ .llm .llm__event-inner {
1449
+ border-radius: 5px;
1450
+ background: rgba(0, 60, 140, 0.8);
1451
+ box-shadow: -1px 1px 30px 0px rgba(0, 0, 0, 0.2);
1452
+ height: 100%;
1453
+ display: flex;
1454
+ overflow: hidden;
1455
+ flex-direction: column-reverse;
1456
+ justify-content: flex-end;
1457
+ }
1458
+ @media (min-width: 1440px) {
1459
+ .llm .llm__event-inner {
1460
+ padding-bottom: clamp(24px, 24px + (100vw - 375px) / 1545 * (16), 40px);
1461
+ }
1462
+ }
1463
+ .llm .llm__event-media {
1464
+ position: relative;
1465
+ }
1466
+ .llm .llm__event-asset {
1467
+ position: relative;
1468
+ overflow: hidden;
1469
+ }
1470
+ .llm .llm__event-asset > iframe,
1471
+ .llm .llm__event-asset > picture,
1472
+ .llm .llm__event-asset > picture > img,
1473
+ .llm .llm__event-asset > img,
1474
+ .llm .llm__event-asset > svg {
1475
+ display: block;
1476
+ position: absolute;
1477
+ left: 0;
1478
+ top: 0;
1479
+ width: 100%;
1480
+ height: 100%;
1481
+ object-fit: cover;
1482
+ object-position: center;
1483
+ }
1484
+ .llm .llm__event-asset:after {
1485
+ content: "";
1486
+ display: block;
1487
+ height: 0;
1488
+ padding-bottom: 50%;
1489
+ }
1490
+ .llm .llm__event-content {
1491
+ display: flex;
1492
+ flex-direction: column;
1493
+ padding: clamp(24px, 24px + (100vw - 375px) / 1545 * (16), 40px);
1494
+ gap: clamp(16px, 16px + (100vw - 375px) / 1545 * (8), 24px);
1495
+ height: 100%;
1496
+ }
1497
+ .llm .llm__event-pretitle {
1498
+ line-height: 1;
1499
+ font-family: var(--llm-font-primary);
1500
+ font-weight: 500;
1501
+ letter-spacing: 0.08em;
1502
+ font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (2), 16px);
1503
+ text-transform: uppercase;
1504
+ }
1505
+ .llm .llm__event-title {
1506
+ line-height: 1;
1507
+ font-family: var(--llm-font-primary);
1508
+ font-weight: 500;
1509
+ line-height: 1.3;
1510
+ letter-spacing: 0.02em;
1511
+ font-size: clamp(18px, 18px + (100vw - 375px) / 1545 * (14), 32px);
1512
+ }
1513
+ .llm .llm__event-body {
1514
+ line-height: 1;
1515
+ font-family: var(--llm-font-secondary);
1516
+ font-weight: normal;
1517
+ line-height: 1.5;
1518
+ font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (2), 16px);
1519
+ }
1520
+ .llm .llm__event-location {
1521
+ line-height: 1;
1522
+ font-family: var(--llm-font-primary);
1523
+ font-weight: 700;
1524
+ line-height: 1.2;
1525
+ letter-spacing: 0.02em;
1526
+ font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (2), 16px);
1527
+ display: flex;
1528
+ align-items: center;
1529
+ gap: clamp(8px, 8px + (100vw - 375px) / 1545 * (0), 8px);
1530
+ padding-top: clamp(16px, 16px + (100vw - 375px) / 1545 * (8), 24px);
1531
+ }
1532
+ .llm .llm__event-location svg {
1533
+ color: var(--llm-color-ui-4);
1534
+ width: 20px;
1535
+ height: 20px;
1536
+ }
1537
+ .llm .llm__event-ctas {
1538
+ display: flex;
1539
+ gap: clamp(24px, 24px + (100vw - 375px) / 1545 * (8), 32px);
1540
+ padding-top: clamp(8px, 8px + (100vw - 375px) / 1545 * (8), 16px);
1541
+ margin-top: auto;
1542
+ }
1543
+ .llm .llm__event-tags {
1544
+ display: block;
1545
+ position: absolute;
1546
+ left: 0;
1547
+ top: 0;
1548
+ width: 100%;
1549
+ height: 100%;
1550
+ padding: clamp(8px, 8px + (100vw - 375px) / 1545 * (8), 16px);
1551
+ display: flex;
1552
+ flex-direction: column;
1553
+ align-items: flex-start;
1554
+ gap: 4px;
1555
+ }
1556
+ .llm .llm__event-tag {
1557
+ padding: clamp(8px, 8px + (100vw - 375px) / 1545 * (0), 8px);
1558
+ border-radius: 2px;
1559
+ line-height: 1;
1560
+ font-family: var(--llm-font-primary);
1561
+ font-weight: 500;
1562
+ letter-spacing: 0.08em;
1563
+ font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (2), 16px);
1564
+ }
1565
+ .llm .llm__event-time {
1566
+ background: var(--llm-color-ui-7);
1567
+ }
1568
+ .llm .llm__event-date {
1569
+ background: var(--llm-color-ui-1);
1570
+ }
1571
+ .llm .llm__event--event {
1572
+ margin-top: clamp(32px, 32px + (100vw - 375px) / 1545 * (48), 80px);
1573
+ }
1574
+ @media (min-width: 768px) {
1575
+ .llm .llm__event--event .llm__event-inner {
1576
+ flex-direction: row;
1577
+ }
1578
+ }
1579
+ @media (min-width: 1440px) {
1580
+ .llm .llm__event--event .llm__event-inner {
1581
+ background: none;
1582
+ box-shadow: none;
1583
+ }
1584
+ }
1585
+ @media (min-width: 768px) {
1586
+ .llm .llm__event--event .llm__event-content {
1587
+ width: 50%;
1588
+ }
1589
+ }
1590
+ @media (min-width: 1440px) {
1591
+ .llm .llm__event--event .llm__event-content {
1592
+ padding: clamp(24px, 24px + (100vw - 375px) / 1545 * (16), 40px) clamp(24px, 24px + (100vw - 375px) / 1545 * (40), 64px);
1593
+ }
1594
+ }
1595
+ @media (min-width: 1440px) {
1596
+ .llm .llm__event--event .llm__event-title {
1597
+ line-height: 1;
1598
+ font-family: var(--llm-font-primary);
1599
+ font-weight: 500;
1600
+ line-height: 1.1;
1601
+ letter-spacing: 0.02em;
1602
+ font-size: clamp(32px, 32px + (100vw - 375px) / 1545 * (40), 72px);
1603
+ }
1604
+ }
1605
+ @media (min-width: 1440px) {
1606
+ .llm .llm__event--event .llm__event-body {
1607
+ line-height: 1;
1608
+ font-family: var(--llm-font-secondary);
1609
+ font-weight: normal;
1610
+ line-height: 1.4;
1611
+ font-size: clamp(16px, 16px + (100vw - 375px) / 1545 * (8), 24px);
1612
+ }
1613
+ }
1614
+ @media (min-width: 768px) {
1615
+ .llm .llm__event--event .llm__event-media {
1616
+ width: 50%;
1617
+ }
1618
+ }
1619
+ @media (min-width: 768px) {
1620
+ .llm .llm__event--event .llm__event-asset {
1621
+ height: 100%;
1622
+ }
1623
+ .llm .llm__event--event .llm__event-asset:after {
1624
+ display: none;
1625
+ }
1626
+ }
1627
+
1628
+ .llm .llm__events {
1629
+ width: 100%;
1630
+ }
1631
+ .llm .llm__events .swiper {
1632
+ position: relative;
1633
+ overflow: visible;
1634
+ padding-top: clamp(40px, 40px + (100vw - 375px) / 1545 * (48), 88px);
1635
+ }
1636
+ .llm .llm__events .swiper-slide {
1637
+ height: auto;
1638
+ }
1639
+ .llm .llm__events .llm__event-inner {
1640
+ padding-bottom: 0;
1641
+ }
1642
+ .llm .llm__events-slide {
1643
+ height: auto;
1644
+ }
1645
+ .llm .llm__events-slide .llm__event {
1646
+ height: 100%;
1647
+ }
1648
+ .llm .llm__events-nav {
1649
+ position: absolute;
1650
+ top: 0;
1651
+ left: 0;
1652
+ color: var(--llm-color-ui-white);
1653
+ display: flex;
1654
+ gap: clamp(16px, 16px + (100vw - 375px) / 1545 * (8), 24px);
1655
+ }
1656
+ @media (min-width: 1024px) {
1657
+ .llm .llm__events-nav {
1658
+ right: 0;
1659
+ left: auto;
1660
+ }
1661
+ }
1662
+ .llm .llm__events-nav button {
1663
+ color: currentColor;
1664
+ cursor: pointer;
1665
+ }
1666
+ .llm .llm__events-nav button.swiper-button-disabled {
1667
+ opacity: 0.2;
1668
+ cursor: pointer;
1669
+ }
1670
+ .llm .llm__events-nav button.swiper-button-lock {
1671
+ display: none;
1672
+ }
1673
+ .llm .llm__events-nav button svg {
1674
+ width: 24px;
1675
+ height: 24px;
1676
+ }
1677
+
1678
+ .llm .llm__cta {
1679
+ line-height: 1;
1680
+ font-family: var(--llm-font-secondary);
1681
+ font-weight: 300;
1682
+ line-height: 1;
1683
+ font-style: italic;
1684
+ font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (2), 16px);
1685
+ position: relative;
1686
+ display: inline-flex;
1687
+ align-items: center;
1688
+ gap: clamp(8px, 8px + (100vw - 375px) / 1545 * (0), 8px);
1689
+ color: var(--llm-color-ui-white);
1690
+ overflow: hidden;
1691
+ white-space: nowrap;
1692
+ transition: opacity 0.3s;
1693
+ }
1694
+ @media (hover: hover) {
1695
+ .llm .llm__cta:hover {
1696
+ text-decoration: underline;
1697
+ opacity: 0.7;
1698
+ }
1699
+ }
1700
+ .llm .llm__cta--button, .llm .llm__cta--submit {
1701
+ line-height: 1;
1702
+ font-family: var(--llm-font-primary);
1703
+ font-weight: 500;
1704
+ line-height: 1;
1705
+ letter-spacing: 0.06em;
1706
+ font-size: clamp(12px, 12px + (100vw - 375px) / 1545 * (2), 14px);
1707
+ background: var(--llm-color-ui-2);
1708
+ color: var(--llm-color-ui-1);
1709
+ height: 42px;
1710
+ font-style: normal;
1711
+ margin: 0;
1712
+ padding: 0 clamp(24px, 24px + (100vw - 375px) / 1545 * (24), 48px);
1713
+ border-radius: 50px;
1714
+ overflow: hidden;
1715
+ text-decoration: none;
1716
+ cursor: pointer;
1717
+ }
1718
+ .llm .llm__cta--button .llm__background, .llm .llm__cta--submit .llm__background {
1719
+ z-index: 1;
1720
+ background: none;
1721
+ }
1722
+ .llm .llm__cta--button .llm__background .llm__background-noise, .llm .llm__cta--submit .llm__background .llm__background-noise {
1723
+ display: none;
1724
+ }
1725
+ .llm .llm__cta--button .llm__background .llm__background-shade, .llm .llm__cta--submit .llm__background .llm__background-shade {
1726
+ opacity: 1;
1727
+ }
1728
+ .llm .llm__cta--button > span, .llm .llm__cta--submit > span {
1729
+ z-index: 2;
1730
+ position: relative;
1731
+ }
1732
+ .llm .llm__cta--simple {
1733
+ line-height: 1;
1734
+ font-family: var(--llm-font-primary);
1735
+ font-weight: 500;
1736
+ line-height: 1;
1737
+ letter-spacing: 0.06em;
1738
+ font-size: clamp(12px, 12px + (100vw - 375px) / 1545 * (2), 14px);
1739
+ padding: 0 clamp(24px, 24px + (100vw - 375px) / 1545 * (24), 48px);
1740
+ height: 42px;
1741
+ background: linear-gradient(rgba(154, 154, 154, 0.2) 10%, rgba(221, 221, 221, 0.1) 80%);
1742
+ border: 1px solid rgba(237, 237, 237, 0.3);
1743
+ backdrop-filter: blur(20px);
1744
+ color: var(--llm-color-ui-white);
1745
+ font-style: normal;
1746
+ border-radius: 12px;
1747
+ overflow: hidden;
1748
+ text-decoration: none;
1749
+ cursor: pointer;
1750
+ }
1751
+ .llm .llm__cta--simple > span {
1752
+ z-index: 2;
1753
+ position: relative;
1754
+ }
1755
+
1756
+ .llm .llm__poi {
1757
+ display: flex;
1758
+ flex-direction: column;
1759
+ align-items: center;
1760
+ gap: clamp(24px, 24px + (100vw - 375px) / 1545 * (16), 40px);
1761
+ }
1762
+ @media (min-width: 768px) {
1763
+ .llm .llm__poi {
1764
+ flex-direction: row;
1765
+ }
1766
+ }
1767
+ .llm .llm__poi-media {
1768
+ display: flex;
1769
+ justify-content: center;
1770
+ align-items: center;
1771
+ }
1772
+ .llm .llm__poi-media > img {
1773
+ width: 100%;
1774
+ height: 100%;
1775
+ object-fit: cover;
1776
+ aspect-ratio: 483/272;
1777
+ }
1778
+ @media (min-width: 768px) {
1779
+ .llm .llm__poi-media {
1780
+ flex: 0 0 200px;
1781
+ max-width: 200px;
1782
+ }
1783
+ .llm .llm__poi-media > img {
1784
+ aspect-ratio: 1/1;
1785
+ }
1786
+ }
1787
+ .llm .llm__poi-content {
1788
+ display: flex;
1789
+ flex-direction: column;
1790
+ gap: clamp(16px, 16px + (100vw - 375px) / 1545 * (8), 24px);
1791
+ }
1792
+ .llm .llm__poi-title {
1793
+ line-height: 1;
1794
+ font-family: var(--llm-font-primary);
1795
+ font-weight: 500;
1796
+ line-height: 1.3;
1797
+ letter-spacing: 0.02em;
1798
+ font-size: clamp(18px, 18px + (100vw - 375px) / 1545 * (14), 32px);
1799
+ }
1800
+ .llm .llm__poi-body {
1801
+ line-height: 1;
1802
+ font-family: var(--llm-font-secondary);
1803
+ font-weight: normal;
1804
+ line-height: 1.5;
1805
+ font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (2), 16px);
1806
+ }
1807
+ .llm .llm__poi-tags {
1808
+ display: flex;
1809
+ gap: clamp(24px, 24px + (100vw - 375px) / 1545 * (8), 32px);
1810
+ }
1811
+ .llm .llm__poi-tag {
1812
+ line-height: 1;
1813
+ font-family: var(--llm-font-primary);
1814
+ font-weight: 700;
1815
+ line-height: 1.2;
1816
+ letter-spacing: 0.02em;
1817
+ font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (2), 16px);
1818
+ display: flex;
1819
+ align-items: center;
1820
+ gap: clamp(8px, 8px + (100vw - 375px) / 1545 * (0), 8px);
1821
+ }
1822
+ .llm .llm__poi-tag svg {
1823
+ color: currentColor;
1824
+ width: 20px;
1825
+ height: 20px;
1826
+ }
1827
+ .llm .llm__poi-ctas {
1828
+ display: flex;
1829
+ gap: clamp(24px, 24px + (100vw - 375px) / 1545 * (8), 32px);
1830
+ margin-top: auto;
1831
+ }
1832
+ .llm .llm__poi--poi {
1833
+ margin-top: clamp(32px, 32px + (100vw - 375px) / 1545 * (48), 80px);
1834
+ }
1835
+ @media (min-width: 768px) {
1836
+ .llm .llm__poi--poi .llm__poi-inner {
1837
+ flex-direction: row;
1838
+ }
1839
+ }
1840
+ @media (min-width: 1440px) {
1841
+ .llm .llm__poi--poi .llm__poi-inner {
1842
+ background: none;
1843
+ box-shadow: none;
1844
+ }
1845
+ }
1846
+ @media (min-width: 768px) {
1847
+ .llm .llm__poi--poi .llm__poi-content {
1848
+ width: 50%;
1849
+ }
1850
+ }
1851
+ @media (min-width: 1440px) {
1852
+ .llm .llm__poi--poi .llm__poi-content {
1853
+ padding: clamp(24px, 24px + (100vw - 375px) / 1545 * (16), 40px) clamp(24px, 24px + (100vw - 375px) / 1545 * (40), 64px);
1854
+ }
1855
+ }
1856
+ @media (min-width: 1440px) {
1857
+ .llm .llm__poi--poi .llm__poi-title {
1858
+ line-height: 1;
1859
+ font-family: var(--llm-font-primary);
1860
+ font-weight: 500;
1861
+ line-height: 1.1;
1862
+ letter-spacing: 0.02em;
1863
+ font-size: clamp(32px, 32px + (100vw - 375px) / 1545 * (40), 72px);
1864
+ }
1865
+ }
1866
+ @media (min-width: 1440px) {
1867
+ .llm .llm__poi--poi .llm__poi-body {
1868
+ line-height: 1;
1869
+ font-family: var(--llm-font-secondary);
1870
+ font-weight: normal;
1871
+ line-height: 1.4;
1872
+ font-size: clamp(16px, 16px + (100vw - 375px) / 1545 * (8), 24px);
1873
+ }
1874
+ }
1875
+ @media (min-width: 768px) {
1876
+ .llm .llm__poi--poi .llm__poi-media {
1877
+ width: 50%;
1878
+ }
1879
+ }
1880
+ @media (min-width: 768px) {
1881
+ .llm .llm__poi--poi .llm__poi-asset {
1882
+ height: 100%;
1883
+ }
1884
+ .llm .llm__poi--poi .llm__poi-asset:after {
1885
+ display: none;
1886
+ }
1887
+ }
1888
+
1889
+ .llm .llm__pois {
1890
+ padding-top: clamp(24px, 24px + (100vw - 375px) / 1545 * (8), 32px);
1891
+ padding-bottom: clamp(24px, 24px + (100vw - 375px) / 1545 * (8), 32px);
1892
+ border-top: 1px solid rgba(237, 237, 237, 0.3);
1893
+ border-bottom: 1px solid rgba(237, 237, 237, 0.3);
1894
+ }
1895
+ .llm .llm__pois .llm__poi + .llm__poi {
1896
+ margin-top: clamp(24px, 24px + (100vw - 375px) / 1545 * (8), 32px);
1897
+ padding-top: clamp(24px, 24px + (100vw - 375px) / 1545 * (8), 32px);
1898
+ border-top: 1px solid rgba(237, 237, 237, 0.3);
1899
+ }
1900
+
1901
+ .llm .llm__thread {
1902
+ margin-top: clamp(48px, 48px + (100vw - 375px) / 1545 * (72), 120px);
1903
+ display: flex;
1904
+ flex-direction: column;
1905
+ row-gap: clamp(48px, 48px + (100vw - 375px) / 1545 * (72), 120px);
1906
+ }
1907
+ .llm .llm__message {
1908
+ display: flex;
1909
+ flex-direction: column;
1910
+ gap: clamp(24px, 24px + (100vw - 375px) / 1545 * (8), 32px);
1911
+ }
1912
+ .llm .llm__message--user:last-child {
1913
+ margin-bottom: 20vh;
1914
+ }
1915
+ .llm .llm__inner:empty {
1916
+ display: none;
1917
+ }
1918
+ .llm .llm__inner--eventGroup {
1919
+ width: 100%;
1920
+ }
1921
+ .llm .llm__inner--tripadvisorGroup {
1922
+ width: 100%;
1923
+ }
1924
+ .llm .llm__message--user .llm__inner--string {
1925
+ margin-left: auto;
1926
+ }
1927
+ .llm .llm__message--assistant .llm__inner--string:not(:first-child) .llm__text-body {
1928
+ line-height: 1;
1929
+ font-family: var(--llm-font-primary);
1930
+ font-weight: 500;
1931
+ line-height: 1.3;
1932
+ letter-spacing: 0.02em;
1933
+ font-size: clamp(16px, 16px + (100vw - 375px) / 1545 * (16), 32px);
1934
+ }
1935
+ .llm .llm__end {
1936
+ height: 0;
1937
+ margin-top: -33px;
1938
+ }
1939
+
1940
+ .llm .llm__tripadv {
1941
+ width: 100%;
1942
+ }
1943
+ .llm .llm__tripadv-inner {
1944
+ width: 100%;
1945
+ display: flex;
1946
+ flex-direction: row;
1947
+ gap: clamp(16px, 16px + (100vw - 375px) / 1545 * (8), 24px);
1948
+ padding: clamp(24px, 24px + (100vw - 375px) / 1545 * (8), 32px) 0;
1949
+ border-top: 1px solid var(--llm-color-ui-grey-03);
1950
+ position: relative;
1951
+ }
1952
+ .llm .llm__tripadv-media {
1953
+ width: clamp(60px, 60px + (100vw - 375px) / 1545 * (140), 200px);
1954
+ height: clamp(60px, 60px + (100vw - 375px) / 1545 * (140), 200px);
1955
+ position: relative;
1956
+ overflow: hidden;
1957
+ flex-shrink: 0;
1958
+ }
1959
+ .llm .llm__tripadv-media img {
1960
+ display: block;
1961
+ position: absolute;
1962
+ left: 0;
1963
+ top: 0;
1964
+ width: 100%;
1965
+ height: 100%;
1966
+ object-fit: cover;
1967
+ }
1968
+ .llm .llm__tripadv-content {
1969
+ display: flex;
1970
+ flex-direction: column;
1971
+ gap: clamp(8px, 8px + (100vw - 375px) / 1545 * (8), 16px);
1972
+ }
1973
+ .llm .llm__tripadv-title {
1974
+ line-height: 1;
1975
+ font-family: var(--llm-font-primary);
1976
+ font-weight: 500;
1977
+ line-height: 1.3;
1978
+ letter-spacing: 0.03em;
1979
+ font-size: clamp(16px, 16px + (100vw - 375px) / 1545 * (8), 24px);
1980
+ }
1981
+ .llm .llm__tripadv-rating {
1982
+ line-height: 1;
1983
+ font-family: var(--llm-font-primary);
1984
+ font-weight: 700;
1985
+ line-height: 1.2;
1986
+ letter-spacing: 0.02em;
1987
+ font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (2), 16px);
1988
+ display: flex;
1989
+ gap: clamp(8px, 8px + (100vw - 375px) / 1545 * (0), 8px);
1990
+ align-items: center;
1991
+ }
1992
+ .llm .llm__tripadv-dots {
1993
+ width: 88px;
1994
+ height: 16px;
1995
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAgCAYAAAB6kdqOAAAERElEQVR42r3YW0/bZhgHcD5CPoJvdzU+Qj5CrjdVdduthU4tEVLVUTEpHCMKLJZallZt6lAg4RwosFSl4K4IMkKSNwkkJsbJ/zWtylS6WZO6g7qxZ84Fu0lGOSR5JF9YPv30f9/Hp7qTlovB1s/i4kBmVfZpS+xxYd4MYoomjQDN7srmU2OAKbt98ipcIoPLVletckX2hI7oK8kdy5ueZJq82Qj5NIUeF8IUwAxN8FGaMfz0veGlZd5Pa7ydYvwmbfEmWYVTqByEwdbN9j0dG/vUFfuJehKcpM2s6c1GJQskynhWLyMkBBEUQpDtc7jvWITHv8K7scFbKY1m2kYj7RhfeM6M8agQ+lNv4E68o+74L+Rm7xQ3e2U/7vERtNqT/IaSwTXS8CXBOA9APF1aD7XIJ3czGvrTb+h28mezm5mOulNWGk4xhwbo/AKBnwPwWf2JTiBDEXy5KCwQfZvag5uZZ54DKhoEjV9GgYsE49zJkhrUl+DT1um77DY8DGfAlKJ0fslCnSdufF5EfbwLRzDbP6Q/p0e5CLwqK8FUApXnl8wiytg9d/REL3ZKAE9oWH9GsvZSrKtS6bjs0HGJYKGOHLogJv1BzFCgEFbqqlwab1R2LFQeolR2hxBCtjE+SaOYpiDm7NUGqXDac7hKujV8ZedSEOPiGJ+gcUyjrka1hWYzh0bScFEsA5rwj/MxmuSTcq1ALH9LysBJGr9aes1xPs6Kz6NJBBy1AkW1dtFCUQZNrGTjhDFmTvEATWDIXivQquapX9c7KVW4aZZJaJSm+DCFIAu1AimqV1jRJNrQXVQmoSBN8yEK1xAUVoPCcs5Ha9rtUtCUETBDfLCYUH2tQCE1bA+ro/RCGygdsmljhM1ymZ7AJ9YKNJZ+6ZjNLtDi9iArBWHQP8d9tIB7Uq1Ag2nmH99SaF4NyaXxQRbn+QNa5HfMWoEepnQMb0ZpKrMklgPZFoz75nMukQJ31Vu/d2PfPpB8TXIqQzJY+deQp7gjLfNeWuOdSrVBPYn3isTe0r0kl/+/DeEVXhg9FOEuiqHFUS1Me/SD2BX/k3oTv5KH7R19m1lBh7TOWymBGyaDU6j85xQJbbF/0Bn/i9yx3z/eQApctpjRghRvpjScUC1UZTEEC0Tt8QMc+0CGr4Utfh1Z/hVlcf0QVSEMUVucYK2f7Jy51xc/3eZXkEMDqbiGTL5ZPDUmRg4LYv6HiVL9Kd/qxOJXAnZwmbJoomShRYnsdNiPDdkgu4VQipCSZM5SOi5IO7hCGTgpnv+GVrV+LOV88lw25BjaXLHLDII3sid0Rd/Xd8U/iG2xA+kwkcPFSklyMarczwdAFNRCo3+z0Ewbehv9oN2l8PYYTWSWyZ9O00Byl/oSJnXH/6CO2N+HELMIKZdKBWFOWzx/S1zL9fmXco/YbGbOHNn8kR6kdJLYW7Mn8RvriB/IriiJp0nkX3VBUwsmMDPkAAAAAElFTkSuQmCC");
1996
+ background-size: 18px 16px;
1997
+ background-position: -1px 0;
1998
+ position: relative;
1999
+ }
2000
+ .llm .llm__tripadv-dots > span {
2001
+ position: absolute;
2002
+ left: 0;
2003
+ top: 0;
2004
+ height: 100%;
2005
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAgCAMAAABNTyq8AAAC+lBMVEUAAADf30/P33Sn35ef17d/z/Pd31HV32Sr35eX17+Ex+J3x//f31XP31+U1Ml6xP/X3FrB3HrJ2XKm3J6k0bd6x/+EzMnb3lag3a6Ayena3Va93X2y3Y16yfx7xuDT3mO74IWu06qQzd6Q0sJ9yP3V21/C14Kn3Zyh26XS3Gez3o6l3qG31pe11puX17iByvPc3lXR3mXV3V3J3nCb2biV1ciM0tiEzeN5yf96yPzY3VrM2m6s4Jiw3pK8142l3qKb266r0q2Jy+h6yP+Bydnc3lbZ3lrY3V/Z3VvW3WHU3WTQ3W3S3WfO3mrP3WnP3GzI3nTN3G/L3W/H3nTA333A3oLD3nrI3HfM23G734XE3HzA3YHK2nXI2nm83YW034643ojG2X233Y3D2YKx35Kv35W03ZHA2Ya/2Yi424+52pGv3par35uy3Jiq352+2Iyt3pit3Zyn36C815G52JOl36O515eo3p+r3KCv2p+m3qKn3aSl3qSi3qi31pqy2Jyx2J601qCs2aSe3bSm26if3bCj26+g3ayi3Kuy1aOv1qSo2Kyv1aee27Sg2rOp1q+c27aj2LOa27ut1Kyr1LCc2byk1rap07ag1rud172m1LSY2b6X2MOl0r2a18CY18Wj0sCl0rqT2Mmd1MKV18Wf0sOg0cWZ1MeT1syS1s6W17qe0MmX0tCW082b0cqc0MyU09GQ1dGY0NOZ0M+U0daR1M6R09OO1NWaz8+O09aN09iZztKXzteL09qO0duQ1MaUztmK0tyN0N2UzdqI0eCI0OWLz+GOzt6OzeKI0OKQzN+Hz+WLzOaFz+aIzeaDzuyEzueJy+mFzuSCze+Hy+yEzemIz9SFy+6Ey/CCzPCCzO6AzPOBy/WCy/J/zPSAyvh+y/iByvR9y/l+y/Z+yvt/y/J+yviIzc6By+p8yvx/yfl8yvt7yv18yvp9yft+y+57yf98yfx7yf16yf96yf6Cy957yP16yfp6yP96yP56yP15yP95yP59yOhOx7BfAAAARXRSTlMAEBAQEBAgICAgICAwMDAwYGBgYGBgYI+Pj5CQkJCQn5+fn5+foKCgoM/Pz8/Pz8/f39/f39/f39/f7+/v7+/v7+/v7+8Q6+6+AAADTklEQVR42m2RXWiWZRzG//f3/Xy/e9z7SAg1KjuIKA/6gOggM2XTCpo4SM0krKBMRJAC8yhkngjSqYvAg6jOKxTConVQI6S9VLhBRMMczjlk7/M+X/eHz/ts4sRdhzc/ruu6rz+sFUseefLFk8deeHxoAMP6ch98+dqlb86MHz986I2x0YfEOgh7QOv0r0vnzo4fP/LOwT27Xx3ZiO6zeW5+aX76p28nPjt18tjRtw6Mje7csYXfy4TPTs9cXfpz8vvz5z4d/+TwoYP7dr82smOLv5Zxnrk4NXN1tjP1w9d9q4+Ovntg7+grw9vXetGnv7gwdWVubvby5IXzdasTRz54e9/e13fWVNOr+ergfqhFiKSOjByscMC9EPkMoXYCq5Knz0x890vn34X//rn868WvJs6eOn3i4w/ff+/NXSPD2/mq05BFGDhgLnAi3Ih7ng78dhK4MUdkcAUie3oAZSWo43jGRVwg7DE38pLIDTkaQg3UspBXGkCUWGjUEiF3sRQiaCUbvZBHUQO1wYAFBQWm4EkmeMTjOjXy2u3EDcgKRAyYolSVVrkQrkeFEzE/iYIgcNuR8F0AWg+QsyxQvaKw1IIx1AfCgVCJCgSJNjEAARijGRWIO74OgJbcKGYoE7QlMNFKZf70ypikyAxGZVUQyw2LiV/LZdTzB6I45E2n39JSZUVWlFhZwGjQyLoO8WngemEcbpht4vzNmTG+SzgTdVyYE8UYk8JjBCnV05PX+8UVVISkN1mQZwjLnCAn7KWeskEGmYyzbhN3I4UsTauqynpdjepEh7AWG2iVsn8DZ7mJK53YWsSY9SnTEgQWBadWI625LSv6uelD1mwqbUUg1C5ihCGsMQBmxgA2Vu9fbMaEG4BL1GUL1jfEgJdLDQRySXIiVTYPTRyopU1IE1sHMkIUA22IzSzPWcX084urEKSOZxXCQLG00jLBMOY8B2LM8Iy5A9mbwqubYio0R1yLSvWXkZZv7eRwBwKdCln30RgktxRTVlJQNNv29zLchaBcdF2NjHUrzYiWAH1oW2eFAQyr1B+dqlvcWuh2q9IsM9CaPfx7CvdCYP//8cpy71ZapfWlc9i1ecNcBesJx489sfXLn1966tE2W/t+G1kmVM2RtmIWAAAAAElFTkSuQmCC");
2006
+ background-size: 18px 16px;
2007
+ background-position: -1px 0;
2008
+ }
2009
+ .llm .llm__tripadv-info {
2010
+ line-height: 1;
2011
+ font-family: var(--llm-font-primary);
2012
+ font-weight: 500;
2013
+ line-height: 1.5;
2014
+ font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (2), 16px);
2015
+ }
2016
+ .llm .llm__tripadv-icon {
2017
+ position: absolute;
2018
+ right: 0;
2019
+ top: clamp(24px, 24px + (100vw - 375px) / 1545 * (8), 32px);
2020
+ width: clamp(24px, 24px + (100vw - 375px) / 1545 * (8), 32px);
2021
+ height: clamp(24px, 24px + (100vw - 375px) / 1545 * (8), 32px);
2022
+ background: #00aa6c;
2023
+ padding: 2px;
2024
+ border-radius: 4px;
2025
+ }
2026
+ .llm .llm__tripadv-location {
2027
+ line-height: 1;
2028
+ font-family: var(--llm-font-primary);
2029
+ font-weight: 700;
2030
+ line-height: 1.2;
2031
+ letter-spacing: 0.02em;
2032
+ font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (2), 16px);
2033
+ display: flex;
2034
+ align-items: center;
2035
+ gap: clamp(8px, 8px + (100vw - 375px) / 1545 * (0), 8px);
2036
+ }
2037
+ .llm .llm__tripadv-location svg {
2038
+ color: var(--llm-color-ui-4);
2039
+ width: 20px;
2040
+ height: 20px;
2041
+ }
2042
+ .llm .llm__tripadv-ctas {
2043
+ display: flex;
2044
+ gap: clamp(24px, 24px + (100vw - 375px) / 1545 * (8), 32px);
2045
+ padding-top: clamp(8px, 8px + (100vw - 375px) / 1545 * (8), 16px);
2046
+ margin-top: auto;
2047
+ }
2048
+ @media (min-width: 768px) {
2049
+ .llm .llm__tripadvisor-group {
2050
+ display: flex;
2051
+ flex-wrap: wrap;
2052
+ gap: clamp(24px, 24px + (100vw - 375px) / 1545 * (8), 32px);
2053
+ }
2054
+ }
2055
+ @media (min-width: 768px) {
2056
+ .llm .llm__tripadvisor-group .llm__tripadv {
2057
+ width: calc(50% - clamp(24px, 24px + (100vw - 375px) / 1545 * (8), 32px)/2);
2058
+ }
2059
+ }
2060
+
2061
+ .llm .llm__canvas {
2062
+ position: absolute;
2063
+ top: 0;
2064
+ left: 0;
2065
+ width: 100%;
2066
+ height: 100%;
2067
+ opacity: 0.6;
2068
+ }
2069
+
2070
+ .llm .llm__inner--formRequest:not(:first-child) .llm__text-body {
2071
+ line-height: 1;
2072
+ font-family: var(--llm-font-primary);
2073
+ font-weight: 500;
2074
+ line-height: 1.3;
2075
+ letter-spacing: 0.02em;
2076
+ font-size: clamp(16px, 16px + (100vw - 375px) / 1545 * (16), 32px);
2077
+ }
2078
+ .llm .llm__ctas {
2079
+ display: flex;
2080
+ flex-wrap: wrap;
2081
+ align-items: center;
2082
+ gap: clamp(8px, 8px + (100vw - 375px) / 1545 * (8), 16px);
2083
+ margin-top: clamp(8px, 8px + (100vw - 375px) / 1545 * (8), 16px);
2084
+ }
2085
+
2086
+ .llm .llm__subscribe-title {
2087
+ line-height: 1;
2088
+ font-family: var(--llm-font-primary);
2089
+ font-weight: 500;
2090
+ line-height: 1.3;
2091
+ letter-spacing: 0.02em;
2092
+ font-size: clamp(24px, 24px + (100vw - 375px) / 1545 * (24), 48px);
2093
+ margin-bottom: clamp(16px, 16px + (100vw - 375px) / 1545 * (8), 24px);
2094
+ }
2095
+ .llm .llm__subscribe-fields {
2096
+ display: flex;
2097
+ flex-direction: column;
2098
+ gap: clamp(24px, 24px + (100vw - 375px) / 1545 * (8), 32px);
2099
+ }
2100
+ @media (min-width: 768px) {
2101
+ .llm .llm__subscribe-fields {
2102
+ gap: clamp(8px, 8px + (100vw - 375px) / 1545 * (8), 16px);
2103
+ flex-wrap: wrap;
2104
+ flex-direction: row;
2105
+ align-items: center;
2106
+ }
2107
+ }
2108
+ .llm .llm__subscribe-cta {
2109
+ margin: 0 auto;
2110
+ order: 3;
2111
+ }
2112
+ @media (min-width: 768px) {
2113
+ .llm .llm__subscribe-cta {
2114
+ order: 1;
2115
+ margin: 0;
2116
+ }
2117
+ }
2118
+ .llm .llm__subscribe-field {
2119
+ width: 100%;
2120
+ }
2121
+ @media (min-width: 768px) {
2122
+ .llm .llm__subscribe-field {
2123
+ width: auto;
2124
+ min-width: 250px;
2125
+ }
2126
+ }
2127
+ .llm .llm__subscribe-field input[type=text],
2128
+ .llm .llm__subscribe-field input[type=email] {
2129
+ line-height: 1;
2130
+ appearance: none;
2131
+ border-radius: 5px;
2132
+ background: var(--llm-color-ui-white);
2133
+ display: block;
2134
+ height: 56px;
2135
+ padding: 0 clamp(24px, 24px + (100vw - 375px) / 1545 * (8), 32px);
2136
+ border: 1px solid var(--llm-color-ui-grey-03);
2137
+ color: var(--llm-color-ui-black);
2138
+ width: 100%;
2139
+ }
2140
+ .llm .llm__subscribe-field.-privacy {
2141
+ width: 100%;
2142
+ order: 99;
2143
+ position: relative;
2144
+ order: 2;
2145
+ }
2146
+ @media (min-width: 768px) {
2147
+ .llm .llm__subscribe-field.-privacy {
2148
+ order: auto;
2149
+ }
2150
+ }
2151
+ .llm .llm__subscribe-field.-privacy label {
2152
+ line-height: 1;
2153
+ font-family: var(--llm-font-secondary);
2154
+ font-weight: normal;
2155
+ line-height: 1.5;
2156
+ font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (2), 16px);
2157
+ line-height: 140%;
2158
+ position: relative;
2159
+ display: block;
2160
+ padding-left: 24px;
2161
+ cursor: pointer;
2162
+ }
2163
+ .llm .llm__subscribe-field.-privacy label:before, .llm .llm__subscribe-field.-privacy label:after {
2164
+ content: "";
2165
+ display: block;
2166
+ border-radius: 2px;
2167
+ border: 2px solid var(--llm-color-ui-white);
2168
+ width: 16px;
2169
+ height: 16px;
2170
+ position: absolute;
2171
+ left: 0;
2172
+ top: 2px;
2173
+ }
2174
+ .llm .llm__subscribe-field.-privacy label:after {
2175
+ display: none;
2176
+ background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTIgMTIiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNC42NjYyNSA5LjUwNTQyLTIuNzYtMi43NiAxLjI1Nzc4LTEuMjU3NzggMS41MDIyMiAxLjUwNjY3IDQuMzkxMTEtNC4zOTU1NiAxLjI1Nzc0IDEuMjU3Nzh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
2177
+ background-repeat: no-repeat;
2178
+ background-position: center;
2179
+ }
2180
+ .llm .llm__subscribe-field.-privacy input {
2181
+ position: absolute;
2182
+ opacity: 0;
2183
+ }
2184
+ .llm .llm__subscribe-field.-privacy input:checked + label:after {
2185
+ display: block;
2186
+ }
2187
+
2188
+ .llm .llm__inner--formRecapSuccess .llm__text-body {
2189
+ line-height: 1;
2190
+ font-family: var(--llm-font-primary);
2191
+ font-weight: 500;
2192
+ line-height: 1.3;
2193
+ letter-spacing: 0.02em;
2194
+ font-size: clamp(16px, 16px + (100vw - 375px) / 1545 * (16), 32px);
2195
+ }
2196
+
2197
+ .llm .llm__inner--formRecapError .llm__text-body {
2198
+ line-height: 1;
2199
+ font-family: var(--llm-font-primary);
2200
+ font-weight: 500;
2201
+ line-height: 1.3;
2202
+ letter-spacing: 0.02em;
2203
+ font-size: clamp(16px, 16px + (100vw - 375px) / 1545 * (16), 32px);
2204
+ }
2205
+
2206
+ @keyframes llmBouncing {
2207
+ from {
2208
+ transform: translateY(0) scaleY(0.8);
2209
+ }
2210
+ to {
2211
+ transform: translateY(-10px);
2212
+ }
2213
+ }
2214
+ .llm .llm__busyIndicator {
2215
+ position: absolute;
2216
+ display: block;
2217
+ width: 40px;
2218
+ height: 30px;
2219
+ left: 10px;
2220
+ bottom: -50px;
2221
+ user-select: none;
2222
+ pointer-events: none;
2223
+ transition: none;
2224
+ }
2225
+ .llm .llm__busyIndicator::before {
2226
+ content: "";
2227
+ position: absolute;
2228
+ top: 50%;
2229
+ left: 50%;
2230
+ display: block;
2231
+ border-radius: 50%;
2232
+ background: var(--llm-color-ui-white);
2233
+ transform: translate(-50%, -50%);
2234
+ z-index: 2;
2235
+ width: 5px;
2236
+ height: 5px;
2237
+ margin-top: 5px;
2238
+ margin-left: -2.5px;
2239
+ animation: llmBouncing 0.45s cubic-bezier(0, 0, 0.15, 1) alternate infinite;
2240
+ animation-delay: 0.2s;
2241
+ }
2242
+ .llm .llm__busyIndicator > span::before, .llm .llm__busyIndicator > span::after {
2243
+ content: "";
2244
+ position: absolute;
2245
+ top: 50%;
2246
+ left: 50%;
2247
+ display: block;
2248
+ border-radius: 50%;
2249
+ background: var(--llm-color-ui-white);
2250
+ transform: translate(-50%, -50%);
2251
+ z-index: 2;
2252
+ width: 5px;
2253
+ height: 5px;
2254
+ margin-top: 5px;
2255
+ margin-left: -2.5px;
2256
+ animation: llmBouncing 0.45s cubic-bezier(0, 0, 0.15, 1) alternate infinite;
2257
+ }
2258
+ .llm .llm__busyIndicator > span::before {
2259
+ margin-left: -14px;
2260
+ }
2261
+ .llm .llm__busyIndicator > span::after {
2262
+ margin-left: 9px;
2263
+ animation-delay: 0.4s;
2264
+ }