@asantemedia-org/leybold-design-system 1.0.9 → 1.0.11

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 (82) hide show
  1. package/dist/assets/ai-banner-desktop.png +0 -0
  2. package/dist/assets/ai-banner-mobile.png +0 -0
  3. package/dist/assets/carousel-card.png +0 -0
  4. package/dist/assets/desktop-layout-alt.svg +27 -0
  5. package/dist/assets/desktop-layout.svg +29 -0
  6. package/dist/assets/globe.svg +7 -0
  7. package/dist/assets/language-selector-bg.png +0 -0
  8. package/dist/assets/leybold-footer-logo.svg +19 -0
  9. package/dist/assets/leybold-white.svg +19 -0
  10. package/dist/assets/list-card-alt.png +0 -0
  11. package/dist/assets/list-card.png +0 -0
  12. package/dist/assets/list-link-a.png +0 -0
  13. package/dist/assets/list-link-b.png +0 -0
  14. package/dist/assets/list-link-c.png +0 -0
  15. package/dist/assets/list-product-overlay-tip-active.svg +3 -0
  16. package/dist/assets/list-product-overlay-tip.svg +3 -0
  17. package/dist/assets/list-product.png +0 -0
  18. package/dist/assets/logo-example.svg +9 -0
  19. package/dist/assets/logo.svg +19 -0
  20. package/dist/assets/phone-layout.svg +14 -0
  21. package/dist/assets/red-tip.svg +10 -0
  22. package/dist/assets/tablet-layout.svg +28 -0
  23. package/dist/index.esm.js +560 -7
  24. package/dist/index.esm.js.map +1 -1
  25. package/dist/index.esm.scss +1807 -85
  26. package/dist/index.js +600 -31
  27. package/dist/index.js.map +1 -1
  28. package/dist/index.scss +1807 -85
  29. package/dist/src/app/layout.d.ts +1 -0
  30. package/dist/src/app/page.d.ts +1 -0
  31. package/dist/src/components/AIBanner/AIBanner.d.ts +15 -0
  32. package/dist/src/components/AIBanner/AIBanner.stories.d.ts +7 -0
  33. package/dist/src/components/AIBanner/index.d.ts +2 -0
  34. package/dist/src/components/Button/Button.d.ts +50 -5
  35. package/dist/src/components/Button/Button.stories.d.ts +16 -3
  36. package/dist/src/components/LanguageSelector/LanguageSelector.d.ts +7 -0
  37. package/dist/src/components/LanguageSelector/LanguageSelector.stories.d.ts +32 -0
  38. package/dist/src/components/LanguageSelector/LanguageSelector.types.d.ts +64 -0
  39. package/dist/src/components/LanguageSelector/LanguageSelectorLink.d.ts +20 -0
  40. package/dist/src/components/LanguageSelector/LocationDropdown.d.ts +6 -0
  41. package/dist/src/components/LanguageSelector/LocationSelectorLink.d.ts +20 -0
  42. package/dist/src/components/LanguageSelector/index.d.ts +7 -0
  43. package/dist/src/experience/Carousel/Carousel.d.ts +36 -0
  44. package/dist/src/experience/Carousel/Carousel.stories.d.ts +7 -0
  45. package/dist/src/experience/Carousel/index.d.ts +2 -0
  46. package/dist/src/experience/Footer/Footer.d.ts +201 -0
  47. package/dist/src/experience/Footer/Footer.stories.d.ts +28 -0
  48. package/dist/src/experience/Footer/icons/AtlasCopcoIcon.d.ts +10 -0
  49. package/dist/src/experience/Footer/icons/ExternalLinkIcon.d.ts +10 -0
  50. package/dist/src/experience/Footer/icons/index.d.ts +2 -0
  51. package/dist/src/experience/Footer/index.d.ts +2 -0
  52. package/dist/src/experience/GeneratedList/GeneratedList.d.ts +40 -0
  53. package/dist/src/experience/GeneratedList/GeneratedList.stories.d.ts +7 -0
  54. package/dist/src/experience/GeneratedList/GeneratedList.types.d.ts +131 -0
  55. package/dist/src/experience/GeneratedList/GeneratedListExternalLink.stories.d.ts +7 -0
  56. package/dist/src/experience/GeneratedList/GeneratedListList.stories.d.ts +9 -0
  57. package/dist/src/experience/GeneratedList/GeneratedListProduct.stories.d.ts +7 -0
  58. package/dist/src/experience/GeneratedList/_Card.d.ts +8 -0
  59. package/dist/src/experience/GeneratedList/_CardMobile.d.ts +8 -0
  60. package/dist/src/experience/GeneratedList/_ExternalLink.d.ts +8 -0
  61. package/dist/src/experience/GeneratedList/_List.d.ts +8 -0
  62. package/dist/src/experience/GeneratedList/_Product.d.ts +9 -0
  63. package/dist/src/experience/GeneratedList/index.d.ts +2 -0
  64. package/dist/src/experience/Header/Header.d.ts +20 -0
  65. package/dist/src/experience/Header/Header.stories.d.ts +9 -0
  66. package/dist/src/experience/Header/HeaderNavButton.d.ts +9 -0
  67. package/dist/src/experience/Header/MegaMenu.d.ts +10 -0
  68. package/dist/src/experience/Header/MenuLink.d.ts +8 -0
  69. package/dist/src/experience/Header/MobileHeader.stories.d.ts +6 -0
  70. package/dist/src/experience/Header/MobileMenu.d.ts +9 -0
  71. package/dist/src/experience/Header/MobileNavBar.d.ts +13 -0
  72. package/dist/src/experience/Header/index.d.ts +6 -0
  73. package/dist/src/experience/algolia-dynamic-search/AlgoliaDynamicSearch.d.ts +1 -0
  74. package/dist/src/experience/qr-form-journey/QrFormJourney.d.ts +1 -0
  75. package/dist/src/index.d.ts +4 -0
  76. package/dist/src/stories/foundation/Buttons/ButtonComponents.d.ts +56 -0
  77. package/dist/src/stories/foundation/Typography/TypographyComponents.d.ts +45 -0
  78. package/dist/src/stories/foundation/_components/StoryLayout.d.ts +11 -0
  79. package/dist/src/types/cards.d.ts +1 -0
  80. package/dist/src/types/search.d.ts +5 -2
  81. package/dist/tsconfig.tsbuildinfo +1 -1
  82. package/package.json +5 -2
