@penskemediacorp/larva 1.21.0 → 1.23.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 (14) hide show
  1. package/build/css/larva-important.css +1 -1
  2. package/build/css/larva.css +1 -1
  3. package/build/css/larva.inline-important.css +1 -1
  4. package/build/css/larva.inline.css +1 -1
  5. package/build/svg/defs/sprite.defs.html +1 -1
  6. package/build/tokens/bbesp.custom-properties.css +1 -96
  7. package/build/tokens/bbesp.json +15 -21
  8. package/build/tokens/bbesp.map.scss +15 -21
  9. package/build/tokens/bbesp.raw.json +53 -95
  10. package/build/tokens/rollingstone-2022.custom-properties.css +1 -1
  11. package/build/tokens/rollingstone-2022.json +8 -8
  12. package/build/tokens/rollingstone-2022.map.scss +8 -8
  13. package/build/tokens/rollingstone-2022.raw.json +16 -16
  14. package/package.json +5 -5
package/build/svg/defs/sprite.defs.html CHANGED
@@ -846,7 +846,7 @@ SVG sprite. They may be styled via CSS. (IE 9-11 with polyfill only)
846
846
 
847
847
  </section>
848
848
  <footer>
849
- <p>Generated at Mon, 08 Aug 2022 12:03:52 GMT by <a href="https://github.com/jkphl/svg-sprite" target="_blank">svg-sprite</a>.</p>
849
+ <p>Generated at Tue, 16 Aug 2022 17:38:28 GMT by <a href="https://github.com/jkphl/svg-sprite" target="_blank">svg-sprite</a>.</p>
850
850
  </footer>
851
851
  </body>
852
852
  </html>
package/build/tokens/bbesp.custom-properties.css CHANGED
@@ -1,96 +1 @@
1
-
2
- :root {
3
- --border-color-grey-lightest: rgb(237, 235, 235);
4
- --border-color-brand-secondary-light: rgb(0, 0, 0);
5
- --border-color-grey-light: rgb(204, 204, 204);
6
- --border-color-grey-dark: rgb(76, 81, 103);
7
- --border-color-brand-secondary-dark: rgb(0, 0, 0);
8
- --border-color-brand-secondary: rgb(18, 118, 181);
9
- --border-color-grey: rgb(130, 137, 161);
10
- --border-color-brand-primary-light: rgb(236, 28, 36);
11
- --border-color-white: rgb(255, 255, 255);
12
- --border-color-brand-primary-dark: rgb(236, 28, 36);
13
- --border-color-brand-primary: rgb(0, 157, 219);
14
- --background-color-grey-light: rgb(204, 204, 204);
15
- --background-color-grey-lightest: rgb(237, 235, 235);
16
- --background-color-brand-secondary-dark: rgb(0, 0, 0);
17
- --background-color-brand-secondary-light: rgb(0, 0, 0);
18
- --background-color-grey-dark: rgb(76, 81, 103);
19
- --background-color-grey: rgb(130, 137, 161);
20
- /* The background color of the main body of the site. */
21
- --background-color-body: rgb(255, 255, 255);
22
- --background-color-brand-secondary: rgb(18, 118, 181);
23
- --background-color-black: rgb(16, 17, 25);
24
- --background-color-brand-primary-light: rgb(236, 28, 36);
25
- --background-color-brand-primary-dark: rgb(236, 28, 36);
26
- --background-color-white: rgb(255, 255, 255);
27
- --background-color-brand-primary: rgb(0, 157, 219);
28
- --background-color-grey-darkest: rgb(43, 46, 60);
29
- --color-brand-secondary: rgb(18, 118, 181);
30
- --color-black: rgb(16, 17, 25);
31
- --color-brand-primary-light: rgb(236, 28, 36);
32
- --color-brand-primary-dark: rgb(236, 28, 36);
33
- --color-white: rgb(255, 255, 255);
34
- --color-brand-primary: rgb(0, 157, 219);
35
- --color-grey-light: rgb(230, 230, 230);
36
- --color-brand-secondary-dark: rgb(0, 0, 0);
37
- --color-brand-secondary-light: rgb(0, 0, 0);
38
- --color-grey-dark: rgb(76, 81, 103);
39
- --color-grey: rgb(130, 137, 161);
40
- /* The webfont for font-family-primary. */
41
- --font-family-primary-fancy: 'neue-haas-grotesk-display', 'Arial Narrow', Arial, sans-serif;
42
- /* The fallback font for font-family-primary. */
43
- --font-family-primary: 'Arial Narrow', Arial, sans-serif;
44
- /* The webfont for font-family-secondary. */
45
- --font-family-secondary-fancy: 'neue-haas-grotesk-display';
46
- /* Fallback from font-family-secondary */
47
- --font-family-secondary: Arial, serif;
48
- --font-family-body: Helvetica, Arial, sans-serif;
49
- --font-family-basic: Helvetica, Arial, sans-serif;
50
- --font-weight-light: 300;
51
- --font-weight-normal: 400;
52
- --font-weight-bold: 700;
53
- --line-height-small: 1.1;
54
- --line-height-normal: 1.35;
55
- --line-height-copy: 1.5;
56
- --line-height-large: 1.85;
57
- /* Used for margins and padding only. */
58
- --spacing-00: 0;
59
- /* Used for margins and padding only. */
60
- --spacing-025: 0.25rem;
61
- /* Used for margins and padding only. */
62
- --spacing-050: 0.5rem;
63
- /* Used for margins and padding only. */
64
- --spacing-075: 0.75rem;
65
- /* Used for margins and padding only. */
66
- --spacing-1: 1rem;
67
- /* Used for margins and padding only. */
68
- --spacing-125: 1.25rem;
69
- /* Used for margins and padding only. */
70
- --spacing-150: 1.5rem;
71
- /* Used for margins and padding only. */
72
- --spacing-2: 2rem;
73
- --background-color-brand-accent-1: rgb(239, 132, 26);
74
- --color-grey-ligh: rgb(213, 213, 213);
75
- --background-color-brand-accent-2: rgb(0, 221, 161);
76
- --border-color-brand-accent-1: rgb(239, 132, 26);
77
- --background-color-brand-accent-3: rgb(248, 201, 154);
78
- --border-color-brand-accent-2: rgb(0, 221, 161);
79
- --border-color-brand-accent-3: rgb(248, 201, 154);
80
- --color-grey-darkest: rgb(43, 46, 60);
81
- --border-color-grey-ligh: rgb(213, 213, 213);
82
- --background-color-brand-accent: rgb(239, 132, 26);
83
- --color-brand-accent-1: rgb(239, 132, 26);
84
- --border-color-black: rgb(16, 17, 25);
85
- --color-brand-accent-2: rgb(0, 221, 161);
86
- --background-color-grey-ligh: rgb(213, 213, 213);
87
- --border-color-brand-accent: rgb(239, 132, 26);
88
- --color-brand-accent-3: rgb(248, 201, 154);
89
- --color-grey-lightest: rgb(237, 235, 235);
90
- /* The fallback for the accent font */
91
- --font-family-accent: 'Arial Narrow', Arial, sans-serif;
92
- --color-brand-accent: rgb(239, 132, 26);
93
- --border-color-grey-darkest: rgb(43, 46, 60);
94
- /* The accent webfont, loaded async */
95
- --font-family-accent-fancy: 'acumin-pro-condensed';
96
- }
1
+ :root{--border-color-grey-lightest: rgb(237, 235, 235);--border-color-brand-secondary-light: rgb(0, 0, 0);--border-color-grey-light: rgb(213, 213, 213);--border-color-grey-dark: rgb(76, 81, 103);--border-color-brand-secondary-dark: rgb(0, 0, 0);--border-color-brand-secondary: rgb(18, 118, 181);--border-color-grey: rgb(130, 137, 161);--border-color-brand-primary-light: rgb(236, 28, 36);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(236, 28, 36);--border-color-brand-primary: rgb(0, 158, 218);--background-color-grey-light: rgb(213, 213, 213);--background-color-grey-lightest: rgb(237, 235, 235);--background-color-brand-secondary-dark: rgb(0, 0, 0);--background-color-brand-secondary-light: rgb(0, 0, 0);--background-color-grey-dark: rgb(76, 81, 103);--background-color-grey: rgb(130, 137, 161);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(18, 118, 181);--background-color-black: rgb(16, 17, 25);--background-color-brand-primary-light: rgb(236, 28, 36);--background-color-brand-primary-dark: rgb(236, 28, 36);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(0, 158, 218);--background-color-grey-darkest: rgb(43, 46, 60);--color-brand-secondary: rgb(18, 118, 181);--color-black: rgb(16, 17, 25);--color-brand-primary-light: rgb(236, 28, 36);--color-brand-primary-dark: rgb(236, 28, 36);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(0, 158, 218);--color-grey-light: rgb(213, 213, 213);--color-brand-secondary-dark: rgb(0, 0, 0);--color-brand-secondary-light: rgb(0, 0, 0);--color-grey-dark: rgb(76, 81, 103);--color-grey: rgb(130, 137, 161);--font-family-primary-fancy: "neue-haas-grotesk-display", "Arial Narrow", Arial, sans-serif;--font-family-primary: "Arial Narrow", Arial, sans-serif;--font-family-secondary-fancy: "neue-haas-grotesk-display";--font-family-secondary: Arial, serif;--font-family-body: Helvetica, Arial, sans-serif;--font-family-basic: Helvetica, Arial, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--color-brand-accent-green: rgb(0, 221, 161);--border-color-brand-accent-light-orange: rgb(248, 201, 154);--background-color-brand-accent-light-orange: rgb(248, 201, 154);--color-grey-darkest: rgb(43, 46, 60);--color-brand-accent-orange: rgb(239, 132, 26);--border-color-black: rgb(16, 17, 25);--background-color-brand-accent-green: rgb(0, 221, 161);--color-grey-lightest: rgb(237, 235, 235);--border-color-brand-accent-green: rgb(0, 221, 161);--font-family-accent: "Arial Narrow", Arial, sans-serif;--color-brand-accent-light-orange: rgb(248, 201, 154);--border-color-brand-accent-orange: rgb(239, 132, 26);--background-color-brand-accent-orange: rgb(239, 132, 26);--border-color-grey-darkest: rgb(43, 46, 60);--font-family-accent-fancy: "acumin-pro-condensed"}
package/build/tokens/bbesp.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "BORDER_COLOR_GREY_LIGHTEST": "rgb(237, 235, 235)",
3
3
  "BORDER_COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 0, 0)",
