@asante-org/atlascopco-vt-litesitegenerator 1.2.0

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 (75) hide show
  1. package/README.md +160 -0
  2. package/dist/.storybook/AtlasCopcoTheme.d.ts +2 -0
  3. package/dist/.storybook/main.d.ts +3 -0
  4. package/dist/.storybook/manager.d.ts +1 -0
  5. package/dist/.storybook/preview.d.ts +4 -0
  6. package/dist/assets/.gitkeep +0 -0
  7. package/dist/index.esm.js +696 -0
  8. package/dist/index.esm.js.map +1 -0
  9. package/dist/index.esm.scss +2050 -0
  10. package/dist/index.js +752 -0
  11. package/dist/index.js.map +1 -0
  12. package/dist/index.scss +2050 -0
  13. package/dist/src/components/lsg/LsgBanner/LsgBanner.d.ts +17 -0
  14. package/dist/src/components/lsg/LsgBanner/LsgBanner.stories.d.ts +7 -0
  15. package/dist/src/components/lsg/LsgBanner/index.d.ts +2 -0
  16. package/dist/src/components/lsg/LsgButton/LsgButton.d.ts +16 -0
  17. package/dist/src/components/lsg/LsgButton/LsgButton.stories.d.ts +10 -0
  18. package/dist/src/components/lsg/LsgButton/index.d.ts +2 -0
  19. package/dist/src/components/lsg/LsgCard/LsgCard.d.ts +22 -0
  20. package/dist/src/components/lsg/LsgCard/LsgCard.stories.d.ts +9 -0
  21. package/dist/src/components/lsg/LsgCard/index.d.ts +2 -0
  22. package/dist/src/components/lsg/LsgFooter/LsgFooter.d.ts +14 -0
  23. package/dist/src/components/lsg/LsgFooter/LsgFooter.stories.d.ts +6 -0
  24. package/dist/src/components/lsg/LsgFooter/index.d.ts +2 -0
  25. package/dist/src/components/lsg/LsgHeader/LsgHeader.d.ts +14 -0
  26. package/dist/src/components/lsg/LsgHeader/LsgHeader.stories.d.ts +6 -0
  27. package/dist/src/components/lsg/LsgHeader/index.d.ts +2 -0
  28. package/dist/src/components/lsg/LsgLanguageSwitcher/LsgLanguageSwitcher.d.ts +20 -0
  29. package/dist/src/components/lsg/LsgLanguageSwitcher/LsgLanguageSwitcher.stories.d.ts +6 -0
  30. package/dist/src/components/lsg/LsgLanguageSwitcher/index.d.ts +2 -0
  31. package/dist/src/components/lsg/LsgLogo/LsgLogo.d.ts +13 -0
  32. package/dist/src/components/lsg/LsgLogo/LsgLogo.stories.d.ts +7 -0
  33. package/dist/src/components/lsg/LsgLogo/index.d.ts +2 -0
  34. package/dist/src/components/lsg/LsgNavigation/LsgNavigation.d.ts +13 -0
  35. package/dist/src/components/lsg/LsgNavigation/LsgNavigation.stories.d.ts +6 -0
  36. package/dist/src/components/lsg/LsgNavigation/index.d.ts +2 -0
  37. package/dist/src/components/lsg/LsgQuickLinks/LsgQuickLinks.d.ts +11 -0
  38. package/dist/src/components/lsg/LsgQuickLinks/LsgQuickLinks.stories.d.ts +6 -0
  39. package/dist/src/components/lsg/LsgQuickLinks/index.d.ts +2 -0
  40. package/dist/src/components/lsg/LsgSearchOverlay/LsgSearchOverlay.d.ts +19 -0
  41. package/dist/src/components/lsg/LsgSearchOverlay/LsgSearchOverlay.stories.d.ts +6 -0
  42. package/dist/src/components/lsg/LsgSearchOverlay/index.d.ts +2 -0
  43. package/dist/src/components/lsg/LsgSearchTrigger/LsgSearchTrigger.d.ts +10 -0
  44. package/dist/src/components/lsg/LsgSearchTrigger/LsgSearchTrigger.stories.d.ts +6 -0
  45. package/dist/src/components/lsg/LsgSearchTrigger/index.d.ts +2 -0
  46. package/dist/src/components/lsg/LsgSocialMediaIcons/LsgSocialMediaIcons.d.ts +13 -0
  47. package/dist/src/components/lsg/LsgSocialMediaIcons/LsgSocialMediaIcons.stories.d.ts +6 -0
  48. package/dist/src/components/lsg/LsgSocialMediaIcons/index.d.ts +2 -0
  49. package/dist/src/components/lsg/_LsgOverviewComponents.d.ts +35 -0
  50. package/dist/src/components/lsg/index.d.ts +24 -0
  51. package/dist/src/components/lsg/lsg-clientlib-runtime.d.ts +1 -0
  52. package/dist/src/components/lsg/lsg-clientlib.d.ts +14 -0
  53. package/dist/src/index.d.ts +6 -0
  54. package/dist/src/stories/foundation/_components/StoryLayout.d.ts +11 -0
  55. package/dist/src/themes/createThemeComponents.d.ts +19 -0
  56. package/dist/src/themes/theme-1/components.d.ts +16 -0
  57. package/dist/src/themes/theme-1/theme-clientlib.d.ts +1 -0
  58. package/dist/src/themes/theme-2/components.d.ts +16 -0
  59. package/dist/src/themes/theme-2/theme-clientlib.d.ts +1 -0
  60. package/dist/src/themes/theme-3/components.d.ts +16 -0
  61. package/dist/src/themes/theme-3/theme-clientlib.d.ts +1 -0
  62. package/dist/themes/theme-1.css +754 -0
  63. package/dist/themes/theme-1.css.map +1 -0
  64. package/dist/themes/theme-1.js +99 -0
  65. package/dist/themes/theme-1.js.map +1 -0
  66. package/dist/themes/theme-2.css +754 -0
  67. package/dist/themes/theme-2.css.map +1 -0
  68. package/dist/themes/theme-2.js +99 -0
  69. package/dist/themes/theme-2.js.map +1 -0
  70. package/dist/themes/theme-3.css +762 -0
  71. package/dist/themes/theme-3.css.map +1 -0
  72. package/dist/themes/theme-3.js +99 -0
  73. package/dist/themes/theme-3.js.map +1 -0
  74. package/dist/tsconfig.tsbuildinfo +1 -0
  75. package/package.json +115 -0