package/dist/index.scss CHANGED
@@ -1,107 +1,1483 @@
1
+ :root {
2
+ --leybold-red: #e2001a;
3
+ --leybold-black: #000000;
4
+ --leybold-white: #ffffff;
5
+ --leybold-blue-grey: #546672;
6
+ --leybold-white-aluminium: #dae0e3;
7
+ --leybold-window-gray: #99a1ab;
8
+ --leybold-light-grey: #c5c7c4;
9
+ --leybold-slate-gray: #4a4e54;
10
+ --leybold-anthracite-gray: #383e42;
11
+ --leybold-orange: #d18e56;
12
+ --leybold-yellow: #edd163;
13
+ --leybold-green: #6ea67b;
14
+ --leybold-purple: #732d5d;
15
+ --leybold-purple-gray: #945e67;
16
+ --leybold-blue: #2b4679;
17
+ --leybold-light-blue: #3f6a98;
18
+ --leybold-blue-green: #39788e;
19
+ --leybold-green-gray: #6d8f9f;
20
+ --color-primary: #e2001a;
21
+ --color-secondary: #546672;
22
+ --color-success: #6ea67b;
23
+ --color-danger: #e2001a;
24
+ --color-warning: #d18e56;
25
+ --color-info: #3f6a98;
26
+ --text-primary: #000000;
27
+ --text-secondary: #4a4e54;
28
+ --text-muted: #99a1ab;
29
+ --text-inverse: #ffffff;
30
+ --bg-primary: #ffffff;
31
+ --bg-secondary: #dae0e3;
32
+ --bg-dark: #383e42;
33
+ --border-color: #c5c7c4;
34
+ --border-color-dark: #4a4e54;
35
+ --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
36
+ --h1-mobile-size: 32px;
37
+ --h1-mobile-line-height: 1.2;
38
+ --h2-mobile-size: 24px;
39
+ --h2-mobile-line-height: 1.2;
40
+ --h3-mobile-size: 18px;
41
+ --h3-mobile-line-height: 1.6;
42
+ --h4-mobile-size: 16px;
43
+ --h4-mobile-line-height: 1.55;
44
+ --h5-mobile-size: 14px;
45
+ --h5-mobile-line-height: 1.5;
46
+ --body-mobile-size: 14px;
47
+ --body-mobile-line-height: 1.5;
48
+ --h1-desktop-size: 55px;
49
+ --h1-desktop-line-height: 1.15;
50
+ --h1-desktop-letter-spacing: -0.02em;
51
+ --h2-desktop-size: 40px;
52
+ --h2-desktop-line-height: 1.2;
53
+ --h2-desktop-letter-spacing: -0.01em;
54
+ --h3-desktop-size: 32px;
55
+ --h3-desktop-line-height: 1.2;
56
+ --h4-desktop-size: 24px;
57
+ --h4-desktop-line-height: 1.2;
58
+ --h5-desktop-size: 18px;
59
+ --h5-desktop-line-height: 1.6;
60
+ --body-desktop-size: 18px;
61
+ --body-desktop-line-height: 1.6;
62
+ --text-lg-size: 27px;
63
+ --text-lg-line-height: 1.4;
64
+ --text-xl-size: 36px;
65
+ --text-xl-line-height: 1.4;
66
+ --text-xxl-size: 64px;
67
+ --text-xxl-line-height: 1;
68
+ }
69
+
70
+ .Button-module__button___18Bed {
71
+ display: inline-flex;
72
+ align-items: center;
73
+ justify-content: center;
74
+ gap: 0.5rem;
75
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
76
+ font-weight: 600;
77
+ line-height: 1.5;
78
+ text-align: center;
79
+ text-decoration: none;
80
+ vertical-align: middle;
81
+ cursor: pointer;
82
+ -webkit-user-select: none;
83
+ -moz-user-select: none;
84
+ user-select: none;
85
+ border: 2px solid transparent;
86
+ border-radius: 0;
87
+ transition: all 0.2s ease-in-out;
88
+ padding: 0.5rem 1rem;
89
+ text-transform: uppercase;
90
+ }
91
+ .Button-module__button___18Bed:focus-visible {
92
+ outline: 2px solid #000000;
93
+ outline-offset: 2px;
94
+ }
1
95
  .Button-module__button___18Bed {
96
+ white-space: nowrap;
97
+ }
98
+ .Button-module__button--primary___VuF-P, .Button-module__button--default___MDa35 {
99
+ color: #ffffff;
100
+ background-color: #e2001a;
101
+ border-color: #e2001a;
102
+ }
103
+ .Button-module__button--primary___VuF-P:hover:not(.Button-module__button--disabled___IuOY8):not([data-force-state]), .Button-module__button--default___MDa35:hover:not(.Button-module__button--disabled___IuOY8):not([data-force-state]) {
104
+ background-color: #546672;
105
+ border-color: #546672;
106
+ }
107
+ .Button-module__button--primary___VuF-P:active:not(.Button-module__button--disabled___IuOY8), .Button-module__button--default___MDa35:active:not(.Button-module__button--disabled___IuOY8) {
108
+ background-color: #546672;
109
+ border-color: #000000;
110
+ }
111
+ .Button-module__button--primary___VuF-P:focus-visible:not([data-force-state]), .Button-module__button--default___MDa35:focus-visible:not([data-force-state]) {
112
+ background-color: #546672;
113
+ border-color: #546672;
114
+ outline: 2px solid #000000;
115
+ outline-offset: 0;
116
+ }
117
+ .Button-module__button--primary___VuF-P[data-force-state=hover], .Button-module__button--default___MDa35[data-force-state=hover] {
118
+ background-color: #546672;
119
+ border-color: #546672;
120
+ }
121
+ .Button-module__button--primary___VuF-P[data-force-state=focus], .Button-module__button--default___MDa35[data-force-state=focus] {
122
+ background-color: #546672;
123
+ border-color: #546672;
124
+ outline: 2px solid #000000;
125
+ outline-offset: 0;
126
+ }
127
+ .Button-module__button--secondary___lD5E3 {
128
+ color: #e2001a;
129
+ background-color: transparent;
130
+ border: 1.5px solid #e2001a;
131
+ }
132
+ .Button-module__button--secondary___lD5E3:hover:not(.Button-module__button--disabled___IuOY8):not([data-force-state]) {
133
+ color: #ffffff;
134
+ background-color: #546672;
135
+ border-color: #546672;
136
+ }
137
+ .Button-module__button--secondary___lD5E3:active:not(.Button-module__button--disabled___IuOY8) {
138
+ background-color: #546672;
139
+ border-color: #000000;
140
+ }
141
+ .Button-module__button--secondary___lD5E3:focus-visible:not([data-force-state]) {
142
+ color: #ffffff;
143
+ background-color: #546672;
144
+ border: 2px solid #546672;
145
+ outline: 2px solid #000000;
146
+ outline-offset: 0;
147
+ }
148
+ .Button-module__button--secondary___lD5E3[data-force-state=hover] {
149
+ color: #ffffff;
150
+ background-color: #546672;
151
+ border-color: #546672;
152
+ }
153
+ .Button-module__button--secondary___lD5E3[data-force-state=focus] {
154
+ color: #ffffff;
155
+ background-color: #546672;
156
+ border: 2px solid #546672;
157
+ outline: 2px solid #000000;
158
+ outline-offset: 0;
159
+ }
160
+ .Button-module__button--solid-red___YPpnL {
161
+ color: #ffffff;
162
+ background-color: #e2001a;
163
+ border-color: #e2001a;
164
+ }
165
+ .Button-module__button--solid-red___YPpnL:hover:not(.Button-module__button--disabled___IuOY8):not([data-force-state]) {
166
+ background-color: #546672;
167
+ border-color: #546672;
168
+ }
169
+ .Button-module__button--solid-red___YPpnL:active:not(.Button-module__button--disabled___IuOY8) {
170
+ background-color: rgb(73.1818181818, 88.8636363636, 99.3181818182);
171
+ border-color: rgb(73.1818181818, 88.8636363636, 99.3181818182);
172
+ }
173
+ .Button-module__button--solid-red___YPpnL:focus-visible:not([data-force-state]) {
174
+ background-color: #000000;
175
+ border-color: #000000;
176
+ outline: 2px solid #000000;
177
+ outline-offset: 0;
178
+ }
179
+ .Button-module__button--solid-red___YPpnL[data-force-state=hover] {
180
+ background-color: #546672;
181
+ border-color: #546672;
182
+ }
183
+ .Button-module__button--solid-red___YPpnL[data-force-state=focus] {
184
+ background-color: #000000;
185
+ border-color: #000000;
186
+ outline: 2px solid #000000;
187
+ outline-offset: 0;
188
+ }
189
+ .Button-module__button--solid-grey___oRbEy {
190
+ color: #000000;
191
+ background-color: #dae0e3;
192
+ border-color: #dae0e3;
193
+ }
194
+ .Button-module__button--solid-grey___oRbEy:hover:not(.Button-module__button--disabled___IuOY8):not([data-force-state]) {
195
+ color: #ffffff;
196
+ background-color: #546672;
197
+ border-color: #546672;
198
+ }
199
+ .Button-module__button--solid-grey___oRbEy:active:not(.Button-module__button--disabled___IuOY8) {
200
+ background-color: #546672;
201
+ border-color: #000000;
202
+ }
203
+ .Button-module__button--solid-grey___oRbEy:focus-visible:not([data-force-state]) {
204
+ color: #ffffff;
205
+ background-color: #546672;
206
+ border-color: #546672;
207
+ outline: 2px solid #000000;
208
+ outline-offset: 0;
209
+ }
210
+ .Button-module__button--solid-grey___oRbEy[data-force-state=hover] {
211
+ color: #ffffff;
212
+ background-color: #546672;
213
+ border-color: #546672;
214
+ }
215
+ .Button-module__button--solid-grey___oRbEy[data-force-state=focus] {
216
+ color: #ffffff;
217
+ background-color: #546672;
218
+ border-color: #546672;
219
+ outline: 2px solid #000000;
220
+ outline-offset: 0;
221
+ }
222
+ .Button-module__button--solid-black___1Ma5K {
223
+ color: #ffffff;
224
+ background-color: #000000;
225
+ border-color: #000000;
226
+ }
227
+ .Button-module__button--solid-black___1Ma5K:hover:not(.Button-module__button--disabled___IuOY8):not([data-force-state]) {
228
+ background-color: #e2001a;
229
+ border-color: #e2001a;
230
+ }
231
+ .Button-module__button--solid-black___1Ma5K:active:not(.Button-module__button--disabled___IuOY8) {
232
+ background-color: rgb(200.5, 0, 23.0663716814);
233
+ border-color: rgb(200.5, 0, 23.0663716814);
234
+ }
235
+ .Button-module__button--solid-black___1Ma5K:focus-visible:not([data-force-state]) {
236
+ background-color: #e2001a;
237
+ border-color: #e2001a;
238
+ outline: 2px solid #000000;
239
+ outline-offset: 0;
240
+ }
241
+ .Button-module__button--solid-black___1Ma5K[data-force-state=hover] {
242
+ background-color: #e2001a;
243
+ border-color: #e2001a;
244
+ }
245
+ .Button-module__button--solid-black___1Ma5K[data-force-state=focus] {
246
+ background-color: #e2001a;
247
+ border-color: #e2001a;
248
+ outline: 2px solid #000000;
249
+ outline-offset: 0;
250
+ }
251
+ .Button-module__button--solid-white___bE-Z0 {
252
+ color: #000000;
253
+ background-color: #ffffff;
254
+ border-color: #000000;
255
+ }
256
+ .Button-module__button--solid-white___bE-Z0:hover:not(.Button-module__button--disabled___IuOY8):not([data-force-state]) {
257
+ color: #ffffff;
258
+ background-color: #000000;
259
+ border-color: #000000;
260
+ }
261
+ .Button-module__button--solid-white___bE-Z0:active:not(.Button-module__button--disabled___IuOY8) {
262
+ background-color: black;
263
+ border-color: black;
264
+ }
265
+ .Button-module__button--solid-white___bE-Z0:focus-visible:not([data-force-state]) {
266
+ color: #ffffff;
267
+ background-color: #000000;
268
+ border-color: #000000;
269
+ outline: 2px solid #ffffff;
270
+ outline-offset: 0;
271
+ }
272
+ .Button-module__button--solid-white___bE-Z0[data-force-state=hover] {
273
+ color: #ffffff;
274
+ background-color: #000000;
275
+ border-color: #000000;
276
+ }
277
+ .Button-module__button--solid-white___bE-Z0[data-force-state=focus] {
278
+ color: #ffffff;
279
+ background-color: #000000;
280
+ border-color: #000000;
281
+ outline: 2px solid #ffffff;
282
+ outline-offset: 0;
283
+ }
284
+ .Button-module__button--outlined-red___cgZXa {
285
+ color: #e2001a;
286
+ background-color: transparent;
287
+ border: 1.5px solid #e2001a;
288
+ }
289
+ .Button-module__button--outlined-red___cgZXa:hover:not(.Button-module__button--disabled___IuOY8):not([data-force-state]) {
290
+ color: #ffffff;
291
+ background-color: #546672;
292
+ border-color: #546672;
293
+ }
294
+ .Button-module__button--outlined-red___cgZXa:active:not(.Button-module__button--disabled___IuOY8) {
295
+ background-color: #546672;
296
+ border-color: #000000;
297
+ }
298
+ .Button-module__button--outlined-red___cgZXa:focus-visible:not([data-force-state]) {
299
+ color: #ffffff;
300
+ background-color: #546672;
301
+ border: 2px solid #546672;
302
+ outline: 2px solid #000000;
303
+ outline-offset: 0;
304
+ }
305
+ .Button-module__button--outlined-red___cgZXa[data-force-state=hover] {
306
+ color: #ffffff;
307
+ background-color: #546672;
308
+ border-color: #546672;
309
+ }
310
+ .Button-module__button--outlined-red___cgZXa[data-force-state=focus] {
311
+ color: #ffffff;
312
+ background-color: #546672;
313
+ border: 2px solid #546672;
314
+ outline: 2px solid #000000;
315
+ outline-offset: 0;
316
+ }
317
+ .Button-module__button--outlined-grey___xWGbB {
318
+ color: #dae0e3;
319
+ background-color: transparent;
320
+ border: 1.5px solid #dae0e3;
321
+ }
322
+ .Button-module__button--outlined-grey___xWGbB:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible):not([data-force-state]) {
323
+ color: #e2001a;
324
+ background-color: #ffffff;
325
+ border-color: #ffffff;
326
+ }
327
+ .Button-module__button--outlined-grey___xWGbB:active:not(.Button-module__button--disabled___IuOY8) {
328
+ background-color: #ffffff;
329
+ border-color: #ffffff;
330
+ }
331
+ .Button-module__button--outlined-grey___xWGbB:focus-visible:not([data-force-state]) {
332
+ color: #e2001a;
333
+ background-color: #ffffff;
334
+ border: 2px solid #000000;
335
+ outline: none;
336
+ }
337
+ .Button-module__button--outlined-grey___xWGbB[data-force-state=hover] {
338
+ color: #e2001a;
339
+ background-color: #ffffff;
340
+ border-color: #ffffff;
341
+ }
342
+ .Button-module__button--outlined-grey___xWGbB[data-force-state=focus] {
343
+ color: #e2001a;
344
+ background-color: #ffffff;
345
+ border: 2px solid #000000;
346
+ outline: none;
347
+ }
348
+ .Button-module__button--outlined-black___qfX5o {
349
+ color: #000000;
350
+ background-color: transparent;
351
+ border: 1.5px solid #000000;
352
+ }
353
+ .Button-module__button--outlined-black___qfX5o:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible):not([data-force-state]) {
354
+ color: #e2001a;
355
+ background-color: transparent;
356
+ border-color: #e2001a;
357
+ }
358
+ .Button-module__button--outlined-black___qfX5o:active:not(.Button-module__button--disabled___IuOY8) {
359
+ background-color: transparent;
360
+ border-color: rgb(175, 0, 20.1327433628);
361
+ }
362
+ .Button-module__button--outlined-black___qfX5o:focus-visible:not([data-force-state]) {
363
+ color: #e2001a;
364
+ background-color: transparent;
365
+ border: 2px solid #000000;
366
+ outline: none;
367
+ }
368
+ .Button-module__button--outlined-black___qfX5o[data-force-state=hover] {
369
+ color: #e2001a;
370
+ background-color: transparent;
371
+ border-color: #e2001a;
372
+ }
373
+ .Button-module__button--outlined-black___qfX5o[data-force-state=focus] {
374
+ color: #e2001a;
375
+ background-color: transparent;
376
+ border: 2px solid #000000;
377
+ outline: none;
378
+ }
379
+ .Button-module__button--outlined-white___QLXNP {
380
+ color: #ffffff;
381
+ background-color: transparent;
382
+ border: 1.5px solid #ffffff;
383
+ }
384
+ .Button-module__button--outlined-white___QLXNP:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible):not([data-force-state]) {
385
+ color: #000000;
386
+ background-color: #ffffff;
387
+ border-color: #ffffff;
388
+ }
389
+ .Button-module__button--outlined-white___QLXNP:active:not(.Button-module__button--disabled___IuOY8) {
390
+ background-color: #ffffff;
391
+ border-color: #ffffff;
392
+ }
393
+ .Button-module__button--outlined-white___QLXNP:focus-visible:not([data-force-state]) {
394
+ color: #000000;
395
+ background-color: #ffffff;
396
+ border: 2px solid #000000;
397
+ outline: none;
398
+ }
399
+ .Button-module__button--outlined-white___QLXNP[data-force-state=hover] {
400
+ color: #000000;
401
+ background-color: #ffffff;
402
+ border-color: #ffffff;
403
+ }
404
+ .Button-module__button--outlined-white___QLXNP[data-force-state=focus] {
405
+ color: #000000;
406
+ background-color: #ffffff;
407
+ border: 2px solid #000000;
408
+ outline: none;
409
+ }
410
+ .Button-module__button--link-text___R2kun {
411
+ color: #e2001a;
412
+ background-color: transparent;
413
+ border: 2px solid transparent;
414
+ padding: 0;
415
+ text-transform: uppercase;
416
+ font-weight: 600;
417
+ }
418
+ .Button-module__button--link-text___R2kun:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible):not([data-force-state]) {
419
+ color: #000000;
420
+ border-top: 2px solid transparent;
421
+ border-left: 2px solid transparent;
422
+ border-right: 2px solid transparent;
423
+ border-bottom: 1.5px solid #000000;
424
+ }
425
+ .Button-module__button--link-text___R2kun:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible):not([data-force-state]) .Button-module__button__icon___hlcHo {
426
+ transform: rotate(-45deg);
427
+ }
428
+ .Button-module__button--link-text___R2kun:active:not(.Button-module__button--disabled___IuOY8) {
429
+ color: black;
430
+ }
431
+ .Button-module__button--link-text___R2kun:focus-visible:not([data-force-state]) {
432
+ color: #000000;
433
+ border: 2px solid #000000;
434
+ outline: none;
435
+ }
436
+ .Button-module__button--link-text___R2kun:focus-visible:not([data-force-state]) .Button-module__button__icon___hlcHo {
437
+ transform: rotate(-45deg);
438
+ }
439
+ .Button-module__button--link-text___R2kun[data-force-state=hover] {
440
+ color: #000000;
441
+ border-top: 2px solid transparent;
442
+ border-left: 2px solid transparent;
443
+ border-right: 2px solid transparent;
444
+ border-bottom: 1.5px solid #000000;
445
+ }
446
+ .Button-module__button--link-text___R2kun[data-force-state=hover] .Button-module__button__icon___hlcHo {
447
+ transform: rotate(-45deg);
448
+ }
449
+ .Button-module__button--link-text___R2kun[data-force-state=focus] {
450
+ color: #000000;
451
+ border: 2px solid #000000;
452
+ outline: none;
453
+ }
454
+ .Button-module__button--link-text___R2kun[data-force-state=focus] .Button-module__button__icon___hlcHo {
455
+ transform: rotate(-45deg);
456
+ }
457
+ .Button-module__button--link-text-alt___1p7wH {
458
+ color: #e2001a;
459
+ background-color: transparent;
460
+ border: 2px solid transparent;
461
+ padding: 0;
462
+ height: 44px;
463
+ text-transform: uppercase;
464
+ font-weight: 600;
465
+ }
466
+ .Button-module__button--link-text-alt___1p7wH:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible):not([data-force-state]) {
467
+ color: #e2001a;
468
+ }
469
+ .Button-module__button--link-text-alt___1p7wH:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible):not([data-force-state]) .Button-module__button__icon___hlcHo {
470
+ transform: translateX(16px);
471
+ }
472
+ .Button-module__button--link-text-alt___1p7wH:active:not(.Button-module__button--disabled___IuOY8) {
473
+ color: rgb(175, 0, 20.1327433628);
474
+ }
475
+ .Button-module__button--link-text-alt___1p7wH:focus-visible:not([data-force-state]) {
476
+ color: #e2001a;
477
+ border: 2px solid #000000;
478
+ outline: none;
479
+ }
480
+ .Button-module__button--link-text-alt___1p7wH:focus-visible:not([data-force-state]) .Button-module__button__icon___hlcHo {
481
+ transform: translateX(16px);
482
+ }
483
+ .Button-module__button--link-text-alt___1p7wH[data-force-state=hover] {
484
+ color: #e2001a;
485
+ }
486
+ .Button-module__button--link-text-alt___1p7wH[data-force-state=hover] .Button-module__button__icon___hlcHo {
487
+ transform: translateX(16px);
488
+ }
489
+ .Button-module__button--link-text-alt___1p7wH[data-force-state=focus] {
490
+ color: #e2001a;
491
+ border: 2px solid #000000;
492
+ outline: none;
493
+ }
494
+ .Button-module__button--link-text-alt___1p7wH[data-force-state=focus] .Button-module__button__icon___hlcHo {
495
+ transform: translateX(16px);
496
+ }
497
+ .Button-module__button--external-link___Mhxuk {
498
+ color: #e2001a;
499
+ background-color: transparent;
500
+ border-color: #e2001a;
501
+ }
502
+ .Button-module__button--external-link___Mhxuk:hover:not(.Button-module__button--disabled___IuOY8) {
503
+ color: #ffffff;
504
+ background-color: #546672;
505
+ border-color: #546672;
506
+ }
507
+ .Button-module__button--external-link___Mhxuk:active:not(.Button-module__button--disabled___IuOY8) {
508
+ background-color: rgb(62.3636363636, 75.7272727273, 84.6363636364);
509
+ border-color: rgb(62.3636363636, 75.7272727273, 84.6363636364);
510
+ }
511
+ .Button-module__button--external-link___Mhxuk:focus-visible {
512
+ color: #ffffff;
513
+ background-color: #546672;
514
+ border-color: #546672;
515
+ outline: 2px solid #000000;
516
+ outline-offset: 0;
517
+ }
518
+ .Button-module__button--carousel-arrow-left___Wx-Jo, .Button-module__button--carousel-arrow-right___3ZtgT {
519
+ color: #383e42;
520
+ background-color: transparent;
521
+ border: none;
522
+ padding: 0.5rem;
523
+ width: 56px;
524
+ height: 30px;
525
+ position: relative;
526
+ }
527
+ .Button-module__button--carousel-arrow-left___Wx-Jo .Button-module__button__icon___hlcHo, .Button-module__button--carousel-arrow-right___3ZtgT .Button-module__button__icon___hlcHo {
528
+ position: relative;
529
+ }
530
+ .Button-module__button--carousel-arrow-left___Wx-Jo .Button-module__button__icon__default___0qlF1, .Button-module__button--carousel-arrow-right___3ZtgT .Button-module__button__icon__default___0qlF1 {
531
+ position: absolute;
532
+ top: 50%;
533
+ left: 50%;
534
+ transform: translate(-50%, -50%);
535
+ opacity: 1;
536
+ transition: opacity 0.1s ease-in-out;
537
+ font-size: 20px;
538
+ }
539
+ .Button-module__button--carousel-arrow-left___Wx-Jo .Button-module__button__icon__hover___3xPGT, .Button-module__button--carousel-arrow-right___3ZtgT .Button-module__button__icon__hover___3xPGT {
540
+ position: absolute;
541
+ top: 50%;
542
+ left: 50%;
543
+ transform: translate(-50%, -50%);
544
+ opacity: 0;
545
+ transition: opacity 0.1s ease-in-out;
546
+ font-size: 24px;
547
+ }
548
+ .Button-module__button--carousel-arrow-left___Wx-Jo:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible), .Button-module__button--carousel-arrow-right___3ZtgT:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible) {
549
+ color: #e2001a;
550
+ background-color: transparent;
551
+ border: none;
552
+ }
553
+ .Button-module__button--carousel-arrow-left___Wx-Jo:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible) .Button-module__button__icon__default___0qlF1, .Button-module__button--carousel-arrow-right___3ZtgT:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible) .Button-module__button__icon__default___0qlF1 {
554
+ opacity: 0;
555
+ }
556
+ .Button-module__button--carousel-arrow-left___Wx-Jo:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible) .Button-module__button__icon__hover___3xPGT, .Button-module__button--carousel-arrow-right___3ZtgT:hover:not(.Button-module__button--disabled___IuOY8):not(:focus-visible) .Button-module__button__icon__hover___3xPGT {
557
+ opacity: 1;
558
+ }
559
+ .Button-module__button--carousel-arrow-left___Wx-Jo:active:not(.Button-module__button--disabled___IuOY8), .Button-module__button--carousel-arrow-right___3ZtgT:active:not(.Button-module__button--disabled___IuOY8) {
560
+ background-color: transparent;
561
+ border: none;
562
+ }
563
+ .Button-module__button--carousel-arrow-left___Wx-Jo:focus-visible, .Button-module__button--carousel-arrow-right___3ZtgT:focus-visible {
564
+ color: #e2001a;
565
+ background-color: transparent;
566
+ border: 2px solid #000000;
567
+ outline: none;
568
+ }
569
+ .Button-module__button--carousel-arrow-left___Wx-Jo:focus-visible .Button-module__button__icon__default___0qlF1, .Button-module__button--carousel-arrow-right___3ZtgT:focus-visible .Button-module__button__icon__default___0qlF1 {
570
+ opacity: 0;
571
+ }
572
+ .Button-module__button--carousel-arrow-left___Wx-Jo:focus-visible .Button-module__button__icon__hover___3xPGT, .Button-module__button--carousel-arrow-right___3ZtgT:focus-visible .Button-module__button__icon__hover___3xPGT {
573
+ opacity: 1;
574
+ }
575
+ .Button-module__button--extra-small___R0QTM {
576
+ padding: 0.25rem 0.375rem;
577
+ font-size: 0.625rem;
578
+ line-height: 1.2;
579
+ }
580
+ .Button-module__button--extra-small___R0QTM.Button-module__button--carousel-arrow-left___Wx-Jo, .Button-module__button--extra-small___R0QTM.Button-module__button--carousel-arrow-right___3ZtgT {
581
+ padding: 0.25rem;
582
+ width: 32px;
583
+ height: 20px;
584
+ }
585
+ .Button-module__button--extra-small___R0QTM.Button-module__button--link-text___R2kun, .Button-module__button--extra-small___R0QTM.Button-module__button--link-text-alt___1p7wH {
586
+ padding: 0;
587
+ }
588
+ .Button-module__button--small___ADJQe {
589
+ padding: 0.25rem 0.5rem;
590
+ font-size: 0.75rem;
591
+ }
592
+ .Button-module__button--small___ADJQe.Button-module__button--carousel-arrow-left___Wx-Jo, .Button-module__button--small___ADJQe.Button-module__button--carousel-arrow-right___3ZtgT {
593
+ padding: 0.25rem;
594
+ }
595
+ .Button-module__button--small___ADJQe.Button-module__button--link-text___R2kun, .Button-module__button--small___ADJQe.Button-module__button--link-text-alt___1p7wH {
596
+ padding: 0;
597
+ }
598
+ .Button-module__button--medium___ZuR4Z {
599
+ padding: 0.5rem 1rem;
600
+ font-size: 0.875rem;
601
+ }
602
+ .Button-module__button--medium___ZuR4Z.Button-module__button--carousel-arrow-left___Wx-Jo, .Button-module__button--medium___ZuR4Z.Button-module__button--carousel-arrow-right___3ZtgT {
603
+ padding: 0.5rem;
604
+ }
605
+ .Button-module__button--medium___ZuR4Z.Button-module__button--link-text___R2kun, .Button-module__button--medium___ZuR4Z.Button-module__button--link-text-alt___1p7wH {
606
+ padding: 0;
607
+ }
608
+ .Button-module__button--large___-FaV5 {
609
+ padding: 1rem 1.5rem;
610
+ font-size: 1rem;
611
+ }
612
+ .Button-module__button--large___-FaV5.Button-module__button--carousel-arrow-left___Wx-Jo, .Button-module__button--large___-FaV5.Button-module__button--carousel-arrow-right___3ZtgT {
613
+ padding: 1rem;
614
+ }
615
+ .Button-module__button--large___-FaV5.Button-module__button--link-text___R2kun, .Button-module__button--large___-FaV5.Button-module__button--link-text-alt___1p7wH {
616
+ padding: 0;
617
+ }
618
+ .Button-module__button--disabled___IuOY8 {
619
+ opacity: 0.5;
620
+ cursor: not-allowed;
621
+ pointer-events: none;
622
+ }
623
+ .Button-module__button__icon___hlcHo {
2
624
  display: inline-flex;
3
625
  align-items: center;
4
626
  justify-content: center;
5
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
6
- font-weight: 600;
627
+ flex-shrink: 0;
628
+ transition: transform 0.2s ease-in-out;
629
+ }
630
+ .Button-module__button__icon--left___wMCeH {
631
+ order: -1;
632
+ }
633
+ .Button-module__button__icon--right___-pGHl {
634
+ order: 1;
635
+ }
636
+ @import "slick-carousel/slick/slick.css";
637
+ @import "slick-carousel/slick/slick-theme.css";
638
+ :root {
639
+ --leybold-red: #e2001a;
640
+ --leybold-black: #000000;
641
+ --leybold-white: #ffffff;
642
+ --leybold-blue-grey: #546672;
643
+ --leybold-white-aluminium: #dae0e3;
644
+ --leybold-window-gray: #99a1ab;
645
+ --leybold-light-grey: #c5c7c4;
646
+ --leybold-slate-gray: #4a4e54;
647
+ --leybold-anthracite-gray: #383e42;
648
+ --leybold-orange: #d18e56;
649
+ --leybold-yellow: #edd163;
650
+ --leybold-green: #6ea67b;
651
+ --leybold-purple: #732d5d;
652
+ --leybold-purple-gray: #945e67;
653
+ --leybold-blue: #2b4679;
654
+ --leybold-light-blue: #3f6a98;
655
+ --leybold-blue-green: #39788e;
656
+ --leybold-green-gray: #6d8f9f;
657
+ --color-primary: #e2001a;
658
+ --color-secondary: #546672;
659
+ --color-success: #6ea67b;
660
+ --color-danger: #e2001a;
661
+ --color-warning: #d18e56;
662
+ --color-info: #3f6a98;
663
+ --text-primary: #000000;
664
+ --text-secondary: #4a4e54;
665
+ --text-muted: #99a1ab;
666
+ --text-inverse: #ffffff;
667
+ --bg-primary: #ffffff;
668
+ --bg-secondary: #dae0e3;
669
+ --bg-dark: #383e42;
670
+ --border-color: #c5c7c4;
671
+ --border-color-dark: #4a4e54;
672
+ --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
673
+ --h1-mobile-size: 32px;
674
+ --h1-mobile-line-height: 1.2;
675
+ --h2-mobile-size: 24px;
676
+ --h2-mobile-line-height: 1.2;
677
+ --h3-mobile-size: 18px;
678
+ --h3-mobile-line-height: 1.6;
679
+ --h4-mobile-size: 16px;
680
+ --h4-mobile-line-height: 1.55;
681
+ --h5-mobile-size: 14px;
682
+ --h5-mobile-line-height: 1.5;
683
+ --body-mobile-size: 14px;
684
+ --body-mobile-line-height: 1.5;
685
+ --h1-desktop-size: 55px;
686
+ --h1-desktop-line-height: 1.15;
687
+ --h1-desktop-letter-spacing: -0.02em;
688
+ --h2-desktop-size: 40px;
689
+ --h2-desktop-line-height: 1.2;
690
+ --h2-desktop-letter-spacing: -0.01em;
691
+ --h3-desktop-size: 32px;
692
+ --h3-desktop-line-height: 1.2;
693
+ --h4-desktop-size: 24px;
694
+ --h4-desktop-line-height: 1.2;
695
+ --h5-desktop-size: 18px;
696
+ --h5-desktop-line-height: 1.6;
697
+ --body-desktop-size: 18px;
698
+ --body-desktop-line-height: 1.6;
699
+ --text-lg-size: 27px;
700
+ --text-lg-line-height: 1.4;
701
+ --text-xl-size: 36px;
702
+ --text-xl-line-height: 1.4;
703
+ --text-xxl-size: 64px;
704
+ --text-xxl-line-height: 1;
705
+ }
706
+
707
+ .Carousel-module__carousel___hkXkF {
708
+ width: 100%;
709
+ background-color: #ffffff;
710
+ padding: 48px 24px;
711
+ }
712
+ @media (min-width: 768px) {
713
+ .Carousel-module__carousel___hkXkF {
714
+ padding: 86px 178px 56px;
715
+ }
716
+ }
717
+
718
+ .Carousel-module__carousel__header___IMcN5 {
719
+ display: flex;
720
+ flex-direction: column;
721
+ gap: 16px;
722
+ margin-bottom: 24px;
723
+ }
724
+ @media (min-width: 768px) {
725
+ .Carousel-module__carousel__header___IMcN5 {
726
+ flex-direction: row;
727
+ justify-content: space-between;
728
+ align-items: flex-start;
729
+ margin-bottom: 42px;
730
+ }
731
+ }
732
+
733
+ .Carousel-module__carousel__headerContent___9uU-H {
734
+ display: flex;
735
+ flex-direction: column;
736
+ gap: 16px;
737
+ max-width: 714px;
738
+ }
739
+
740
+ .Carousel-module__carousel__title___CCgcY {
741
+ font-family: var(--font-family-base);
742
+ font-weight: 700;
743
+ font-size: var(--h3-desktop-size);
744
+ line-height: 1.2;
745
+ color: #4a4e54;
746
+ margin: 0;
747
+ }
748
+
749
+ .Carousel-module__carousel__subtitle___aj4q1 {
750
+ font-family: var(--font-family-base);
751
+ font-weight: 400;
752
+ font-size: var(--body-desktop-size);
753
+ line-height: 1.6;
754
+ color: #4a4e54;
755
+ margin: 0;
756
+ }
757
+
758
+ .Carousel-module__carousel__slider___b27-P {
759
+ margin-bottom: 42px;
760
+ }
761
+ .Carousel-module__carousel__slider___b27-P .slick-list {
762
+ margin: 0 -10px;
763
+ }
764
+ .Carousel-module__carousel__slider___b27-P .slick-track {
765
+ display: flex;
766
+ }
767
+ .Carousel-module__carousel__slider___b27-P .slick-slide {
768
+ padding: 8px 10px;
769
+ flex-shrink: 0;
770
+ }
771
+ .Carousel-module__carousel__slider___b27-P .slick-slide > div {
772
+ height: 100%;
773
+ }
774
+ .Carousel-module__carousel__slider___b27-P .slick-slide.slick-cloned a, .Carousel-module__carousel__slider___b27-P .slick-slide.slick-cloned button {
775
+ visibility: hidden;
776
+ }
777
+
778
+ .Carousel-module__carousel__slideWrapper___PjXgD {
779
+ height: 100%;
780
+ }
781
+
782
+ .Carousel-module__carousel__card___lga-D {
783
+ display: block;
784
+ position: relative;
785
+ text-decoration: none;
786
+ height: 341px;
787
+ overflow: visible;
788
+ }
789
+ @media (min-width: 768px) {
790
+ .Carousel-module__carousel__card___lga-D {
791
+ height: 297px;
792
+ }
793
+ }
794
+ .Carousel-module__carousel__card___lga-D:focus-visible {
795
+ outline: 2px solid #000000;
796
+ outline-offset: 2px;
797
+ }
798
+ .Carousel-module__carousel__card___lga-D:hover .Carousel-module__carousel__cardContent___v0jc- {
799
+ box-shadow: 3px 6px 12px -3px rgba(0, 0, 0, 0.4);
800
+ }
801
+ .Carousel-module__carousel__card___lga-D:hover .Carousel-module__carousel__cardLink___PpTAC {
802
+ text-decoration: underline;
803
+ }
804
+
805
+ .Carousel-module__carousel__cardImageWrapper___aFqXD {
806
+ position: relative;
807
+ width: 100%;
808
+ height: 245px;
809
+ overflow: hidden;
810
+ }
811
+ @media (min-width: 768px) {
812
+ .Carousel-module__carousel__cardImageWrapper___aFqXD {
813
+ height: 216px;
814
+ }
815
+ }
816
+
817
+ .Carousel-module__carousel__cardImage___4MrRU {
818
+ width: 100%;
819
+ height: 100%;
820
+ -o-object-fit: cover;
821
+ object-fit: cover;
822
+ -o-object-position: center;
823
+ object-position: center;
824
+ }
825
+
826
+ .Carousel-module__carousel__cardContent___v0jc- {
827
+ position: absolute;
828
+ left: 20px;
829
+ bottom: 0;
830
+ width: calc(100% - 40px);
831
+ max-width: 300px;
832
+ background-color: #ffffff;
833
+ padding: 24px;
834
+ box-shadow: 3px 6px 8px -5px rgba(0, 0, 0, 0.3);
835
+ transition: box-shadow 0.2s ease-in-out;
836
+ }
837
+ @media (min-width: 768px) {
838
+ .Carousel-module__carousel__cardContent___v0jc- {
839
+ padding-left: 20px;
840
+ border-left: 4px solid #4a4e54;
841
+ max-width: 382px;
842
+ }
843
+ }
844
+
845
+ .Carousel-module__carousel__cardTitle___z-mMo {
846
+ font-family: var(--font-family-base);
847
+ font-weight: 700;
848
+ font-size: var(--h5-desktop-size);
849
+ line-height: 1.6;
850
+ color: #4a4e54;
851
+ margin: 0 0 8px;
852
+ }
853
+
854
+ .Carousel-module__carousel__navigation___dMbcP {
855
+ display: flex;
856
+ justify-content: flex-end;
857
+ align-items: center;
858
+ }
859
+ @media (min-width: 768px) {
860
+ .Carousel-module__carousel__navigation___dMbcP {
861
+ justify-content: space-between;
862
+ }
863
+ }
864
+
865
+ .Carousel-module__carousel__arrows___uj5nF {
866
+ display: flex;
867
+ align-items: center;
868
+ gap: 20px;
869
+ }
870
+
871
+ .Carousel-module__carousel__dotsList___upZ7L {
872
+ display: flex;
873
+ align-items: center;
874
+ gap: 6px;
875
+ }
876
+
877
+ .Carousel-module__carousel__dot___HwZc0 {
878
+ width: 10px;
879
+ height: 10px;
880
+ padding: 0;
881
+ background-color: #dae0e3;
882
+ border: none;
883
+ cursor: pointer;
884
+ transition: background-color 0.2s ease-in-out;
885
+ }
886
+ .Carousel-module__carousel__dot___HwZc0:hover {
887
+ background-color: rgb(188.9692307692, 199.6769230769, 205.0307692308);
888
+ }
889
+ .Carousel-module__carousel__dot___HwZc0:focus-visible {
890
+ outline: 2px solid #000000;
891
+ outline-offset: 2px;
892
+ }
893
+ .Carousel-module__carousel__dot--active___NxRvq {
894
+ background-color: #e2001a;
895
+ }
896
+ .Carousel-module__carousel__dot--active___NxRvq:hover {
897
+ background-color: #e2001a;
898
+ }
899
+ :root {
900
+ --leybold-red: #e2001a;
901
+ --leybold-black: #000000;
902
+ --leybold-white: #ffffff;
903
+ --leybold-blue-grey: #546672;
904
+ --leybold-white-aluminium: #dae0e3;
905
+ --leybold-window-gray: #99a1ab;
906
+ --leybold-light-grey: #c5c7c4;
907
+ --leybold-slate-gray: #4a4e54;
908
+ --leybold-anthracite-gray: #383e42;
909
+ --leybold-orange: #d18e56;
910
+ --leybold-yellow: #edd163;
911
+ --leybold-green: #6ea67b;
912
+ --leybold-purple: #732d5d;
913
+ --leybold-purple-gray: #945e67;
914
+ --leybold-blue: #2b4679;
915
+ --leybold-light-blue: #3f6a98;
916
+ --leybold-blue-green: #39788e;
917
+ --leybold-green-gray: #6d8f9f;
918
+ --color-primary: #e2001a;
919
+ --color-secondary: #546672;
920
+ --color-success: #6ea67b;
921
+ --color-danger: #e2001a;
922
+ --color-warning: #d18e56;
923
+ --color-info: #3f6a98;
924
+ --text-primary: #000000;
925
+ --text-secondary: #4a4e54;
926
+ --text-muted: #99a1ab;
927
+ --text-inverse: #ffffff;
928
+ --bg-primary: #ffffff;
929
+ --bg-secondary: #dae0e3;
930
+ --bg-dark: #383e42;
931
+ --border-color: #c5c7c4;
932
+ --border-color-dark: #4a4e54;
933
+ --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
934
+ --h1-mobile-size: 32px;
935
+ --h1-mobile-line-height: 1.2;
936
+ --h2-mobile-size: 24px;
937
+ --h2-mobile-line-height: 1.2;
938
+ --h3-mobile-size: 18px;
939
+ --h3-mobile-line-height: 1.6;
940
+ --h4-mobile-size: 16px;
941
+ --h4-mobile-line-height: 1.55;
942
+ --h5-mobile-size: 14px;
943
+ --h5-mobile-line-height: 1.5;
944
+ --body-mobile-size: 14px;
945
+ --body-mobile-line-height: 1.5;
946
+ --h1-desktop-size: 55px;
947
+ --h1-desktop-line-height: 1.15;
948
+ --h1-desktop-letter-spacing: -0.02em;
949
+ --h2-desktop-size: 40px;
950
+ --h2-desktop-line-height: 1.2;
951
+ --h2-desktop-letter-spacing: -0.01em;
952
+ --h3-desktop-size: 32px;
953
+ --h3-desktop-line-height: 1.2;
954
+ --h4-desktop-size: 24px;
955
+ --h4-desktop-line-height: 1.2;
956
+ --h5-desktop-size: 18px;
957
+ --h5-desktop-line-height: 1.6;
958
+ --body-desktop-size: 18px;
959
+ --body-desktop-line-height: 1.6;
960
+ --text-lg-size: 27px;
961
+ --text-lg-line-height: 1.4;
962
+ --text-xl-size: 36px;
963
+ --text-xl-line-height: 1.4;
964
+ --text-xxl-size: 64px;
965
+ --text-xxl-line-height: 1;
966
+ }
967
+
968
+ .Footer-module__footer___Oavyx {
969
+ background-color: #383e42;
970
+ font-family: var(--font-family-base);
971
+ width: 100%;
972
+ color: #ffffff;
973
+ }
974
+
975
+ .Footer-module__footer--mobile___9HQC- .Footer-module__footer__container___ohvnm {
976
+ display: flex;
977
+ flex-direction: column;
978
+ align-items: stretch;
979
+ padding: 24px;
980
+ text-align: left;
981
+ }
982
+ .Footer-module__footer--mobile___9HQC- .Footer-module__footer__links___DdVK8 {
983
+ display: flex;
984
+ flex-direction: column;
985
+ align-items: stretch;
986
+ gap: 24px;
987
+ margin-left: 0;
988
+ margin-right: 0;
989
+ margin-bottom: 24px;
990
+ }
991
+ .Footer-module__footer--mobile___9HQC- .Footer-module__footer__linkGroup___1B7JA {
992
+ display: flex;
993
+ flex-direction: column;
994
+ align-items: flex-start;
995
+ gap: 8px;
996
+ width: 100%;
997
+ }
998
+ .Footer-module__footer--mobile___9HQC- .Footer-module__footer__linkGroup___1B7JA:first-child {
999
+ padding-bottom: 24px;
1000
+ border-bottom: 0.5px solid #ffffff;
1001
+ }
1002
+ .Footer-module__footer--mobile___9HQC- .Footer-module__footer__linkList___j-DWF {
1003
+ display: flex;
1004
+ flex-direction: column;
1005
+ align-items: flex-start;
1006
+ width: 100%;
1007
+ }
1008
+ .Footer-module__footer--mobile___9HQC- .Footer-module__footer__linkHeading___LtE6X {
1009
+ margin-bottom: 0;
1010
+ text-align: left;
1011
+ width: 100%;
1012
+ }
1013
+ .Footer-module__footer--mobile___9HQC- .Footer-module__footer__link___G5HPW {
1014
+ padding: 4px 0;
1015
+ text-align: left;
1016
+ }
1017
+ .Footer-module__footer--mobile___9HQC- .Footer-module__footer__cta___MRJLr {
1018
+ display: flex;
1019
+ width: 100%;
1020
+ margin-bottom: 20px;
1021
+ }
1022
+ .Footer-module__footer--mobile___9HQC- .Footer-module__footer__socialIcons___j0aRp {
1023
+ margin-top: 0;
1024
+ margin-bottom: 16px;
1025
+ gap: 32px;
1026
+ justify-content: center;
1027
+ }
1028
+ .Footer-module__footer--mobile___9HQC- .Footer-module__footer__socialIcon___1uVTm {
1029
+ width: 32px;
1030
+ height: 32px;
1031
+ }
1032
+ .Footer-module__footer--mobile___9HQC- .Footer-module__footer__socialIcon___1uVTm svg {
1033
+ width: 32px;
1034
+ height: 32px;
1035
+ }
1036
+ .Footer-module__footer--mobile___9HQC- .Footer-module__footer__countrySelector___pVtN5 {
1037
+ margin-bottom: 0;
1038
+ color: #99a1ab;
1039
+ }
1040
+ .Footer-module__footer--mobile___9HQC- .Footer-module__footer__bottom___77bPL {
1041
+ flex-direction: column-reverse;
1042
+ align-items: center;
1043
+ gap: 8px;
1044
+ padding: 16px 0;
1045
+ border-top: 0.5px solid #ffffff;
1046
+ border-bottom: 0.5px solid #ffffff;
1047
+ }
1048
+ .Footer-module__footer--mobile___9HQC- .Footer-module__footer__bottomLeft___tlst1 {
1049
+ display: flex;
1050
+ flex-direction: row;
1051
+ justify-content: center;
1052
+ align-items: center;
1053
+ width: 100%;
1054
+ gap: 16px;
1055
+ }
1056
+ .Footer-module__footer--mobile___9HQC- .Footer-module__footer__bottomLinks___s22h7 {
1057
+ display: flex;
1058
+ flex-direction: row;
1059
+ align-items: center;
1060
+ gap: 16px;
1061
+ }
1062
+ .Footer-module__footer--mobile___9HQC- .Footer-module__footer__bottomLink___SLzwY {
1063
+ padding: 4px 0;
1064
+ font-size: var(--h5-mobile-size);
1065
+ color: #99a1ab;
1066
+ }
1067
+ .Footer-module__footer--mobile___9HQC- .Footer-module__footer__bottomLink___SLzwY:not(:last-child)::after {
1068
+ display: none;
1069
+ }
1070
+ .Footer-module__footer--mobile___9HQC- .Footer-module__footer__copyright___4bZOF {
1071
+ margin-left: 0;
1072
+ font-size: var(--h5-mobile-size);
1073
+ color: #ffffff;
1074
+ }
1075
+ .Footer-module__footer--mobile___9HQC- .Footer-module__footer__brandSection___BBr5f {
1076
+ display: flex;
1077
+ flex-direction: column;
1078
+ gap: 16px;
1079
+ padding-top: 20px;
1080
+ }
1081
+ .Footer-module__footer--mobile___9HQC- .Footer-module__footer__brandSection___BBr5f .Footer-module__footer__logo___mv-9M {
1082
+ margin-bottom: 0;
1083
+ }
1084
+ .Footer-module__footer--mobile___9HQC- .Footer-module__footer__brandSection___BBr5f .Footer-module__footer__leftCol___vmKNN {
1085
+ gap: 16px;
1086
+ }
1087
+ .Footer-module__footer--mobile___9HQC- .Footer-module__footer__brandSection___BBr5f .Footer-module__footer__motto___QtB2m {
1088
+ font-size: 24px;
1089
+ }
1090
+
1091
+ .Footer-module__footer__container___ohvnm {
1092
+ max-width: 1440px;
1093
+ margin: 0 auto;
1094
+ padding: 56px 22px 20px;
1095
+ }
1096
+ @media (min-width: 768px) {
1097
+ .Footer-module__footer__container___ohvnm {
1098
+ padding: 83px 68px 18px;
1099
+ }
1100
+ }
1101
+
1102
+ .Footer-module__footer__logo___mv-9M {
1103
+ display: block;
1104
+ width: 113px;
1105
+ height: 32px;
1106
+ margin-bottom: 36px;
1107
+ }
1108
+ .Footer-module__footer__logo___mv-9M img {
1109
+ width: 100%;
1110
+ height: 100%;
1111
+ -o-object-fit: contain;
1112
+ object-fit: contain;
1113
+ }
1114
+
1115
+ .Footer-module__footer__main___NSU9d {
1116
+ display: flex;
1117
+ flex-direction: column;
1118
+ gap: 48px;
1119
+ padding-bottom: 32px;
1120
+ border-bottom: 0.5px solid #ffffff;
1121
+ }
1122
+ @media (min-width: 768px) {
1123
+ .Footer-module__footer__main___NSU9d {
1124
+ flex-direction: row;
1125
+ justify-content: space-between;
1126
+ gap: 40px;
1127
+ padding-bottom: 16px;
1128
+ }
1129
+ }
1130
+
1131
+ .Footer-module__footer__leftCol___vmKNN {
1132
+ display: flex;
1133
+ flex-direction: column;
1134
+ gap: 32px;
1135
+ }
1136
+ @media (min-width: 768px) {
1137
+ .Footer-module__footer__leftCol___vmKNN {
1138
+ flex: 0 0 438px;
1139
+ gap: 136px;
1140
+ justify-content: space-between;
1141
+ }
1142
+ }
1143
+
1144
+ .Footer-module__footer__motto___QtB2m {
1145
+ font-size: var(--h2-mobile-size);
1146
+ font-weight: 700;
1147
+ line-height: 1.2;
1148
+ color: #ffffff;
1149
+ margin: 0;
1150
+ }
1151
+ @media (min-width: 768px) {
1152
+ .Footer-module__footer__motto___QtB2m {
1153
+ font-size: var(--h3-desktop-size);
1154
+ }
1155
+ }
1156
+
1157
+ .Footer-module__footer__badge___faejb {
1158
+ display: flex;
1159
+ align-items: center;
1160
+ gap: 8px;
1161
+ }
1162
+
1163
+ .Footer-module__footer__badgeIcon___xJ519 {
1164
+ display: flex;
1165
+ align-items: center;
1166
+ justify-content: center;
1167
+ color: #99a1ab;
1168
+ flex-shrink: 0;
1169
+ }
1170
+
1171
+ .Footer-module__footer__badgeText___imXgG {
1172
+ font-size: var(--h5-mobile-size);
1173
+ font-weight: 400;
1174
+ line-height: 1.6;
1175
+ color: #ffffff;
1176
+ }
1177
+
1178
+ .Footer-module__footer__links___DdVK8 {
1179
+ display: flex;
1180
+ flex-direction: column;
1181
+ gap: 48px;
1182
+ }
1183
+ @media (min-width: 768px) {
1184
+ .Footer-module__footer__links___DdVK8 {
1185
+ flex-direction: row;
1186
+ gap: 146px;
1187
+ margin-left: auto;
1188
+ }
1189
+ }
1190
+
1191
+ .Footer-module__footer__linkGroup___1B7JA {
1192
+ display: flex;
1193
+ flex-direction: column;
1194
+ gap: 16px;
1195
+ }
1196
+ @media (min-width: 768px) {
1197
+ .Footer-module__footer__linkGroup___1B7JA {
1198
+ min-width: 185px;
1199
+ height: 100%;
1200
+ }
1201
+ }
1202
+
1203
+ .Footer-module__footer__linkHeading___LtE6X {
1204
+ font-size: var(--h5-desktop-size);
1205
+ font-weight: 400;
1206
+ line-height: 1.6;
1207
+ color: #ffffff;
1208
+ margin: 0 0 4px;
1209
+ }
1210
+
1211
+ .Footer-module__footer__linkList___j-DWF {
1212
+ list-style: none;
1213
+ padding: 0;
1214
+ margin: 0;
1215
+ display: flex;
1216
+ flex-direction: column;
1217
+ gap: 0;
1218
+ }
1219
+ .Footer-module__footer__linkList___j-DWF li {
1220
+ height: 38px;
1221
+ display: flex;
1222
+ align-items: center;
1223
+ padding-bottom: 2px;
1224
+ margin-bottom: -4px;
1225
+ }
1226
+
1227
+ .Footer-module__footer__link___G5HPW {
1228
+ display: inline-flex;
1229
+ align-items: center;
1230
+ gap: 6px;
1231
+ width: -moz-fit-content;
1232
+ width: fit-content;
1233
+ font-size: var(--h4-mobile-size);
1234
+ font-weight: 400;
7
1235
  line-height: 1.5;
8
- text-align: center;
1236
+ color: #99a1ab;
9
1237
  text-decoration: none;
10
- vertical-align: middle;
11
- cursor: pointer;
12
- -webkit-user-select: none;
13
- -moz-user-select: none;
14
- user-select: none;
15
- border: 2px solid transparent;
16
- transition: all 0.2s ease-in-out;
17
- padding: 0.5rem 1rem;
18
- text-transform: uppercase;
19
1238
  }