4
- "BORDER_COLOR_GREY_LIGHT": "rgb(204, 204, 204)",
4
+ "BORDER_COLOR_GREY_LIGHT": "rgb(213, 213, 213)",
5
5
  "BORDER_COLOR_GREY_DARK": "rgb(76, 81, 103)",
6
6
  "BORDER_COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
7
7
  "BORDER_COLOR_BRAND_SECONDARY": "rgb(18, 118, 181)",
@@ -9,8 +9,8 @@
9
9
  "BORDER_COLOR_BRAND_PRIMARY_LIGHT": "rgb(236, 28, 36)",
10
10
  "BORDER_COLOR_WHITE": "rgb(255, 255, 255)",
11
11
  "BORDER_COLOR_BRAND_PRIMARY_DARK": "rgb(236, 28, 36)",
12
- "BORDER_COLOR_BRAND_PRIMARY": "rgb(0, 157, 219)",
13
- "BACKGROUND_COLOR_GREY_LIGHT": "rgb(204, 204, 204)",
12
+ "BORDER_COLOR_BRAND_PRIMARY": "rgb(0, 158, 218)",
13
+ "BACKGROUND_COLOR_GREY_LIGHT": "rgb(213, 213, 213)",
14
14
  "BACKGROUND_COLOR_GREY_LIGHTEST": "rgb(237, 235, 235)",
15
15
  "BACKGROUND_COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
16
16
  "BACKGROUND_COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 0, 0)",
@@ -22,15 +22,15 @@
22
22
  "BACKGROUND_COLOR_BRAND_PRIMARY_LIGHT": "rgb(236, 28, 36)",
23
23
  "BACKGROUND_COLOR_BRAND_PRIMARY_DARK": "rgb(236, 28, 36)",
24
24
  "BACKGROUND_COLOR_WHITE": "rgb(255, 255, 255)",
25
- "BACKGROUND_COLOR_BRAND_PRIMARY": "rgb(0, 157, 219)",
25
+ "BACKGROUND_COLOR_BRAND_PRIMARY": "rgb(0, 158, 218)",
26
26
  "BACKGROUND_COLOR_GREY_DARKEST": "rgb(43, 46, 60)",
27
27
  "COLOR_BRAND_SECONDARY": "rgb(18, 118, 181)",
28
28
  "COLOR_BLACK": "rgb(16, 17, 25)",
29
29
  "COLOR_BRAND_PRIMARY_LIGHT": "rgb(236, 28, 36)",
30
30
  "COLOR_BRAND_PRIMARY_DARK": "rgb(236, 28, 36)",
31
31
  "COLOR_WHITE": "rgb(255, 255, 255)",
32
- "COLOR_BRAND_PRIMARY": "rgb(0, 157, 219)",
33
- "COLOR_GREY_LIGHT": "rgb(230, 230, 230)",
32
+ "COLOR_BRAND_PRIMARY": "rgb(0, 158, 218)",
33
+ "COLOR_GREY_LIGHT": "rgb(213, 213, 213)",
34
34
  "COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
35
35
  "COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 0, 0)",
36
36
  "COLOR_GREY_DARK": "rgb(76, 81, 103)",
@@ -56,25 +56,19 @@
56
56
  "SPACING_125": "1.25rem",
57
57
  "SPACING_150": "1.5rem",
58
58
  "SPACING_2": "2rem",
59
- "BACKGROUND_COLOR_BRAND_ACCENT_1": "rgb(239, 132, 26)",
60
- "COLOR_GREY_LIGH": "rgb(213, 213, 213)",
61
- "BACKGROUND_COLOR_BRAND_ACCENT_2": "rgb(0, 221, 161)",
62
- "BORDER_COLOR_BRAND_ACCENT_1": "rgb(239, 132, 26)",
63
- "BACKGROUND_COLOR_BRAND_ACCENT_3": "rgb(248, 201, 154)",
64
- "BORDER_COLOR_BRAND_ACCENT_2": "rgb(0, 221, 161)",
65
- "BORDER_COLOR_BRAND_ACCENT_3": "rgb(248, 201, 154)",
59
+ "COLOR_BRAND_ACCENT_GREEN": "rgb(0, 221, 161)",
60
+ "BORDER_COLOR_BRAND_ACCENT_LIGHT_ORANGE": "rgb(248, 201, 154)",
61
+ "BACKGROUND_COLOR_BRAND_ACCENT_LIGHT_ORANGE": "rgb(248, 201, 154)",
66
62
  "COLOR_GREY_DARKEST": "rgb(43, 46, 60)",
67
- "BORDER_COLOR_GREY_LIGH": "rgb(213, 213, 213)",
68
- "BACKGROUND_COLOR_BRAND_ACCENT": "rgb(239, 132, 26)",
69
- "COLOR_BRAND_ACCENT_1": "rgb(239, 132, 26)",
63
+ "COLOR_BRAND_ACCENT_ORANGE": "rgb(239, 132, 26)",
70
64
  "BORDER_COLOR_BLACK": "rgb(16, 17, 25)",
71
- "COLOR_BRAND_ACCENT_2": "rgb(0, 221, 161)",
72
- "BACKGROUND_COLOR_GREY_LIGH": "rgb(213, 213, 213)",
73
- "BORDER_COLOR_BRAND_ACCENT": "rgb(239, 132, 26)",
74
- "COLOR_BRAND_ACCENT_3": "rgb(248, 201, 154)",
65
+ "BACKGROUND_COLOR_BRAND_ACCENT_GREEN": "rgb(0, 221, 161)",
75
66
  "COLOR_GREY_LIGHTEST": "rgb(237, 235, 235)",
67
+ "BORDER_COLOR_BRAND_ACCENT_GREEN": "rgb(0, 221, 161)",
76
68
  "FONT_FAMILY_ACCENT": "'Arial Narrow', Arial, sans-serif",
77
- "COLOR_BRAND_ACCENT": "rgb(239, 132, 26)",
69
+ "COLOR_BRAND_ACCENT_LIGHT_ORANGE": "rgb(248, 201, 154)",
70
+ "BORDER_COLOR_BRAND_ACCENT_ORANGE": "rgb(239, 132, 26)",
71
+ "BACKGROUND_COLOR_BRAND_ACCENT_ORANGE": "rgb(239, 132, 26)",
78
72
  "BORDER_COLOR_GREY_DARKEST": "rgb(43, 46, 60)",
79
73
  "FONT_FAMILY_ACCENT_FANCY": "'acumin-pro-condensed'"
80
74
  }