@@ -0,0 +1,754 @@
1
+ :root {
2
+ --lsg-color-primary: #14532d;
3
+ --lsg-color-secondary: #3f3f46;
4
+ --lsg-color-tertiary: #c2410c;
5
+ --lsg-color-light: #eeeeee;
6
+ --lsg-color-dark: #18181b;
7
+ --lsg-color-black: #09090b;
8
+ --lsg-color-white: #ffffff;
9
+ --lsg-size-Small: 14px;
10
+ --lsg-size-body: 18px;
11
+ --lsg-size-Pretitle: 18px;
12
+ --lsg-size-H6: 18px;
13
+ --lsg-size-H5: 21px;
14
+ --lsg-size-H4: 28px;
15
+ --lsg-size-H3: 30px;
16
+ --lsg-size-H2: 36px;
17
+ --lsg-size-H1: 45px;
18
+ --lsg-size-large: 54px;
19
+ --lsg-size-xl: 72px;
20
+ --lsg-size-xxl: 90px;
21
+ --lsg-size-xxxl: 108px;
22
+ --lsg-font-family-primary: Calibri;
23
+ --lsg-font-family-secondary: "Times New Roman";
24
+ --lsg-radius-square: 0px;
25
+ --lsg-radius-rounded: 10px;
26
+ --lsg-radius-pill: 25px;
27
+ }
28
+
29
+ :root {
30
+ --atlascopco-blue-1: #f5fbfc;
31
+ --atlascopco-blue-3: #b8e0ec;
32
+ --atlascopco-blue-5: #7ac6dc;
33
+ --atlascopco-blue-7: #3daccc;
34
+ --atlascopco-blue-9: #0092bc;
35
+ --atlascopco-blue-11: #006f8f;
36
+ --atlascopco-gray-1: #f8f9f9;
37
+ --atlascopco-gray-3: #d1d4d7;
38
+ --atlascopco-gray-5: #aab0b5;
39
+ --atlascopco-gray-7: #828b92;
40
+ --atlascopco-gray-9: #5b6770;
41
+ --atlascopco-gray-11: #2f363a;
42
+ --atlascopco-beige-1: #f5f2ef;
43
+ --atlascopco-beige-2: #efebe6;
44
+ --atlascopco-beige-3: #e7e0da;
45
+ --atlascopco-beige-4: #dfd6ce;
46
+ --atlascopco-blue: #0092bc;
47
+ --atlascopco-blue-dark: #006f8f;
48
+ --atlascopco-black: #000000;
49
+ --atlascopco-white: #ffffff;
50
+ --atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
51
+ --atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
52
+ --atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
53
+ --atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
54
+ --atlascopco-grey-100: #f8f9f9;
55
+ --atlascopco-grey-200: #d1d4d7;
56
+ --atlascopco-grey-300: #aab0b5;
57
+ --atlascopco-grey-400: #828b92;
58
+ --atlascopco-grey-500: #5b6770;
59
+ --atlascopco-grey-600: #2f363a;
60
+ --color-primary: #0092bc;
61
+ --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
62
+ --spacing-zero: 0px;
63
+ --spacing-xxs: 4px;
64
+ --spacing-xs: 8px;
65
+ --spacing-sm: 12px;
66
+ --spacing-md: 16px;
67
+ --spacing-lg: 24px;
68
+ --spacing-xl: 36px;
69
+ --spacing-xxl: 48px;
70
+ --spacing-3xl: 72px;
71
+ --spacing-4xl: 96px;
72
+ --h1-mobile-size: 32px;
73
+ --h1-mobile-line-height: 1.2;
74
+ --h2-mobile-size: 24px;
75
+ --h2-mobile-line-height: 1.2;
76
+ --h3-mobile-size: 18px;
77
+ --h3-mobile-line-height: 1.6;
78
+ --body-mobile-size: 14px;
79
+ --body-mobile-line-height: 1.5;
80
+ --h1-desktop-size: 55px;
81
+ --h1-desktop-line-height: 1.15;
82
+ --h2-desktop-size: 40px;
83
+ --h2-desktop-line-height: 1.2;
84
+ --h3-desktop-size: 32px;
85
+ --h3-desktop-line-height: 1.2;
86
+ --body-desktop-size: 18px;
87
+ --body-desktop-line-height: 1.6;
88
+ --text-lg-size: 27px;
89
+ --text-lg-line-height: 1.4;
90
+ --text-xl-size: 36px;
91
+ --text-xl-line-height: 1.4;
92
+ --text-xxl-size: 64px;
93
+ --text-xxl-line-height: 1;
94
+ }
95
+
96
+ .lsg-button {
97
+ display: inline-flex;
98
+ align-items: center;
99
+ justify-content: center;
100
+ gap: 8px;
101
+ padding: 12px 24px;
102
+ font-family: var(--lsg-font-family-primary);
103
+ font-size: 0.9375rem;
104
+ font-weight: 600;
105
+ line-height: 1.5;
106
+ text-decoration: none;
107
+ border: 2px solid transparent;
108
+ border-radius: var(--lsg-radius-rounded);
109
+ cursor: pointer;
110
+ transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
111
+ white-space: nowrap;
112
+ }
113
+ .lsg-button:focus-visible {
114
+ outline: 2px solid var(--lsg-color-primary);
115
+ outline-offset: 2px;
116
+ }
117
+ .lsg-button--primary {
118
+ background-color: var(--lsg-color-primary);
119
+ border-color: var(--lsg-color-primary);
120
+ color: var(--lsg-color-white);
121
+ }
122
+ .lsg-button--primary:hover:not([disabled]):not(.lsg-button--disabled) {
123
+ background-color: color-mix(in srgb, var(--lsg-color-primary) 82%, var(--lsg-color-black));
124
+ border-color: color-mix(in srgb, var(--lsg-color-primary) 82%, var(--lsg-color-black));
125
+ }
126
+ .lsg-button--secondary {
127
+ background-color: transparent;
128
+ border-color: var(--lsg-color-primary);
129
+ color: var(--lsg-color-primary);
130
+ }
131
+ .lsg-button--secondary:hover:not([disabled]):not(.lsg-button--disabled) {
132
+ background-color: var(--lsg-color-primary);
133
+ color: var(--lsg-color-white);
134
+ }
135
+ .lsg-button--ghost {
136
+ background-color: transparent;
137
+ border-color: transparent;
138
+ color: var(--lsg-color-primary);
139
+ padding-left: 0;
140
+ padding-right: 0;
141
+ }
142
+ .lsg-button--ghost:hover:not([disabled]):not(.lsg-button--disabled) {
143
+ text-decoration: underline;
144
+ }
145
+ .lsg-button--disabled, .lsg-button[disabled] {
146
+ opacity: 0.5;
147
+ cursor: not-allowed;
148
+ pointer-events: none;
149
+ }
150
+
151
+ .lsg-banner {
152
+ position: relative;
153
+ display: flex;
154
+ align-items: center;
155
+ min-height: 400px;
156
+ padding: 72px 24px;
157
+ background-color: var(--lsg-color-dark);
158
+ color: var(--lsg-color-white);
159
+ overflow: hidden;
160
+ }
161
+ .lsg-banner__background {
162
+ position: absolute;
163
+ inset: 0;
164
+ }
165
+ .lsg-banner__background img {
166
+ width: 100%;
167
+ height: 100%;
168
+ object-fit: cover;
169
+ display: block;
170
+ }
171
+ .lsg-banner__background::after {
172
+ content: "";
173
+ position: absolute;
174
+ inset: 0;
175
+ background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.15) 100%);
176
+ }
177
+ .lsg-banner__inner {
178
+ position: relative;
179
+ z-index: 1;
180
+ width: 100%;
181
+ max-width: 1280px;
182
+ margin: 0 auto;
183
+ padding: 0 24px;
184
+ }
185
+ .lsg-banner__eyebrow {
186
+ display: block;
187
+ font-size: 0.8125rem;
188
+ font-weight: 700;
189
+ letter-spacing: 0.1em;
190
+ text-transform: uppercase;
191
+ color: color-mix(in srgb, var(--lsg-color-primary) 35%, var(--lsg-color-white));
192
+ margin: 0 0 12px;
193
+ }
194
+ .lsg-banner__heading {
195
+ font-size: clamp(1.75rem, 4vw, 3rem);
196
+ font-weight: 700;
197
+ line-height: 1.15;
198
+ margin: 0 0 16px;
199
+ max-width: 720px;
200
+ }
201
+ .lsg-banner__copy {
202
+ font-size: 1.125rem;
203
+ line-height: 1.6;
204
+ color: color-mix(in srgb, var(--lsg-color-white) 88%, var(--lsg-color-light));
205
+ margin: 0 0 36px;
206
+ max-width: 560px;
207
+ }
208
+ .lsg-card {
209
+ display: flex;
210
+ flex-direction: column;
211
+ border: 1px solid color-mix(in srgb, var(--lsg-color-secondary) 18%, var(--lsg-color-white));
212
+ border-radius: var(--lsg-radius-rounded);
213
+ background: var(--lsg-color-white);
214
+ overflow: hidden;
215
+ transition: box-shadow 0.2s ease;
216
+ height: 100%;
217
+ }
218
+ .lsg-card:hover {
219
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
220
+ }
221
+ .lsg-card__image {
222
+ aspect-ratio: 16/9;
223
+ overflow: hidden;
224
+ }
225
+ .lsg-card__image img {
226
+ width: 100%;
227
+ height: 100%;
228
+ object-fit: cover;
229
+ display: block;
230
+ }
231
+ .lsg-card__body {
232
+ display: flex;
233
+ flex-direction: column;
234
+ flex: 1;
235
+ padding: 24px;
236
+ gap: 12px;
237
+ }
238
+ .lsg-card__title {
239
+ font-size: 1.125rem;
240
+ font-weight: 600;
241
+ line-height: 1.3;
242
+ color: var(--lsg-color-black);
243
+ margin: 0;
244
+ }
245
+ .lsg-card__description {
246
+ font-size: var(--lsg-size-body);
247
+ line-height: 1.6;
248
+ color: var(--lsg-color-secondary);
249
+ margin: 0;
250
+ flex: 1;
251
+ }
252
+ .lsg-card__footer {
253
+ margin-top: auto;
254
+ padding-top: 12px;
255
+ border-top: 1px solid color-mix(in srgb, var(--lsg-color-secondary) 12%, var(--lsg-color-white));
256
+ }
257
+
258
+ .lsg-cards {
259
+ display: grid;
260
+ grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
261
+ gap: 24px;
262
+ list-style: none;
263
+ padding: 0;
264
+ margin: 0;
265
+ }
266
+
267
+ .lsg-logo {
268
+ display: inline-flex;
269
+ align-items: center;
270
+ text-decoration: none;
271
+ flex-shrink: 0;
272
+ }
273
+ .lsg-logo__image {
274
+ display: block;
275
+ width: auto;
276
+ height: 40px;
277
+ max-width: 160px;
278
+ }
279
+ .lsg-logo__text {
280
+ font-family: var(--lsg-font-family-primary);
281
+ font-size: 1.25rem;
282
+ font-weight: 700;
283
+ color: var(--lsg-color-primary);
284
+ letter-spacing: -0.01em;
285
+ }
286
+
287
+ .lsg-nav__list {
288
+ display: flex;
289
+ align-items: center;
290
+ gap: 8px;
291
+ list-style: none;
292
+ padding: 0;
293
+ margin: 0;
294
+ }
295
+ .lsg-nav__item {
296
+ display: flex;
297
+ align-items: stretch;
298
+ }
299
+ .lsg-nav__link {
300
+ display: flex;
301
+ align-items: center;
302
+ padding: 8px 12px;
303
+ font-size: 0.9375rem;
304
+ font-weight: 500;
305
+ color: var(--lsg-color-dark);
306
+ text-decoration: none;
307
+ border-bottom: 2px solid transparent;
308
+ transition: color 0.15s ease, border-color 0.15s ease;
309
+ }
310
+ .lsg-nav__link:hover, .lsg-nav__link:focus-visible {
311
+ color: var(--lsg-color-primary);
312
+ outline: none;
313
+ }
314
+ .lsg-nav__link:focus-visible {
315
+ outline: 2px solid var(--lsg-color-primary);
316
+ outline-offset: 2px;
317
+ }
318
+ .lsg-nav__link--current {
319
+ color: var(--lsg-color-primary);
320
+ border-bottom-color: var(--lsg-color-primary);
321
+ font-weight: 600;
322
+ }
323
+
324
+ .lsg-lang-switcher {
325
+ position: relative;
326
+ }
327
+ .lsg-lang-switcher__trigger {
328
+ display: inline-flex;
329
+ align-items: center;
330
+ gap: 8px;
331
+ padding: 8px 12px;
332
+ font-family: var(--lsg-font-family-primary);
333
+ font-size: 0.875rem;
334
+ font-weight: 500;
335
+ color: var(--lsg-color-secondary);
336
+ background: none;
337
+ border: 1px solid color-mix(in srgb, var(--lsg-color-secondary) 18%, var(--lsg-color-white));
338
+ border-radius: var(--lsg-radius-rounded);
339
+ cursor: pointer;
340
+ transition: border-color 0.15s ease, color 0.15s ease;
341
+ }
342
+ .lsg-lang-switcher__trigger:hover, .lsg-lang-switcher__trigger:focus-visible {
343
+ border-color: var(--lsg-color-primary);
344
+ color: var(--lsg-color-primary);
345
+ outline: none;
346
+ }
347
+ .lsg-lang-switcher__trigger:focus-visible {
348
+ outline: 2px solid var(--lsg-color-primary);
349
+ outline-offset: 2px;
350
+ }
351
+ .lsg-lang-switcher__trigger svg {
352
+ width: 12px;
353
+ height: 12px;
354
+ flex-shrink: 0;
355
+ transition: transform 0.2s ease;
356
+ }
357
+ .lsg-lang-switcher__trigger[aria-expanded=true] svg {
358
+ transform: rotate(180deg);
359
+ }
360
+ .lsg-lang-switcher__dropdown {
361
+ position: absolute;
362
+ top: calc(100% + 4px);
363
+ right: 0;
364
+ min-width: 140px;
365
+ background: var(--lsg-color-white);
366
+ border: 1px solid color-mix(in srgb, var(--lsg-color-secondary) 18%, var(--lsg-color-white));
367
+ border-radius: var(--lsg-radius-rounded);
368
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
369
+ list-style: none;
370
+ padding: 8px 0;
371
+ margin: 0;
372
+ z-index: 100;
373
+ }
374
+ .lsg-lang-switcher__option-link {
375
+ display: block;
376
+ padding: 8px 12px;
377
+ font-size: 0.875rem;
378
+ color: var(--lsg-color-secondary);
379
+ text-decoration: none;
380
+ transition: background-color 0.1s ease, color 0.1s ease;
381
+ }
382
+ .lsg-lang-switcher__option-link:hover, .lsg-lang-switcher__option-link:focus-visible {
383
+ background-color: color-mix(in srgb, var(--lsg-color-light) 70%, var(--lsg-color-white));
384
+ color: var(--lsg-color-primary);
385
+ outline: none;
386
+ }
387
+ .lsg-lang-switcher__option-link--active {
388
+ font-weight: 600;
389
+ color: var(--lsg-color-primary);
390
+ }
391
+
392
+ .lsg-search-trigger {
393
+ display: inline-flex;
394
+ align-items: center;
395
+ justify-content: center;
396
+ width: 40px;
397
+ height: 40px;
398
+ background: none;
399
+ border: none;
400
+ border-radius: 50%;
401
+ cursor: pointer;
402
+ color: var(--lsg-color-secondary);
403
+ transition: background-color 0.15s ease, color 0.15s ease;
404
+ }
405
+ .lsg-search-trigger:hover, .lsg-search-trigger:focus-visible {
406
+ background-color: color-mix(in srgb, var(--lsg-color-light) 70%, var(--lsg-color-white));
407
+ color: var(--lsg-color-primary);
408
+ }
409
+ .lsg-search-trigger:focus-visible {
410
+ outline: 2px solid var(--lsg-color-primary);
411
+ outline-offset: 2px;
412
+ }
413
+ .lsg-search-trigger svg {
414
+ width: 20px;
415
+ height: 20px;
416
+ pointer-events: none;
417
+ }
418
+
419
+ .lsg-search-overlay {
420
+ position: fixed;
421
+ inset: 0;
422
+ z-index: 200;
423
+ display: flex;
424
+ align-items: flex-start;
425
+ justify-content: center;
426
+ padding-top: 80px;
427
+ background-color: rgba(0, 0, 0, 0.55);
428
+ opacity: 0;
429
+ visibility: hidden;
430
+ transition: opacity 0.2s ease, visibility 0.2s ease;
431
+ }
432
+ .lsg-search-overlay--open {
433
+ opacity: 1;
434
+ visibility: visible;
435
+ }
436
+ .lsg-search-overlay__panel {
437
+ width: 100%;
438
+ max-width: 640px;
439
+ margin: 0 24px;
440
+ background: var(--lsg-color-white);
441
+ border-radius: var(--lsg-radius-rounded);
442
+ padding: 24px;
443
+ box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
444
+ }
445
+ .lsg-search-overlay__form {
446
+ display: flex;
447
+ align-items: center;
448
+ gap: 12px;
449
+ border-bottom: 2px solid var(--lsg-color-primary);
450
+ padding-bottom: 12px;
451
+ }
452
+ .lsg-search-overlay__input {
453
+ flex: 1;
454
+ border: none;
455
+ font-size: var(--lsg-size-body);
456
+ font-family: var(--lsg-font-family-primary);
457
+ color: var(--lsg-color-dark);
458
+ background: transparent;
459
+ }
460
+ .lsg-search-overlay__input:focus {
461
+ outline: none;
462
+ }
463
+ .lsg-search-overlay__input::placeholder {
464
+ color: color-mix(in srgb, var(--lsg-color-secondary) 45%, var(--lsg-color-white));
465
+ }
466
+ .lsg-search-overlay__submit {
467
+ display: inline-flex;
468
+ align-items: center;
469
+ justify-content: center;
470
+ background: none;
471
+ border: none;
472
+ cursor: pointer;
473
+ color: var(--lsg-color-primary);
474
+ padding: 8px;
475
+ }
476
+ .lsg-search-overlay__submit:focus-visible {
477
+ outline: 2px solid var(--lsg-color-primary);
478
+ outline-offset: 2px;
479
+ border-radius: var(--lsg-radius-rounded);
480
+ }
481
+ .lsg-search-overlay__submit svg {
482
+ width: 20px;
483
+ height: 20px;
484
+ }
485
+ .lsg-search-overlay__close {
486
+ display: inline-flex;
487
+ align-items: center;
488
+ justify-content: center;
489
+ width: 32px;
490
+ height: 32px;
491
+ background: none;
492
+ border: none;
493
+ cursor: pointer;
494
+ color: color-mix(in srgb, var(--lsg-color-secondary) 60%, var(--lsg-color-white));
495
+ border-radius: 50%;
496
+ transition: background-color 0.15s ease, color 0.15s ease;
497
+ flex-shrink: 0;
498
+ }
499
+ .lsg-search-overlay__close:hover {
500
+ background-color: color-mix(in srgb, var(--lsg-color-light) 70%, var(--lsg-color-white));
501
+ color: var(--lsg-color-dark);
502
+ }
503
+ .lsg-search-overlay__close:focus-visible {
504
+ outline: 2px solid var(--lsg-color-primary);
505
+ outline-offset: 2px;
506
+ }
507
+ .lsg-search-overlay__close svg {
508
+ width: 16px;
509
+ height: 16px;
510
+ }
511
+
512
+ .lsg-header {
513
+ position: sticky;
514
+ top: 0;
515
+ z-index: 100;
516
+ background: var(--lsg-color-white);
517
+ border-bottom: 1px solid color-mix(in srgb, var(--lsg-color-secondary) 18%, var(--lsg-color-white));
518
+ }
519
+ .lsg-header__inner {
520
+ display: flex;
521
+ align-items: center;
522
+ gap: 16px;
523
+ max-width: 1280px;
524
+ margin: 0 auto;
525
+ padding: 0 24px;
526
+ height: 72px;
527
+ }
528
+ .lsg-header__brand {
529
+ flex-shrink: 0;
530
+ margin-right: 24px;
531
+ }
532
+ .lsg-header__nav {
533
+ flex: 1;
534
+ overflow: hidden;
535
+ }
536
+ .lsg-header__actions {
537
+ display: flex;
538
+ align-items: center;
539
+ gap: 8px;
540
+ margin-left: auto;
541
+ flex-shrink: 0;
542
+ }
543
+
544
+ .lsg-quick-links__heading {
545
+ font-size: 0.8125rem;
546
+ font-weight: 700;
547
+ letter-spacing: 0.08em;
548
+ text-transform: uppercase;
549
+ color: color-mix(in srgb, var(--lsg-color-secondary) 38%, var(--lsg-color-white));
550
+ margin: 0 0 16px;
551
+ }
552
+ .lsg-quick-links__list {
553
+ list-style: none;
554
+ padding: 0;
555
+ margin: 0;
556
+ display: flex;
557
+ flex-direction: column;
558
+ gap: 8px;
559
+ }
560
+ .lsg-quick-links__link {
561
+ font-size: 0.9375rem;
562
+ color: color-mix(in srgb, var(--lsg-color-secondary) 30%, var(--lsg-color-white));
563
+ text-decoration: none;
564
+ transition: color 0.15s ease;
565
+ }
566
+ .lsg-quick-links__link:hover, .lsg-quick-links__link:focus-visible {
567
+ color: var(--lsg-color-white);
568
+ outline: none;
569
+ }
570
+ .lsg-quick-links__link:focus-visible {
571
+ text-decoration: underline;
572
+ }
573
+
574
+ .lsg-social-icons {
575
+ display: flex;
576
+ align-items: center;
577
+ gap: 12px;
578
+ list-style: none;
579
+ padding: 0;
580
+ margin: 0;
581
+ }
582
+ .lsg-social-icons__link {
583
+ display: inline-flex;
584
+ align-items: center;
585
+ justify-content: center;
586
+ width: 36px;
587
+ height: 36px;
588
+ color: color-mix(in srgb, var(--lsg-color-secondary) 38%, var(--lsg-color-white));
589
+ border-radius: 50%;
590
+ border: 1px solid color-mix(in srgb, var(--lsg-color-secondary) 52%, var(--lsg-color-white));
591
+ transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
592
+ }
593
+ .lsg-social-icons__link:hover, .lsg-social-icons__link:focus-visible {
594
+ color: var(--lsg-color-white);
595
+ border-color: var(--lsg-color-white);
596
+ background-color: rgba(255, 255, 255, 0.1);
597
+ }
598
+ .lsg-social-icons__link:focus-visible {
599
+ outline: 2px solid color-mix(in srgb, var(--lsg-color-primary) 35%, var(--lsg-color-white));
600
+ outline-offset: 2px;
601
+ }
602
+ .lsg-social-icons__link svg {
603
+ width: 16px;
604
+ height: 16px;
605
+ pointer-events: none;
606
+ fill: currentColor;
607
+ }
608
+
609
+ .lsg-footer {
610
+ background-color: var(--lsg-color-dark);
611
+ color: var(--lsg-color-white);
612
+ }
613
+ .lsg-footer__inner {
614
+ max-width: 1280px;
615
+ margin: 0 auto;
616
+ padding: 72px 24px;
617
+ display: grid;
618
+ grid-template-columns: 220px 1fr;
619
+ gap: 72px;
620
+ }
621
+ @media (max-width: 768px) {
622
+ .lsg-footer__inner {
623
+ grid-template-columns: 1fr;
624
+ gap: 36px;
625
+ }
626
+ }
627
+ .lsg-footer__brand {
628
+ display: flex;
629
+ flex-direction: column;
630
+ gap: 16px;
631
+ }
632
+ .lsg-footer__tagline {
633
+ font-size: 0.9375rem;
634
+ color: color-mix(in srgb, var(--lsg-color-secondary) 38%, var(--lsg-color-white));
635
+ line-height: 1.6;
636
+ margin: 0;
637
+ }
638
+ .lsg-footer__nav {
639
+ display: grid;
640
+ grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
641
+ gap: 36px;
642
+ }
643
+ .lsg-footer__bottom {
644
+ max-width: 1280px;
645
+ margin: 0 auto;
646
+ padding: 16px 24px;
647
+ border-top: 1px solid var(--lsg-color-secondary);
648
+ display: flex;
649
+ align-items: center;
650
+ justify-content: space-between;
651
+ gap: 16px;
652
+ flex-wrap: wrap;
653
+ }
654
+ .lsg-footer__copyright {
655
+ font-size: 0.8125rem;
656
+ color: color-mix(in srgb, var(--lsg-color-secondary) 56%, var(--lsg-color-white));
657
+ margin: 0;
658
+ }
659
+ .lsg-footer .lsg-logo__text {
660
+ color: var(--lsg-color-white);
661
+ }
662
+ .lsg-footer .lsg-logo__image {
663
+ filter: brightness(0) invert(1);
664
+ }
665
+
666
+ .lsg-visually-hidden {
667
+ position: absolute;
668
+ width: 1px;
669
+ height: 1px;
670
+ padding: 0;
671
+ margin: -1px;
672
+ overflow: hidden;
673
+ clip: rect(0, 0, 0, 0);
674
+ white-space: nowrap;
675
+ border: 0;
676
+ }
677
+
678
+ .lsg-themed-component {
679
+ display: contents;
680
+ }
681
+
682
+ :root[data-lsg-theme=theme-1] .lsg-button,
683
+ .lsg-themed-component--theme-1 .lsg-button {
684
+ letter-spacing: 0.01em;
685
+ }
686
+ :root[data-lsg-theme=theme-1] .lsg-button--primary,
687
+ .lsg-themed-component--theme-1 .lsg-button--primary {
688
+ box-shadow: inset 0 -3px 0 color-mix(in srgb, var(--lsg-color-primary) 70%, var(--lsg-color-black));
689
+ }
690
+ :root[data-lsg-theme=theme-1] .lsg-banner__inner,
691
+ .lsg-themed-component--theme-1 .lsg-banner__inner {
692
+ border-left: 4px solid color-mix(in srgb, var(--lsg-color-primary) 78%, var(--lsg-color-white));
693
+ padding-left: 2rem;
694
+ }
695
+ :root[data-lsg-theme=theme-1] .lsg-card,
696
+ .lsg-themed-component--theme-1 .lsg-card {
697
+ box-shadow: 0 18px 36px color-mix(in srgb, var(--lsg-color-dark) 12%, transparent);
698
+ }
699
+ :root[data-lsg-theme=theme-1] .lsg-card__footer,
700
+ .lsg-themed-component--theme-1 .lsg-card__footer {
701
+ border-top-color: color-mix(in srgb, var(--lsg-color-primary) 30%, var(--lsg-color-white));
702
+ }
703
+ :root[data-lsg-theme=theme-1] .lsg-header,
704
+ .lsg-themed-component--theme-1 .lsg-header {
705
+ border-bottom-width: 2px;
706
+ }
707
+ :root[data-lsg-theme=theme-1] .lsg-logo__text,
708
+ :root[data-lsg-theme=theme-1] .lsg-nav__link,
709
+ .lsg-themed-component--theme-1 .lsg-logo__text,
710
+ .lsg-themed-component--theme-1 .lsg-nav__link {
711
+ letter-spacing: 0.02em;
712
+ }
713
+ :root[data-lsg-theme=theme-1] .lsg-search-overlay__panel,
714
+ .lsg-themed-component--theme-1 .lsg-search-overlay__panel {
715
+ border: 1px solid color-mix(in srgb, var(--lsg-color-primary) 18%, var(--lsg-color-white));
716
+ }
717
+ :root[data-lsg-theme=theme-1] .lsg-quick-links__heading,
718
+ .lsg-themed-component--theme-1 .lsg-quick-links__heading {
719
+ color: color-mix(in srgb, var(--lsg-color-primary) 28%, var(--lsg-color-white));
720
+ }
721
+ :root[data-lsg-theme=theme-1] .lsg-social-icons__link,
722
+ .lsg-themed-component--theme-1 .lsg-social-icons__link {
723
+ background: color-mix(in srgb, var(--lsg-color-dark) 92%, var(--lsg-color-white));
724
+ }
725
+
726
+ :root {
727
+ --lsg-color-primary: #14532d;
728
+ --lsg-color-secondary: #3f3f46;
729
+ --lsg-color-tertiary: #c2410c;
730
+ --lsg-color-light: #eeeeee;
731
+ --lsg-color-dark: #18181b;
732
+ --lsg-color-black: #09090b;
733
+ --lsg-color-white: #ffffff;
734
+ --lsg-size-Small: 14px;
735
+ --lsg-size-body: 18px;
736
+ --lsg-size-Pretitle: 18px;
737
+ --lsg-size-H6: 18px;
738
+ --lsg-size-H5: 21px;
739
+ --lsg-size-H4: 28px;
740
+ --lsg-size-H3: 30px;
741
+ --lsg-size-H2: 36px;
742
+ --lsg-size-H1: 45px;
743
+ --lsg-size-large: 54px;
744
+ --lsg-size-xl: 72px;
745
+ --lsg-size-xxl: 90px;
746
+ --lsg-size-xxxl: 108px;
747
+ --lsg-font-family-primary: Calibri;
748
+ --lsg-font-family-secondary: "Times New Roman";
749
+ --lsg-radius-square: 0px;
750
+ --lsg-radius-rounded: 10px;
751
+ --lsg-radius-pill: 25px;
752
+ }
753
+
754
+ /*# sourceMappingURL=theme-1.css.map */