20
- .Button-module__button___18Bed:focus-visible {
21
- outline: 2px solid #000000;
22
- outline-offset: 1px;
1239
+ .Footer-module__footer__link___G5HPW:hover, .Footer-module__footer__link--hover___5PxzS {
1240
+ border-bottom: 1px solid currentColor;
23
1241
  }
24
- .Button-module__button___18Bed {
25
- white-space: nowrap;
1242
+ .Footer-module__footer__link___G5HPW:focus-visible .Footer-module__footer__linkText___Gc18Z, .Footer-module__footer__link--focus___eJN6z .Footer-module__footer__linkText___Gc18Z {
1243
+ outline: 1px solid #ffffff;
1244
+ outline-offset: 2px;
26
1245
  }
27
- .Button-module__button--primary___VuF-P {
28
- color: white;
29
- background-color: #e2001a;
1246
+ .Footer-module__footer__link___G5HPW:focus-visible {
1247
+ outline: none;
30
1248
  }
31
- .Button-module__button--primary___VuF-P:hover:not(.Button-module__button--disabled___IuOY8) {
32
- background-color: #546672;
1249
+
1250
+ .Footer-module__footer__linkIcon___IZzJM {
1251
+ display: inline-flex;
1252
+ flex-shrink: 0;
1253
+ color: currentColor;
33
1254
  }
34
- .Button-module__button--primary___VuF-P:active:not(.Button-module__button--disabled___IuOY8) {
35
- background-color: #546672;
36
- border-color: #000000;
1255
+
1256
+ .Footer-module__footer__socialIcons___j0aRp {
1257
+ display: flex;
1258
+ align-items: center;
1259
+ gap: 48px;
1260
+ margin-top: 0;
1261
+ padding-top: 14px;
1262
+ padding-bottom: 14px;
37
1263
  }
38
- .Button-module__button--secondary___lD5E3 {
39
- color: #e2001a;
40
- background-color: white;
41
- border-color: #e2001a;
1264
+ @media (min-width: 768px) {
1265
+ .Footer-module__footer__socialIcons___j0aRp {
1266
+ gap: 6px;
1267
+ margin-top: auto;
1268
+ padding-top: 0;
1269
+ padding-bottom: 0;
1270
+ }
42
1271
  }
43
- .Button-module__button--secondary___lD5E3:hover:not(.Button-module__button--disabled___IuOY8) {
44
- background-color: #4a4e54;
45
- border-color: #4a4e54;
46
- color: white;
1272
+
1273
+ .Footer-module__footer__socialIcon___1uVTm {
1274
+ display: inline-flex;
1275
+ align-items: center;
1276
+ justify-content: center;
1277
+ color: #99a1ab;
1278
+ text-decoration: none;
1279
+ transition: color 0.2s ease-in-out;
47
1280
  }
48
- .Button-module__button--secondary___lD5E3:active:not(.Button-module__button--disabled___IuOY8) {
49
- background-color: rgb(51.5454545455, 62.5909090909, 69.9545454545);
50
- border-color: rgb(51.5454545455, 62.5909090909, 69.9545454545);
1281
+ .Footer-module__footer__socialIcon___1uVTm:hover, .Footer-module__footer__socialIcon--hover___5COSP {
1282
+ color: #ffffff;
51
1283
  }
52
- .Button-module__button--secondary___lD5E3:focus-visible:not(.Button-module__button--disabled___IuOY8) {
53
- background-color: #4a4e54;
54
- border-color: #4a4e54;
55
- color: white;
56
- outline: 1px solid #000000;
57
- outline-offset: 2px;
1284
+ .Footer-module__footer__socialIcon___1uVTm:focus-visible, .Footer-module__footer__socialIcon--focus___c39DU {
1285
+ outline: 1px solid #ffffff;
1286
+ outline-offset: 5px;
58
1287
  }
59
- .Button-module__button--outline___wB6-g {
60
- color: #e2001a;
61
- background-color: transparent;
62
- border-color: #e2001a;
1288
+ .Footer-module__footer__socialIcon___1uVTm svg {
1289
+ width: 32px;
1290
+ height: 32px;
63
1291
  }
64
- .Button-module__button--outline___wB6-g:hover:not(.Button-module__button--disabled___IuOY8) {
65
- color: white;
66
- background-color: #e2001a;
1292
+ @media (min-width: 768px) {
1293
+ .Footer-module__footer__socialIcon___1uVTm svg {
1294
+ width: 24px;
1295
+ height: 24px;
1296
+ }
67
1297
  }
68
- .Button-module__button--outline___wB6-g:active:not(.Button-module__button--disabled___IuOY8) {
69
- background-color: rgb(175, 0, 20.1327433628);
70
- border-color: rgb(175, 0, 20.1327433628);
1298
+
1299
+ .Footer-module__footer__cta___MRJLr {
1300
+ display: flex;
1301
+ width: 100%;
1302
+ margin-top: 32px;
71
1303
  }
72
- .Button-module__button--text___iZIMo {
73
- color: #e2001a;
74
- background-color: transparent;
75
- border-color: transparent;
1304
+ @media (min-width: 768px) {
1305
+ .Footer-module__footer__cta___MRJLr {
1306
+ display: none;
1307
+ }
76
1308
  }
77
- .Button-module__button--text___iZIMo:hover:not(.Button-module__button--disabled___IuOY8) {
78
- background-color: rgba(226, 0, 26, 0.1);
1309
+
1310
+ .Footer-module__footer__bottom___77bPL {
1311
+ display: flex;
1312
+ flex-direction: column;
1313
+ gap: 24px;
1314
+ padding-top: 20px;
79
1315
  }
80
- .Button-module__button--text___iZIMo:active:not(.Button-module__button--disabled___IuOY8) {
81
- background-color: rgba(226, 0, 26, 0.2);
1316
+ @media (min-width: 768px) {
1317
+ .Footer-module__footer__bottom___77bPL {
1318
+ flex-direction: row;
1319
+ align-items: center;
1320
+ justify-content: space-between;
1321
+ padding-top: 10px;
1322
+ }
82
1323
  }
83
- .Button-module__button--extra-small___R0QTM {
84
- padding: 0.5rem 0.675rem;
85
- font-size: 0.5rem;
86
- line-height: 0.5;
1324
+
1325
+ .Footer-module__footer__bottomLeft___tlst1 {
1326
+ display: flex;
1327
+ flex-direction: column;
1328
+ gap: 16px;
87
1329
  }
88
- .Button-module__button--small___ADJQe {
89
- padding: 1rem 1.35rem;
90
- font-size: 12px;
91
- line-height: 0.5;
1330
+ @media (min-width: 768px) {
1331
+ .Footer-module__footer__bottomLeft___tlst1 {
1332
+ flex-direction: row;
1333
+ align-items: center;
1334
+ gap: 0;
1335
+ }
92
1336
  }
93
- .Button-module__button--medium___ZuR4Z {
94
- padding: 1rem 1.5rem;
95
- font-size: 1rem;
1337
+
1338
+ .Footer-module__footer__bottomLinks___s22h7 {
1339
+ display: flex;
1340
+ align-items: center;
1341
+ gap: 24px;
96
1342
  }
97
- .Button-module__button--large___-FaV5 {
98
- padding: 1.5rem 2rem;
99
- font-size: 1.125rem;
1343
+
1344
+ .Footer-module__footer__bottomLink___SLzwY {
1345
+ display: inline-flex;
1346
+ align-items: center;
1347
+ font-size: var(--h5-mobile-size);
1348
+ font-weight: 400;
1349
+ line-height: 1.6;
1350
+ color: #99a1ab;
1351
+ text-decoration: none;
1352
+ padding: 8px 0;
1353
+ border: 1px solid transparent;
1354
+ transition: border-color 0.2s ease-in-out;
100
1355
  }
101
- .Button-module__button--disabled___IuOY8 {
102
- opacity: 0.5;
103
- cursor: not-allowed;
1356
+ @media (min-width: 768px) {
1357
+ .Footer-module__footer__bottomLink___SLzwY {
1358
+ padding: 8px 0;
1359
+ }
1360
+ }
1361
+ .Footer-module__footer__bottomLink___SLzwY:hover {
1362
+ text-decoration: underline;
1363
+ text-underline-offset: 2px;
1364
+ }
1365
+ .Footer-module__footer__bottomLink___SLzwY:focus-visible {
1366
+ outline: none;
1367
+ border-color: #ffffff;
1368
+ border-radius: 2px;
1369
+ }
1370
+
1371
+ .Footer-module__footer__copyright___4bZOF {
1372
+ font-size: var(--h5-mobile-size);
1373
+ font-weight: 400;
1374
+ line-height: 1.6;
1375
+ color: #ffffff;
1376
+ margin: 0;
1377
+ }
1378
+ @media (min-width: 768px) {
1379
+ .Footer-module__footer__copyright___4bZOF {
1380
+ margin-left: 12px;
1381
+ }
1382
+ }
1383
+
1384
+ .Footer-module__footer__countrySelector___pVtN5 {
1385
+ display: inline-flex;
1386
+ align-items: center;
1387
+ gap: 8px;
1388
+ font-size: var(--h5-mobile-size);
1389
+ font-weight: 400;
1390
+ line-height: 1.6;
1391
+ color: #99a1ab;
1392
+ text-decoration: none;
1393
+ padding: 8px 0;
1394
+ border: 1px solid transparent;
1395
+ transition: border-color 0.2s ease-in-out;
1396
+ }
1397
+ .Footer-module__footer__countrySelector___pVtN5:hover {
1398
+ text-decoration: underline;
1399
+ text-underline-offset: 2px;
1400
+ }
1401
+ .Footer-module__footer__countrySelector___pVtN5:focus-visible {
1402
+ outline: none;
1403
+ border-color: #ffffff;
1404
+ border-radius: 2px;
1405
+ }
1406
+
1407
+ .Footer-module__footer__countrySelectorIcon___hhEd4 {
1408
+ display: inline-flex;
1409
+ color: currentColor;
1410
+ flex-shrink: 0;
104
1411
  }
1412
+ :root {
1413
+ --leybold-red: #e2001a;
1414
+ --leybold-black: #000000;
1415
+ --leybold-white: #ffffff;
1416
+ --leybold-blue-grey: #546672;
1417
+ --leybold-white-aluminium: #dae0e3;
1418
+ --leybold-window-gray: #99a1ab;
1419
+ --leybold-light-grey: #c5c7c4;
1420
+ --leybold-slate-gray: #4a4e54;
1421
+ --leybold-anthracite-gray: #383e42;
1422
+ --leybold-orange: #d18e56;
1423
+ --leybold-yellow: #edd163;
1424
+ --leybold-green: #6ea67b;
1425
+ --leybold-purple: #732d5d;
1426
+ --leybold-purple-gray: #945e67;
1427
+ --leybold-blue: #2b4679;
1428
+ --leybold-light-blue: #3f6a98;
1429
+ --leybold-blue-green: #39788e;
1430
+ --leybold-green-gray: #6d8f9f;
1431
+ --color-primary: #e2001a;
1432
+ --color-secondary: #546672;
1433
+ --color-success: #6ea67b;
1434
+ --color-danger: #e2001a;
1435
+ --color-warning: #d18e56;
1436
+ --color-info: #3f6a98;
1437
+ --text-primary: #000000;
1438
+ --text-secondary: #4a4e54;
1439
+ --text-muted: #99a1ab;
1440
+ --text-inverse: #ffffff;
1441
+ --bg-primary: #ffffff;
1442
+ --bg-secondary: #dae0e3;
1443
+ --bg-dark: #383e42;
1444
+ --border-color: #c5c7c4;
1445
+ --border-color-dark: #4a4e54;
1446
+ --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
1447
+ --h1-mobile-size: 32px;
1448
+ --h1-mobile-line-height: 1.2;
1449
+ --h2-mobile-size: 24px;
1450
+ --h2-mobile-line-height: 1.2;
1451
+ --h3-mobile-size: 18px;
1452
+ --h3-mobile-line-height: 1.6;
1453
+ --h4-mobile-size: 16px;
1454
+ --h4-mobile-line-height: 1.55;
1455
+ --h5-mobile-size: 14px;
1456
+ --h5-mobile-line-height: 1.5;
1457
+ --body-mobile-size: 14px;
1458
+ --body-mobile-line-height: 1.5;
1459
+ --h1-desktop-size: 55px;
1460
+ --h1-desktop-line-height: 1.15;
1461
+ --h1-desktop-letter-spacing: -0.02em;
1462
+ --h2-desktop-size: 40px;
1463
+ --h2-desktop-line-height: 1.2;
1464
+ --h2-desktop-letter-spacing: -0.01em;
1465
+ --h3-desktop-size: 32px;
1466
+ --h3-desktop-line-height: 1.2;
1467
+ --h4-desktop-size: 24px;
1468
+ --h4-desktop-line-height: 1.2;
1469
+ --h5-desktop-size: 18px;
1470
+ --h5-desktop-line-height: 1.6;
1471
+ --body-desktop-size: 18px;
1472
+ --body-desktop-line-height: 1.6;
1473
+ --text-lg-size: 27px;
1474
+ --text-lg-line-height: 1.4;
1475
+ --text-xl-size: 36px;
1476
+ --text-xl-line-height: 1.4;
1477
+ --text-xxl-size: 64px;
1478
+ --text-xxl-line-height: 1;
1479
+ }
1480
+
105
1481
  .Pagination-module__pagination___Kih79 {
106
1482
  display: flex;
107
1483
  justify-content: center;
@@ -134,7 +1510,7 @@
134
1510
  min-width: 32px;
135
1511
  height: 32px;
136
1512
  padding: 0.25rem 0.5rem;
137
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
1513
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
138
1514
  font-size: 0.875rem;
139
1515
  font-weight: 400;
140
1516
  line-height: 1.5;
@@ -177,7 +1553,7 @@
177
1553
  align-items: center;
178
1554
  gap: 0.25rem;
179
1555
  padding: 0.25rem 1rem;
180
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
1556
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
181
1557
  font-size: 0.875rem;
182
1558
  font-weight: 400;
183
1559
  line-height: 1.5;
@@ -271,6 +1647,75 @@
271
1647
  border-width: 2px;
272
1648
  }
273
1649
  }
1650
+ :root {
1651
+ --leybold-red: #e2001a;
1652
+ --leybold-black: #000000;
1653
+ --leybold-white: #ffffff;
1654
+ --leybold-blue-grey: #546672;
1655
+ --leybold-white-aluminium: #dae0e3;
1656
+ --leybold-window-gray: #99a1ab;
1657
+ --leybold-light-grey: #c5c7c4;
1658
+ --leybold-slate-gray: #4a4e54;
1659
+ --leybold-anthracite-gray: #383e42;
1660
+ --leybold-orange: #d18e56;
1661
+ --leybold-yellow: #edd163;
1662
+ --leybold-green: #6ea67b;
1663
+ --leybold-purple: #732d5d;
1664
+ --leybold-purple-gray: #945e67;
1665
+ --leybold-blue: #2b4679;
1666
+ --leybold-light-blue: #3f6a98;
1667
+ --leybold-blue-green: #39788e;
1668
+ --leybold-green-gray: #6d8f9f;
1669
+ --color-primary: #e2001a;
1670
+ --color-secondary: #546672;
1671
+ --color-success: #6ea67b;
1672
+ --color-danger: #e2001a;
1673
+ --color-warning: #d18e56;
1674
+ --color-info: #3f6a98;
1675
+ --text-primary: #000000;
1676
+ --text-secondary: #4a4e54;
1677
+ --text-muted: #99a1ab;
1678
+ --text-inverse: #ffffff;
1679
+ --bg-primary: #ffffff;
1680
+ --bg-secondary: #dae0e3;
1681
+ --bg-dark: #383e42;
1682
+ --border-color: #c5c7c4;
1683
+ --border-color-dark: #4a4e54;
1684
+ --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
1685
+ --h1-mobile-size: 32px;
1686
+ --h1-mobile-line-height: 1.2;
1687
+ --h2-mobile-size: 24px;
1688
+ --h2-mobile-line-height: 1.2;
1689
+ --h3-mobile-size: 18px;
1690
+ --h3-mobile-line-height: 1.6;
1691
+ --h4-mobile-size: 16px;
1692
+ --h4-mobile-line-height: 1.55;
1693
+ --h5-mobile-size: 14px;
1694
+ --h5-mobile-line-height: 1.5;
1695
+ --body-mobile-size: 14px;
1696
+ --body-mobile-line-height: 1.5;
1697
+ --h1-desktop-size: 55px;
1698
+ --h1-desktop-line-height: 1.15;
1699
+ --h1-desktop-letter-spacing: -0.02em;
1700
+ --h2-desktop-size: 40px;
1701
+ --h2-desktop-line-height: 1.2;
1702
+ --h2-desktop-letter-spacing: -0.01em;
1703
+ --h3-desktop-size: 32px;
1704
+ --h3-desktop-line-height: 1.2;
1705
+ --h4-desktop-size: 24px;
1706
+ --h4-desktop-line-height: 1.2;
1707
+ --h5-desktop-size: 18px;
1708
+ --h5-desktop-line-height: 1.6;
1709
+ --body-desktop-size: 18px;
1710
+ --body-desktop-line-height: 1.6;
1711
+ --text-lg-size: 27px;
1712
+ --text-lg-line-height: 1.4;
1713
+ --text-xl-size: 36px;
1714
+ --text-xl-line-height: 1.4;
1715
+ --text-xxl-size: 64px;
1716
+ --text-xxl-line-height: 1;
1717
+ }
1718
+
274
1719
  .ProductCardHorizontal-module__productCard___Nl4jK {
275
1720
  display: block;
276
1721
  border: 1px solid transparent;
@@ -323,7 +1768,8 @@
323
1768
  min-width: 0;
324
1769
  }
325
1770
 
326
- .ProductCardHorizontal-module__productTitle___xBuu7 {
1771
+ .ProductCardHorizontal-module__productTitle___xBuu7,
1772
+ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
327
1773
  margin: 0 0 0.25rem 0;
328
1774
  font-size: clamp(12px, 1.25vw, 14px);
329
1775
  font-weight: 600;
@@ -447,6 +1893,75 @@
447
1893
  outline: 2px solid #0066cc;
448
1894
  outline-offset: 2px;
449
1895
  }
1896
+ :root {
1897
+ --leybold-red: #e2001a;
1898
+ --leybold-black: #000000;
1899
+ --leybold-white: #ffffff;
1900
+ --leybold-blue-grey: #546672;
1901
+ --leybold-white-aluminium: #dae0e3;
1902
+ --leybold-window-gray: #99a1ab;
1903
+ --leybold-light-grey: #c5c7c4;
1904
+ --leybold-slate-gray: #4a4e54;
1905
+ --leybold-anthracite-gray: #383e42;
1906
+ --leybold-orange: #d18e56;
1907
+ --leybold-yellow: #edd163;
1908
+ --leybold-green: #6ea67b;
1909
+ --leybold-purple: #732d5d;
1910
+ --leybold-purple-gray: #945e67;
1911
+ --leybold-blue: #2b4679;
1912
+ --leybold-light-blue: #3f6a98;
1913
+ --leybold-blue-green: #39788e;
1914
+ --leybold-green-gray: #6d8f9f;
1915
+ --color-primary: #e2001a;
1916
+ --color-secondary: #546672;
1917
+ --color-success: #6ea67b;
1918
+ --color-danger: #e2001a;
1919
+ --color-warning: #d18e56;
1920
+ --color-info: #3f6a98;
1921
+ --text-primary: #000000;
1922
+ --text-secondary: #4a4e54;
1923
+ --text-muted: #99a1ab;
1924
+ --text-inverse: #ffffff;
1925
+ --bg-primary: #ffffff;
1926
+ --bg-secondary: #dae0e3;
1927
+ --bg-dark: #383e42;
1928
+ --border-color: #c5c7c4;
1929
+ --border-color-dark: #4a4e54;
1930
+ --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
1931
+ --h1-mobile-size: 32px;
1932
+ --h1-mobile-line-height: 1.2;
1933
+ --h2-mobile-size: 24px;
1934
+ --h2-mobile-line-height: 1.2;
1935
+ --h3-mobile-size: 18px;
1936
+ --h3-mobile-line-height: 1.6;
1937
+ --h4-mobile-size: 16px;
1938
+ --h4-mobile-line-height: 1.55;
1939
+ --h5-mobile-size: 14px;
1940
+ --h5-mobile-line-height: 1.5;
1941
+ --body-mobile-size: 14px;
1942
+ --body-mobile-line-height: 1.5;
1943
+ --h1-desktop-size: 55px;
1944
+ --h1-desktop-line-height: 1.15;
1945
+ --h1-desktop-letter-spacing: -0.02em;
1946
+ --h2-desktop-size: 40px;
1947
+ --h2-desktop-line-height: 1.2;
1948
+ --h2-desktop-letter-spacing: -0.01em;
1949
+ --h3-desktop-size: 32px;
1950
+ --h3-desktop-line-height: 1.2;
1951
+ --h4-desktop-size: 24px;
1952
+ --h4-desktop-line-height: 1.2;
1953
+ --h5-desktop-size: 18px;
1954
+ --h5-desktop-line-height: 1.6;
1955
+ --body-desktop-size: 18px;
1956
+ --body-desktop-line-height: 1.6;
1957
+ --text-lg-size: 27px;
1958
+ --text-lg-line-height: 1.4;
1959
+ --text-xl-size: 36px;
1960
+ --text-xl-line-height: 1.4;
1961
+ --text-xxl-size: 64px;
1962
+ --text-xxl-line-height: 1;
1963
+ }
1964
+
450
1965
  .ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details {
451
1966
  display: grid;
452
1967
  grid-template-columns: repeat(1, 1fr);
@@ -565,6 +2080,75 @@
565
2080
  .ProductCardDetails-module__productDetails___-sx2l .accordion-section__content {
566
2081
  padding: 0 0 1rem 0;
567
2082
  }
2083
+ :root {
2084
+ --leybold-red: #e2001a;
2085
+ --leybold-black: #000000;
2086
+ --leybold-white: #ffffff;
2087
+ --leybold-blue-grey: #546672;
2088
+ --leybold-white-aluminium: #dae0e3;
2089
+ --leybold-window-gray: #99a1ab;
2090
+ --leybold-light-grey: #c5c7c4;
2091
+ --leybold-slate-gray: #4a4e54;
2092
+ --leybold-anthracite-gray: #383e42;
2093
+ --leybold-orange: #d18e56;
2094
+ --leybold-yellow: #edd163;
2095
+ --leybold-green: #6ea67b;
2096
+ --leybold-purple: #732d5d;
2097
+ --leybold-purple-gray: #945e67;
2098
+ --leybold-blue: #2b4679;
2099
+ --leybold-light-blue: #3f6a98;
2100
+ --leybold-blue-green: #39788e;
2101
+ --leybold-green-gray: #6d8f9f;
2102
+ --color-primary: #e2001a;
2103
+ --color-secondary: #546672;
2104
+ --color-success: #6ea67b;
2105
+ --color-danger: #e2001a;
2106
+ --color-warning: #d18e56;
2107
+ --color-info: #3f6a98;
2108
+ --text-primary: #000000;
2109
+ --text-secondary: #4a4e54;
2110
+ --text-muted: #99a1ab;
2111
+ --text-inverse: #ffffff;
2112
+ --bg-primary: #ffffff;
2113
+ --bg-secondary: #dae0e3;
2114
+ --bg-dark: #383e42;
2115
+ --border-color: #c5c7c4;
2116
+ --border-color-dark: #4a4e54;
2117
+ --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
2118
+ --h1-mobile-size: 32px;
2119
+ --h1-mobile-line-height: 1.2;
2120
+ --h2-mobile-size: 24px;
2121
+ --h2-mobile-line-height: 1.2;
2122
+ --h3-mobile-size: 18px;
2123
+ --h3-mobile-line-height: 1.6;
2124
+ --h4-mobile-size: 16px;
2125
+ --h4-mobile-line-height: 1.55;
2126
+ --h5-mobile-size: 14px;
2127
+ --h5-mobile-line-height: 1.5;
2128
+ --body-mobile-size: 14px;
2129
+ --body-mobile-line-height: 1.5;
2130
+ --h1-desktop-size: 55px;
2131
+ --h1-desktop-line-height: 1.15;
2132
+ --h1-desktop-letter-spacing: -0.02em;
2133
+ --h2-desktop-size: 40px;
2134
+ --h2-desktop-line-height: 1.2;
2135
+ --h2-desktop-letter-spacing: -0.01em;
2136
+ --h3-desktop-size: 32px;
2137
+ --h3-desktop-line-height: 1.2;
2138
+ --h4-desktop-size: 24px;
2139
+ --h4-desktop-line-height: 1.2;
2140
+ --h5-desktop-size: 18px;
2141
+ --h5-desktop-line-height: 1.6;
2142
+ --body-desktop-size: 18px;
2143
+ --body-desktop-line-height: 1.6;
2144
+ --text-lg-size: 27px;
2145
+ --text-lg-line-height: 1.4;
2146
+ --text-xl-size: 36px;
2147
+ --text-xl-line-height: 1.4;
2148
+ --text-xxl-size: 64px;
2149
+ --text-xxl-line-height: 1;
2150
+ }
2151
+
568
2152
  @keyframes loading {
569
2153
  0% {
570
2154
  transform: skewX(-10deg) translateX(-100%);
@@ -701,6 +2285,75 @@
701
2285
  left: 0;
702
2286
  animation: loading 1s infinite;
703
2287
  }
2288
+ :root {
2289
+ --leybold-red: #e2001a;
2290
+ --leybold-black: #000000;
2291
+ --leybold-white: #ffffff;
2292
+ --leybold-blue-grey: #546672;
2293
+ --leybold-white-aluminium: #dae0e3;
2294
+ --leybold-window-gray: #99a1ab;
2295
+ --leybold-light-grey: #c5c7c4;
2296
+ --leybold-slate-gray: #4a4e54;
2297
+ --leybold-anthracite-gray: #383e42;
2298
+ --leybold-orange: #d18e56;
2299
+ --leybold-yellow: #edd163;
2300
+ --leybold-green: #6ea67b;
2301
+ --leybold-purple: #732d5d;
2302
+ --leybold-purple-gray: #945e67;
2303
+ --leybold-blue: #2b4679;
2304
+ --leybold-light-blue: #3f6a98;
2305
+ --leybold-blue-green: #39788e;
2306
+ --leybold-green-gray: #6d8f9f;
2307
+ --color-primary: #e2001a;
2308
+ --color-secondary: #546672;
2309
+ --color-success: #6ea67b;
2310
+ --color-danger: #e2001a;
2311
+ --color-warning: #d18e56;
2312
+ --color-info: #3f6a98;
2313
+ --text-primary: #000000;
2314
+ --text-secondary: #4a4e54;
2315
+ --text-muted: #99a1ab;
2316
+ --text-inverse: #ffffff;
2317
+ --bg-primary: #ffffff;
2318
+ --bg-secondary: #dae0e3;
2319
+ --bg-dark: #383e42;
2320
+ --border-color: #c5c7c4;
2321
+ --border-color-dark: #4a4e54;
2322
+ --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
2323
+ --h1-mobile-size: 32px;
2324
+ --h1-mobile-line-height: 1.2;
2325
+ --h2-mobile-size: 24px;
2326
+ --h2-mobile-line-height: 1.2;
2327
+ --h3-mobile-size: 18px;
2328
+ --h3-mobile-line-height: 1.6;
2329
+ --h4-mobile-size: 16px;
2330
+ --h4-mobile-line-height: 1.55;
2331
+ --h5-mobile-size: 14px;
2332
+ --h5-mobile-line-height: 1.5;
2333
+ --body-mobile-size: 14px;
2334
+ --body-mobile-line-height: 1.5;
2335
+ --h1-desktop-size: 55px;
2336
+ --h1-desktop-line-height: 1.15;
2337
+ --h1-desktop-letter-spacing: -0.02em;
2338
+ --h2-desktop-size: 40px;
2339
+ --h2-desktop-line-height: 1.2;
2340
+ --h2-desktop-letter-spacing: -0.01em;
2341
+ --h3-desktop-size: 32px;
2342
+ --h3-desktop-line-height: 1.2;
2343
+ --h4-desktop-size: 24px;
2344
+ --h4-desktop-line-height: 1.2;
2345
+ --h5-desktop-size: 18px;
2346
+ --h5-desktop-line-height: 1.6;
2347
+ --body-desktop-size: 18px;
2348
+ --body-desktop-line-height: 1.6;
2349
+ --text-lg-size: 27px;
2350
+ --text-lg-line-height: 1.4;
2351
+ --text-xl-size: 36px;
2352
+ --text-xl-line-height: 1.4;
2353
+ --text-xxl-size: 64px;
2354
+ --text-xxl-line-height: 1;
2355
+ }
2356
+
704
2357
  .qr-journey-form-wrapper .disabled-product-fields-section h2::before, .qr-journey-form-wrapper .qr-form-filed-wrapper.info::before {
705
2358
  content: "i";
706
2359
  position: absolute;
@@ -718,7 +2371,7 @@
718
2371
  }
719
2372
 
720
2373
  .qr-journey-form-wrapper * {
721
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
2374
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
722
2375
  font-size: 18px;
723
2376
  }
724
2377
  .qr-journey-form-wrapper ::-moz-placeholder {
@@ -1987,6 +3640,75 @@
1987
3640
  .InstantResults-module__errorState___hTBbE {
1988
3641
  color: #dc2626;
1989
3642
  }
3643
+ :root {
3644
+ --leybold-red: #e2001a;
3645
+ --leybold-black: #000000;
3646
+ --leybold-white: #ffffff;
3647
+ --leybold-blue-grey: #546672;
3648
+ --leybold-white-aluminium: #dae0e3;
3649
+ --leybold-window-gray: #99a1ab;
3650
+ --leybold-light-grey: #c5c7c4;
3651
+ --leybold-slate-gray: #4a4e54;
3652
+ --leybold-anthracite-gray: #383e42;
3653
+ --leybold-orange: #d18e56;
3654
+ --leybold-yellow: #edd163;
3655
+ --leybold-green: #6ea67b;
3656
+ --leybold-purple: #732d5d;
3657
+ --leybold-purple-gray: #945e67;
3658
+ --leybold-blue: #2b4679;
3659
+ --leybold-light-blue: #3f6a98;
3660
+ --leybold-blue-green: #39788e;
3661
+ --leybold-green-gray: #6d8f9f;
3662
+ --color-primary: #e2001a;
3663
+ --color-secondary: #546672;
3664
+ --color-success: #6ea67b;
3665
+ --color-danger: #e2001a;
3666
+ --color-warning: #d18e56;
3667
+ --color-info: #3f6a98;
3668
+ --text-primary: #000000;
3669
+ --text-secondary: #4a4e54;
3670
+ --text-muted: #99a1ab;
3671
+ --text-inverse: #ffffff;
3672
+ --bg-primary: #ffffff;
3673
+ --bg-secondary: #dae0e3;
3674
+ --bg-dark: #383e42;
3675
+ --border-color: #c5c7c4;
3676
+ --border-color-dark: #4a4e54;
3677
+ --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
3678
+ --h1-mobile-size: 32px;
3679
+ --h1-mobile-line-height: 1.2;
3680
+ --h2-mobile-size: 24px;
3681
+ --h2-mobile-line-height: 1.2;
3682
+ --h3-mobile-size: 18px;
3683
+ --h3-mobile-line-height: 1.6;
3684
+ --h4-mobile-size: 16px;
3685
+ --h4-mobile-line-height: 1.55;
3686
+ --h5-mobile-size: 14px;
3687
+ --h5-mobile-line-height: 1.5;
3688
+ --body-mobile-size: 14px;
3689
+ --body-mobile-line-height: 1.5;
3690
+ --h1-desktop-size: 55px;
3691
+ --h1-desktop-line-height: 1.15;
3692
+ --h1-desktop-letter-spacing: -0.02em;
3693
+ --h2-desktop-size: 40px;
3694
+ --h2-desktop-line-height: 1.2;
3695
+ --h2-desktop-letter-spacing: -0.01em;
3696
+ --h3-desktop-size: 32px;
3697
+ --h3-desktop-line-height: 1.2;
3698
+ --h4-desktop-size: 24px;
3699
+ --h4-desktop-line-height: 1.2;
3700
+ --h5-desktop-size: 18px;
3701
+ --h5-desktop-line-height: 1.6;
3702
+ --body-desktop-size: 18px;
3703
+ --body-desktop-line-height: 1.6;
3704
+ --text-lg-size: 27px;
3705
+ --text-lg-line-height: 1.4;
3706
+ --text-xl-size: 36px;
3707
+ --text-xl-line-height: 1.4;
3708
+ --text-xxl-size: 64px;
3709
+ --text-xxl-line-height: 1;
3710
+ }
3711
+
1990
3712
  .Filters-module__filtersPanel___T3SlK {
1991
3713
  display: flex;
1992
3714
  flex-direction: column;
@@ -2045,7 +3767,7 @@
2045
3767
  font-size: 1rem;
2046
3768
  font-weight: 600;
2047
3769
  color: #111827;
2048
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
3770
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
2049
3771
  }
2050
3772
 
2051
3773
  .Filters-module__accordionIcon___zRGrv {
@@ -2094,7 +3816,7 @@
2094
3816
  .Filters-module__searchInput___nzOMK {
2095
3817
  width: 100%;
2096
3818
  padding: 0.5rem 2rem 0.5rem 2.5rem;
2097
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
3819
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
2098
3820
  font-size: 0.875rem;
2099
3821
  color: #111827;
2100
3822
  background-color: #f9fafb;
@@ -2300,7 +4022,7 @@
2300
4022
  border-radius: 4px;
2301
4023
  cursor: pointer;
2302
4024
  transition: all 0.2s ease-in-out;
2303
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
4025
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
2304
4026
  }
2305
4027
  .Filters-module__clearAllButton___yviGV:hover {
2306
4028
  background-color: #dc2626;
@@ -2327,7 +4049,7 @@
2327
4049
  border-radius: 4px;
2328
4050
  font-size: 0.875rem;
2329
4051
  font-weight: 500;
2330
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
4052
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
2331
4053
  line-height: 1.25;
2332
4054
  transition: background-color 0.2s ease-in-out;
2333
4055
  }