package/build/tokens/bbesp.map.scss CHANGED
@@ -2,7 +2,7 @@
2
2
  $bbesp-map: (
3
3
  'border-color-grey-lightest': (rgb(237, 235, 235)),
4
4
  'border-color-brand-secondary-light': (rgb(0, 0, 0)),
5
- 'border-color-grey-light': (rgb(204, 204, 204)),
5
+ 'border-color-grey-light': (rgb(213, 213, 213)),
6
6
  'border-color-grey-dark': (rgb(76, 81, 103)),
7
7
  'border-color-brand-secondary-dark': (rgb(0, 0, 0)),
8
8
  'border-color-brand-secondary': (rgb(18, 118, 181)),
@@ -10,8 +10,8 @@ $bbesp-map: (
10
10
  'border-color-brand-primary-light': (rgb(236, 28, 36)),
11
11
  'border-color-white': (rgb(255, 255, 255)),
12
12
  'border-color-brand-primary-dark': (rgb(236, 28, 36)),
13
- 'border-color-brand-primary': (rgb(0, 157, 219)),
14
- 'background-color-grey-light': (rgb(204, 204, 204)),
13
+ 'border-color-brand-primary': (rgb(0, 158, 218)),
14
+ 'background-color-grey-light': (rgb(213, 213, 213)),
15
15
  'background-color-grey-lightest': (rgb(237, 235, 235)),
16
16
  'background-color-brand-secondary-dark': (rgb(0, 0, 0)),
17
17
  'background-color-brand-secondary-light': (rgb(0, 0, 0)),
@@ -24,15 +24,15 @@ $bbesp-map: (
24
24
  'background-color-brand-primary-light': (rgb(236, 28, 36)),
25
25
  'background-color-brand-primary-dark': (rgb(236, 28, 36)),
26
26
  'background-color-white': (rgb(255, 255, 255)),
27
- 'background-color-brand-primary': (rgb(0, 157, 219)),
27
+ 'background-color-brand-primary': (rgb(0, 158, 218)),
28
28
  'background-color-grey-darkest': (rgb(43, 46, 60)),
29
29
  'color-brand-secondary': (rgb(18, 118, 181)),
30
30
  'color-black': (rgb(16, 17, 25)),
31
31
  'color-brand-primary-light': (rgb(236, 28, 36)),
32
32
  'color-brand-primary-dark': (rgb(236, 28, 36)),
33
33
  'color-white': (rgb(255, 255, 255)),
34
- 'color-brand-primary': (rgb(0, 157, 219)),
35
- 'color-grey-light': (rgb(230, 230, 230)),
34
+ 'color-brand-primary': (rgb(0, 158, 218)),
35
+ 'color-grey-light': (rgb(213, 213, 213)),
36
36
  'color-brand-secondary-dark': (rgb(0, 0, 0)),
37
37
  'color-brand-secondary-light': (rgb(0, 0, 0)),
38
38
  'color-grey-dark': (rgb(76, 81, 103)),
@@ -70,26 +70,20 @@ $bbesp-map: (
70
70
  'spacing-150': (1.5rem),
71
71
  /* Used for margins and padding only. */
72
72
  'spacing-2': (2rem),
73
- 'background-color-brand-accent-1': (rgb(239, 132, 26)),
74
- 'color-grey-ligh': (rgb(213, 213, 213)),
75
- 'background-color-brand-accent-2': (rgb(0, 221, 161)),
76
- 'border-color-brand-accent-1': (rgb(239, 132, 26)),
77
- 'background-color-brand-accent-3': (rgb(248, 201, 154)),
78
- 'border-color-brand-accent-2': (rgb(0, 221, 161)),
79
- 'border-color-brand-accent-3': (rgb(248, 201, 154)),
73
+ 'color-brand-accent-green': (rgb(0, 221, 161)),
74
+ 'border-color-brand-accent-light-orange': (rgb(248, 201, 154)),
75
+ 'background-color-brand-accent-light-orange': (rgb(248, 201, 154)),
80
76
  'color-grey-darkest': (rgb(43, 46, 60)),
81
- 'border-color-grey-ligh': (rgb(213, 213, 213)),
82
- 'background-color-brand-accent': (rgb(239, 132, 26)),
83
- 'color-brand-accent-1': (rgb(239, 132, 26)),
77
+ 'color-brand-accent-orange': (rgb(239, 132, 26)),
84
78
  'border-color-black': (rgb(16, 17, 25)),
85
- 'color-brand-accent-2': (rgb(0, 221, 161)),
86
- 'background-color-grey-ligh': (rgb(213, 213, 213)),
87
- 'border-color-brand-accent': (rgb(239, 132, 26)),
88
- 'color-brand-accent-3': (rgb(248, 201, 154)),
79
+ 'background-color-brand-accent-green': (rgb(0, 221, 161)),
89
80
  'color-grey-lightest': (rgb(237, 235, 235)),
81
+ 'border-color-brand-accent-green': (rgb(0, 221, 161)),
90
82
  /* The fallback for the accent font */
91
83
  'font-family-accent': ('Arial Narrow', Arial, sans-serif),
92
- 'color-brand-accent': (rgb(239, 132, 26)),
84
+ 'color-brand-accent-light-orange': (rgb(248, 201, 154)),
85
+ 'border-color-brand-accent-orange': (rgb(239, 132, 26)),
86
+ 'background-color-brand-accent-orange': (rgb(239, 132, 26)),
93
87
  'border-color-grey-darkest': (rgb(43, 46, 60)),
94
88
  /* The accent webfont, loaded async */
95
89
  'font-family-accent-fancy': ('acumin-pro-condensed'),
package/build/tokens/bbesp.raw.json CHANGED
@@ -239,10 +239,10 @@
239
239
  "name": "BORDER_COLOR_BRAND_SECONDARY_LIGHT"
240
240
  },
241
241
  "BORDER_COLOR_GREY_LIGHT": {
242
- "category": "hr-color",
242
+ "value": "rgb(213, 213, 213)",
243
243
  "type": "color",
244
- "value": "rgb(204, 204, 204)",
245
- "originalValue": "{!GREY_80}",
244
+ "category": "hr-color",
245
+ "originalValue": "#D5D5D5",
246
246
  "name": "BORDER_COLOR_GREY_LIGHT"
247
247
  },
248
248
  "BORDER_COLOR_GREY_DARK": {
@@ -295,17 +295,17 @@
295
295
  "name": "BORDER_COLOR_BRAND_PRIMARY_DARK"
296
296
  },
297
297
  "BORDER_COLOR_BRAND_PRIMARY": {
298
- "value": "rgb(0, 157, 219)",
298
+ "value": "rgb(0, 158, 218)",
299
+ "originalValue": "#009EDA",
299
300
  "type": "color",
300
301
  "category": "hr-color",
301
- "originalValue": "#009DDB",
302
302
  "name": "BORDER_COLOR_BRAND_PRIMARY"
303
303
  },
304
304
  "BACKGROUND_COLOR_GREY_LIGHT": {
305
- "category": "background-color",
305
+ "value": "rgb(213, 213, 213)",
306
306
  "type": "color",
307
- "value": "rgb(204, 204, 204)",
308
- "originalValue": "{!GREY_80}",
307
+ "category": "background-color",
308
+ "originalValue": "#D5D5D5",
309
309
  "name": "BACKGROUND_COLOR_GREY_LIGHT"
310
310
  },
311
311
  "BACKGROUND_COLOR_GREY_LIGHTEST": {
@@ -387,10 +387,10 @@
387
387
  "name": "BACKGROUND_COLOR_WHITE"
388
388
  },
389
389
  "BACKGROUND_COLOR_BRAND_PRIMARY": {
390
- "value": "rgb(0, 157, 219)",
390
+ "value": "rgb(0, 158, 218)",
391
+ "originalValue": "#009EDA",
391
392
  "type": "color",
392
393
  "category": "background-color",
393
- "originalValue": "#009DDB",
394
394
  "name": "BACKGROUND_COLOR_BRAND_PRIMARY"
395
395
  },
396
396
  "BACKGROUND_COLOR_GREY_DARKEST": {
@@ -436,17 +436,17 @@
436
436
  "name": "COLOR_WHITE"
437
437
  },
438
438
  "COLOR_BRAND_PRIMARY": {
439
- "value": "rgb(0, 157, 219)",
439
+ "value": "rgb(0, 158, 218)",
440
+ "originalValue": "#009EDA",
440
441
  "type": "color",
441
442
  "category": "text-color",
442
- "originalValue": "#009DDB",
443
443
  "name": "COLOR_BRAND_PRIMARY"
444
444
  },
445
445
  "COLOR_GREY_LIGHT": {
446
- "category": "text-color",
446
+ "value": "rgb(213, 213, 213)",
447
447
  "type": "color",
448
- "value": "rgb(230, 230, 230)",
449
- "originalValue": "{!GREY_90}",
448
+ "category": "text-color",
449
+ "originalValue": "#D5D5D5",
450
450
  "name": "COLOR_GREY_LIGHT"
451
451
  },
452
452
  "COLOR_BRAND_SECONDARY_DARK": {
@@ -636,54 +636,26 @@
636
636
  "originalValue": "2rem",
637
637
  "name": "SPACING_2"
638
638
  },
639
- "BACKGROUND_COLOR_BRAND_ACCENT_1": {
640
- "value": "rgb(239, 132, 26)",
641
- "type": "color",
642
- "category": "background-color",
643
- "originalValue": "#EF841A",
644
- "name": "BACKGROUND_COLOR_BRAND_ACCENT_1"
645
- },
646
- "COLOR_GREY_LIGH": {
647
- "value": "rgb(213, 213, 213)",
648
- "type": "color",
649
- "category": "text-color",
650
- "originalValue": "#D5D5D5",
651
- "name": "COLOR_GREY_LIGH"
652
- },
653
- "BACKGROUND_COLOR_BRAND_ACCENT_2": {
639
+ "COLOR_BRAND_ACCENT_GREEN": {
654
640
  "value": "rgb(0, 221, 161)",
655
641
  "type": "color",
656
- "category": "background-color",
642
+ "category": "text-color",
657
643
  "originalValue": "#00DDA1",
658
- "name": "BACKGROUND_COLOR_BRAND_ACCENT_2"
659
- },
660
- "BORDER_COLOR_BRAND_ACCENT_1": {
661
- "value": "rgb(239, 132, 26)",
662
- "type": "color",
663
- "category": "hr-color",
664
- "originalValue": "#EF841A",
665
- "name": "BORDER_COLOR_BRAND_ACCENT_1"
644
+ "name": "COLOR_BRAND_ACCENT_GREEN"
666
645
  },
667
- "BACKGROUND_COLOR_BRAND_ACCENT_3": {
646
+ "BORDER_COLOR_BRAND_ACCENT_LIGHT_ORANGE": {
668
647
  "value": "rgb(248, 201, 154)",
669
648
  "type": "color",
670
- "category": "background-color",
671
- "originalValue": "#F8C99A",
672
- "name": "BACKGROUND_COLOR_BRAND_ACCENT_3"
673
- },
674
- "BORDER_COLOR_BRAND_ACCENT_2": {
675
- "value": "rgb(0, 221, 161)",
676
- "type": "color",
677
649
  "category": "hr-color",
678
- "originalValue": "#00DDA1",
679
- "name": "BORDER_COLOR_BRAND_ACCENT_2"
650
+ "originalValue": "#F8C99A",
651
+ "name": "BORDER_COLOR_BRAND_ACCENT_LIGHT_ORANGE"
680
652
  },
681
- "BORDER_COLOR_BRAND_ACCENT_3": {
653
+ "BACKGROUND_COLOR_BRAND_ACCENT_LIGHT_ORANGE": {
682
654
  "value": "rgb(248, 201, 154)",
683
655
  "type": "color",
684
- "category": "hr-color",
656
+ "category": "background-color",
685
657
  "originalValue": "#F8C99A",
686
- "name": "BORDER_COLOR_BRAND_ACCENT_3"
658
+ "name": "BACKGROUND_COLOR_BRAND_ACCENT_LIGHT_ORANGE"
687
659
  },
688
660
  "COLOR_GREY_DARKEST": {
689
661
  "value": "rgb(43, 46, 60)",
@@ -692,26 +664,12 @@
692
664
  "originalValue": "#2B2E3C",
693
665
  "name": "COLOR_GREY_DARKEST"
694
666
  },
695
- "BORDER_COLOR_GREY_LIGH": {
696
- "value": "rgb(213, 213, 213)",
697
- "type": "color",
698
- "category": "hr-color",
699
- "originalValue": "#D5D5D5",
700
- "name": "BORDER_COLOR_GREY_LIGH"
701
- },
702
- "BACKGROUND_COLOR_BRAND_ACCENT": {
703
- "value": "rgb(239, 132, 26)",
704
- "type": "color",
705
- "category": "background-color",
706
- "originalValue": "#EF841A",
707
- "name": "BACKGROUND_COLOR_BRAND_ACCENT"
708
- },
709
- "COLOR_BRAND_ACCENT_1": {
667
+ "COLOR_BRAND_ACCENT_ORANGE": {
710
668
  "value": "rgb(239, 132, 26)",
711
669
  "type": "color",
712
670
  "category": "text-color",
713
671
  "originalValue": "#EF841A",
714
- "name": "COLOR_BRAND_ACCENT_1"
672
+ "name": "COLOR_BRAND_ACCENT_ORANGE"
715
673
  },
716
674
  "BORDER_COLOR_BLACK": {
717
675
  "value": "rgb(16, 17, 25)",
@@ -720,33 +678,12 @@
720
678
  "originalValue": "#101119",
721
679
  "name": "BORDER_COLOR_BLACK"
722
680
  },
723
- "COLOR_BRAND_ACCENT_2": {
681
+ "BACKGROUND_COLOR_BRAND_ACCENT_GREEN": {
724
682
  "value": "rgb(0, 221, 161)",
725
683
  "type": "color",
726
- "category": "text-color",
727
- "originalValue": "#00DDA1",
728
- "name": "COLOR_BRAND_ACCENT_2"
729
- },
730
- "BACKGROUND_COLOR_GREY_LIGH": {
731
- "value": "rgb(213, 213, 213)",
732
- "type": "color",
733
684
  "category": "background-color",
734
- "originalValue": "#D5D5D5",
735
- "name": "BACKGROUND_COLOR_GREY_LIGH"
736
- },
737
- "BORDER_COLOR_BRAND_ACCENT": {
738
- "value": "rgb(239, 132, 26)",
739
- "type": "color",
740
- "category": "hr-color",
741
- "originalValue": "#EF841A",
742
- "name": "BORDER_COLOR_BRAND_ACCENT"
743
- },
744
- "COLOR_BRAND_ACCENT_3": {
745
- "value": "rgb(248, 201, 154)",
746
- "type": "color",
747
- "category": "text-color",
748
- "originalValue": "#F8C99A",
749
- "name": "COLOR_BRAND_ACCENT_3"
685
+ "originalValue": "#00DDA1",
686
+ "name": "BACKGROUND_COLOR_BRAND_ACCENT_GREEN"
750
687
  },
751
688
  "COLOR_GREY_LIGHTEST": {
752
689
  "value": "rgb(237, 235, 235)",
@@ -755,6 +692,13 @@
755
692
  "originalValue": "#EDEBEB",
756
693
  "name": "COLOR_GREY_LIGHTEST"
757
694
  },
695
+ "BORDER_COLOR_BRAND_ACCENT_GREEN": {
696
+ "value": "rgb(0, 221, 161)",
697
+ "type": "color",
698
+ "category": "hr-color",
699
+ "originalValue": "#00DDA1",
700
+ "name": "BORDER_COLOR_BRAND_ACCENT_GREEN"
701
+ },
758
702
  "FONT_FAMILY_ACCENT": {
759
703
  "value": "'Arial Narrow', Arial, sans-serif",
760
704
  "type": "font-family",
@@ -763,12 +707,26 @@
763
707
  "originalValue": "'Arial Narrow', Arial, sans-serif",
764
708
  "name": "FONT_FAMILY_ACCENT"
765
709
  },
766
- "COLOR_BRAND_ACCENT": {
767
- "value": "rgb(239, 132, 26)",
710
+ "COLOR_BRAND_ACCENT_LIGHT_ORANGE": {
711
+ "value": "rgb(248, 201, 154)",
768
712
  "type": "color",
769
713
  "category": "text-color",
714
+ "originalValue": "#F8C99A",
715
+ "name": "COLOR_BRAND_ACCENT_LIGHT_ORANGE"
716
+ },
717
+ "BORDER_COLOR_BRAND_ACCENT_ORANGE": {
718
+ "value": "rgb(239, 132, 26)",
719
+ "type": "color",
720
+ "category": "hr-color",
721
+ "originalValue": "#EF841A",
722
+ "name": "BORDER_COLOR_BRAND_ACCENT_ORANGE"
723
+ },
724
+ "BACKGROUND_COLOR_BRAND_ACCENT_ORANGE": {
725
+ "value": "rgb(239, 132, 26)",
726
+ "type": "color",
727
+ "category": "background-color",
770
728
  "originalValue": "#EF841A",
771
- "name": "COLOR_BRAND_ACCENT"
729
+ "name": "BACKGROUND_COLOR_BRAND_ACCENT_ORANGE"
772
730
  },
773
731
  "BORDER_COLOR_GREY_DARKEST": {
774
732
  "value": "rgb(43, 46, 60)",
package/build/tokens/rollingstone-2022.custom-properties.css CHANGED
@@ -1 +1 @@
1
- :root{--border-color-grey-lightest: rgb(239, 239, 239);--border-color-brand-secondary-light: rgb(165, 133, 83);--border-color-grey-light: rgb(153, 153, 153);--border-color-grey-dark: rgb(102, 102, 102);--border-color-brand-secondary-dark: rgb(122, 89, 45);--border-color-brand-secondary: rgb(0, 0, 0);--border-color-grey: rgb(118, 118, 118);--border-color-brand-primary-light: rgb(215, 25, 32);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(215, 25, 32);--border-color-brand-primary: rgb(215, 25, 32);--background-color-grey-light: rgb(153, 153, 153);--background-color-grey-lightest: rgb(239, 239, 239);--background-color-brand-secondary-dark: rgb(122, 89, 45);--background-color-brand-secondary-light: rgb(165, 133, 83);--background-color-grey-dark: rgb(102, 102, 102);--background-color-grey: rgb(118, 118, 118);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(122, 89, 45);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(215, 25, 32);--background-color-brand-primary-dark: rgb(215, 25, 32);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(215, 25, 32);--background-color-grey-darkest: rgb(64, 64, 64);--color-brand-secondary: rgb(122, 89, 45);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(215, 25, 32);--color-brand-primary-dark: rgb(215, 25, 32);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(215, 25, 32);--color-grey-light: rgb(153, 153, 153);--color-brand-secondary-dark: rgb(122, 89, 45);--color-brand-secondary-light: rgb(165, 133, 83);--color-grey-dark: rgb(102, 102, 102);--color-grey: rgb(118, 118, 118);--font-family-primary-fancy: "Publico Headline Bold", serif;--font-family-primary: serif;--font-family-secondary-fancy: "Publico Headline Roman", serif;--font-family-secondary: serif;--font-family-body: Georgia, Helvetica, sans-serif;--font-family-basic: sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--body-l-font-size-mobile: 14px;--primary-xl-font-size-desktop: 24px;--body-xxxl-font-size-desktop: 22px;--body-xl-font-size-desktop: 17px;--primary-xxl-font-size-mobile: 28px;--primary-l-font-size-mobile: 23px;--body-xxl-font-size-mobile: 18px;--basic-s-font-size-desktop-xl: 13px;--secondary-m-font-size-desktop-xl: 23px;--basic-xxs-font-size-desktop-xl: 12px;--basic-xs-font-size-mobile: 11px;--secondary-l-font-size-desktop-xl: 28px;--secondary-xxl-font-size-desktop-xl: 60px;--body-s-font-size-desktop: 14px;--body-xxs-font-size-desktop: 13px;--primary-s-font-size-desktop: 20px;--primary-xxs-font-size-desktop: 16px;--secondary-regular-m-font-size-desktop-xl: 15px;--secondary-xl-font-size-desktop-xl: 33px;--accent-s-font-size-desktop-xl: 23px;--accent-xxs-font-size-desktop-xl: 18px;--accent-l-font-size-desktop: 58px;--accent-m-font-size-desktop: 26px;--primary-xxxs-font-size-desktop: 20px;--primary-xs-font-size-desktop: 14px;--body-xxxs-font-size-desktop: 13px;--body-xs-font-size-desktop: 10px;--secondary-s-font-size-mobile: 20px;--secondary-xxs-font-size-mobile: 16px;--basic-m-font-size-desktop-xl: 15px;--secondary-xs-font-size-mobile: 16px;--accent-regular-xxs-font-size-desktop-xl: 18px;--basic-xxl-font-size-desktop-xl: 24px;--basic-l-font-size-desktop-xl: 15px;--basic-l-font-size-desktop: 13px;--basic-xxl-font-size-desktop: 23px;--accent-regular-xxs-font-size-desktop: 18px;--basic-xl-font-size-mobile: 13px;--basic-m-font-size-desktop: 15px;--body-xs-font-size-desktop-xl: 11px;--body-xxxs-font-size-desktop-xl: 13px;--primary-xs-font-size-desktop-xl: 16px;--primary-xxxs-font-size-desktop-xl: 20px;--accent-m-font-size-desktop-xl: 26px;--basic-s-font-size-mobile: 12px;--secondary-m-font-size-mobile: 16px;--accent-xxs-font-size-desktop: 18px;--accent-l-font-size-desktop-xl: 58px;--basic-xxs-font-size-mobile: 10px;--accent-s-font-size-desktop: 23px;--primary-xxs-font-size-desktop-xl: 16px;--body-xxs-font-size-desktop-xl: 13px;--primary-s-font-size-desktop-xl: 20px;--body-s-font-size-desktop-xl: 14px;--secondary-xl-font-size-desktop: 30px;--secondary-regular-m-font-size-desktop: 15px;--secondary-l-font-size-mobile: 20px;--secondary-xxl-font-size-mobile: 32px;--secondary-xl-font-size-mobile: 26px;--secondary-xxl-font-size-desktop: 46px;--secondary-l-font-size-desktop: 28px;--secondary-regular-m-font-size-mobile: 15px;--accent-xxs-font-size-mobile: 14px;--secondary-m-font-size-desktop: 23px;--basic-s-font-size-desktop: 12px;--basic-xxs-font-size-desktop: 10px;--accent-s-font-size-mobile: 23px;--basic-m-font-size-mobile: 13px;--body-xl-font-size-desktop-xl: 19px;--body-xxxl-font-size-desktop-xl: 22px;--primary-xl-font-size-desktop-xl: 28px;--accent-regular-xxs-font-size-mobile: 14px;--primary-m-font-size-desktop-xl: 20px;--basic-xxl-font-size-mobile: 20px;--body-m-font-size-desktop-xl: 15px;--basic-l-font-size-mobile: 12px;--basic-xl-font-size-desktop: 18px;--accent-xs-font-size-desktop-xl: 23px;--secondary-xs-font-size-desktop: 20px;--primary-xxl-font-size-desktop-xl: 36px;--primary-l-font-size-desktop-xl: 26px;--body-xxl-font-size-desktop-xl: 18px;--body-l-font-size-desktop-xl: 16px;--body-xs-font-size-mobile: 12px;--body-xxxs-font-size-mobile: 13px;--primary-xs-font-size-mobile: 18px;--primary-xxxs-font-size-mobile: 19px;--accent-m-font-size-mobile: 26px;--secondary-xxs-font-size-desktop: 15px;--secondary-s-font-size-desktop: 22px;--basic-xs-font-size-desktop-xl: 11px;--accent-l-font-size-mobile: 40px;--primary-xxs-font-size-mobile: 16px;--primary-s-font-size-mobile: 20px;--body-xxs-font-size-mobile: 12px;--body-s-font-size-mobile: 16px;--basic-xs-font-size-desktop: 11px;--secondary-s-font-size-desktop-xl: 22px;--secondary-xxs-font-size-desktop-xl: 15px;--body-l-font-size-desktop: 16px;--body-xxl-font-size-desktop: 18px;--primary-l-font-size-desktop: 23px;--primary-xxl-font-size-desktop: 32px;--secondary-xs-font-size-desktop-xl: 20px;--body-xl-font-size-mobile: 18px;--body-xxxl-font-size-mobile: initial;--primary-xl-font-size-mobile: 30px;--basic-xl-font-size-desktop-xl: 17px;--accent-xs-font-size-mobile: 18px;--primary-m-font-size-mobile: 23px;--body-m-font-size-desktop: 15px;--body-m-font-size-mobile: 15px;--primary-m-font-size-desktop: 18px;--accent-xs-font-size-desktop: 23px;--secondary-xs-letter-spacing-desktop: normal;--secondary-xxs-letter-spacing-mobile: normal;--secondary-s-letter-spacing-mobile: normal;--basic-xl-letter-spacing-desktop: -0.09px;--body-s-letter-spacing-desktop-xl: 1.4px;--body-xxs-letter-spacing-desktop-xl: 1.69px;--primary-s-letter-spacing-desktop-xl: 2px;--primary-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop-xl: 1.66px;--basic-xxs-letter-spacing-desktop: 0.5px;--basic-s-letter-spacing-desktop: normal;--basic-xs-letter-spacing-mobile: 0.22px;--secondary-m-letter-spacing-desktop: 2.3px;--accent-m-letter-spacing-desktop-xl: normal;--primary-xxxs-letter-spacing-desktop-xl: normal;--primary-xs-letter-spacing-desktop-xl: normal;--body-xxxs-letter-spacing-desktop-xl: 0px;--body-xs-letter-spacing-desktop-xl: 1.65px;--secondary-l-letter-spacing-desktop: 0px;--secondary-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-desktop: 3px;--body-l-letter-spacing-mobile: -0.07px;--body-xxl-letter-spacing-mobile: normal;--primary-l-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-mobile: normal;--secondary-regular-m-letter-spacing-desktop: normal;--accent-xs-letter-spacing-mobile: 0.52px;--accent-s-letter-spacing-desktop: normal;--basic-l-letter-spacing-desktop-xl: 0.45px;--accent-xxs-letter-spacing-desktop: .52px;--basic-xxl-letter-spacing-desktop-xl: -0.31px;--accent-regular-xxs-letter-spacing-desktop-xl: 0.52px;--body-m-letter-spacing-mobile: 1.5px;--primary-m-letter-spacing-mobile: normal;--primary-xl-letter-spacing-mobile: normal;--body-xxxl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop-xl: 0.75px;--body-xl-letter-spacing-mobile: -0.09px;--basic-m-letter-spacing-desktop: 0.75px;--accent-regular-xxs-letter-spacing-desktop: 0.52px;--basic-xxl-letter-spacing-desktop: -0.3px;--accent-s-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-desktop: 0.39px;--accent-xxs-letter-spacing-desktop-xl: .52px;--secondary-xl-letter-spacing-desktop-xl: 3.3px;--secondary-regular-m-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop-xl: 0px;--body-s-letter-spacing-mobile: normal;--primary-s-letter-spacing-mobile: 2px;--body-xs-letter-spacing-desktop: 1.5px;--body-xxs-letter-spacing-mobile: 1.69px;--body-xxxs-letter-spacing-desktop: 0px;--primary-xs-letter-spacing-desktop: normal;--primary-xxs-letter-spacing-mobile: normal;--primary-xxxs-letter-spacing-desktop: normal;--accent-m-letter-spacing-desktop: normal;--basic-xxs-letter-spacing-desktop-xl: 0.6px;--accent-l-letter-spacing-desktop: 1.66px;--accent-l-letter-spacing-mobile: 1.14px;--secondary-m-letter-spacing-desktop-xl: 2.3px;--basic-s-letter-spacing-desktop-xl: normal;--accent-m-letter-spacing-mobile: .74px;--primary-xxxs-letter-spacing-mobile: normal;--primary-xxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-mobile: normal;--body-xxs-letter-spacing-desktop: 1.69px;--body-xxxs-letter-spacing-mobile: 0px;--primary-s-letter-spacing-desktop: 2px;--body-s-letter-spacing-desktop: 1.4px;--body-xs-letter-spacing-mobile: 1.8px;--basic-xl-letter-spacing-desktop-xl: -0.09px;--basic-l-letter-spacing-mobile: 0.36px;--basic-xxl-letter-spacing-mobile: -0.26px;--accent-regular-xxs-letter-spacing-mobile: 0.4px;--secondary-xs-letter-spacing-desktop-xl: normal;--basic-m-letter-spacing-mobile: 0.65px;--secondary-xxs-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop: -0.085px;--body-xxxl-letter-spacing-desktop: normal;--primary-xl-letter-spacing-desktop: normal;--accent-xs-letter-spacing-desktop: 0.66px;--accent-xxs-letter-spacing-mobile: .4px;--primary-m-letter-spacing-desktop: normal;--body-m-letter-spacing-desktop: 1.5px;--accent-s-letter-spacing-mobile: .66px;--secondary-regular-m-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-desktop: normal;--primary-l-letter-spacing-desktop: normal;--body-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-mobile: 2.6px;--body-l-letter-spacing-desktop: normal;--basic-xs-letter-spacing-desktop-xl: 0.22px;--secondary-xxl-letter-spacing-mobile: normal;--secondary-l-letter-spacing-mobile: -0.1px;--secondary-m-letter-spacing-mobile: 2.4px;--basic-s-letter-spacing-mobile: normal;--basic-xs-letter-spacing-desktop: 0.22px;--basic-xxs-letter-spacing-mobile: 0.5px;--body-l-letter-spacing-desktop-xl: normal;--body-xxl-letter-spacing-desktop-xl: normal;--primary-l-letter-spacing-desktop-xl: normal;--primary-xxl-letter-spacing-desktop-xl: normal;--basic-xl-letter-spacing-mobile: -0.07px;--body-m-letter-spacing-desktop-xl: 1.5px;--primary-m-letter-spacing-desktop-xl: normal;--accent-xs-letter-spacing-desktop-xl: 0.66px;--primary-xl-letter-spacing-desktop-xl: normal;--body-xxxl-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop-xl: -0.095px;--secondary-s-letter-spacing-desktop: normal;--secondary-xs-letter-spacing-mobile: normal;--secondary-xxs-letter-spacing-desktop: normal;--body-xs-font-weight-mobile: normal;--body-xxxs-font-weight-mobile: normal;--primary-xs-font-weight-mobile: bold;--primary-xxxs-font-weight-mobile: 700;--accent-m-font-weight-mobile: 300;--basic-l-font-weight-desktop: 600;--basic-xxl-font-weight-desktop: 600;--accent-regular-xxs-font-weight-desktop: 400;--basic-xs-font-weight-desktop-xl: 600;--accent-l-font-weight-mobile: 300;--primary-xxs-font-weight-mobile: bold;--primary-s-font-weight-mobile: bold;--body-xxs-font-weight-mobile: normal;--body-s-font-weight-mobile: normal;--basic-m-font-weight-desktop: 600;--accent-xxs-font-weight-desktop: 300;--accent-s-font-weight-desktop: 300;--secondary-s-font-weight-desktop-xl: normal;--secondary-xxs-font-weight-desktop-xl: normal;--secondary-xl-font-weight-desktop: normal;--secondary-regular-m-font-weight-desktop: normal;--body-xl-font-weight-mobile: normal;--secondary-xs-font-weight-desktop-xl: normal;--body-xxxl-font-weight-mobile: normal;--primary-xl-font-weight-mobile: bold;--secondary-xxl-font-weight-desktop: normal;--secondary-l-font-weight-desktop: 400;--body-m-font-weight-mobile: normal;--basic-xxs-font-weight-desktop: 600;--accent-xs-font-weight-mobile: 300;--basic-xl-font-weight-desktop-xl: 600;--secondary-m-font-weight-desktop: 400;--basic-s-font-weight-desktop: 600;--primary-m-font-weight-mobile: bold;--primary-xxl-font-weight-mobile: bold;--primary-l-font-weight-mobile: bold;--body-xxl-font-weight-mobile: normal;--body-l-font-weight-mobile: normal;--basic-xl-font-weight-desktop: 600;--basic-xxs-font-weight-desktop-xl: 600;--basic-s-font-weight-desktop-xl: 600;--secondary-m-font-weight-desktop-xl: 400;--secondary-l-font-weight-desktop-xl: 400;--secondary-xxl-font-weight-desktop-xl: normal;--basic-xs-font-weight-mobile: 600;--secondary-xs-font-weight-desktop: normal;--secondary-xxs-font-weight-desktop: normal;--secondary-s-font-weight-desktop: normal;--secondary-xl-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-desktop-xl: normal;--accent-s-font-weight-desktop-xl: 300;--accent-xxs-font-weight-desktop-xl: 300;--secondary-s-font-weight-mobile: normal;--secondary-xxs-font-weight-mobile: normal;--basic-m-font-weight-desktop-xl: 600;--accent-regular-xxs-font-weight-desktop-xl: 400;--basic-xxl-font-weight-desktop-xl: 600;--basic-l-font-weight-desktop-xl: 600;--basic-xs-font-weight-desktop: 600;--secondary-xs-font-weight-mobile: normal;--basic-xl-font-weight-mobile: 600;--body-xxl-font-weight-desktop: normal;--primary-l-font-weight-desktop: bold;--primary-xxxs-font-weight-desktop-xl: 700;--primary-xxl-font-weight-desktop: bold;--accent-m-font-weight-desktop-xl: 300;--body-xs-font-weight-desktop-xl: normal;--body-l-font-weight-desktop: normal;--body-xxxs-font-weight-desktop-xl: normal;--primary-xs-font-weight-desktop-xl: bold;--body-m-font-weight-desktop: normal;--accent-l-font-weight-desktop-xl: 300;--primary-m-font-weight-desktop: bold;--basic-xxs-font-weight-mobile: 600;--accent-xs-font-weight-desktop: 300;--basic-s-font-weight-mobile: 600;--secondary-m-font-weight-mobile: 400;--primary-xl-font-weight-desktop: bold;--body-xxxl-font-weight-desktop: normal;--body-xl-font-weight-desktop: normal;--secondary-l-font-weight-mobile: 400;--secondary-xxl-font-weight-mobile: normal;--primary-xxs-font-weight-desktop-xl: bold;--primary-s-font-weight-desktop-xl: bold;--body-xxs-font-weight-desktop-xl: normal;--body-s-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-mobile: normal;--secondary-xl-font-weight-mobile: normal;--accent-s-font-weight-mobile: 300;--accent-xxs-font-weight-mobile: 300;--basic-m-font-weight-mobile: 600;--body-s-font-weight-desktop: normal;--body-xxs-font-weight-desktop: normal;--primary-s-font-weight-desktop: bold;--primary-xxs-font-weight-desktop: bold;--body-xl-font-weight-desktop-xl: normal;--body-xxxl-font-weight-desktop-xl: normal;--primary-xl-font-weight-desktop-xl: bold;--accent-xs-font-weight-desktop-xl: 300;--accent-regular-xxs-font-weight-mobile: 400;--accent-l-font-weight-desktop: 300;--basic-xxl-font-weight-mobile: 600;--primary-m-font-weight-desktop-xl: bold;--body-m-font-weight-desktop-xl: normal;--basic-l-font-weight-mobile: 600;--accent-m-font-weight-desktop: 300;--primary-xxxs-font-weight-desktop: 700;--body-xxxs-font-weight-desktop: normal;--primary-xs-font-weight-desktop: bold;--body-xs-font-weight-desktop: normal;--primary-xxl-font-weight-desktop-xl: bold;--primary-l-font-weight-desktop-xl: bold;--body-xxl-font-weight-desktop-xl: normal;--body-l-font-weight-desktop-xl: normal;--accent-xs-line-height-desktop: 24px;--body-m-line-height-desktop: 19px;--primary-m-line-height-desktop: 21px;--basic-s-line-height-desktop-xl: 15px;--secondary-m-line-height-desktop-xl: 22px;--body-xxxl-line-height-desktop: 33px;--primary-xl-line-height-desktop: 27px;--body-xl-line-height-desktop: 22px;--basic-xxs-line-height-desktop-xl: 15px;--basic-xs-line-height-mobile: 13px;--secondary-l-line-height-desktop-xl: 33px;--secondary-xxl-line-height-desktop-xl: 70px;--secondary-regular-m-line-height-desktop-xl: 15px;--secondary-xl-line-height-desktop-xl: 37px;--accent-xxs-line-height-desktop-xl: 18px;--accent-s-line-height-desktop-xl: 23px;--primary-s-line-height-desktop: 32px;--body-xxs-line-height-desktop: 16px;--primary-xxs-line-height-desktop: 19px;--secondary-s-line-height-mobile: 25px;--secondary-xxs-line-height-mobile: 20px;--body-s-line-height-desktop: 16px;--accent-l-line-height-desktop: 50px;--basic-m-line-height-desktop-xl: 20px;--primary-xxxs-line-height-desktop: 23px;--primary-xs-line-height-desktop: 17px;--body-xxxs-line-height-desktop: 17px;--body-xs-line-height-desktop: 14px;--secondary-xs-line-height-mobile: 21px;--basic-l-line-height-desktop-xl: 18px;--accent-regular-xxs-line-height-desktop-xl: 26px;--basic-xxl-line-height-desktop-xl: 27px;--accent-m-line-height-desktop: 26px;--basic-xl-line-height-mobile: 17px;--accent-regular-xxs-line-height-desktop: 26px;--body-xs-line-height-desktop-xl: 15px;--primary-xs-line-height-desktop-xl: 20px;--body-xxxs-line-height-desktop-xl: 17px;--primary-xxxs-line-height-desktop-xl: 23px;--accent-m-line-height-desktop-xl: 26px;--basic-l-line-height-desktop: 16px;--basic-xxl-line-height-desktop: 26px;--basic-m-line-height-desktop: 20px;--basic-s-line-height-mobile: 15px;--secondary-m-line-height-mobile: 15px;--basic-xxs-line-height-mobile: 13px;--accent-l-line-height-desktop-xl: 50px;--primary-xxs-line-height-desktop-xl: 19px;--primary-s-line-height-desktop-xl: 32px;--body-xxs-line-height-desktop-xl: 16px;--body-s-line-height-desktop-xl: 16px;--secondary-l-line-height-mobile: 25px;--secondary-xxl-line-height-mobile: 40px;--accent-s-line-height-desktop: 23px;--accent-xxs-line-height-desktop: 18px;--secondary-xl-line-height-mobile: 32px;--secondary-xl-line-height-desktop: 34px;--secondary-regular-m-line-height-mobile: 15px;--secondary-regular-m-line-height-desktop: 15px;--accent-s-line-height-mobile: 23px;--accent-xxs-line-height-mobile: 0.4px;--secondary-xxl-line-height-desktop: 56px;--secondary-l-line-height-desktop: 33px;--secondary-m-line-height-desktop: 22px;--basic-s-line-height-desktop: 15px;--body-xl-line-height-desktop-xl: 24px;--primary-xl-line-height-desktop-xl: 34px;--body-xxxl-line-height-desktop-xl: 33px;--basic-xxs-line-height-desktop: 13px;--basic-m-line-height-mobile: 18px;--basic-l-line-height-mobile: 13px;--primary-m-line-height-desktop-xl: 24px;--body-m-line-height-desktop-xl: 19px;--accent-regular-xxs-line-height-mobile: 14px;--basic-xxl-line-height-mobile: 23px;--accent-xs-line-height-desktop-xl: 24px;--primary-xxl-line-height-desktop-xl: 40px;--primary-l-line-height-desktop-xl: 30px;--body-xxl-line-height-desktop-xl: 26px;--body-l-line-height-desktop-xl: 20px;--basic-xl-line-height-desktop: 22px;--secondary-xs-line-height-desktop: 26px;--body-xs-line-height-mobile: 16px;--body-xxxs-line-height-mobile: 17px;--primary-xs-line-height-mobile: 22px;--primary-xxxs-line-height-mobile: 21px;--accent-m-line-height-mobile: 26px;--accent-l-line-height-mobile: 36px;--basic-xs-line-height-desktop-xl: 13px;--secondary-xxs-line-height-desktop: 20px;--secondary-s-line-height-desktop: 27px;--primary-xxs-line-height-mobile: 19px;--primary-s-line-height-mobile: 32px;--body-xxs-line-height-mobile: 16px;--body-s-line-height-mobile: 22px;--secondary-s-line-height-desktop-xl: 27px;--secondary-xxs-line-height-desktop-xl: 20px;--basic-xs-line-height-desktop: 13px;--body-xl-line-height-mobile: 22px;--body-xxxl-line-height-mobile: initial;--primary-xl-line-height-mobile: 32px;--secondary-xs-line-height-desktop-xl: 26px;--primary-m-line-height-mobile: 26px;--body-m-line-height-mobile: 19px;--basic-xl-line-height-desktop-xl: 22px;--accent-xs-line-height-mobile: 19px;--body-l-line-height-desktop: 20px;--body-xxl-line-height-desktop: 26px;--primary-l-line-height-desktop: 28px;--primary-xxl-line-height-desktop: 36px;--primary-xxl-line-height-mobile: 33px;--body-xxl-line-height-mobile: 26px;--primary-l-line-height-mobile: 26px;--body-l-line-height-mobile: 18px;--font-family-accent: Verdana, serif;--font-family-accent-fancy: Verdana, sans-serif;--font-family-basic-fancy: "Graphik Semibold", sans-serif;--font-family-body-fancy: Georgia, Helvetica, sans-serif}
1
+ :root{--border-color-grey-lightest: rgb(239, 239, 239);--border-color-brand-secondary-light: rgb(165, 133, 83);--border-color-grey-light: rgb(153, 153, 153);--border-color-grey-dark: rgb(102, 102, 102);--border-color-brand-secondary-dark: rgb(122, 89, 45);--border-color-brand-secondary: rgb(0, 0, 0);--border-color-grey: rgb(118, 118, 118);--border-color-brand-primary-light: rgb(215, 25, 32);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(215, 25, 32);--border-color-brand-primary: rgb(215, 25, 32);--background-color-grey-light: rgb(153, 153, 153);--background-color-grey-lightest: rgb(239, 239, 239);--background-color-brand-secondary-dark: rgb(122, 89, 45);--background-color-brand-secondary-light: rgb(165, 133, 83);--background-color-grey-dark: rgb(102, 102, 102);--background-color-grey: rgb(118, 118, 118);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(122, 89, 45);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(215, 25, 32);--background-color-brand-primary-dark: rgb(215, 25, 32);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(215, 25, 32);--background-color-grey-darkest: rgb(64, 64, 64);--color-brand-secondary: rgb(122, 89, 45);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(215, 25, 32);--color-brand-primary-dark: rgb(215, 25, 32);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(215, 25, 32);--color-grey-light: rgb(153, 153, 153);--color-brand-secondary-dark: rgb(122, 89, 45);--color-brand-secondary-light: rgb(165, 133, 83);--color-grey-dark: rgb(102, 102, 102);--color-grey: rgb(118, 118, 118);--font-family-primary-fancy: "Publico Headline Bold", serif;--font-family-primary: serif;--font-family-secondary-fancy: "Publico Headline Roman", serif;--font-family-secondary: serif;--font-family-body: Georgia, Helvetica, sans-serif;--font-family-basic: sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--body-l-font-size-mobile: 14px;--primary-xl-font-size-desktop: 24px;--body-xxxl-font-size-desktop: 22px;--body-xl-font-size-desktop: 17px;--primary-xxl-font-size-mobile: 28px;--primary-l-font-size-mobile: 23px;--body-xxl-font-size-mobile: 18px;--basic-s-font-size-desktop-xl: 13px;--secondary-m-font-size-desktop-xl: 18px;--basic-xxs-font-size-desktop-xl: 12px;--basic-xs-font-size-mobile: 11px;--secondary-l-font-size-desktop-xl: 24px;--secondary-xxl-font-size-desktop-xl: 60px;--body-s-font-size-desktop: 14px;--body-xxs-font-size-desktop: 13px;--primary-s-font-size-desktop: 20px;--primary-xxs-font-size-desktop: 16px;--secondary-regular-m-font-size-desktop-xl: 15px;--secondary-xl-font-size-desktop-xl: 33px;--accent-s-font-size-desktop-xl: 23px;--accent-xxs-font-size-desktop-xl: 18px;--accent-l-font-size-desktop: 58px;--accent-m-font-size-desktop: 26px;--primary-xxxs-font-size-desktop: 20px;--primary-xs-font-size-desktop: 14px;--body-xxxs-font-size-desktop: 13px;--body-xs-font-size-desktop: 10px;--secondary-s-font-size-mobile: 20px;--secondary-xxs-font-size-mobile: 16px;--basic-m-font-size-desktop-xl: 15px;--secondary-xs-font-size-mobile: 16px;--accent-regular-xxs-font-size-desktop-xl: 18px;--basic-xxl-font-size-desktop-xl: 24px;--basic-l-font-size-desktop-xl: 15px;--basic-l-font-size-desktop: 13px;--basic-xxl-font-size-desktop: 23px;--accent-regular-xxs-font-size-desktop: 18px;--basic-xl-font-size-mobile: 13px;--basic-m-font-size-desktop: 15px;--body-xs-font-size-desktop-xl: 11px;--body-xxxs-font-size-desktop-xl: 13px;--primary-xs-font-size-desktop-xl: 16px;--primary-xxxs-font-size-desktop-xl: 20px;--accent-m-font-size-desktop-xl: 26px;--basic-s-font-size-mobile: 12px;--secondary-m-font-size-mobile: 16px;--accent-xxs-font-size-desktop: 18px;--accent-l-font-size-desktop-xl: 58px;--basic-xxs-font-size-mobile: 10px;--accent-s-font-size-desktop: 23px;--primary-xxs-font-size-desktop-xl: 16px;--body-xxs-font-size-desktop-xl: 13px;--primary-s-font-size-desktop-xl: 20px;--body-s-font-size-desktop-xl: 14px;--secondary-xl-font-size-desktop: 30px;--secondary-regular-m-font-size-desktop: 15px;--secondary-l-font-size-mobile: 20px;--secondary-xxl-font-size-mobile: 32px;--secondary-xl-font-size-mobile: 26px;--secondary-xxl-font-size-desktop: 46px;--secondary-l-font-size-desktop: 24px;--secondary-regular-m-font-size-mobile: 15px;--accent-xxs-font-size-mobile: 14px;--secondary-m-font-size-desktop: 18px;--basic-s-font-size-desktop: 12px;--basic-xxs-font-size-desktop: 10px;--accent-s-font-size-mobile: 23px;--basic-m-font-size-mobile: 13px;--body-xl-font-size-desktop-xl: 19px;--body-xxxl-font-size-desktop-xl: 22px;--primary-xl-font-size-desktop-xl: 28px;--accent-regular-xxs-font-size-mobile: 14px;--primary-m-font-size-desktop-xl: 20px;--basic-xxl-font-size-mobile: 20px;--body-m-font-size-desktop-xl: 15px;--basic-l-font-size-mobile: 12px;--basic-xl-font-size-desktop: 18px;--accent-xs-font-size-desktop-xl: 23px;--secondary-xs-font-size-desktop: 20px;--primary-xxl-font-size-desktop-xl: 36px;--primary-l-font-size-desktop-xl: 26px;--body-xxl-font-size-desktop-xl: 18px;--body-l-font-size-desktop-xl: 16px;--body-xs-font-size-mobile: 12px;--body-xxxs-font-size-mobile: 13px;--primary-xs-font-size-mobile: 18px;--primary-xxxs-font-size-mobile: 19px;--accent-m-font-size-mobile: 26px;--secondary-xxs-font-size-desktop: 15px;--secondary-s-font-size-desktop: 22px;--basic-xs-font-size-desktop-xl: 11px;--accent-l-font-size-mobile: 40px;--primary-xxs-font-size-mobile: 16px;--primary-s-font-size-mobile: 20px;--body-xxs-font-size-mobile: 12px;--body-s-font-size-mobile: 16px;--basic-xs-font-size-desktop: 11px;--secondary-s-font-size-desktop-xl: 22px;--secondary-xxs-font-size-desktop-xl: 15px;--body-l-font-size-desktop: 16px;--body-xxl-font-size-desktop: 18px;--primary-l-font-size-desktop: 23px;--primary-xxl-font-size-desktop: 32px;--secondary-xs-font-size-desktop-xl: 20px;--body-xl-font-size-mobile: 18px;--body-xxxl-font-size-mobile: initial;--primary-xl-font-size-mobile: 30px;--basic-xl-font-size-desktop-xl: 17px;--accent-xs-font-size-mobile: 18px;--primary-m-font-size-mobile: 23px;--body-m-font-size-desktop: 15px;--body-m-font-size-mobile: 15px;--primary-m-font-size-desktop: 18px;--accent-xs-font-size-desktop: 23px;--secondary-xs-letter-spacing-desktop: normal;--secondary-xxs-letter-spacing-mobile: normal;--secondary-s-letter-spacing-mobile: normal;--basic-xl-letter-spacing-desktop: -0.09px;--body-s-letter-spacing-desktop-xl: 1.4px;--body-xxs-letter-spacing-desktop-xl: 1.69px;--primary-s-letter-spacing-desktop-xl: 2px;--primary-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop-xl: 1.66px;--basic-xxs-letter-spacing-desktop: 0.5px;--basic-s-letter-spacing-desktop: normal;--basic-xs-letter-spacing-mobile: 0.22px;--secondary-m-letter-spacing-desktop: 2.3px;--accent-m-letter-spacing-desktop-xl: normal;--primary-xxxs-letter-spacing-desktop-xl: normal;--primary-xs-letter-spacing-desktop-xl: normal;--body-xxxs-letter-spacing-desktop-xl: 0px;--body-xs-letter-spacing-desktop-xl: 1.65px;--secondary-l-letter-spacing-desktop: 0px;--secondary-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-desktop: 3px;--body-l-letter-spacing-mobile: -0.07px;--body-xxl-letter-spacing-mobile: normal;--primary-l-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-mobile: normal;--secondary-regular-m-letter-spacing-desktop: normal;--accent-xs-letter-spacing-mobile: 0.52px;--accent-s-letter-spacing-desktop: normal;--basic-l-letter-spacing-desktop-xl: 0.45px;--accent-xxs-letter-spacing-desktop: .52px;--basic-xxl-letter-spacing-desktop-xl: -0.31px;--accent-regular-xxs-letter-spacing-desktop-xl: 0.52px;--body-m-letter-spacing-mobile: 1.5px;--primary-m-letter-spacing-mobile: normal;--primary-xl-letter-spacing-mobile: normal;--body-xxxl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop-xl: 0.75px;--body-xl-letter-spacing-mobile: -0.09px;--basic-m-letter-spacing-desktop: 0.75px;--accent-regular-xxs-letter-spacing-desktop: 0.52px;--basic-xxl-letter-spacing-desktop: -0.3px;--accent-s-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-desktop: 0.39px;--accent-xxs-letter-spacing-desktop-xl: .52px;--secondary-xl-letter-spacing-desktop-xl: 3.3px;--secondary-regular-m-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop-xl: 0px;--body-s-letter-spacing-mobile: normal;--primary-s-letter-spacing-mobile: 2px;--body-xs-letter-spacing-desktop: 1.5px;--body-xxs-letter-spacing-mobile: 1.69px;--body-xxxs-letter-spacing-desktop: 0px;--primary-xs-letter-spacing-desktop: normal;--primary-xxs-letter-spacing-mobile: normal;--primary-xxxs-letter-spacing-desktop: normal;--accent-m-letter-spacing-desktop: normal;--basic-xxs-letter-spacing-desktop-xl: 0.6px;--accent-l-letter-spacing-desktop: 1.66px;--accent-l-letter-spacing-mobile: 1.14px;--secondary-m-letter-spacing-desktop-xl: 2.3px;--basic-s-letter-spacing-desktop-xl: normal;--accent-m-letter-spacing-mobile: .74px;--primary-xxxs-letter-spacing-mobile: normal;--primary-xxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-mobile: normal;--body-xxs-letter-spacing-desktop: 1.69px;--body-xxxs-letter-spacing-mobile: 0px;--primary-s-letter-spacing-desktop: 2px;--body-s-letter-spacing-desktop: 1.4px;--body-xs-letter-spacing-mobile: 1.8px;--basic-xl-letter-spacing-desktop-xl: -0.09px;--basic-l-letter-spacing-mobile: 0.36px;--basic-xxl-letter-spacing-mobile: -0.26px;--accent-regular-xxs-letter-spacing-mobile: 0.4px;--secondary-xs-letter-spacing-desktop-xl: normal;--basic-m-letter-spacing-mobile: 0.65px;--secondary-xxs-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop: -0.085px;--body-xxxl-letter-spacing-desktop: normal;--primary-xl-letter-spacing-desktop: normal;--accent-xs-letter-spacing-desktop: 0.66px;--accent-xxs-letter-spacing-mobile: .4px;--primary-m-letter-spacing-desktop: normal;--body-m-letter-spacing-desktop: 1.5px;--accent-s-letter-spacing-mobile: .66px;--secondary-regular-m-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-desktop: normal;--primary-l-letter-spacing-desktop: normal;--body-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-mobile: 2.6px;--body-l-letter-spacing-desktop: normal;--basic-xs-letter-spacing-desktop-xl: 0.22px;--secondary-xxl-letter-spacing-mobile: normal;--secondary-l-letter-spacing-mobile: -0.1px;--secondary-m-letter-spacing-mobile: 2.4px;--basic-s-letter-spacing-mobile: normal;--basic-xs-letter-spacing-desktop: 0.22px;--basic-xxs-letter-spacing-mobile: 0.5px;--body-l-letter-spacing-desktop-xl: normal;--body-xxl-letter-spacing-desktop-xl: normal;--primary-l-letter-spacing-desktop-xl: normal;--primary-xxl-letter-spacing-desktop-xl: normal;--basic-xl-letter-spacing-mobile: -0.07px;--body-m-letter-spacing-desktop-xl: 1.5px;--primary-m-letter-spacing-desktop-xl: normal;--accent-xs-letter-spacing-desktop-xl: 0.66px;--primary-xl-letter-spacing-desktop-xl: normal;--body-xxxl-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop-xl: -0.095px;--secondary-s-letter-spacing-desktop: normal;--secondary-xs-letter-spacing-mobile: normal;--secondary-xxs-letter-spacing-desktop: normal;--body-xs-font-weight-mobile: normal;--body-xxxs-font-weight-mobile: normal;--primary-xs-font-weight-mobile: bold;--primary-xxxs-font-weight-mobile: 700;--accent-m-font-weight-mobile: 300;--basic-l-font-weight-desktop: 600;--basic-xxl-font-weight-desktop: 600;--accent-regular-xxs-font-weight-desktop: 400;--basic-xs-font-weight-desktop-xl: 600;--accent-l-font-weight-mobile: 300;--primary-xxs-font-weight-mobile: bold;--primary-s-font-weight-mobile: bold;--body-xxs-font-weight-mobile: normal;--body-s-font-weight-mobile: normal;--basic-m-font-weight-desktop: 600;--accent-xxs-font-weight-desktop: 300;--accent-s-font-weight-desktop: 300;--secondary-s-font-weight-desktop-xl: normal;--secondary-xxs-font-weight-desktop-xl: normal;--secondary-xl-font-weight-desktop: normal;--secondary-regular-m-font-weight-desktop: normal;--body-xl-font-weight-mobile: normal;--secondary-xs-font-weight-desktop-xl: normal;--body-xxxl-font-weight-mobile: normal;--primary-xl-font-weight-mobile: bold;--secondary-xxl-font-weight-desktop: normal;--secondary-l-font-weight-desktop: 400;--body-m-font-weight-mobile: normal;--basic-xxs-font-weight-desktop: 600;--accent-xs-font-weight-mobile: 300;--basic-xl-font-weight-desktop-xl: 600;--secondary-m-font-weight-desktop: 400;--basic-s-font-weight-desktop: 600;--primary-m-font-weight-mobile: bold;--primary-xxl-font-weight-mobile: bold;--primary-l-font-weight-mobile: bold;--body-xxl-font-weight-mobile: normal;--body-l-font-weight-mobile: normal;--basic-xl-font-weight-desktop: 600;--basic-xxs-font-weight-desktop-xl: 600;--basic-s-font-weight-desktop-xl: 600;--secondary-m-font-weight-desktop-xl: 400;--secondary-l-font-weight-desktop-xl: 400;--secondary-xxl-font-weight-desktop-xl: normal;--basic-xs-font-weight-mobile: 600;--secondary-xs-font-weight-desktop: normal;--secondary-xxs-font-weight-desktop: normal;--secondary-s-font-weight-desktop: normal;--secondary-xl-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-desktop-xl: normal;--accent-s-font-weight-desktop-xl: 300;--accent-xxs-font-weight-desktop-xl: 300;--secondary-s-font-weight-mobile: normal;--secondary-xxs-font-weight-mobile: normal;--basic-m-font-weight-desktop-xl: 600;--accent-regular-xxs-font-weight-desktop-xl: 400;--basic-xxl-font-weight-desktop-xl: 600;--basic-l-font-weight-desktop-xl: 600;--basic-xs-font-weight-desktop: 600;--secondary-xs-font-weight-mobile: normal;--basic-xl-font-weight-mobile: 600;--body-xxl-font-weight-desktop: normal;--primary-l-font-weight-desktop: bold;--primary-xxxs-font-weight-desktop-xl: 700;--primary-xxl-font-weight-desktop: bold;--accent-m-font-weight-desktop-xl: 300;--body-xs-font-weight-desktop-xl: normal;--body-l-font-weight-desktop: normal;--body-xxxs-font-weight-desktop-xl: normal;--primary-xs-font-weight-desktop-xl: bold;--body-m-font-weight-desktop: normal;--accent-l-font-weight-desktop-xl: 300;--primary-m-font-weight-desktop: bold;--basic-xxs-font-weight-mobile: 600;--accent-xs-font-weight-desktop: 300;--basic-s-font-weight-mobile: 600;--secondary-m-font-weight-mobile: 400;--primary-xl-font-weight-desktop: bold;--body-xxxl-font-weight-desktop: normal;--body-xl-font-weight-desktop: normal;--secondary-l-font-weight-mobile: 400;--secondary-xxl-font-weight-mobile: normal;--primary-xxs-font-weight-desktop-xl: bold;--primary-s-font-weight-desktop-xl: bold;--body-xxs-font-weight-desktop-xl: normal;--body-s-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-mobile: normal;--secondary-xl-font-weight-mobile: normal;--accent-s-font-weight-mobile: 300;--accent-xxs-font-weight-mobile: 300;--basic-m-font-weight-mobile: 600;--body-s-font-weight-desktop: normal;--body-xxs-font-weight-desktop: normal;--primary-s-font-weight-desktop: bold;--primary-xxs-font-weight-desktop: bold;--body-xl-font-weight-desktop-xl: normal;--body-xxxl-font-weight-desktop-xl: normal;--primary-xl-font-weight-desktop-xl: bold;--accent-xs-font-weight-desktop-xl: 300;--accent-regular-xxs-font-weight-mobile: 400;--accent-l-font-weight-desktop: 300;--basic-xxl-font-weight-mobile: 600;--primary-m-font-weight-desktop-xl: bold;--body-m-font-weight-desktop-xl: normal;--basic-l-font-weight-mobile: 600;--accent-m-font-weight-desktop: 300;--primary-xxxs-font-weight-desktop: 700;--body-xxxs-font-weight-desktop: normal;--primary-xs-font-weight-desktop: bold;--body-xs-font-weight-desktop: normal;--primary-xxl-font-weight-desktop-xl: bold;--primary-l-font-weight-desktop-xl: bold;--body-xxl-font-weight-desktop-xl: normal;--body-l-font-weight-desktop-xl: normal;--accent-xs-line-height-desktop: 24px;--body-m-line-height-desktop: 19px;--primary-m-line-height-desktop: 21px;--basic-s-line-height-desktop-xl: 15px;--secondary-m-line-height-desktop-xl: 17px;--body-xxxl-line-height-desktop: 33px;--primary-xl-line-height-desktop: 27px;--body-xl-line-height-desktop: 22px;--basic-xxs-line-height-desktop-xl: 15px;--basic-xs-line-height-mobile: 13px;--secondary-l-line-height-desktop-xl: 29px;--secondary-xxl-line-height-desktop-xl: 70px;--secondary-regular-m-line-height-desktop-xl: 15px;--secondary-xl-line-height-desktop-xl: 37px;--accent-xxs-line-height-desktop-xl: 18px;--accent-s-line-height-desktop-xl: 23px;--primary-s-line-height-desktop: 32px;--body-xxs-line-height-desktop: 16px;--primary-xxs-line-height-desktop: 19px;--secondary-s-line-height-mobile: 25px;--secondary-xxs-line-height-mobile: 20px;--body-s-line-height-desktop: 16px;--accent-l-line-height-desktop: 50px;--basic-m-line-height-desktop-xl: 20px;--primary-xxxs-line-height-desktop: 23px;--primary-xs-line-height-desktop: 17px;--body-xxxs-line-height-desktop: 17px;--body-xs-line-height-desktop: 14px;--secondary-xs-line-height-mobile: 21px;--basic-l-line-height-desktop-xl: 18px;--accent-regular-xxs-line-height-desktop-xl: 26px;--basic-xxl-line-height-desktop-xl: 27px;--accent-m-line-height-desktop: 26px;--basic-xl-line-height-mobile: 17px;--accent-regular-xxs-line-height-desktop: 26px;--body-xs-line-height-desktop-xl: 15px;--primary-xs-line-height-desktop-xl: 20px;--body-xxxs-line-height-desktop-xl: 17px;--primary-xxxs-line-height-desktop-xl: 23px;--accent-m-line-height-desktop-xl: 26px;--basic-l-line-height-desktop: 16px;--basic-xxl-line-height-desktop: 26px;--basic-m-line-height-desktop: 20px;--basic-s-line-height-mobile: 15px;--secondary-m-line-height-mobile: 15px;--basic-xxs-line-height-mobile: 13px;--accent-l-line-height-desktop-xl: 50px;--primary-xxs-line-height-desktop-xl: 19px;--primary-s-line-height-desktop-xl: 32px;--body-xxs-line-height-desktop-xl: 16px;--body-s-line-height-desktop-xl: 16px;--secondary-l-line-height-mobile: 25px;--secondary-xxl-line-height-mobile: 40px;--accent-s-line-height-desktop: 23px;--accent-xxs-line-height-desktop: 18px;--secondary-xl-line-height-mobile: 32px;--secondary-xl-line-height-desktop: 34px;--secondary-regular-m-line-height-mobile: 15px;--secondary-regular-m-line-height-desktop: 15px;--accent-s-line-height-mobile: 23px;--accent-xxs-line-height-mobile: 0.4px;--secondary-xxl-line-height-desktop: 56px;--secondary-l-line-height-desktop: 29px;--secondary-m-line-height-desktop: 17px;--basic-s-line-height-desktop: 15px;--body-xl-line-height-desktop-xl: 24px;--primary-xl-line-height-desktop-xl: 34px;--body-xxxl-line-height-desktop-xl: 33px;--basic-xxs-line-height-desktop: 13px;--basic-m-line-height-mobile: 18px;--basic-l-line-height-mobile: 13px;--primary-m-line-height-desktop-xl: 24px;--body-m-line-height-desktop-xl: 19px;--accent-regular-xxs-line-height-mobile: 14px;--basic-xxl-line-height-mobile: 23px;--accent-xs-line-height-desktop-xl: 24px;--primary-xxl-line-height-desktop-xl: 40px;--primary-l-line-height-desktop-xl: 30px;--body-xxl-line-height-desktop-xl: 26px;--body-l-line-height-desktop-xl: 20px;--basic-xl-line-height-desktop: 22px;--secondary-xs-line-height-desktop: 26px;--body-xs-line-height-mobile: 16px;--body-xxxs-line-height-mobile: 17px;--primary-xs-line-height-mobile: 22px;--primary-xxxs-line-height-mobile: 21px;--accent-m-line-height-mobile: 26px;--accent-l-line-height-mobile: 36px;--basic-xs-line-height-desktop-xl: 13px;--secondary-xxs-line-height-desktop: 20px;--secondary-s-line-height-desktop: 27px;--primary-xxs-line-height-mobile: 19px;--primary-s-line-height-mobile: 32px;--body-xxs-line-height-mobile: 16px;--body-s-line-height-mobile: 22px;--secondary-s-line-height-desktop-xl: 27px;--secondary-xxs-line-height-desktop-xl: 20px;--basic-xs-line-height-desktop: 13px;--body-xl-line-height-mobile: 22px;--body-xxxl-line-height-mobile: initial;--primary-xl-line-height-mobile: 32px;--secondary-xs-line-height-desktop-xl: 26px;--primary-m-line-height-mobile: 26px;--body-m-line-height-mobile: 19px;--basic-xl-line-height-desktop-xl: 22px;--accent-xs-line-height-mobile: 19px;--body-l-line-height-desktop: 20px;--body-xxl-line-height-desktop: 26px;--primary-l-line-height-desktop: 28px;--primary-xxl-line-height-desktop: 36px;--primary-xxl-line-height-mobile: 33px;--body-xxl-line-height-mobile: 26px;--primary-l-line-height-mobile: 26px;--body-l-line-height-mobile: 18px;--font-family-accent: Verdana, serif;--font-family-accent-fancy: Verdana, sans-serif;--font-family-basic-fancy: "Graphik Semibold", sans-serif;--font-family-body-fancy: Georgia, Helvetica, sans-serif}