@phila/phila-ui-core 2.2.0-beta.2 → 2.2.0-beta.3

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.
@@ -1,3543 +0,0 @@
1
- /* Generated CSS Variables - Dynamic Mode Switching Architecture */
2
- /* Auto-generated from Figma variable collections */
3
- /* Usage: Set data-theme attribute on container element to switch modes */
4
-
5
- /* ========================================= */
6
- /* FALLBACK VALUES (:root) */
7
- /* These are default values when no theme is active */
8
- /* Theme-specific selectors below will override these */
9
- /* ========================================= */
10
-
11
- :root {
12
- --colors-Blue: rgb(15, 51, 245);
13
- --colors-Dark-Blue: rgb(38, 0, 140);
14
- --colors-Dark-Ben-Franklin-Blue: rgb(15, 77, 143);
15
- --colors-Light-Blue: rgb(18, 140, 255);
16
- --colors-White: rgb(255, 255, 255);
17
- --colors-Black: rgb(0, 0, 0);
18
- --colors-Grey: rgb(217, 217, 217);
19
- --colors-Light-Grey: rgb(242, 242, 242);
20
- --colors-Medium-Grey: rgb(207, 207, 207);
21
- --colors-Dark-Grey: rgb(69, 69, 69);
22
- --colors-Bell-Yellow: rgb(242, 199, 18);
23
- --colors-Orange: rgb(237, 102, 56);
24
- --colors-Red: rgb(255, 5, 8);
25
- --colors-Light-Green: rgb(201, 242, 207);
26
- --colors-Green: rgb(28, 184, 41);
27
- --colors-Dark-Green: rgb(23, 107, 0);
28
- --colors-Pink: rgb(219, 31, 128);
29
- --sizes-6xsmall: 1px;
30
- --colors-Purple: rgb(99, 0, 222);
31
- --sizes-5xsmall: 2px;
32
- --sizes-4xsmall: 4px;
33
- --sizes-3xsmall: 8px;
34
- --sizes-xxsmall: 12px;
35
- --sizes-small: 14px;
36
- --sizes-medium: 16px;
37
- --sizes-large: 18px;
38
- --sizes-xlarge: 20px;
39
- --sizes-xxlarge: 24px;
40
- --sizes-3xlarge: 32px;
41
- --sizes-4xlarge: 40px;
42
- --sizes-5xlarge: 48px;
43
- --sizes-6xlarge: 56px;
44
- --sizes-7xlarge: 64px;
45
- --sizes-8xlarge: 72px;
46
- --sizes-9xlarge: 80px;
47
- --sizes-scale-0: 0;
48
- --sizes-scale-10: 1;
49
- --sizes-scale-25: 2;
50
- --sizes-scale-50: 4;
51
- --sizes-scale-75: 6;
52
- --sizes-scale-100: 8;
53
- --sizes-scale-150: 12;
54
- --sizes-scale-175: 14;
55
- --sizes-scale-200: 16;
56
- --sizes-scale-225: 18;
57
- --sizes-scale-250: 20;
58
- --sizes-scale-300: 24;
59
- --sizes-scale-350: 28;
60
- --sizes-scale-400: 32;
61
- --sizes-scale-450: 36;
62
- --sizes-scale-500: 40;
63
- --sizes-scale-600: 48;
64
- --sizes-scale-700: 56;
65
- --sizes-scale-800: 64;
66
- --sizes-scale-900: 72;
67
- --sizes-scale-1000: 80;
68
- --sizes-scale-1100: 88;
69
- --body-body: 1;
70
- --body-body-icon: 1;
71
- --body-body-text: 1;
72
- --button-button: 1;
73
- --button-button-primary: 1;
74
- --button-button-secondary: 1;
75
- --button-buttom-tertiary: 1;
76
- --image: 1;
77
- --top-icon: 1;
78
- --label-1: 1;
79
- --headline: 1;
80
- --label-2: 1;
81
- --media: 1;
82
- --play-button: 1;
83
- --date: 1;
84
- --link: 1;
85
- --checkbox: 1;
86
- --Card-media-exdent: 0;
87
- --flag-layout: "Standard";
88
- --height: 1064px;
89
- --width: 640px;
90
- --border-left-right: 0;
91
- --Header-Size-Header-Width: 1440px;
92
- --Header-Display-Nav-Link-Visible: 1;
93
- --Header-Display-Mayor-Link-Visible: 1;
94
- --Header-Display-Trusted-Banner-Text-Visible: 1;
95
- --Header-Display-Language-Links-Visible: 1;
96
- --Header-Display-Mobile-Globe-Visible: 0;
97
- --Header-Content-Trusted-Banner-Copy: "Here's how you know";
98
- --Header-Content-Language-LInk-Label: "English";
99
- --Header-Content-Trusted-Banner-Icon: "caret-down";
100
- --Footer-footer-width: 1440px;
101
- --Footer-horz-rule: 0;
102
- --Footer-vert-rule: 1;
103
- --Footer-Footer-Icon: 1;
104
- --Footer-Column-1-Mayor: "Mayor";
105
- --Footer-Column-1-City-Council: "City Council";
106
- --Footer-Column-1-Courts: "Courts";
107
- --Footer-Column-1-District-Attorney: "District Attorney";
108
- --Footer-Column-1-City-Controller: "City Controller";
109
- --Footer-Column-1-Sheriff: "Sheriff";
110
- --Footer-Column-1-City-Commissioners: "City Commissioners";
111
- --Footer-Column-1-Register-of-Wills: "Register of Wills";
112
- --Footer-Column-2-Philadelphia-Code-Charter: "Philadelphia Code & Charter";
113
- --Footer-Column-2-City-records: "City records";
114
- --Footer-Column-2-City-agency-regulations: "City agency regulations";
115
- --Footer-Column-2-Executive-orders: "Executive orders";
116
- --Footer-Column-2-Honesty-in-government: "Honesty in government";
117
- --Footer-Column-2-Voting-and-elections: "Voting & elections";
118
- --Footer-Column-2-Open-data: "Open data";
119
- --Footer-Column-2-City-organization-chart: "City organization chart";
120
- --Footer-Column-3-SEPTA: "SEPTA";
121
- --Footer-Column-3-Visit-Philadelphia: "Visit Philadelphia";
122
- --Footer-Sub-Footer-Terms-of-use: "Terms of use";
123
- --Footer-Sub-Footer-Right-to-know: "Right to know";
124
- --Footer-Sub-Footer-Privacy-policy: "Privacy policy";
125
- --Footer-Sub-Footer-Accessibility: "Accessibility";
126
- --Breadcrumb-Link-1: "Services";
127
- --Breadcrumb-Link-2: "Cars, parking & transportation";
128
- --Breadcrumb-Link-3: "Apply for a parking permit";
129
- --Breadcrumb-Link-4: "Link 4";
130
- --Breadcrumb-Link-5: "Link 5";
131
- --Breadcrumb-Link-6: "Link 6";
132
- --Breadcrumb-Text: "Apply for a Temporary No Parking (TNP) permit";
133
- --Breadcrumb-Links-Visible: 1;
134
- --Breadcrumb-Chevron-Visible: 0;
135
- --Breadcrumb-Boolean: 0;
136
- --Breadcrumb-Text-Visible: 1;
137
- --Breadcrumb-Home-Visible: 1;
138
- --Hover-Alternative-Nested-On: 1;
139
- --Hover-Alternative-Nested-Off: 0;
140
- --Header-Menu-Button-Color: rgb(255, 255, 255);
141
- --Icon-bars: "bars";
142
- --Links-Color: rgb(255, 255, 255);
143
- --Base-font-variables-Family-font-family-primary: "Montserrat";
144
- --Base-font-variables-Family-font-family-secondary: "Times New Roman";
145
- --Base-font-variables-Family-font-family-icon: "Font Awesome 7 Pro";
146
- --Base-font-variables-Family-font-family-icon-brands: "Font Awesome 7 Brands";
147
- --Base-font-variables-Weight-font-weight-light: "Light";
148
- --Base-font-variables-Width-max-width: 0;
149
- --Base-font-variables-Weight-font-weight-regular: "Regular";
150
- --Base-font-variables-Weight-font-weight-semibold: "SemiBold";
151
- --Base-font-variables-Weight-font-weight-bold: "Bold";
152
- --Base-font-variables-Weight-font-weight-solid: "Solid";
153
- --Display-Display-2-font-display-2-size: 36px;
154
- --Display-Display-2-font-display-2-lineheight: 48px;
155
- --Display-Display-2-font-display-2-margin-top: 0;
156
- --Display-Display-2-font-display-2-margin-bottom: 16px;
157
- --Heading-H1-font-heading-1-size: 40px;
158
- --Heading-H1-font-header-1-lineheight: 48px;
159
- --Heading-H1-font-header-1-margin-top: 16px;
160
- --Heading-H1-font-header-1-margin-bottom: 16px;
161
- --Heading-H2-font-heading-2-size: 36px;
162
- --Heading-H2-font-heading-2-lineheight: 48px;
163
- --Heading-H2-font-heading-2-margin-top: 8px;
164
- --Heading-H2-font-heading-2-margin-bottom: 16px;
165
- --Heading-H3-font-heading-3-size: 32px;
166
- --Heading-H3-font-heading-3-lineheight: 40px;
167
- --Heading-H3-font-heading-3-margin-top: 8px;
168
- --Heading-H3-font-heading-3-margin-bottom: 16px;
169
- --Heading-H4-font-heading-4-size: 28px;
170
- --Heading-H4-font-heading-4-lineheight: 40px;
171
- --Heading-H4-font-heading-4-margin-top: 0;
172
- --Heading-H4-font-heading-4-margin-bottom: 16px;
173
- --Heading-H5-font-heading-5-size: 24px;
174
- --Heading-H5-font-heading-5-lineheight: 36px;
175
- --Heading-H5-font-heading-5-margin-top: 0;
176
- --Heading-H5-font-heading-5-margin-bottom: 16px;
177
- --Heading-H6-font-heading-6-size: 20px;
178
- --Heading-H6-font-heading-6-lineheight: 28px;
179
- --Heading-H6-font-heading-6-margin-top: 0;
180
- --Heading-H6-font-heading-6-margin-bottom: 16px;
181
- --Subtitle-Subtitle-1-font-subtitle-1-size: 24px;
182
- --Subtitle-Subtitle-1-font-subtitle-1-lineheight: 36px;
183
- --Subtitle-Subtitle-1-font-subtitle-1-margin-top: 0;
184
- --Subtitle-Subtitle-1-font-subtitle-1-margin-bottom: 16px;
185
- --Subtitle-Subtitle-2-font-subtitle-2-size: 18px;
186
- --Subtitle-Subtitle-2-font-subtitle-2-lineheight: 28px;
187
- --Subtitle-Subtitle-2-font-subtitle-2-margin-top: 0;
188
- --Subtitle-Subtitle-2-font-subtitle-2-margin-bottom: 16px;
189
- --Body-ExtraSmall-font-body-xs-size: 14px;
190
- --Body-ExtraSmall-font-body-xs-lineheight: 20px;
191
- --Body-ExtraSmall-font-body-xs-margin-top: 0;
192
- --Body-ExtraSmall-font-body-xs-margin-bottom: 16px;
193
- --Body-Small-font-body-small-size: 16px;
194
- --Body-Small-font-body-small-lineheight: 24px;
195
- --Body-Small-font-body-small-margin-top: 0;
196
- --Body-Small-font-body-small-margin-bottom: 16px;
197
- --Body-Default-font-body-default-size: 18px;
198
- --Body-Default-font-body-default-lineheight: 28px;
199
- --Body-Default-font-body-default-margin-top: 0;
200
- --Body-Default-font-body-default-margin-bottom: 16px;
201
- --Body-Large-font-body-large-size: 20px;
202
- --Body-Large-font-body-large-lineheight: 28px;
203
- --Body-Large-font-body-large-margin-top: 0;
204
- --Body-Large-font-body-large-margin-bottom: 18px;
205
- --Body-ExtraLarge-font-body-xlarge-size: 24px;
206
- --Body-ExtraLarge-font-body-xlarge-lineheight: 36px;
207
- --Body-ExtraLarge-font-body-xlarge-margin-top: 0;
208
- --Body-ExtraLarge-font-body-xlarge-margin-bottom: 20px;
209
- --Body-2XL-font-body-2xl-size: 32px;
210
- --Body-2XL-font-body-2xl-lineheight: 48px;
211
- --Body-2XL-font-body-2xl-margin-top: 0;
212
- --Body-2XL-font-body-2xl-margin-bottom: 24px;
213
- --Quote-font-quote-weight: "Bold Italic";
214
- --Quote-font-quote-size: 24px;
215
- --Quote-font-quote-lineheight: 36px;
216
- --Quote-font-quote-margin-top: 0;
217
- --Quote-font-quote-margin-bottom: 20px;
218
- --Icon-Solid-XXSmall-font-icon-solid-xxs-size: 12px;
219
- --Icon-Solid-ExtraSmall-font-icon-solid-xs-size: 16px;
220
- --Icon-Solid-Small-font-icon-solid-small-size: 18px;
221
- --Icon-Solid-Default-font-icon-solid-default-size: 24px;
222
- --Icon-Solid-Large-font-icon-solid-large-size: 32px;
223
- --Icon-Solid-ExtraLarge-font-icon-solid-xl-size: 48px;
224
- --Icon-Solid-2XL-font-icon-solid-2xl-size: 80px;
225
- --breakpoints-xs: 162px;
226
- --breakpoints-s: 375px;
227
- --breakpoints-m: 768px;
228
- --breakpoints-l: 1024px;
229
- --breakpoints-xl: 1440px;
230
- --breakpoints-2xl: 1920px;
231
- --blue-750-blue: rgb(232, 235, 255);
232
- --blue-700-blue: rgb(207, 214, 255);
233
- --blue-650-blue: rgb(184, 194, 252);
234
- --blue-600-blue: rgb(158, 173, 252);
235
- --blue-550-blue: rgb(135, 153, 252);
236
- --blue-500-blue: rgb(112, 133, 250);
237
- --blue-450-blue: rgb(87, 112, 250);
238
- --blue-350-blue: rgb(13, 46, 222);
239
- --blue-300-blue: rgb(10, 38, 196);
240
- --blue-250-blue: rgb(10, 31, 173);
241
- --blue-200-blue: rgb(8, 26, 148);
242
- --blue-150-blue: rgb(5, 20, 122);
243
- --blue-100-blue: rgb(3, 15, 97);
244
- --blue-50-blue: rgb(0, 10, 74);
245
- --dark-blue-750-dark-blue: rgb(232, 230, 242);
246
- --dark-blue-700-dark-blue: rgb(212, 204, 232);
247
- --dark-blue-650-dark-blue: rgb(191, 179, 219);
248
- --dark-blue-600-dark-blue: rgb(168, 153, 209);
249
- --dark-blue-550-dark-blue: rgb(148, 128, 196);
250
- --dark-blue-500-dark-blue: rgb(125, 102, 186);
251
- --dark-blue-450-dark-blue: rgb(105, 77, 173);
252
- --dark-blue-350-dark-blue: rgb(33, 0, 125);
253
- --dark-blue-300-dark-blue: rgb(28, 0, 112);
254
- --dark-blue-250-dark-blue: rgb(23, 0, 97);
255
- --dark-blue-200-dark-blue: rgb(20, 0, 84);
256
- --dark-blue-150-dark-blue: rgb(13, 0, 71);
257
- --dark-blue-100-dark-blue: rgb(10, 0, 56);
258
- --dark-blue-50-dark-blue: rgb(5, 0, 43);
259
- --dark-ben-franklin-blue-750-dark-ben-franklin-blue: rgb(232, 237, 245);
260
- --dark-ben-franklin-blue-700-dark-ben-franklin-blue: rgb(207, 219, 232);
261
- --dark-ben-franklin-blue-650-dark-ben-franklin-blue: rgb(184, 201, 222);
262
- --dark-ben-franklin-blue-600-dark-ben-franklin-blue: rgb(158, 184, 209);
263
- --dark-ben-franklin-blue-550-dark-ben-franklin-blue: rgb(135, 166, 199);
264
- --dark-ben-franklin-blue-500-dark-ben-franklin-blue: rgb(112, 148, 189);
265
- --dark-ben-franklin-blue-450-dark-ben-franklin-blue: rgb(87, 130, 176);
266
- --dark-ben-franklin-blue-350-dark-ben-franklin-blue: rgb(13, 69, 128);
267
- --dark-ben-franklin-blue-300-dark-ben-franklin-blue: rgb(10, 56, 115);
268
- --dark-ben-franklin-blue-250-dark-ben-franklin-blue: rgb(10, 46, 99);
269
- --dark-ben-franklin-blue-200-dark-ben-franklin-blue: rgb(8, 38, 84);
270
- --dark-ben-franklin-blue-150-dark-ben-franklin-blue: rgb(5, 31, 71);
271
- --dark-ben-franklin-blue-100-dark-ben-franklin-blue: rgb(3, 23, 56);
272
- --dark-ben-franklin-blue-50-dark-ben-franklin-blue: rgb(0, 15, 43);
273
- --light-blue-750-light-blue: rgb(232, 242, 255);
274
- --light-blue-700-light-blue: rgb(209, 232, 255);
275
- --light-blue-650-light-blue: rgb(184, 219, 255);
276
- --light-blue-600-light-blue: rgb(161, 209, 255);
277
- --light-blue-550-light-blue: rgb(138, 196, 255);
278
- --light-blue-500-light-blue: rgb(112, 186, 255);
279
- --light-blue-400-light-blue: rgb(18, 140, 255);
280
- --light-blue-350-light-blue: rgb(15, 125, 230);
281
- --light-blue-300-light-blue: rgb(13, 112, 204);
282
- --light-blue-250-light-blue: rgb(13, 97, 179);
283
- --light-blue-200-light-blue: rgb(10, 84, 153);
284
- --light-blue-150-light-blue: rgb(8, 71, 128);
285
- --light-blue-100-light-blue: rgb(5, 56, 102);
286
- --light-blue-50-light-blue: rgb(5, 43, 77);
287
- --white-750-white: rgb(255, 255, 255);
288
- --white-700-white: rgb(255, 255, 255);
289
- --white-650-white: rgb(255, 255, 255);
290
- --white-600-white: rgb(255, 255, 255);
291
- --white-550-white: rgb(255, 255, 255);
292
- --white-500-white: rgb(255, 255, 255);
293
- --white-450-white: rgb(255, 255, 255);
294
- --white-350-white: rgb(230, 230, 230);
295
- --white-300-white: rgb(204, 204, 204);
296
- --white-250-white: rgb(179, 179, 179);
297
- --white-200-white: rgb(153, 153, 153);
298
- --white-150-white: rgb(128, 128, 128);
299
- --white-100-white: rgb(102, 102, 102);
300
- --white-50-white: rgb(77, 77, 77);
301
- --black-750-black: rgb(230, 230, 230);
302
- --black-700-black: rgb(204, 204, 204);
303
- --black-650-black: rgb(179, 179, 179);
304
- --black-600-black: rgb(153, 153, 153);
305
- --black-550-black: rgb(128, 128, 128);
306
- --black-500-black: rgb(102, 102, 102);
307
- --black-450-black: rgb(77, 77, 77);
308
- --black-350-black: rgb(0, 0, 0);
309
- --black-300-black: rgb(0, 0, 0);
310
- --black-250-black: rgb(0, 0, 0);
311
- --black-200-black: rgb(0, 0, 0);
312
- --black-150-black: rgb(0, 0, 0);
313
- --black-100-black: rgb(0, 0, 0);
314
- --black-50-black: rgb(0, 0, 0);
315
- --grey-750-grey: rgb(250, 250, 250);
316
- --grey-700-grey: rgb(247, 247, 247);
317
- --grey-650-grey: rgb(242, 242, 242);
318
- --grey-600-grey: rgb(240, 240, 240);
319
- --grey-550-grey: rgb(235, 235, 235);
320
- --grey-500-grey: rgb(232, 232, 232);
321
- --grey-450-grey: rgb(227, 227, 227);
322
- --grey-350-grey: rgb(194, 194, 194);
323
- --grey-300-grey: rgb(173, 173, 173);
324
- --grey-250-grey: rgb(150, 150, 150);
325
- --grey-200-grey: rgb(130, 130, 130);
326
- --grey-150-grey: rgb(107, 107, 107);
327
- --grey-100-grey: rgb(87, 87, 87);
328
- --grey-50-grey: rgb(64, 64, 64);
329
- --light-grey-750-light-grey: rgb(255, 255, 255);
330
- --light-grey-700-light-grey: rgb(252, 252, 252);
331
- --light-grey-650-light-grey: rgb(252, 252, 252);
332
- --light-grey-600-light-grey: rgb(250, 250, 250);
333
- --light-grey-550-light-grey: rgb(250, 250, 250);
334
- --light-grey-500-light-grey: rgb(250, 250, 250);
335
- --light-grey-450-light-grey: rgb(247, 247, 247);
336
- --light-grey-350-light-grey: rgb(219, 219, 219);
337
- --light-grey-300-light-grey: rgb(194, 194, 194);
338
- --light-grey-250-light-grey: rgb(168, 168, 168);
339
- --light-grey-200-light-grey: rgb(145, 145, 145);
340
- --light-grey-150-light-grey: rgb(120, 120, 120);
341
- --light-grey-100-light-grey: rgb(97, 97, 97);
342
- --light-grey-50-light-grey: rgb(71, 71, 71);
343
- --medium-grey-750-medium-grey: rgb(250, 250, 250);
344
- --medium-grey-700-medium-grey: rgb(245, 245, 245);
345
- --medium-grey-650-medium-grey: rgb(240, 240, 240);
346
- --medium-grey-600-medium-grey: rgb(235, 235, 235);
347
- --medium-grey-550-medium-grey: rgb(230, 230, 230);
348
- --medium-grey-500-medium-grey: rgb(224, 224, 224);
349
- --medium-grey-450-medium-grey: rgb(219, 219, 219);
350
- --medium-grey-350-medium-grey: rgb(186, 186, 186);
351
- --medium-grey-300-medium-grey: rgb(166, 166, 166);
352
- --medium-grey-250-medium-grey: rgb(143, 143, 143);
353
- --medium-grey-200-medium-grey: rgb(125, 125, 125);
354
- --medium-grey-150-medium-grey: rgb(102, 102, 102);
355
- --medium-grey-100-medium-grey: rgb(82, 82, 82);
356
- --medium-grey-50-medium-grey: rgb(61, 61, 61);
357
- --dark-grey-750-dark-grey: rgb(237, 237, 237);
358
- --dark-grey-700-dark-grey: rgb(217, 217, 217);
359
- --dark-grey-650-dark-grey: rgb(199, 199, 199);
360
- --dark-grey-600-dark-grey: rgb(181, 181, 181);
361
- --dark-grey-550-dark-grey: rgb(163, 163, 163);
362
- --dark-grey-500-dark-grey: rgb(143, 143, 143);
363
- --dark-grey-450-dark-grey: rgb(125, 125, 125);
364
- --dark-grey-350-dark-grey: rgb(61, 61, 61);
365
- --dark-grey-300-dark-grey: rgb(56, 56, 56);
366
- --dark-grey-250-dark-grey: rgb(48, 48, 48);
367
- --dark-grey-200-dark-grey: rgb(41, 41, 41);
368
- --dark-grey-150-dark-grey: rgb(33, 33, 33);
369
- --dark-grey-100-dark-grey: rgb(28, 28, 28);
370
- --dark-grey-50-dark-grey: rgb(20, 20, 20);
371
- --bell-yellow-750-bell-yellow: rgb(252, 250, 232);
372
- --bell-yellow-700-bell-yellow: rgb(250, 245, 209);
373
- --bell-yellow-650-bell-yellow: rgb(250, 240, 184);
374
- --bell-yellow-600-bell-yellow: rgb(247, 232, 161);
375
- --bell-yellow-550-bell-yellow: rgb(245, 227, 138);
376
- --bell-yellow-500-bell-yellow: rgb(245, 224, 112);
377
- --bell-yellow-450-bell-yellow: rgb(242, 217, 89);
378
- --bell-yellow-350-bell-yellow: rgb(217, 179, 15);
379
- --bell-yellow-300-bell-yellow: rgb(194, 158, 13);
380
- --bell-yellow-250-bell-yellow: rgb(168, 140, 13);
381
- --bell-yellow-200-bell-yellow: rgb(145, 120, 10);
382
- --bell-yellow-150-bell-yellow: rgb(120, 99, 10);
383
- --bell-yellow-100-bell-yellow: rgb(97, 79, 8);
384
- --bell-yellow-50-bell-yellow: rgb(71, 59, 5);
385
- --orange-750-orange: rgb(252, 240, 232);
386
- --orange-700-orange: rgb(250, 224, 214);
387
- --orange-650-orange: rgb(250, 209, 194);
388
- --orange-600-orange: rgb(247, 194, 176);
389
- --orange-550-orange: rgb(245, 179, 156);
390
- --orange-500-orange: rgb(245, 163, 135);
391
- --orange-450-orange: rgb(242, 148, 117);
392
- --orange-350-orange: rgb(212, 92, 51);
393
- --orange-300-orange: rgb(189, 82, 43);
394
- --orange-250-orange: rgb(166, 71, 38);
395
- --orange-200-orange: rgb(143, 61, 33);
396
- --orange-150-orange: rgb(117, 51, 28);
397
- --orange-100-orange: rgb(94, 41, 23);
398
- --orange-50-orange: rgb(71, 31, 15);
399
- --red-750-red: rgb(255, 230, 230);
400
- --red-700-red: rgb(255, 204, 204);
401
- --red-650-red: rgb(255, 179, 181);
402
- --red-600-red: rgb(255, 153, 156);
403
- --red-550-red: rgb(255, 130, 130);
404
- --red-500-red: rgb(255, 105, 107);
405
- --red-450-red: rgb(255, 79, 82);
406
- --red-350-red: rgb(230, 5, 8);
407
- --red-300-red: rgb(204, 5, 5);
408
- --red-250-red: rgb(179, 3, 5);
409
- --red-200-red: rgb(153, 3, 5);
410
- --red-150-red: rgb(128, 3, 5);
411
- --red-100-red: rgb(102, 3, 3);
412
- --red-50-red: rgb(77, 0, 3);
413
- --light-green-750-light-green: rgb(250, 255, 250);
414
- --light-green-700-light-green: rgb(245, 252, 245);
415
- --light-green-650-light-green: rgb(237, 250, 242);
416
- --light-green-600-light-green: rgb(232, 250, 237);
417
- --light-green-550-light-green: rgb(227, 247, 235);
418
- --light-green-500-light-green: rgb(222, 245, 230);
419
- --light-green-450-light-green: rgb(217, 245, 224);
420
- --light-green-350-light-green: rgb(181, 217, 186);
421
- --light-green-300-light-green: rgb(161, 194, 166);
422
- --light-green-250-light-green: rgb(140, 168, 145);
423
- --light-green-200-light-green: rgb(120, 145, 125);
424
- --light-green-150-light-green: rgb(99, 120, 102);
425
- --light-green-100-light-green: rgb(79, 97, 82);
426
- --light-green-50-light-green: rgb(59, 71, 61);
427
- --green-750-green: rgb(232, 247, 232);
428
- --green-700-green: rgb(209, 240, 212);
429
- --green-650-green: rgb(186, 232, 191);
430
- --green-600-green: rgb(163, 227, 171);
431
- --green-550-green: rgb(140, 219, 148);
432
- --green-500-green: rgb(117, 212, 128);
433
- --green-450-green: rgb(97, 204, 105);
434
- --green-350-green: rgb(26, 166, 36);
435
- --green-300-green: rgb(23, 148, 33);
436
- --green-250-green: rgb(20, 128, 28);
437
- --green-200-green: rgb(15, 110, 23);
438
- --green-150-green: rgb(13, 92, 20);
439
- --green-100-green: rgb(10, 74, 15);
440
- --green-50-green: rgb(8, 56, 13);
441
- --dark-green-750-dark-green: rgb(232, 240, 230);
442
- --dark-green-700-dark-green: rgb(209, 224, 204);
443
- --dark-green-650-dark-green: rgb(186, 212, 179);
444
- --dark-green-600-dark-green: rgb(161, 196, 153);
445
- --dark-green-550-dark-green: rgb(140, 181, 128);
446
- --dark-green-500-dark-green: rgb(117, 166, 102);
447
- --dark-green-450-dark-green: rgb(94, 150, 77);
448
- --dark-green-350-dark-green: rgb(20, 97, 0);
449
- --dark-green-300-dark-green: rgb(18, 84, 0);
450
- --dark-green-250-dark-green: rgb(15, 74, 0);
451
- --dark-green-200-dark-green: rgb(13, 64, 0);
452
- --dark-green-150-dark-green: rgb(10, 54, 0);
453
- --dark-green-100-dark-green: rgb(10, 43, 0);
454
- --dark-green-50-dark-green: rgb(5, 33, 0);
455
- --pink-750-pink: rgb(250, 232, 242);
456
- --pink-700-pink: rgb(247, 209, 230);
457
- --pink-650-pink: rgb(245, 189, 217);
458
- --pink-600-pink: rgb(240, 166, 204);
459
- --pink-550-pink: rgb(237, 143, 191);
460
- --pink-500-pink: rgb(232, 120, 179);
461
- --pink-450-pink: rgb(230, 97, 166);
462
- --pink-350-pink: rgb(196, 28, 115);
463
- --pink-300-pink: rgb(176, 23, 102);
464
- --pink-250-pink: rgb(153, 20, 89);
465
- --pink-200-pink: rgb(130, 18, 77);
466
- --pink-150-pink: rgb(110, 15, 64);
467
- --pink-100-pink: rgb(87, 13, 51);
468
- --pink-50-pink: rgb(64, 10, 38);
469
- --purple-750-purple: rgb(240, 230, 252);
470
- --purple-700-purple: rgb(224, 204, 247);
471
- --purple-650-purple: rgb(207, 179, 245);
472
- --purple-600-purple: rgb(191, 153, 242);
473
- --purple-550-purple: rgb(176, 128, 237);
474
- --purple-500-purple: rgb(161, 102, 235);
475
- --purple-450-purple: rgb(143, 77, 232);
476
- --purple-350-purple: rgb(89, 0, 199);
477
- --purple-300-purple: rgb(79, 0, 176);
478
- --purple-250-purple: rgb(69, 0, 156);
479
- --purple-200-purple: rgb(59, 0, 133);
480
- --purple-150-purple: rgb(48, 0, 112);
481
- --purple-100-purple: rgb(38, 0, 87);
482
- --purple-50-purple: rgb(28, 0, 66);
483
- --dimension-core-0: 0;
484
- --dimension-core-25: 2px;
485
- --dimension-core-50: 4px;
486
- --dimension-core-75: 6px;
487
- --dimension-core-100: 8px;
488
- --dimension-core-150: 12px;
489
- --dimension-core-175: 14px;
490
- --dimension-core-200: 16px;
491
- --dimension-core-250: 20px;
492
- --dimension-core-300: 24px;
493
- --dimension-core-400: 32px;
494
- --dimension-core-500: 40px;
495
- --dimension-core-600: 48px;
496
- --dimension-core-800: 64px;
497
- --dimension-core-1000: 80px;
498
- --Base-font-variables-Family-font-family-primary: "Montserrat";
499
- --Base-font-variables-Family-font-family-secondary: "Times New Roman";
500
- --Base-font-variables-Family-font-family-icon: "Font Awesome 7 Pro";
501
- --Base-font-variables-Family-font-family-icon-brands: "Font Awesome 7 Brands";
502
- --Base-font-variables-Weight-font-weight-light: "Light";
503
- --Base-font-variables-Weight-font-weight-regular: "Regular";
504
- --Base-font-variables-Weight-font-weight-semibold: "SemiBold";
505
- --Base-font-variables-Weight-font-weight-bold: "Bold";
506
- --Base-font-variables-Weight-font-weight-solid: "Solid";
507
- --Quote-font-quote-weight: "Bold Italic";
508
- --radius: var(--border-radius-l);
509
- --border-top-bottom: 0;
510
- --surface-color: var(--Schemes-Surface-Bright);
511
- --content-color: var(--Schemes-On-Surface);
512
- --Display-font-display-family: var(--Base-font-variables-Family-font-family-primary);
513
- --Display-Display-1-font-display-1-family: var(--Display-font-display-family);
514
- --Display-Display-1-font-display-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
515
- --Display-Display-1-font-display-1-size: var(--sizes-scale-600);
516
- --Display-Display-1-font-display-1-lineheight: var(--sizes-scale-800);
517
- --Display-Display-1-font-display-1-margin-top: var(--sizes-scale-0);
518
- --Display-Display-1-font-display-1-margin-bottom: var(--sizes-scale-200);
519
- --Display-Display-2-font-display-2-family: var(--Display-font-display-family);
520
- --Display-Display-2-font-display-2-eight: var(--Base-font-variables-Weight-font-weight-semibold);
521
- --Heading-font-heading-family: var(--Base-font-variables-Family-font-family-primary);
522
- --Heading-H1-font-heading-1-family: var(--Heading-font-heading-family);
523
- --Heading-H1-font-heading-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
524
- --Heading-H2-font-heading-2-family: var(--Heading-font-heading-family);
525
- --Heading-H2-font-heading-2-weight: var(--Base-font-variables-Weight-font-weight-semibold);
526
- --Heading-H3-font-heading-3-family: var(--Heading-font-heading-family);
527
- --Heading-H3-font-heading-3-weight: var(--Base-font-variables-Weight-font-weight-semibold);
528
- --Heading-H4-font-heading-4-family: var(--Heading-font-heading-family);
529
- --Heading-H4-font-heading-4-weight: var(--Base-font-variables-Weight-font-weight-semibold);
530
- --Heading-H5-font-heading-5-family: var(--Heading-font-heading-family);
531
- --Heading-H5-font-heading-5-weight: var(--Base-font-variables-Weight-font-weight-semibold);
532
- --Heading-H6-font-heading-6-family: var(--Heading-font-heading-family);
533
- --Heading-H6-font-heading-6-weight: var(--Base-font-variables-Weight-font-weight-semibold);
534
- --Subtitle-font-subtitle-family: var(--Base-font-variables-Family-font-family-primary);
535
- --Subtitle-Subtitle-1-font-subtitle-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
536
- --Subtitle-Subtitle-2-font-subtitle-2-weight: var(--Base-font-variables-Weight-font-weight-semibold);
537
- --Body-font-body-family: var(--Base-font-variables-Family-font-family-primary);
538
- --Body-ExtraSmall-font-body-xs-family: var(--Body-font-body-family);
539
- --Body-ExtraSmall-font-body-xs-weight: var(--Base-font-variables-Weight-font-weight-regular);
540
- --Body-Small-font-body-small-family: var(--Body-font-body-family);
541
- --Body-Small-font-body-small-weight: var(--Base-font-variables-Weight-font-weight-regular);
542
- --Body-Default-font-body-default-family: var(--Body-font-body-family);
543
- --Body-Default-font-body-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
544
- --Body-Large-font-body-large-family: var(--Body-font-body-family);
545
- --Body-Large-font-body-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
546
- --Body-ExtraLarge-font-body-xlarge-family: var(--Body-font-body-family);
547
- --Body-ExtraLarge-font-body-xlarge-weight: var(--Base-font-variables-Weight-font-weight-regular);
548
- --Body-2XL-font-body-2xl-family: var(--Body-font-body-family);
549
- --Body-2XL-font-body-2xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
550
- --Label-font-label-family: var(--Body-font-body-family);
551
- --Label-ExtraSmall-font-label-xs-family: var(--Label-font-label-family);
552
- --Label-ExtraSmall-font-label-xs-weight: var(--Base-font-variables-Weight-font-weight-semibold);
553
- --Label-ExtraSmall-font-label-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
554
- --Label-ExtraSmall-font-label-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-lineheight);
555
- --Label-ExtraSmall-font-label-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
556
- --Label-ExtraSmall-font-label-xs-margin-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
557
- --Label-Small-font-label-small-family: var(--Label-font-label-family);
558
- --Label-Small-font-label-small-weight: var(--Base-font-variables-Weight-font-weight-semibold);
559
- --Label-Small-font-label-small-size: var(--Body-Small-font-body-small-size);
560
- --Label-Small-font-label-small-lineheight: var(--Body-Small-font-body-small-lineheight);
561
- --Label-Small-font-label-small-margin-top: var(--Body-Small-font-body-small-margin-top);
562
- --Label-Small-font-label-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
563
- --Label-Default-font-label-default-family: var(--Label-font-label-family);
564
- --Label-Default-font-label-default-weight: var(--Base-font-variables-Weight-font-weight-semibold);
565
- --Label-Default-font-label-default-size: var(--Body-Default-font-body-default-size);
566
- --Label-Default-font-label-default-lineheight: var(--Body-Default-font-body-default-lineheight);
567
- --Label-Default-font-label-default-margin-top: var(--Body-Default-font-body-default-margin-top);
568
- --Label-Default-font-label-default-margin-bottom: var(--Body-Default-font-body-default-margin-bottom);
569
- --Label-Large-font-label-large-family: var(--Label-font-label-family);
570
- --Label-Large-font-label-large-weight: var(--Base-font-variables-Weight-font-weight-semibold);
571
- --Label-Large-font-label-large-size: var(--Body-Large-font-body-large-size);
572
- --Label-Large-font-label-large-lineheight: var(--Body-Large-font-body-large-lineheight);
573
- --Label-Large-font-label-large-margin-top: var(--Body-Large-font-body-large-margin-top);
574
- --Label-Large-font-label-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
575
- --Label-ExtraLarge-font-label-xlarge-family: var(--Label-font-label-family);
576
- --Label-ExtraLarge-font-label-xlarge-weight: var(--Base-font-variables-Weight-font-weight-semibold);
577
- --Label-ExtraLarge-font-label-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
578
- --Label-ExtraLarge-font-label-xlarge-lineheight: var(--Body-ExtraLarge-font-body-xlarge-lineheight);
579
- --Label-ExtraLarge-font-label-xlarge-margin-top: var(--Body-ExtraLarge-font-body-xlarge-margin-top);
580
- --Label-ExtraLarge-font-label-xlarge-margin-bottom: var(--Body-ExtraLarge-font-body-xlarge-margin-bottom);
581
- --Label-2XL-font-label-2xl-family: var(--Label-font-label-family);
582
- --Label-2XL-font-label-2xl-weight: var(--Base-font-variables-Weight-font-weight-semibold);
583
- --Label-2XL-font-label-2xl-size: var(--Body-2XL-font-body-2xl-size);
584
- --Label-2XL-font-label-2xl-lineheight: var(--Body-2XL-font-body-2xl-lineheight);
585
- --Label-2XL-font-label-2xl-margin-top: var(--Body-2XL-font-body-2xl-margin-top);
586
- --Label-2XL-font-label-2xl-margin-bottom: var(--Body-2XL-font-body-2xl-margin-bottom);
587
- --Link-on-Surface-font-link-family: var(--Body-font-body-family);
588
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-family: var(--Body-font-body-family);
589
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-weight: var(--Base-font-variables-Weight-font-weight-bold);
590
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
591
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-margin-top);
592
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
593
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
594
- --Link-on-Surface-Small-font-link-on-surface-small-family: var(--Body-font-body-family);
595
- --Link-on-Surface-Small-font-link-on-surface-small-weight: var(--Base-font-variables-Weight-font-weight-bold);
596
- --Link-on-Surface-Small-font-link-on-surface-small-size: var(--Body-Small-font-body-small-size);
597
- --Link-on-Surface-Small-font-link-on-surface-small-lineheight: var(--Body-Small-font-body-small-lineheight);
598
- --Link-on-Surface-Small-font-link-on-surface-small-margin-top: var(--Body-Small-font-body-small-margin-top);
599
- --Link-on-Surface-Small-font-link-on-surface-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
600
- --Link-on-Surface-Default-font-link-on-surface-default-family: var(--Body-font-body-family);
601
- --Link-on-Surface-Default-font-link-on-surface-default-weight: var(--Base-font-variables-Weight-font-weight-bold);
602
- --Link-on-Surface-Default-font-link-on-surface-default-size: var(--Body-Default-font-body-default-size);
603
- --Link-on-Surface-Default-font-link-on-surface-default-lineheight: var(--Body-Default-font-body-default-lineheight);
604
- --Link-on-Surface-Default-font-link-on-surface-default-margin-top: var(--Body-Default-font-body-default-margin-top);
605
- --Link-on-Surface-Default-font-link-on-surface-default-margin-bottom: var(
606
- --Body-Default-font-body-default-margin-bottom
607
- );
608
- --Link-on-Surface-Large-font-link-on-surface-large-family: var(--Body-font-body-family);
609
- --Link-on-Surface-Large-font-link-on-surface-large-weight: var(--Base-font-variables-Weight-font-weight-bold);
610
- --Link-on-Surface-Large-font-link-on-surface-large-size: var(--Body-Large-font-body-large-size);
611
- --Link-on-Surface-Large-font-link-on-surface-large-lineheight: var(--Body-Large-font-body-large-lineheight);
612
- --Link-on-Surface-Large-font-link-on-surface-large-margin-top: var(--Body-Large-font-body-large-margin-top);
613
- --Link-on-Surface-Large-font-link-on-surface-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
614
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-family: var(--Body-font-body-family);
615
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-weight: var(--Base-font-variables-Weight-font-weight-bold);
616
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
617
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-lineheight: var(
618
- --Body-ExtraLarge-font-body-xlarge-lineheight
619
- );
620
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-margin-top: var(
621
- --Body-ExtraLarge-font-body-xlarge-margin-top
622
- );
623
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-margin-bottom: var(
624
- --Body-ExtraLarge-font-body-xlarge-margin-bottom
625
- );
626
- --Link-on-Primary-font-link-family: var(--Body-font-body-family);
627
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-family: var(--Body-font-body-family);
628
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-weight: var(--Base-font-variables-Weight-font-weight-bold);
629
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
630
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-margin-top);
631
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
632
- --Link-on-Primary-ExtraSmall-font-link-on-primary-small-xs-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
633
- --Link-on-Primary-Small-font-link-on-primary-small-family: var(--Body-font-body-family);
634
- --Link-on-Primary-Small-font-link-on-primary-small-weight: var(--Base-font-variables-Weight-font-weight-bold);
635
- --Link-on-Primary-Small-font-link-on-primary-small-size: var(--Body-Small-font-body-small-size);
636
- --Link-on-Primary-Small-font-link-on-primary-small-lineheight: var(--Body-Small-font-body-small-lineheight);
637
- --Link-on-Primary-Small-font-link-on-primary-small-margin-top: var(--Body-Small-font-body-small-margin-top);
638
- --Link-on-Primary-Small-font-link-on-primary-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
639
- --Link-on-Primary-Default-font-link-on-primary-default-family: var(--Body-font-body-family);
640
- --Link-on-Primary-Default-font-link-on-primary-default-weight: var(--Base-font-variables-Weight-font-weight-bold);
641
- --Link-on-Primary-Default-font-link-on-primary-default-size: var(--Body-Default-font-body-default-size);
642
- --Link-on-Primary-Default-font-link-on-primary-default-lineheight: var(--Body-Default-font-body-default-lineheight);
643
- --Link-on-Primary-Default-font-link-on-primary-default-margin-top: var(--Body-Default-font-body-default-margin-top);
644
- --Link-on-Primary-Default-font-link-on-primary-default-margin-bottom: var(
645
- --Body-Default-font-body-default-margin-bottom
646
- );
647
- --Link-on-Primary-Large-font-link-on-primary-large-family: var(--Body-font-body-family);
648
- --Link-on-Primary-Large-font-link-on-primary-large-weight: var(--Base-font-variables-Weight-font-weight-bold);
649
- --Link-on-Primary-Large-font-link-on-primary-large-size: var(--Body-Large-font-body-large-size);
650
- --Link-on-Primary-Large-font-link-on-primary-large-lineheight: var(--Body-Large-font-body-large-lineheight);
651
- --Link-on-Primary-Large-font-link-on-primary-large-margin-top: var(--Body-Large-font-body-large-margin-top);
652
- --Link-on-Primary-Large-font-link-on-primary-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
653
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-family: var(--Body-font-body-family);
654
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-weight: var(--Base-font-variables-Weight-font-weight-bold);
655
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
656
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-lineheight: var(
657
- --Body-ExtraLarge-font-body-xlarge-lineheight
658
- );
659
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-margin-top: var(
660
- --Body-ExtraLarge-font-body-xlarge-margin-top
661
- );
662
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-margin-bottom: var(
663
- --Body-ExtraLarge-font-body-xlarge-margin-bottom
664
- );
665
- --Quote-font-quote-family: var(--Base-font-variables-Family-font-family-secondary);
666
- --Icon-Solid-XXSmall-font-icon-solid-xxs-weight: var(--Base-font-variables-Weight-font-weight-solid);
667
- --Icon-Solid-ExtraSmall-font-icon-solid-xs-weight: var(--Base-font-variables-Weight-font-weight-solid);
668
- --Icon-Solid-Small-font-icon-solid-small-weight: var(--Base-font-variables-Weight-font-weight-solid);
669
- --Icon-Solid-Default-font-icon-solid-default-weight: var(--Base-font-variables-Weight-font-weight-solid);
670
- --Icon-Solid-Large-font-icon-solid-large-weight: var(--Base-font-variables-Weight-font-weight-solid);
671
- --Icon-Solid-ExtraLarge-font-icon-solid-xl-weight: var(--Base-font-variables-Weight-font-weight-solid);
672
- --Icon-Solid-2XL-font-icon-solid-2xl-weight: var(--Base-font-variables-Weight-font-weight-solid);
673
- --Icon-Outline-XXSmall-font-icon-outline-xxs-weight: var(--Base-font-variables-Weight-font-weight-light);
674
- --Icon-Outline-XXSmall-font-icon-outline-xs-size: var(--Icon-Solid-XXSmall-font-icon-solid-xxs-size);
675
- --Icon-Outline-ExtraSmall-font-icon-outline-xs-weight: var(--Base-font-variables-Weight-font-weight-light);
676
- --Icon-Outline-ExtraSmall-font-icon-outline-xs-size: var(--Icon-Solid-ExtraSmall-font-icon-solid-xs-size);
677
- --Icon-Outline-Small-font-icon-outline-small-weight: var(--Base-font-variables-Weight-font-weight-light);
678
- --Icon-Outline-Small-font-icon-outline-small-size: var(--Icon-Solid-Small-font-icon-solid-small-size);
679
- --Icon-Outline-Default-font-icon-outline-default-weight: var(--Base-font-variables-Weight-font-weight-light);
680
- --Icon-Outline-Default-font-icon-outline-default-size: var(--Icon-Solid-Default-font-icon-solid-default-size);
681
- --Icon-Outline-Large-font-icon-outline-large-weight: var(--Base-font-variables-Weight-font-weight-light);
682
- --Icon-Outline-Large-font-icon-outline-large-size: var(--Icon-Solid-Large-font-icon-solid-large-size);
683
- --Icon-Outline-ExtraLarge-font-icon-outline-xl-weight: var(--Base-font-variables-Weight-font-weight-light);
684
- --Icon-Outline-ExtraLarge-font-icon-outline-xl-size: var(--Icon-Solid-ExtraLarge-font-icon-solid-xl-size);
685
- --Icon-Outline-2XLarge-font-icon-outline-2xl-weight: var(--Base-font-variables-Weight-font-weight-light);
686
- --Icon-Outline-2XLarge-font-icon-outline-2xl-size: var(--Icon-Solid-2XL-font-icon-solid-2xl-size);
687
- --Icon-Brands-XXSmall-font-icon-brands-xxs-weight: var(--Base-font-variables-Weight-font-weight-regular);
688
- --Icon-Brands-XXSmall-font-icon-brands-xxs-size: var(--Icon-Solid-XXSmall-font-icon-solid-xxs-size);
689
- --Icon-Brands-ExtraSmall-font-icon-brands-xs-weight: var(--Base-font-variables-Weight-font-weight-regular);
690
- --Icon-Brands-ExtraSmall-font-brands-solid-xs-size: var(--Icon-Solid-ExtraSmall-font-icon-solid-xs-size);
691
- --Icon-Brands-Small-font-icon-brands-small-weight: var(--Base-font-variables-Weight-font-weight-regular);
692
- --Icon-Brands-Small-font-icon-brands-small-size: var(--Icon-Solid-Small-font-icon-solid-small-size);
693
- --Icon-Brands-Default-font-icon-brands-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
694
- --Icon-Brands-Default-font-icon-brands-default-size: var(--Icon-Solid-Default-font-icon-solid-default-size);
695
- --Icon-Brands-Large-font-icon-brands-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
696
- --Icon-Brands-Large-font-icon-brands-large-size: var(--Icon-Solid-Large-font-icon-solid-large-size);
697
- --Icon-Brands-ExtraLarge-font-icon-brands-xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
698
- --Icon-Brands-ExtraLarge-font-icon-brands-xl-size: var(--Icon-Solid-ExtraLarge-font-icon-solid-xl-size);
699
- --Icon-Brands-2XL-font-icon-brands-2xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
700
- --Icon-Brands-2XL-font-icon-brands-2xl-size: var(--Icon-Solid-2XL-font-icon-solid-2xl-size);
701
- --Schemes-Primary: var(--Palettes-Primary-Primary-400);
702
- --Schemes-On-Primary: var(--Palettes-Primary-Primary-750);
703
- --Schemes-Primary-Container: var(--Palettes-Primary-Primary-200);
704
- --Schemes-On-Primary-Container: var(--Palettes-Primary-Primary-750);
705
- --Schemes-Secondary: var(--Palettes-Secondary-Secondary-150);
706
- --Schemes-On-Secondary: var(--Schemes-Surface-Bright);
707
- --Schemes-Secondary-Container: var(--Palettes-Secondary-Secondary-400);
708
- --Schemes-On-Secondary-Container: var(--Palettes-Secondary-Secondary-750);
709
- --Schemes-Tertiary: var(--Palettes-Tertiary-Tertiary-150);
710
- --Schemes-On-Tertiary: var(--Palettes-Tertiary-Tertiary-750);
711
- --Schemes-Tertiary-Container: var(--Palettes-Tertiary-Tertiary-250);
712
- --Schemes-On-Tertiary-Container: var(--Palettes-Tertiary-Tertiary-750);
713
- --Schemes-Error: var(--Palettes-Error-Error-450);
714
- --Schemes-On-Error: var(--Palettes-Error-Error-750);
715
- --Schemes-Error-Container: var(--Palettes-Error-Error-450);
716
- --Schemes-On-Error-Container: var(--Palettes-Error-Error-750);
717
- --Schemes-Alert: var(--Palettes-Alert-Alert-400);
718
- --Schemes-On-Alert: var(--Palettes-Alert-Alert-750);
719
- --Schemes-Alert-Container: var(--Palettes-Alert-Alert-550);
720
- --Schemes-On-Alert-Container: var(--Schemes-On-Background);
721
- --Schemes-Background: var(--Palettes-Neutral-Neutral-650);
722
- --Schemes-On-Background: var(--Palettes-Neutral-Neutral-50);
723
- --Schemes-Surface: var(--Palettes-Neutral-Neutral-500);
724
- --Schemes-On-Surface: var(--black-400-black);
725
- --Schemes-Surface-Variant: var(--Palettes-Neutral-Variant-Neutral-Variant-550);
726
- --Schemes-On-Surface-Variant: var(--Palettes-Neutral-Neutral-50);
727
- --Schemes-Outline: var(--Palettes-Neutral-Neutral-200);
728
- --Schemes-Outline-Variant: var(--Palettes-Neutral-Variant-Neutral-Variant-250);
729
- --Schemes-Surface-Tint: var(--Palettes-Secondary-Secondary-350);
730
- --Schemes-Shadow: var(--Extended-Colors-Black);
731
- --Schemes-Scrim: var(--Extended-Colors-Black);
732
- --Schemes-On-Inverse-Surface: var(--Palettes-Neutral-Neutral-750);
733
- --Schemes-On-Inverse-Surface-Bright: var(--Palettes-Neutral-Neutral-750);
734
- --Schemes-Inverse-Primary: var(--Palettes-Primary-Primary-400);
735
- --Schemes-Primary-Fixed: var(--Palettes-Primary-Primary-650);
736
- --Schemes-On-Primary-Fixed: var(--Palettes-Primary-Primary-100);
737
- --Schemes-Primary-Fixed-Dim: var(--Palettes-Primary-Primary-400);
738
- --Schemes-On-Primary-Fixed-Variant: var(--Palettes-Primary-Primary-50);
739
- --Schemes-Secondary-Fixed: var(--Palettes-Secondary-Secondary-750);
740
- --Schemes-On-Secondary-Fixed: var(--Palettes-Secondary-Secondary-50);
741
- --Schemes-Secondary-Fixed-Dim: var(--Palettes-Secondary-Secondary-550);
742
- --Schemes-On-Secondary-Fixed-Variant: var(--Palettes-Secondary-Secondary-250);
743
- --Schemes-Tertiary-Fixed: var(--Palettes-Tertiary-Tertiary-600);
744
- --Schemes-On-Tertiary-Fixed: var(--Palettes-Tertiary-Tertiary-150);
745
- --Schemes-Tertiary-Fixed-Dim: var(--Palettes-Tertiary-Tertiary-550);
746
- --Schemes-On-Tertiary-Fixed-Variant: var(--Palettes-Tertiary-Tertiary-50);
747
- --Schemes-Surface-Dim: var(--Palettes-Neutral-Neutral-400);
748
- --Schemes-Surface-Bright: var(--Palettes-Neutral-Neutral-750);
749
- --Schemes-Surface-Container-Lowest: var(--Palettes-Neutral-Neutral-600);
750
- --Schemes-Surface-Container-Low: var(--Palettes-Neutral-Neutral-550);
751
- --Schemes-Surface-Container: var(--Palettes-Neutral-Neutral-500);
752
- --Schemes-Surface-Container-High: var(--Palettes-Neutral-Neutral-450);
753
- --Schemes-Surface-Container-Highest: var(--Palettes-Neutral-Neutral-400);
754
- --Palettes-Primary-Primary-750: var(--blue-750-blue);
755
- --Palettes-Primary-Primary-700: var(--blue-700-blue);
756
- --Palettes-Primary-Primary-650: var(--blue-650-blue);
757
- --Palettes-Primary-Primary-600: var(--blue-600-blue);
758
- --Palettes-Primary-Primary-550: var(--blue-550-blue);
759
- --Palettes-Primary-Primary-500: var(--blue-500-blue);
760
- --Palettes-Primary-Primary-450: var(--blue-450-blue);
761
- --Palettes-Primary-Primary-400: var(--blue-400-blue);
762
- --Palettes-Primary-Primary-350: var(--blue-350-blue);
763
- --Palettes-Primary-Primary-300: var(--blue-300-blue);
764
- --Palettes-Primary-Primary-250: var(--blue-250-blue);
765
- --Palettes-Primary-Primary-200: var(--blue-200-blue);
766
- --Palettes-Primary-Primary-150: var(--blue-150-blue);
767
- --Palettes-Primary-Primary-100: var(--blue-100-blue);
768
- --Palettes-Primary-Primary-50: var(--blue-50-blue);
769
- --Palettes-Secondary-Secondary-750: var(--dark-blue-750-dark-blue);
770
- --Palettes-Secondary-Secondary-700: var(--dark-blue-700-dark-blue);
771
- --Palettes-Secondary-Secondary-650: var(--dark-blue-650-dark-blue);
772
- --Palettes-Secondary-Secondary-600: var(--dark-blue-600-dark-blue);
773
- --Palettes-Secondary-Secondary-550: var(--dark-blue-550-dark-blue);
774
- --Palettes-Secondary-Secondary-500: var(--dark-blue-500-dark-blue);
775
- --Palettes-Secondary-Secondary-450: var(--dark-blue-450-dark-blue);
776
- --Palettes-Secondary-Secondary-400: var(--dark-blue-400-dark-blue);
777
- --Palettes-Secondary-Secondary-350: var(--dark-blue-350-dark-blue);
778
- --Palettes-Secondary-Secondary-300: var(--dark-blue-300-dark-blue);
779
- --Palettes-Secondary-Secondary-250: var(--dark-blue-250-dark-blue);
780
- --Palettes-Secondary-Secondary-200: var(--dark-blue-200-dark-blue);
781
- --Palettes-Secondary-Secondary-150: var(--dark-blue-150-dark-blue);
782
- --Palettes-Secondary-Secondary-100: var(--dark-blue-100-dark-blue);
783
- --Palettes-Secondary-Secondary-50: var(--dark-blue-50-dark-blue);
784
- --Palettes-Tertiary-Tertiary-750: var(--light-blue-750-light-blue);
785
- --Palettes-Tertiary-Tertiary-700: var(--light-blue-700-light-blue);
786
- --Palettes-Tertiary-Tertiary-650: var(--light-blue-650-light-blue);
787
- --Palettes-Tertiary-Tertiary-600: var(--light-blue-600-light-blue);
788
- --Palettes-Tertiary-Tertiary-550: var(--light-blue-550-light-blue);
789
- --Palettes-Tertiary-Tertiary-500: var(--light-blue-500-light-blue);
790
- --Palettes-Tertiary-Tertiary-450: var(--light-blue-450-light-blue);
791
- --Palettes-Tertiary-Tertiary-400: var(--light-blue-400-light-blue);
792
- --Palettes-Tertiary-Tertiary-350: var(--light-blue-350-light-blue);
793
- --Palettes-Tertiary-Tertiary-300: var(--light-blue-300-light-blue);
794
- --Palettes-Tertiary-Tertiary-250: var(--light-blue-250-light-blue);
795
- --Palettes-Tertiary-Tertiary-200: var(--light-blue-200-light-blue);
796
- --Palettes-Tertiary-Tertiary-150: var(--light-blue-150-light-blue);
797
- --Palettes-Tertiary-Tertiary-100: var(--light-blue-100-light-blue);
798
- --Palettes-Tertiary-Tertiary-50: var(--light-blue-50-light-blue);
799
- --Palettes-Error-Error-750: var(--red-750-red);
800
- --Palettes-Error-Error-700: var(--red-700-red);
801
- --Palettes-Error-Error-650: var(--red-650-red);
802
- --Palettes-Error-Error-600: var(--red-600-red);
803
- --Palettes-Error-Error-550: var(--red-550-red);
804
- --Palettes-Error-Error-500: var(--red-500-red);
805
- --Palettes-Error-Error-450: var(--red-450-red);
806
- --Palettes-Error-Error-400: var(--red-400-red);
807
- --Palettes-Error-Error-350: var(--red-350-red);
808
- --Palettes-Error-Error-300: var(--red-300-red);
809
- --Palettes-Error-Error-250: var(--red-250-red);
810
- --Palettes-Error-Error-200: var(--red-200-red);
811
- --Palettes-Error-Error-150: var(--red-150-red);
812
- --Palettes-Error-Error-100: var(--red-100-red);
813
- --Palettes-Error-Error-50: var(--red-50-red);
814
- --Palettes-Success-Success-750: var(--green-750-green);
815
- --Palettes-Success-Success-700: var(--green-700-green);
816
- --Palettes-Success-Success-650: var(--green-650-green);
817
- --Palettes-Success-Success-600: var(--green-600-green);
818
- --Palettes-Success-Success-550: var(--green-550-green);
819
- --Palettes-Success-Success-500: var(--green-500-green);
820
- --Palettes-Success-Success-450: var(--green-450-green);
821
- --Palettes-Success-Success-400: var(--green-400-green);
822
- --Palettes-Success-Success-350: var(--green-350-green);
823
- --Palettes-Success-Success-300: var(--green-300-green);
824
- --Palettes-Success-Success-250: var(--green-250-green);
825
- --Palettes-Success-Success-200: var(--green-200-green);
826
- --Palettes-Success-Success-150: var(--green-150-green);
827
- --Palettes-Success-Success-100: var(--green-100-green);
828
- --Palettes-Success-Success-50: var(--green-50-green);
829
- --Palettes-Neutral-Neutral-750: var(--medium-grey-750-medium-grey);
830
- --Palettes-Neutral-Neutral-700: var(--medium-grey-700-medium-grey);
831
- --Palettes-Neutral-Neutral-650: var(--medium-grey-650-medium-grey);
832
- --Palettes-Neutral-Neutral-600: var(--medium-grey-600-medium-grey);
833
- --Palettes-Neutral-Neutral-550: var(--medium-grey-550-medium-grey);
834
- --Palettes-Neutral-Neutral-500: var(--medium-grey-500-medium-grey);
835
- --Palettes-Neutral-Neutral-450: var(--medium-grey-450-medium-grey);
836
- --Palettes-Neutral-Neutral-400: var(--medium-grey-400-medium-grey);
837
- --Palettes-Neutral-Neutral-350: var(--medium-grey-350-medium-grey);
838
- --Palettes-Neutral-Neutral-300: var(--medium-grey-300-medium-grey);
839
- --Palettes-Neutral-Neutral-250: var(--medium-grey-250-medium-grey);
840
- --Palettes-Neutral-Neutral-200: var(--medium-grey-200-medium-grey);
841
- --Palettes-Neutral-Neutral-150: var(--medium-grey-150-medium-grey);
842
- --Palettes-Neutral-Neutral-100: var(--medium-grey-100-medium-grey);
843
- --Palettes-Neutral-Neutral-50: var(--medium-grey-50-medium-grey);
844
- --Palettes-Neutral-Variant-Neutral-Variant-750: var(--dark-grey-750-dark-grey);
845
- --Palettes-Neutral-Variant-Neutral-Variant-700: var(--dark-grey-700-dark-grey);
846
- --Palettes-Neutral-Variant-Neutral-Variant-650: var(--dark-grey-650-dark-grey);
847
- --Palettes-Neutral-Variant-Neutral-Variant-600: var(--dark-grey-600-dark-grey);
848
- --Palettes-Neutral-Variant-Neutral-Variant-550: var(--dark-grey-550-dark-grey);
849
- --Palettes-Neutral-Variant-Neutral-Variant-500: var(--dark-grey-500-dark-grey);
850
- --Palettes-Neutral-Variant-Neutral-Variant-450: var(--dark-grey-450-dark-grey);
851
- --Palettes-Neutral-Variant-Neutral-Variant-400: var(--dark-grey-400-dark-grey);
852
- --Palettes-Neutral-Variant-Neutral-Variant-350: var(--dark-grey-350-dark-grey);
853
- --Palettes-Neutral-Variant-Neutral-Variant-300: var(--dark-grey-300-dark-grey);
854
- --Palettes-Neutral-Variant-Neutral-Variant-250: var(--dark-grey-250-dark-grey);
855
- --Palettes-Neutral-Variant-Neutral-Variant-200: var(--dark-grey-200-dark-grey);
856
- --Palettes-Neutral-Variant-Neutral-Variant-150: var(--dark-grey-150-dark-grey);
857
- --Palettes-Neutral-Variant-Neutral-Variant-100: var(--dark-grey-100-dark-grey);
858
- --Palettes-Neutral-Variant-Neutral-Variant-50: var(--dark-grey-50-dark-grey);
859
- --Palettes-Alert-Alert-750: var(--bell-yellow-750-bell-yellow);
860
- --Palettes-Alert-Alert-700: var(--bell-yellow-700-bell-yellow);
861
- --Palettes-Alert-Alert-650: var(--bell-yellow-650-bell-yellow);
862
- --Palettes-Alert-Alert-600: var(--bell-yellow-600-bell-yellow);
863
- --Palettes-Alert-Alert-550: var(--bell-yellow-550-bell-yellow);
864
- --Palettes-Alert-Alert-500: var(--bell-yellow-500-bell-yellow);
865
- --Palettes-Alert-Alert-450: var(--bell-yellow-450-bell-yellow);
866
- --Palettes-Alert-Alert-400: var(--bell-yellow-400-bell-yellow);
867
- --Palettes-Alert-Alert-350: var(--bell-yellow-350-bell-yellow);
868
- --Palettes-Alert-Alert-300: var(--bell-yellow-300-bell-yellow);
869
- --Palettes-Alert-Alert-250: var(--bell-yellow-250-bell-yellow);
870
- --Palettes-Alert-Alert-200: var(--bell-yellow-200-bell-yellow);
871
- --Palettes-Alert-Alert-150: var(--bell-yellow-150-bell-yellow);
872
- --Palettes-Alert-Alert-100: var(--bell-yellow-100-bell-yellow);
873
- --Palettes-Alert-Alert-50: var(--bell-yellow-50-bell-yellow);
874
- --Palettes-Visited-Visited-750: var(--purple-750-purple);
875
- --Palettes-Visited-Visited-700: var(--purple-700-purple);
876
- --Palettes-Visited-Visited-650: var(--purple-650-purple);
877
- --Palettes-Visited-Visited-600: var(--purple-600-purple);
878
- --Palettes-Visited-Visited-550: var(--purple-550-purple);
879
- --Palettes-Visited-Visited-500: var(--purple-500-purple);
880
- --Palettes-Visited-Visited-450: var(--purple-450-purple);
881
- --Palettes-Visited-Visited-400: var(--purple-400-purple);
882
- --Palettes-Visited-Visited-350: var(--purple-350-purple);
883
- --Palettes-Visited-Visited-300: var(--purple-300-purple);
884
- --Palettes-Visited-Visited-250: var(--purple-250-purple);
885
- --Palettes-Visited-Visited-200: var(--purple-200-purple);
886
- --Palettes-Visited-Visited-150: var(--purple-150-purple);
887
- --Palettes-Visited-Visited-100: var(--purple-100-purple);
888
- --Palettes-Visited-Visited-50: var(--purple-50-purple);
889
- --Extended-Colors-Black: var(--black-400-black);
890
- --Extended-Colors-White: var(--white-400-white);
891
- --Extended-Colors-Black-Container: var(--black-450-black);
892
- --Extended-Colors-link-default: var(--Schemes-Primary);
893
- --Extended-Colors-link-hover: var(--Schemes-On-Surface);
894
- --Extended-Colors-link-visited: var(--Palettes-Visited-Visited-450);
895
- --border-width-2xs: var(--sizes-xxsmall);
896
- --border-width-xs: var(--sizes-scale-0);
897
- --border-width-s: var(--sizes-scale-10);
898
- --border-width-m: var(--sizes-scale-25);
899
- --border-width-l: var(--sizes-scale-50);
900
- --border-width-xl: var(--sizes-scale-75);
901
- --border-width-2xl: var(--sizes-scale-100);
902
- --border-radius-xs: var(--sizes-scale-50);
903
- --border-radius-s: var(--sizes-scale-100);
904
- --border-radius-m: var(--sizes-scale-150);
905
- --border-radius-l: var(--sizes-scale-200);
906
- --border-radius-xl: var(--sizes-scale-300);
907
- --blue-400-blue: var(--colors-Blue);
908
- --dark-blue-400-dark-blue: var(--colors-Dark-Blue);
909
- --dark-ben-franklin-blue-400-dark-ben-franklin-blue: var(--colors-Dark-Ben-Franklin-Blue);
910
- --light-blue-450-light-blue: var(--colors-Light-Blue);
911
- --white-400-white: var(--colors-White);
912
- --black-400-black: var(--colors-Black);
913
- --grey-400-grey: var(--colors-Grey);
914
- --light-grey-400-light-grey: var(--colors-Light-Grey);
915
- --medium-grey-400-medium-grey: var(--colors-Medium-Grey);
916
- --dark-grey-400-dark-grey: var(--colors-Dark-Grey);
917
- --bell-yellow-400-bell-yellow: var(--colors-Bell-Yellow);
918
- --orange-400-orange: var(--colors-Orange);
919
- --red-400-red: var(--colors-Red);
920
- --light-green-400-light-green: var(--colors-Light-Green);
921
- --green-400-green: var(--colors-Green);
922
- --dark-green-400-dark-green: var(--colors-Dark-Green);
923
- --pink-400-pink: var(--colors-Pink);
924
- --purple-400-purple: var(--colors-Purple);
925
- --Base-font-variables-Width-max-width: var(--sizes-scale-0);
926
- --Display-font-display-family: var(--Base-font-variables-Family-font-family-primary);
927
- --Display-Display-1-font-display-1-family: var(--Display-font-display-family);
928
- --Display-Display-1-font-display-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
929
- --Display-Display-1-font-display-1-size: var(--sizes-scale-600);
930
- --Display-Display-1-font-display-1-lineheight: var(--sizes-scale-800);
931
- --Display-Display-1-font-display-1-margin-top: var(--sizes-scale-0);
932
- --Display-Display-1-font-display-1-margin-bottom: var(--sizes-scale-200);
933
- --Display-Display-2-font-display-2-family: var(--Display-font-display-family);
934
- --Display-Display-2-font-display-2-eight: var(--Base-font-variables-Weight-font-weight-semibold);
935
- --Display-Display-2-font-display-2-size: var(--sizes-scale-450);
936
- --Display-Display-2-font-display-2-lineheight: var(--sizes-scale-600);
937
- --Display-Display-2-font-display-2-margin-top: var(--sizes-scale-0);
938
- --Display-Display-2-font-display-2-margin-bottom: var(--sizes-scale-200);
939
- --Heading-font-heading-family: var(--Base-font-variables-Family-font-family-primary);
940
- --Heading-H1-font-heading-1-family: var(--Heading-font-heading-family);
941
- --Heading-H1-font-heading-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
942
- --Heading-H1-font-heading-1-size: var(--sizes-scale-500);
943
- --Heading-H1-font-header-1-lineheight: var(--sizes-scale-600);
944
- --Heading-H1-font-header-1-margin-top: var(--sizes-scale-200);
945
- --Heading-H1-font-header-1-margin-bottom: var(--sizes-scale-200);
946
- --Heading-H2-font-heading-2-family: var(--Heading-font-heading-family);
947
- --Heading-H2-font-heading-2-weight: var(--Base-font-variables-Weight-font-weight-semibold);
948
- --Heading-H2-font-heading-2-size: var(--sizes-scale-450);
949
- --Heading-H2-font-heading-2-lineheight: var(--sizes-scale-600);
950
- --Heading-H2-font-heading-2-margin-top: var(--sizes-scale-100);
951
- --Heading-H2-font-heading-2-margin-bottom: var(--sizes-scale-200);
952
- --Heading-H3-font-heading-3-family: var(--Heading-font-heading-family);
953
- --Heading-H3-font-heading-3-weight: var(--Base-font-variables-Weight-font-weight-semibold);
954
- --Heading-H3-font-heading-3-size: var(--sizes-scale-400);
955
- --Heading-H3-font-heading-3-lineheight: var(--sizes-scale-500);
956
- --Heading-H3-font-heading-3-margin-top: var(--sizes-scale-100);
957
- --Heading-H3-font-heading-3-margin-bottom: var(--sizes-scale-200);
958
- --Heading-H4-font-heading-4-family: var(--Heading-font-heading-family);
959
- --Heading-H4-font-heading-4-weight: var(--Base-font-variables-Weight-font-weight-semibold);
960
- --Heading-H4-font-heading-4-size: var(--sizes-scale-350);
961
- --Heading-H4-font-heading-4-lineheight: var(--sizes-scale-500);
962
- --Heading-H4-font-heading-4-margin-top: var(--sizes-scale-0);
963
- --Heading-H4-font-heading-4-margin-bottom: var(--sizes-scale-200);
964
- --Heading-H5-font-heading-5-family: var(--Heading-font-heading-family);
965
- --Heading-H5-font-heading-5-weight: var(--Base-font-variables-Weight-font-weight-semibold);
966
- --Heading-H5-font-heading-5-size: var(--sizes-scale-300);
967
- --Heading-H5-font-heading-5-lineheight: var(--sizes-scale-450);
968
- --Heading-H5-font-heading-5-margin-top: var(--sizes-scale-0);
969
- --Heading-H5-font-heading-5-margin-bottom: var(--sizes-scale-200);
970
- --Heading-H6-font-heading-6-family: var(--Heading-font-heading-family);
971
- --Heading-H6-font-heading-6-weight: var(--Base-font-variables-Weight-font-weight-semibold);
972
- --Heading-H6-font-heading-6-size: var(--sizes-scale-250);
973
- --Heading-H6-font-heading-6-lineheight: var(--sizes-scale-350);
974
- --Heading-H6-font-heading-6-margin-top: var(--sizes-scale-0);
975
- --Heading-H6-font-heading-6-margin-bottom: var(--sizes-scale-200);
976
- --Subtitle-font-subtitle-family: var(--Base-font-variables-Family-font-family-primary);
977
- --Subtitle-Subtitle-1-font-subtitle-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
978
- --Subtitle-Subtitle-1-font-subtitle-1-size: var(--sizes-scale-300);
979
- --Subtitle-Subtitle-1-font-subtitle-1-lineheight: var(--sizes-scale-450);
980
- --Subtitle-Subtitle-1-font-subtitle-1-margin-top: var(--sizes-scale-0);
981
- --Subtitle-Subtitle-1-font-subtitle-1-margin-bottom: var(--sizes-scale-200);
982
- --Subtitle-Subtitle-2-font-subtitle-2-weight: var(--Base-font-variables-Weight-font-weight-semibold);
983
- --Subtitle-Subtitle-2-font-subtitle-2-size: var(--sizes-scale-225);
984
- --Subtitle-Subtitle-2-font-subtitle-2-lineheight: var(--sizes-scale-350);
985
- --Subtitle-Subtitle-2-font-subtitle-2-margin-top: var(--sizes-scale-0);
986
- --Subtitle-Subtitle-2-font-subtitle-2-margin-bottom: var(--sizes-scale-200);
987
- --Body-font-body-family: var(--Base-font-variables-Family-font-family-primary);
988
- --Body-ExtraSmall-font-body-xs-family: var(--Body-font-body-family);
989
- --Body-ExtraSmall-font-body-xs-weight: var(--Base-font-variables-Weight-font-weight-regular);
990
- --Body-ExtraSmall-font-body-xs-size: var(--sizes-scale-175);
991
- --Body-ExtraSmall-font-body-xs-lineheight: var(--sizes-scale-250);
992
- --Body-ExtraSmall-font-body-xs-margin-top: var(--sizes-scale-0);
993
- --Body-ExtraSmall-font-body-xs-margin-bottom: var(--sizes-scale-200);
994
- --Body-Small-font-body-small-family: var(--Body-font-body-family);
995
- --Body-Small-font-body-small-weight: var(--Base-font-variables-Weight-font-weight-regular);
996
- --Body-Small-font-body-small-size: var(--sizes-scale-200);
997
- --Body-Small-font-body-small-lineheight: var(--sizes-scale-300);
998
- --Body-Small-font-body-small-margin-top: var(--sizes-scale-0);
999
- --Body-Small-font-body-small-margin-bottom: var(--sizes-scale-200);
1000
- --Body-Default-font-body-default-family: var(--Body-font-body-family);
1001
- --Body-Default-font-body-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
1002
- --Body-Default-font-body-default-size: var(--sizes-scale-225);
1003
- --Body-Default-font-body-default-lineheight: var(--sizes-scale-350);
1004
- --Body-Default-font-body-default-margin-top: var(--sizes-scale-0);
1005
- --Body-Default-font-body-default-margin-bottom: var(--sizes-scale-200);
1006
- --Body-Large-font-body-large-family: var(--Body-font-body-family);
1007
- --Body-Large-font-body-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
1008
- --Body-Large-font-body-large-size: var(--sizes-scale-250);
1009
- --Body-Large-font-body-large-lineheight: var(--sizes-scale-350);
1010
- --Body-Large-font-body-large-margin-top: var(--sizes-scale-0);
1011
- --Body-Large-font-body-large-margin-bottom: var(--sizes-scale-225);
1012
- --Body-ExtraLarge-font-body-xlarge-family: var(--Body-font-body-family);
1013
- --Body-ExtraLarge-font-body-xlarge-weight: var(--Base-font-variables-Weight-font-weight-regular);
1014
- --Body-ExtraLarge-font-body-xlarge-size: var(--sizes-scale-300);
1015
- --Body-ExtraLarge-font-body-xlarge-lineheight: var(--sizes-scale-450);
1016
- --Body-ExtraLarge-font-body-xlarge-margin-top: var(--sizes-scale-0);
1017
- --Body-ExtraLarge-font-body-xlarge-margin-bottom: var(--sizes-scale-250);
1018
- --Body-2XL-font-body-2xl-family: var(--Body-font-body-family);
1019
- --Body-2XL-font-body-2xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
1020
- --Body-2XL-font-body-2xl-size: var(--sizes-scale-400);
1021
- --Body-2XL-font-body-2xl-lineheight: var(--sizes-scale-600);
1022
- --Body-2XL-font-body-2xl-margin-top: var(--sizes-scale-0);
1023
- --Body-2XL-font-body-2xl-margin-bottom: var(--sizes-scale-300);
1024
- --Label-font-label-family: var(--Body-font-body-family);
1025
- --Label-ExtraSmall-font-label-xs-family: var(--Label-font-label-family);
1026
- --Label-ExtraSmall-font-label-xs-weight: var(--Base-font-variables-Weight-font-weight-semibold);
1027
- --Label-ExtraSmall-font-label-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
1028
- --Label-ExtraSmall-font-label-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-lineheight);
1029
- --Label-ExtraSmall-font-label-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
1030
- --Label-ExtraSmall-font-label-xs-margin-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
1031
- --Label-Small-font-label-small-family: var(--Label-font-label-family);
1032
- --Label-Small-font-label-small-weight: var(--Base-font-variables-Weight-font-weight-semibold);
1033
- --Label-Small-font-label-small-size: var(--Body-Small-font-body-small-size);
1034
- --Label-Small-font-label-small-lineheight: var(--Body-Small-font-body-small-lineheight);
1035
- --Label-Small-font-label-small-margin-top: var(--Body-Small-font-body-small-margin-top);
1036
- --Label-Small-font-label-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
1037
- --Label-Default-font-label-default-family: var(--Label-font-label-family);
1038
- --Label-Default-font-label-default-weight: var(--Base-font-variables-Weight-font-weight-semibold);
1039
- --Label-Default-font-label-default-size: var(--Body-Default-font-body-default-size);
1040
- --Label-Default-font-label-default-lineheight: var(--Body-Default-font-body-default-lineheight);
1041
- --Label-Default-font-label-default-margin-top: var(--Body-Default-font-body-default-margin-top);
1042
- --Label-Default-font-label-default-margin-bottom: var(--Body-Default-font-body-default-margin-bottom);
1043
- --Label-Large-font-label-large-family: var(--Label-font-label-family);
1044
- --Label-Large-font-label-large-weight: var(--Base-font-variables-Weight-font-weight-semibold);
1045
- --Label-Large-font-label-large-size: var(--Body-Large-font-body-large-size);
1046
- --Label-Large-font-label-large-lineheight: var(--Body-Large-font-body-large-lineheight);
1047
- --Label-Large-font-label-large-margin-top: var(--Body-Large-font-body-large-margin-top);
1048
- --Label-Large-font-label-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
1049
- --Label-ExtraLarge-font-label-xlarge-family: var(--Label-font-label-family);
1050
- --Label-ExtraLarge-font-label-xlarge-weight: var(--Base-font-variables-Weight-font-weight-semibold);
1051
- --Label-ExtraLarge-font-label-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
1052
- --Label-ExtraLarge-font-label-xlarge-lineheight: var(--Body-ExtraLarge-font-body-xlarge-lineheight);
1053
- --Label-ExtraLarge-font-label-xlarge-margin-top: var(--Body-ExtraLarge-font-body-xlarge-margin-top);
1054
- --Label-ExtraLarge-font-label-xlarge-margin-bottom: var(--Body-ExtraLarge-font-body-xlarge-margin-bottom);
1055
- --Label-2XL-font-label-2xl-family: var(--Label-font-label-family);
1056
- --Label-2XL-font-label-2xl-weight: var(--Base-font-variables-Weight-font-weight-semibold);
1057
- --Label-2XL-font-label-2xl-size: var(--Body-2XL-font-body-2xl-size);
1058
- --Label-2XL-font-label-2xl-lineheight: var(--Body-2XL-font-body-2xl-lineheight);
1059
- --Label-2XL-font-label-2xl-margin-top: var(--Body-2XL-font-body-2xl-margin-top);
1060
- --Label-2XL-font-label-2xl-margin-bottom: var(--Body-2XL-font-body-2xl-margin-bottom);
1061
- --Link-on-Surface-font-link-family: var(--Body-font-body-family);
1062
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-family: var(--Body-font-body-family);
1063
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-weight: var(--Base-font-variables-Weight-font-weight-bold);
1064
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
1065
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-margin-top);
1066
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
1067
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
1068
- --Link-on-Surface-Small-font-link-on-surface-small-family: var(--Body-font-body-family);
1069
- --Link-on-Surface-Small-font-link-on-surface-small-weight: var(--Base-font-variables-Weight-font-weight-bold);
1070
- --Link-on-Surface-Small-font-link-on-surface-small-size: var(--Body-Small-font-body-small-size);
1071
- --Link-on-Surface-Small-font-link-on-surface-small-lineheight: var(--Body-Small-font-body-small-lineheight);
1072
- --Link-on-Surface-Small-font-link-on-surface-small-margin-top: var(--Body-Small-font-body-small-margin-top);
1073
- --Link-on-Surface-Small-font-link-on-surface-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
1074
- --Link-on-Surface-Default-font-link-on-surface-default-family: var(--Body-font-body-family);
1075
- --Link-on-Surface-Default-font-link-on-surface-default-weight: var(--Base-font-variables-Weight-font-weight-bold);
1076
- --Link-on-Surface-Default-font-link-on-surface-default-size: var(--Body-Default-font-body-default-size);
1077
- --Link-on-Surface-Default-font-link-on-surface-default-lineheight: var(--Body-Default-font-body-default-lineheight);
1078
- --Link-on-Surface-Default-font-link-on-surface-default-margin-top: var(--Body-Default-font-body-default-margin-top);
1079
- --Link-on-Surface-Default-font-link-on-surface-default-margin-bottom: var(
1080
- --Body-Default-font-body-default-margin-bottom
1081
- );
1082
- --Link-on-Surface-Large-font-link-on-surface-large-family: var(--Body-font-body-family);
1083
- --Link-on-Surface-Large-font-link-on-surface-large-weight: var(--Base-font-variables-Weight-font-weight-bold);
1084
- --Link-on-Surface-Large-font-link-on-surface-large-size: var(--Body-Large-font-body-large-size);
1085
- --Link-on-Surface-Large-font-link-on-surface-large-lineheight: var(--Body-Large-font-body-large-lineheight);
1086
- --Link-on-Surface-Large-font-link-on-surface-large-margin-top: var(--Body-Large-font-body-large-margin-top);
1087
- --Link-on-Surface-Large-font-link-on-surface-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
1088
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-family: var(--Body-font-body-family);
1089
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-weight: var(--Base-font-variables-Weight-font-weight-bold);
1090
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
1091
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-lineheight: var(
1092
- --Body-ExtraLarge-font-body-xlarge-lineheight
1093
- );
1094
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-margin-top: var(
1095
- --Body-ExtraLarge-font-body-xlarge-margin-top
1096
- );
1097
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-margin-bottom: var(
1098
- --Body-ExtraLarge-font-body-xlarge-margin-bottom
1099
- );
1100
- --Link-on-Primary-font-link-family: var(--Body-font-body-family);
1101
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-family: var(--Body-font-body-family);
1102
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-weight: var(--Base-font-variables-Weight-font-weight-bold);
1103
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
1104
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-margin-top);
1105
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
1106
- --Link-on-Primary-ExtraSmall-font-link-on-primary-small-xs-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
1107
- --Link-on-Primary-Small-font-link-on-primary-small-family: var(--Body-font-body-family);
1108
- --Link-on-Primary-Small-font-link-on-primary-small-weight: var(--Base-font-variables-Weight-font-weight-bold);
1109
- --Link-on-Primary-Small-font-link-on-primary-small-size: var(--Body-Small-font-body-small-size);
1110
- --Link-on-Primary-Small-font-link-on-primary-small-lineheight: var(--Body-Small-font-body-small-lineheight);
1111
- --Link-on-Primary-Small-font-link-on-primary-small-margin-top: var(--Body-Small-font-body-small-margin-top);
1112
- --Link-on-Primary-Small-font-link-on-primary-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
1113
- --Link-on-Primary-Default-font-link-on-primary-default-family: var(--Body-font-body-family);
1114
- --Link-on-Primary-Default-font-link-on-primary-default-weight: var(--Base-font-variables-Weight-font-weight-bold);
1115
- --Link-on-Primary-Default-font-link-on-primary-default-size: var(--Body-Default-font-body-default-size);
1116
- --Link-on-Primary-Default-font-link-on-primary-default-lineheight: var(--Body-Default-font-body-default-lineheight);
1117
- --Link-on-Primary-Default-font-link-on-primary-default-margin-top: var(--Body-Default-font-body-default-margin-top);
1118
- --Link-on-Primary-Default-font-link-on-primary-default-margin-bottom: var(
1119
- --Body-Default-font-body-default-margin-bottom
1120
- );
1121
- --Link-on-Primary-Large-font-link-on-primary-large-family: var(--Body-font-body-family);
1122
- --Link-on-Primary-Large-font-link-on-primary-large-weight: var(--Base-font-variables-Weight-font-weight-bold);
1123
- --Link-on-Primary-Large-font-link-on-primary-large-size: var(--Body-Large-font-body-large-size);
1124
- --Link-on-Primary-Large-font-link-on-primary-large-lineheight: var(--Body-Large-font-body-large-lineheight);
1125
- --Link-on-Primary-Large-font-link-on-primary-large-margin-top: var(--Body-Large-font-body-large-margin-top);
1126
- --Link-on-Primary-Large-font-link-on-primary-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
1127
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-family: var(--Body-font-body-family);
1128
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-weight: var(--Base-font-variables-Weight-font-weight-bold);
1129
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
1130
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-lineheight: var(
1131
- --Body-ExtraLarge-font-body-xlarge-lineheight
1132
- );
1133
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-margin-top: var(
1134
- --Body-ExtraLarge-font-body-xlarge-margin-top
1135
- );
1136
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-margin-bottom: var(
1137
- --Body-ExtraLarge-font-body-xlarge-margin-bottom
1138
- );
1139
- --Quote-font-quote-family: var(--Base-font-variables-Family-font-family-secondary);
1140
- --Quote-font-quote-size: var(--sizes-scale-300);
1141
- --Quote-font-quote-lineheight: var(--sizes-scale-450);
1142
- --Quote-font-quote-margin-top: var(--sizes-scale-0);
1143
- --Quote-font-quote-margin-bottom: var(--sizes-scale-250);
1144
- --Icon-Solid-XXSmall-font-icon-solid-xxs-weight: var(--Base-font-variables-Weight-font-weight-solid);
1145
- --Icon-Solid-XXSmall-font-icon-solid-xxs-size: var(--sizes-scale-150);
1146
- --Icon-Solid-ExtraSmall-font-icon-solid-xs-weight: var(--Base-font-variables-Weight-font-weight-solid);
1147
- --Icon-Solid-ExtraSmall-font-icon-solid-xs-size: var(--sizes-scale-200);
1148
- --Icon-Solid-Small-font-icon-solid-small-weight: var(--Base-font-variables-Weight-font-weight-solid);
1149
- --Icon-Solid-Small-font-icon-solid-small-size: var(--sizes-scale-225);
1150
- --Icon-Solid-Default-font-icon-solid-default-weight: var(--Base-font-variables-Weight-font-weight-solid);
1151
- --Icon-Solid-Default-font-icon-solid-default-size: var(--sizes-scale-300);
1152
- --Icon-Solid-Large-font-icon-solid-large-weight: var(--Base-font-variables-Weight-font-weight-solid);
1153
- --Icon-Solid-Large-font-icon-solid-large-size: var(--sizes-scale-400);
1154
- --Icon-Solid-ExtraLarge-font-icon-solid-xl-weight: var(--Base-font-variables-Weight-font-weight-solid);
1155
- --Icon-Solid-ExtraLarge-font-icon-solid-xl-size: var(--sizes-scale-600);
1156
- --Icon-Solid-2XL-font-icon-solid-2xl-weight: var(--Base-font-variables-Weight-font-weight-solid);
1157
- --Icon-Solid-2XL-font-icon-solid-2xl-size: var(--sizes-scale-1000);
1158
- --Icon-Outline-XXSmall-font-icon-outline-xxs-weight: var(--Base-font-variables-Weight-font-weight-light);
1159
- --Icon-Outline-XXSmall-font-icon-outline-xs-size: var(--Icon-Solid-XXSmall-font-icon-solid-xxs-size);
1160
- --Icon-Outline-ExtraSmall-font-icon-outline-xs-weight: var(--Base-font-variables-Weight-font-weight-light);
1161
- --Icon-Outline-ExtraSmall-font-icon-outline-xs-size: var(--Icon-Solid-ExtraSmall-font-icon-solid-xs-size);
1162
- --Icon-Outline-Small-font-icon-outline-small-weight: var(--Base-font-variables-Weight-font-weight-light);
1163
- --Icon-Outline-Small-font-icon-outline-small-size: var(--Icon-Solid-Small-font-icon-solid-small-size);
1164
- --Icon-Outline-Default-font-icon-outline-default-weight: var(--Base-font-variables-Weight-font-weight-light);
1165
- --Icon-Outline-Default-font-icon-outline-default-size: var(--Icon-Solid-Default-font-icon-solid-default-size);
1166
- --Icon-Outline-Large-font-icon-outline-large-weight: var(--Base-font-variables-Weight-font-weight-light);
1167
- --Icon-Outline-Large-font-icon-outline-large-size: var(--Icon-Solid-Large-font-icon-solid-large-size);
1168
- --Icon-Outline-ExtraLarge-font-icon-outline-xl-weight: var(--Base-font-variables-Weight-font-weight-light);
1169
- --Icon-Outline-ExtraLarge-font-icon-outline-xl-size: var(--Icon-Solid-ExtraLarge-font-icon-solid-xl-size);
1170
- --Icon-Outline-2XLarge-font-icon-outline-2xl-weight: var(--Base-font-variables-Weight-font-weight-light);
1171
- --Icon-Outline-2XLarge-font-icon-outline-2xl-size: var(--Icon-Solid-2XL-font-icon-solid-2xl-size);
1172
- --Icon-Brands-XXSmall-font-icon-brands-xxs-weight: var(--Base-font-variables-Weight-font-weight-regular);
1173
- --Icon-Brands-XXSmall-font-icon-brands-xxs-size: var(--Icon-Solid-XXSmall-font-icon-solid-xxs-size);
1174
- --Icon-Brands-ExtraSmall-font-icon-brands-xs-weight: var(--Base-font-variables-Weight-font-weight-regular);
1175
- --Icon-Brands-ExtraSmall-font-brands-solid-xs-size: var(--Icon-Solid-ExtraSmall-font-icon-solid-xs-size);
1176
- --Icon-Brands-Small-font-icon-brands-small-weight: var(--Base-font-variables-Weight-font-weight-regular);
1177
- --Icon-Brands-Small-font-icon-brands-small-size: var(--Icon-Solid-Small-font-icon-solid-small-size);
1178
- --Icon-Brands-Default-font-icon-brands-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
1179
- --Icon-Brands-Default-font-icon-brands-default-size: var(--Icon-Solid-Default-font-icon-solid-default-size);
1180
- --Icon-Brands-Large-font-icon-brands-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
1181
- --Icon-Brands-Large-font-icon-brands-large-size: var(--Icon-Solid-Large-font-icon-solid-large-size);
1182
- --Icon-Brands-ExtraLarge-font-icon-brands-xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
1183
- --Icon-Brands-ExtraLarge-font-icon-brands-xl-size: var(--Icon-Solid-ExtraLarge-font-icon-solid-xl-size);
1184
- --Icon-Brands-2XL-font-icon-brands-2xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
1185
- --Icon-Brands-2XL-font-icon-brands-2xl-size: var(--Icon-Solid-2XL-font-icon-solid-2xl-size);
1186
- }
1187
-
1188
- /* ========================================= */
1189
- /* ATOMIC VARIABLES (Base Layer) */
1190
- /* Theme-specific values that override :root */
1191
- /* ========================================= */
1192
-
1193
- /* Collection: primitives 4.0 */
1194
- [data-primitives-40="Mode-1"] {
1195
- --colors-Blue: rgb(15, 51, 245);
1196
- --colors-Dark-Blue: rgb(38, 0, 140);
1197
- --colors-Dark-Ben-Franklin-Blue: rgb(15, 77, 143);
1198
- --colors-Light-Blue: rgb(18, 140, 255);
1199
- --colors-White: rgb(255, 255, 255);
1200
- --colors-Black: rgb(0, 0, 0);
1201
- --colors-Grey: rgb(217, 217, 217);
1202
- --colors-Light-Grey: rgb(242, 242, 242);
1203
- --colors-Medium-Grey: rgb(207, 207, 207);
1204
- --colors-Dark-Grey: rgb(69, 69, 69);
1205
- --colors-Bell-Yellow: rgb(242, 199, 18);
1206
- --colors-Orange: rgb(237, 102, 56);
1207
- --colors-Red: rgb(255, 5, 8);
1208
- --colors-Light-Green: rgb(201, 242, 207);
1209
- --colors-Green: rgb(28, 184, 41);
1210
- --colors-Dark-Green: rgb(23, 107, 0);
1211
- --colors-Pink: rgb(219, 31, 128);
1212
- --sizes-6xsmall: 1px;
1213
- --colors-Purple: rgb(99, 0, 222);
1214
- --sizes-5xsmall: 2px;
1215
- --sizes-4xsmall: 4px;
1216
- --sizes-3xsmall: 8px;
1217
- --sizes-xxsmall: 12px;
1218
- --sizes-small: 14px;
1219
- --sizes-medium: 16px;
1220
- --sizes-large: 18px;
1221
- --sizes-xlarge: 20px;
1222
- --sizes-xxlarge: 24px;
1223
- --sizes-3xlarge: 32px;
1224
- --sizes-4xlarge: 40px;
1225
- --sizes-5xlarge: 48px;
1226
- --sizes-6xlarge: 56px;
1227
- --sizes-7xlarge: 64px;
1228
- --sizes-8xlarge: 72px;
1229
- --sizes-9xlarge: 80px;
1230
- --sizes-scale-0: 0;
1231
- --sizes-scale-10: 1;
1232
- --sizes-scale-25: 2;
1233
- --sizes-scale-50: 4;
1234
- --sizes-scale-75: 6;
1235
- --sizes-scale-100: 8;
1236
- --sizes-scale-150: 12;
1237
- --sizes-scale-175: 14;
1238
- --sizes-scale-200: 16;
1239
- --sizes-scale-225: 18;
1240
- --sizes-scale-250: 20;
1241
- --sizes-scale-300: 24;
1242
- --sizes-scale-350: 28;
1243
- --sizes-scale-400: 32;
1244
- --sizes-scale-450: 36;
1245
- --sizes-scale-500: 40;
1246
- --sizes-scale-600: 48;
1247
- --sizes-scale-700: 56;
1248
- --sizes-scale-800: 64;
1249
- --sizes-scale-900: 72;
1250
- --sizes-scale-1000: 80;
1251
- --sizes-scale-1100: 88;
1252
- }
1253
-
1254
- /* Collection: cards */
1255
- [data-cards="master-card"] {
1256
- --body-body: 1;
1257
- --body-body-icon: 1;
1258
- --body-body-text: 1;
1259
- --button-button: 1;
1260
- --button-button-primary: 1;
1261
- --button-button-secondary: 1;
1262
- --button-buttom-tertiary: 1;
1263
- --image: 1;
1264
- --top-icon: 1;
1265
- --label-1: 1;
1266
- --headline: 1;
1267
- --label-2: 1;
1268
- --media: 1;
1269
- --play-button: 1;
1270
- --date: 1;
1271
- --link: 1;
1272
- --checkbox: 1;
1273
- --Card-media-exdent: 0;
1274
- --flag-layout: "Standard";
1275
- --height: 1064px;
1276
- --width: 640px;
1277
- --border-left-right: 0;
1278
- }
1279
-
1280
- [data-cards="press-release"] {
1281
- --body-body: 0;
1282
- --body-body-icon: 0;
1283
- --body-body-text: 0;
1284
- --button-button: 0;
1285
- --button-button-primary: 0;
1286
- --button-button-secondary: 0;
1287
- --button-buttom-tertiary: 0;
1288
- --image: 0;
1289
- --top-icon: 1;
1290
- --label-1: 0;
1291
- --headline: 1;
1292
- --label-2: 0;
1293
- --media: 0;
1294
- --play-button: 0;
1295
- --date: 1;
1296
- --link: 0;
1297
- --checkbox: 0;
1298
- --Card-media-exdent: 0;
1299
- --flag-layout: "Standard";
1300
- --height: 250px;
1301
- --width: 550px;
1302
- --border-left-right: 0;
1303
- }
1304
-
1305
- [data-cards="card-with-media"] {
1306
- --body-body: 0;
1307
- --body-body-icon: 0;
1308
- --body-body-text: 0;
1309
- --button-button: 0;
1310
- --button-button-primary: 0;
1311
- --button-button-secondary: 0;
1312
- --button-buttom-tertiary: 0;
1313
- --image: 1;
1314
- --top-icon: 1;
1315
- --label-1: 0;
1316
- --headline: 1;
1317
- --label-2: 0;
1318
- --media: 0;
1319
- --play-button: 0;
1320
- --date: 1;
1321
- --link: 0;
1322
- --checkbox: 0;
1323
- --Card-media-exdent: 0;
1324
- --flag-layout: "Standardalue";
1325
- --height: 500px;
1326
- --width: 386px;
1327
- --border-left-right: 0;
1328
- }
1329
-
1330
- [data-cards="card-with-link"] {
1331
- --body-body: 0;
1332
- --body-body-icon: 0;
1333
- --body-body-text: 0;
1334
- --button-button: 0;
1335
- --button-button-primary: 0;
1336
- --button-button-secondary: 0;
1337
- --button-buttom-tertiary: 0;
1338
- --image: 0;
1339
- --top-icon: 0;
1340
- --label-1: 0;
1341
- --headline: 1;
1342
- --label-2: 0;
1343
- --media: 0;
1344
- --play-button: 0;
1345
- --date: 0;
1346
- --link: 1;
1347
- --checkbox: 0;
1348
- --Card-media-exdent: 0;
1349
- --flag-layout: "Standardue";
1350
- --height: 1000px;
1351
- --width: 640px;
1352
- --border-left-right: 0;
1353
- }
1354
-
1355
- [data-cards="resource-card"] {
1356
- --body-body: 1;
1357
- --body-body-icon: 0;
1358
- --body-body-text: 1;
1359
- --button-button: 0;
1360
- --button-button-primary: 0;
1361
- --button-button-secondary: 0;
1362
- --button-buttom-tertiary: 0;
1363
- --image: 0;
1364
- --top-icon: 1;
1365
- --label-1: 0;
1366
- --headline: 0;
1367
- --label-2: 1;
1368
- --media: 0;
1369
- --play-button: 0;
1370
- --date: 0;
1371
- --link: 0;
1372
- --checkbox: 0;
1373
- --Card-media-exdent: 0;
1374
- --flag-layout: "Standard";
1375
- --height: 250px;
1376
- --width: 400px;
1377
- --border-left-right: 0;
1378
- }
1379
-
1380
- [data-cards="flag-with-media"] {
1381
- --body-body: 0;
1382
- --body-body-icon: 0;
1383
- --body-body-text: 0;
1384
- --button-button: 1;
1385
- --button-button-primary: 0;
1386
- --button-button-secondary: 1;
1387
- --button-buttom-tertiary: 0;
1388
- --image: 1;
1389
- --top-icon: 0;
1390
- --label-1: 1;
1391
- --headline: 1;
1392
- --label-2: 0;
1393
- --media: 0;
1394
- --play-button: 0;
1395
- --date: 0;
1396
- --link: 0;
1397
- --checkbox: 0;
1398
- --Card-media-exdent: 0;
1399
- --flag-layout: "Flag";
1400
- --height: 400px;
1401
- --width: 640px;
1402
- --border-left-right: 0;
1403
- }
1404
-
1405
- [data-cards="call-to-action"] {
1406
- --body-body: 1;
1407
- --body-body-icon: 0;
1408
- --body-body-text: 1;
1409
- --button-button: 1;
1410
- --button-button-primary: 1;
1411
- --button-button-secondary: 0;
1412
- --button-buttom-tertiary: 0;
1413
- --image: 0;
1414
- --top-icon: 0;
1415
- --label-1: 1;
1416
- --headline: 0;
1417
- --label-2: 0;
1418
- --media: 0;
1419
- --play-button: 0;
1420
- --date: 0;
1421
- --link: 0;
1422
- --checkbox: 0;
1423
- --Card-media-exdent: 0;
1424
- --flag-layout: "Flag";
1425
- --height: 264px;
1426
- --width: 640px;
1427
- --border-left-right: 0;
1428
- }
1429
-
1430
- [data-cards="map-card"] {
1431
- --body-body: 1;
1432
- --body-body-icon: 1;
1433
- --body-body-text: 1;
1434
- --button-button: 0;
1435
- --button-button-primary: 1;
1436
- --button-button-secondary: 0;
1437
- --button-buttom-tertiary: 0;
1438
- --image: 0;
1439
- --top-icon: 0;
1440
- --label-1: 1;
1441
- --headline: 0;
1442
- --label-2: 0;
1443
- --media: 0;
1444
- --play-button: 0;
1445
- --date: 1;
1446
- --link: 0;
1447
- --checkbox: 1;
1448
- --Card-media-exdent: 0;
1449
- --flag-layout: "Flag";
1450
- --height: 264px;
1451
- --width: 640px;
1452
- --border-left-right: 0;
1453
- }
1454
-
1455
- /* Collection: components 4.0 */
1456
- [data-components-40="Layout---Desktop"] {
1457
- --Header-Size-Header-Width: 1440px;
1458
- --Header-Display-Nav-Link-Visible: 1;
1459
- --Header-Display-Mayor-Link-Visible: 1;
1460
- --Header-Display-Trusted-Banner-Text-Visible: 1;
1461
- --Header-Display-Language-Links-Visible: 1;
1462
- --Header-Display-Mobile-Globe-Visible: 0;
1463
- --Header-Content-Trusted-Banner-Copy: "Here's how you know";
1464
- --Header-Content-Language-LInk-Label: "English";
1465
- --Header-Content-Trusted-Banner-Icon: "caret-down";
1466
- --Footer-footer-width: 1440px;
1467
- --Footer-horz-rule: 0;
1468
- --Footer-vert-rule: 1;
1469
- --Footer-Footer-Icon: 1;
1470
- --Footer-Column-1-Mayor: "Mayor";
1471
- --Footer-Column-1-City-Council: "City Council";
1472
- --Footer-Column-1-Courts: "Courts";
1473
- --Footer-Column-1-District-Attorney: "District Attorney";
1474
- --Footer-Column-1-City-Controller: "City Controller";
1475
- --Footer-Column-1-Sheriff: "Sheriff";
1476
- --Footer-Column-1-City-Commissioners: "City Commissioners";
1477
- --Footer-Column-1-Register-of-Wills: "Register of Wills";
1478
- --Footer-Column-2-Philadelphia-Code-Charter: "Philadelphia Code & Charter";
1479
- --Footer-Column-2-City-records: "City records";
1480
- --Footer-Column-2-City-agency-regulations: "City agency regulations";
1481
- --Footer-Column-2-Executive-orders: "Executive orders";
1482
- --Footer-Column-2-Honesty-in-government: "Honesty in government";
1483
- --Footer-Column-2-Voting-and-elections: "Voting & elections";
1484
- --Footer-Column-2-Open-data: "Open data";
1485
- --Footer-Column-2-City-organization-chart: "City organization chart";
1486
- --Footer-Column-3-SEPTA: "SEPTA";
1487
- --Footer-Column-3-Visit-Philadelphia: "Visit Philadelphia";
1488
- --Footer-Sub-Footer-Terms-of-use: "Terms of use";
1489
- --Footer-Sub-Footer-Right-to-know: "Right to know";
1490
- --Footer-Sub-Footer-Privacy-policy: "Privacy policy";
1491
- --Footer-Sub-Footer-Accessibility: "Accessibility";
1492
- --Breadcrumb-Link-1: "Services";
1493
- --Breadcrumb-Link-2: "Cars, parking & transportation";
1494
- --Breadcrumb-Link-3: "Apply for a parking permit";
1495
- --Breadcrumb-Link-4: "Link 4";
1496
- --Breadcrumb-Link-5: "Link 5";
1497
- --Breadcrumb-Link-6: "Link 6";
1498
- --Breadcrumb-Text: "Apply for a Temporary No Parking (TNP) permit";
1499
- --Breadcrumb-Links-Visible: 1;
1500
- --Breadcrumb-Chevron-Visible: 0;
1501
- --Breadcrumb-Boolean: 0;
1502
- --Breadcrumb-Text-Visible: 1;
1503
- --Breadcrumb-Home-Visible: 1;
1504
- --Hover-Alternative-Nested-On: 1;
1505
- --Hover-Alternative-Nested-Off: 0;
1506
- --Header-Menu-Button-Color: rgb(255, 255, 255);
1507
- --Icon-bars: "bars";
1508
- --Links-Color: rgb(255, 255, 255);
1509
- }
1510
-
1511
- [data-components-40="Layout---Mobile"] {
1512
- --Header-Size-Header-Width: 375px;
1513
- --Header-Display-Nav-Link-Visible: 0;
1514
- --Header-Display-Mayor-Link-Visible: 0;
1515
- --Header-Display-Trusted-Banner-Text-Visible: 0;
1516
- --Header-Display-Language-Links-Visible: 0;
1517
- --Header-Display-Mobile-Globe-Visible: 1;
1518
- --Header-Content-Trusted-Banner-Copy: "An official website";
1519
- --Header-Content-Language-LInk-Label: "Translate";
1520
- --Header-Content-Trusted-Banner-Icon: "info-circle";
1521
- --Footer-footer-width: 375px;
1522
- --Footer-horz-rule: 1;
1523
- --Footer-vert-rule: 0;
1524
- --Footer-Footer-Icon: 1;
1525
- --Footer-Column-1-Mayor: "Mayor";
1526
- --Footer-Column-1-City-Council: "City Council";
1527
- --Footer-Column-1-Courts: "Courts";
1528
- --Footer-Column-1-District-Attorney: "District Attorney";
1529
- --Footer-Column-1-City-Controller: "City Controller";
1530
- --Footer-Column-1-Sheriff: "Sheriff";
1531
- --Footer-Column-1-City-Commissioners: "City Commissioners";
1532
- --Footer-Column-1-Register-of-Wills: "Register of Wills";
1533
- --Footer-Column-2-Philadelphia-Code-Charter: "Philadelphia Code & Charter";
1534
- --Footer-Column-2-City-records: "City records";
1535
- --Footer-Column-2-City-agency-regulations: "City agency regulations";
1536
- --Footer-Column-2-Executive-orders: "Executive orders";
1537
- --Footer-Column-2-Honesty-in-government: "Honesty in government";
1538
- --Footer-Column-2-Voting-and-elections: "Voting & elections";
1539
- --Footer-Column-2-Open-data: "Open data";
1540
- --Footer-Column-2-City-organization-chart: "City organization chart";
1541
- --Footer-Column-3-SEPTA: "SEPTA";
1542
- --Footer-Column-3-Visit-Philadelphia: "Visit Philadelphia";
1543
- --Footer-Sub-Footer-Terms-of-use: "Terms of use";
1544
- --Footer-Sub-Footer-Right-to-know: "Right to know";
1545
- --Footer-Sub-Footer-Privacy-policy: "Privacy policy";
1546
- --Footer-Sub-Footer-Accessibility: "Accessibility";
1547
- --Breadcrumb-Link-1: "Services";
1548
- --Breadcrumb-Link-2: "Cars, parking & transportation";
1549
- --Breadcrumb-Link-3: "Apply for a parking permit";
1550
- --Breadcrumb-Link-4: "Link 4";
1551
- --Breadcrumb-Link-5: "Link 5";
1552
- --Breadcrumb-Link-6: "Link 6";
1553
- --Breadcrumb-Text: "Apply for a Temporary No Parking (TNP) permit";
1554
- --Breadcrumb-Links-Visible: 0;
1555
- --Breadcrumb-Chevron-Visible: 1;
1556
- --Breadcrumb-Boolean: 0;
1557
- --Breadcrumb-Text-Visible: 0;
1558
- --Breadcrumb-Home-Visible: 0;
1559
- --Hover-Alternative-Nested-On: 1;
1560
- --Hover-Alternative-Nested-Off: 0;
1561
- --Header-Menu-Button-Color: rgb(255, 255, 255);
1562
- --Icon-bars: "bars";
1563
- --Links-Color: rgb(255, 255, 255);
1564
- }
1565
-
1566
- /* Collection: (old) fonts 4.0 */
1567
- [data--old-fonts-40="Fonts_Mobile"] {
1568
- --Base-font-variables-Family-font-family-primary: "Montserrat";
1569
- --Base-font-variables-Family-font-family-secondary: "Times New Roman";
1570
- --Base-font-variables-Family-font-family-icon: "Font Awesome 7 Pro";
1571
- --Base-font-variables-Family-font-family-icon-brands: "Font Awesome 7 Brands";
1572
- --Base-font-variables-Weight-font-weight-light: "Light";
1573
- --Base-font-variables-Width-max-width: 0;
1574
- --Base-font-variables-Weight-font-weight-regular: "Regular";
1575
- --Base-font-variables-Weight-font-weight-semibold: "SemiBold";
1576
- --Base-font-variables-Weight-font-weight-bold: "Bold";
1577
- --Base-font-variables-Weight-font-weight-solid: "Solid";
1578
- --Display-Display-2-font-display-2-size: 36px;
1579
- --Display-Display-2-font-display-2-lineheight: 48px;
1580
- --Display-Display-2-font-display-2-margin-top: 0;
1581
- --Display-Display-2-font-display-2-margin-bottom: 16px;
1582
- --Heading-H1-font-heading-1-size: 40px;
1583
- --Heading-H1-font-header-1-lineheight: 48px;
1584
- --Heading-H1-font-header-1-margin-top: 16px;
1585
- --Heading-H1-font-header-1-margin-bottom: 16px;
1586
- --Heading-H2-font-heading-2-size: 36px;
1587
- --Heading-H2-font-heading-2-lineheight: 48px;
1588
- --Heading-H2-font-heading-2-margin-top: 8px;
1589
- --Heading-H2-font-heading-2-margin-bottom: 16px;
1590
- --Heading-H3-font-heading-3-size: 32px;
1591
- --Heading-H3-font-heading-3-lineheight: 40px;
1592
- --Heading-H3-font-heading-3-margin-top: 8px;
1593
- --Heading-H3-font-heading-3-margin-bottom: 16px;
1594
- --Heading-H4-font-heading-4-size: 28px;
1595
- --Heading-H4-font-heading-4-lineheight: 40px;
1596
- --Heading-H4-font-heading-4-margin-top: 0;
1597
- --Heading-H4-font-heading-4-margin-bottom: 16px;
1598
- --Heading-H5-font-heading-5-size: 24px;
1599
- --Heading-H5-font-heading-5-lineheight: 36px;
1600
- --Heading-H5-font-heading-5-margin-top: 0;
1601
- --Heading-H5-font-heading-5-margin-bottom: 16px;
1602
- --Heading-H6-font-heading-6-size: 20px;
1603
- --Heading-H6-font-heading-6-lineheight: 28px;
1604
- --Heading-H6-font-heading-6-margin-top: 0;
1605
- --Heading-H6-font-heading-6-margin-bottom: 16px;
1606
- --Subtitle-Subtitle-1-font-subtitle-1-size: 24px;
1607
- --Subtitle-Subtitle-1-font-subtitle-1-lineheight: 36px;
1608
- --Subtitle-Subtitle-1-font-subtitle-1-margin-top: 0;
1609
- --Subtitle-Subtitle-1-font-subtitle-1-margin-bottom: 16px;
1610
- --Subtitle-Subtitle-2-font-subtitle-2-size: 18px;
1611
- --Subtitle-Subtitle-2-font-subtitle-2-lineheight: 28px;
1612
- --Subtitle-Subtitle-2-font-subtitle-2-margin-top: 0;
1613
- --Subtitle-Subtitle-2-font-subtitle-2-margin-bottom: 16px;
1614
- --Body-ExtraSmall-font-body-xs-size: 14px;
1615
- --Body-ExtraSmall-font-body-xs-lineheight: 20px;
1616
- --Body-ExtraSmall-font-body-xs-margin-top: 0;
1617
- --Body-ExtraSmall-font-body-xs-margin-bottom: 16px;
1618
- --Body-Small-font-body-small-size: 16px;
1619
- --Body-Small-font-body-small-lineheight: 24px;
1620
- --Body-Small-font-body-small-margin-top: 0;
1621
- --Body-Small-font-body-small-margin-bottom: 16px;
1622
- --Body-Default-font-body-default-size: 18px;
1623
- --Body-Default-font-body-default-lineheight: 28px;
1624
- --Body-Default-font-body-default-margin-top: 0;
1625
- --Body-Default-font-body-default-margin-bottom: 16px;
1626
- --Body-Large-font-body-large-size: 20px;
1627
- --Body-Large-font-body-large-lineheight: 28px;
1628
- --Body-Large-font-body-large-margin-top: 0;
1629
- --Body-Large-font-body-large-margin-bottom: 18px;
1630
- --Body-ExtraLarge-font-body-xlarge-size: 24px;
1631
- --Body-ExtraLarge-font-body-xlarge-lineheight: 36px;
1632
- --Body-ExtraLarge-font-body-xlarge-margin-top: 0;
1633
- --Body-ExtraLarge-font-body-xlarge-margin-bottom: 20px;
1634
- --Body-2XL-font-body-2xl-size: 32px;
1635
- --Body-2XL-font-body-2xl-lineheight: 48px;
1636
- --Body-2XL-font-body-2xl-margin-top: 0;
1637
- --Body-2XL-font-body-2xl-margin-bottom: 24px;
1638
- --Quote-font-quote-weight: "Bold Italic";
1639
- --Quote-font-quote-size: 24px;
1640
- --Quote-font-quote-lineheight: 36px;
1641
- --Quote-font-quote-margin-top: 0;
1642
- --Quote-font-quote-margin-bottom: 20px;
1643
- --Icon-Solid-XXSmall-font-icon-solid-xxs-size: 12px;
1644
- --Icon-Solid-ExtraSmall-font-icon-solid-xs-size: 16px;
1645
- --Icon-Solid-Small-font-icon-solid-small-size: 18px;
1646
- --Icon-Solid-Default-font-icon-solid-default-size: 24px;
1647
- --Icon-Solid-Large-font-icon-solid-large-size: 32px;
1648
- --Icon-Solid-ExtraLarge-font-icon-solid-xl-size: 48px;
1649
- --Icon-Solid-2XL-font-icon-solid-2xl-size: 80px;
1650
- }
1651
-
1652
- [data--old-fonts-40="Fonts_Desktop"] {
1653
- --Base-font-variables-Family-font-family-primary: "Montserrat";
1654
- --Base-font-variables-Family-font-family-secondary: "Times New Roman";
1655
- --Base-font-variables-Family-font-family-icon: "Font Awesome 7 Pro";
1656
- --Base-font-variables-Family-font-family-icon-brands: "Font Awesome 7 Brands";
1657
- --Base-font-variables-Weight-font-weight-light: "Light";
1658
- --Base-font-variables-Width-max-width: 624px;
1659
- --Base-font-variables-Weight-font-weight-regular: "Regular";
1660
- --Base-font-variables-Weight-font-weight-semibold: "SemiBold";
1661
- --Base-font-variables-Weight-font-weight-bold: "Bold";
1662
- --Base-font-variables-Weight-font-weight-solid: "Solid";
1663
- --Display-Display-2-font-display-2-size: 56px;
1664
- --Display-Display-2-font-display-2-lineheight: 72px;
1665
- --Display-Display-2-font-display-2-margin-top: 0;
1666
- --Display-Display-2-font-display-2-margin-bottom: 16px;
1667
- --Heading-H1-font-heading-1-size: 48px;
1668
- --Heading-H1-font-header-1-lineheight: 64px;
1669
- --Heading-H1-font-header-1-margin-top: 24px;
1670
- --Heading-H1-font-header-1-margin-bottom: 24px;
1671
- --Heading-H2-font-heading-2-size: 40px;
1672
- --Heading-H2-font-heading-2-lineheight: 48px;
1673
- --Heading-H2-font-heading-2-margin-top: 16px;
1674
- --Heading-H2-font-heading-2-margin-bottom: 24px;
1675
- --Heading-H3-font-heading-3-size: 32px;
1676
- --Heading-H3-font-heading-3-lineheight: 40px;
1677
- --Heading-H3-font-heading-3-margin-top: 16px;
1678
- --Heading-H3-font-heading-3-margin-bottom: 24px;
1679
- --Heading-H4-font-heading-4-size: 24px;
1680
- --Heading-H4-font-heading-4-lineheight: 36px;
1681
- --Heading-H4-font-heading-4-margin-top: 16px;
1682
- --Heading-H4-font-heading-4-margin-bottom: 16px;
1683
- --Heading-H5-font-heading-5-size: 20px;
1684
- --Heading-H5-font-heading-5-lineheight: 28px;
1685
- --Heading-H5-font-heading-5-margin-top: 16px;
1686
- --Heading-H5-font-heading-5-margin-bottom: 16px;
1687
- --Heading-H6-font-heading-6-size: 16px;
1688
- --Heading-H6-font-heading-6-lineheight: 24px;
1689
- --Heading-H6-font-heading-6-margin-top: 16px;
1690
- --Heading-H6-font-heading-6-margin-bottom: 16px;
1691
- --Subtitle-Subtitle-1-font-subtitle-1-size: 24px;
1692
- --Subtitle-Subtitle-1-font-subtitle-1-lineheight: 36px;
1693
- --Subtitle-Subtitle-1-font-subtitle-1-margin-top: 0;
1694
- --Subtitle-Subtitle-1-font-subtitle-1-margin-bottom: 16px;
1695
- --Subtitle-Subtitle-2-font-subtitle-2-size: 18px;
1696
- --Subtitle-Subtitle-2-font-subtitle-2-lineheight: 28px;
1697
- --Subtitle-Subtitle-2-font-subtitle-2-margin-top: 0;
1698
- --Subtitle-Subtitle-2-font-subtitle-2-margin-bottom: 16px;
1699
- --Body-ExtraSmall-font-body-xs-size: 12px;
1700
- --Body-ExtraSmall-font-body-xs-lineheight: 16px;
1701
- --Body-ExtraSmall-font-body-xs-margin-top: 0;
1702
- --Body-ExtraSmall-font-body-xs-margin-bottom: 16px;
1703
- --Body-Small-font-body-small-size: 14px;
1704
- --Body-Small-font-body-small-lineheight: 20px;
1705
- --Body-Small-font-body-small-margin-top: 0;
1706
- --Body-Small-font-body-small-margin-bottom: 16px;
1707
- --Body-Default-font-body-default-size: 16px;
1708
- --Body-Default-font-body-default-lineheight: 24px;
1709
- --Body-Default-font-body-default-margin-top: 0;
1710
- --Body-Default-font-body-default-margin-bottom: 16px;
1711
- --Body-Large-font-body-large-size: 18px;
1712
- --Body-Large-font-body-large-lineheight: 28px;
1713
- --Body-Large-font-body-large-margin-top: 0;
1714
- --Body-Large-font-body-large-margin-bottom: 18px;
1715
- --Body-ExtraLarge-font-body-xlarge-size: 24px;
1716
- --Body-ExtraLarge-font-body-xlarge-lineheight: 36px;
1717
- --Body-ExtraLarge-font-body-xlarge-margin-top: 0;
1718
- --Body-ExtraLarge-font-body-xlarge-margin-bottom: 20px;
1719
- --Body-2XL-font-body-2xl-size: 32px;
1720
- --Body-2XL-font-body-2xl-lineheight: 48px;
1721
- --Body-2XL-font-body-2xl-margin-top: 0;
1722
- --Body-2XL-font-body-2xl-margin-bottom: 24px;
1723
- --Quote-font-quote-weight: "Bold Italic";
1724
- --Quote-font-quote-size: 24px;
1725
- --Quote-font-quote-lineheight: 36px;
1726
- --Quote-font-quote-margin-top: 0;
1727
- --Quote-font-quote-margin-bottom: 20px;
1728
- --Icon-Solid-XXSmall-font-icon-solid-xxs-size: 12px;
1729
- --Icon-Solid-ExtraSmall-font-icon-solid-xs-size: 16px;
1730
- --Icon-Solid-Small-font-icon-solid-small-size: 18px;
1731
- --Icon-Solid-Default-font-icon-solid-default-size: 24px;
1732
- --Icon-Solid-Large-font-icon-solid-large-size: 32px;
1733
- --Icon-Solid-ExtraLarge-font-icon-solid-xl-size: 48px;
1734
- --Icon-Solid-2XL-font-icon-solid-2xl-size: 80px;
1735
- }
1736
-
1737
- /* Collection: scale 4.0 */
1738
- [data-scale-40="Mode-1"] {
1739
- --breakpoints-xs: 162px;
1740
- --breakpoints-s: 375px;
1741
- --breakpoints-m: 768px;
1742
- --breakpoints-l: 1024px;
1743
- --breakpoints-xl: 1440px;
1744
- --breakpoints-2xl: 1920px;
1745
- }
1746
-
1747
- /* Collection: ramps 4.0 */
1748
- [data-ramps-40="reversed_40ramps2_tokens"] {
1749
- --blue-750-blue: rgb(232, 235, 255);
1750
- --blue-700-blue: rgb(207, 214, 255);
1751
- --blue-650-blue: rgb(184, 194, 252);
1752
- --blue-600-blue: rgb(158, 173, 252);
1753
- --blue-550-blue: rgb(135, 153, 252);
1754
- --blue-500-blue: rgb(112, 133, 250);
1755
- --blue-450-blue: rgb(87, 112, 250);
1756
- --blue-350-blue: rgb(13, 46, 222);
1757
- --blue-300-blue: rgb(10, 38, 196);
1758
- --blue-250-blue: rgb(10, 31, 173);
1759
- --blue-200-blue: rgb(8, 26, 148);
1760
- --blue-150-blue: rgb(5, 20, 122);
1761
- --blue-100-blue: rgb(3, 15, 97);
1762
- --blue-50-blue: rgb(0, 10, 74);
1763
- --dark-blue-750-dark-blue: rgb(232, 230, 242);
1764
- --dark-blue-700-dark-blue: rgb(212, 204, 232);
1765
- --dark-blue-650-dark-blue: rgb(191, 179, 219);
1766
- --dark-blue-600-dark-blue: rgb(168, 153, 209);
1767
- --dark-blue-550-dark-blue: rgb(148, 128, 196);
1768
- --dark-blue-500-dark-blue: rgb(125, 102, 186);
1769
- --dark-blue-450-dark-blue: rgb(105, 77, 173);
1770
- --dark-blue-350-dark-blue: rgb(33, 0, 125);
1771
- --dark-blue-300-dark-blue: rgb(28, 0, 112);
1772
- --dark-blue-250-dark-blue: rgb(23, 0, 97);
1773
- --dark-blue-200-dark-blue: rgb(20, 0, 84);
1774
- --dark-blue-150-dark-blue: rgb(13, 0, 71);
1775
- --dark-blue-100-dark-blue: rgb(10, 0, 56);
1776
- --dark-blue-50-dark-blue: rgb(5, 0, 43);
1777
- --dark-ben-franklin-blue-750-dark-ben-franklin-blue: rgb(232, 237, 245);
1778
- --dark-ben-franklin-blue-700-dark-ben-franklin-blue: rgb(207, 219, 232);
1779
- --dark-ben-franklin-blue-650-dark-ben-franklin-blue: rgb(184, 201, 222);
1780
- --dark-ben-franklin-blue-600-dark-ben-franklin-blue: rgb(158, 184, 209);
1781
- --dark-ben-franklin-blue-550-dark-ben-franklin-blue: rgb(135, 166, 199);
1782
- --dark-ben-franklin-blue-500-dark-ben-franklin-blue: rgb(112, 148, 189);
1783
- --dark-ben-franklin-blue-450-dark-ben-franklin-blue: rgb(87, 130, 176);
1784
- --dark-ben-franklin-blue-350-dark-ben-franklin-blue: rgb(13, 69, 128);
1785
- --dark-ben-franklin-blue-300-dark-ben-franklin-blue: rgb(10, 56, 115);
1786
- --dark-ben-franklin-blue-250-dark-ben-franklin-blue: rgb(10, 46, 99);
1787
- --dark-ben-franklin-blue-200-dark-ben-franklin-blue: rgb(8, 38, 84);
1788
- --dark-ben-franklin-blue-150-dark-ben-franklin-blue: rgb(5, 31, 71);
1789
- --dark-ben-franklin-blue-100-dark-ben-franklin-blue: rgb(3, 23, 56);
1790
- --dark-ben-franklin-blue-50-dark-ben-franklin-blue: rgb(0, 15, 43);
1791
- --light-blue-750-light-blue: rgb(232, 242, 255);
1792
- --light-blue-700-light-blue: rgb(209, 232, 255);
1793
- --light-blue-650-light-blue: rgb(184, 219, 255);
1794
- --light-blue-600-light-blue: rgb(161, 209, 255);
1795
- --light-blue-550-light-blue: rgb(138, 196, 255);
1796
- --light-blue-500-light-blue: rgb(112, 186, 255);
1797
- --light-blue-400-light-blue: rgb(18, 140, 255);
1798
- --light-blue-350-light-blue: rgb(15, 125, 230);
1799
- --light-blue-300-light-blue: rgb(13, 112, 204);
1800
- --light-blue-250-light-blue: rgb(13, 97, 179);
1801
- --light-blue-200-light-blue: rgb(10, 84, 153);
1802
- --light-blue-150-light-blue: rgb(8, 71, 128);
1803
- --light-blue-100-light-blue: rgb(5, 56, 102);
1804
- --light-blue-50-light-blue: rgb(5, 43, 77);
1805
- --white-750-white: rgb(255, 255, 255);
1806
- --white-700-white: rgb(255, 255, 255);
1807
- --white-650-white: rgb(255, 255, 255);
1808
- --white-600-white: rgb(255, 255, 255);
1809
- --white-550-white: rgb(255, 255, 255);
1810
- --white-500-white: rgb(255, 255, 255);
1811
- --white-450-white: rgb(255, 255, 255);
1812
- --white-350-white: rgb(230, 230, 230);
1813
- --white-300-white: rgb(204, 204, 204);
1814
- --white-250-white: rgb(179, 179, 179);
1815
- --white-200-white: rgb(153, 153, 153);
1816
- --white-150-white: rgb(128, 128, 128);
1817
- --white-100-white: rgb(102, 102, 102);
1818
- --white-50-white: rgb(77, 77, 77);
1819
- --black-750-black: rgb(230, 230, 230);
1820
- --black-700-black: rgb(204, 204, 204);
1821
- --black-650-black: rgb(179, 179, 179);
1822
- --black-600-black: rgb(153, 153, 153);
1823
- --black-550-black: rgb(128, 128, 128);
1824
- --black-500-black: rgb(102, 102, 102);
1825
- --black-450-black: rgb(77, 77, 77);
1826
- --black-350-black: rgb(0, 0, 0);
1827
- --black-300-black: rgb(0, 0, 0);
1828
- --black-250-black: rgb(0, 0, 0);
1829
- --black-200-black: rgb(0, 0, 0);
1830
- --black-150-black: rgb(0, 0, 0);
1831
- --black-100-black: rgb(0, 0, 0);
1832
- --black-50-black: rgb(0, 0, 0);
1833
- --grey-750-grey: rgb(250, 250, 250);
1834
- --grey-700-grey: rgb(247, 247, 247);
1835
- --grey-650-grey: rgb(242, 242, 242);
1836
- --grey-600-grey: rgb(240, 240, 240);
1837
- --grey-550-grey: rgb(235, 235, 235);
1838
- --grey-500-grey: rgb(232, 232, 232);
1839
- --grey-450-grey: rgb(227, 227, 227);
1840
- --grey-350-grey: rgb(194, 194, 194);
1841
- --grey-300-grey: rgb(173, 173, 173);
1842
- --grey-250-grey: rgb(150, 150, 150);
1843
- --grey-200-grey: rgb(130, 130, 130);
1844
- --grey-150-grey: rgb(107, 107, 107);
1845
- --grey-100-grey: rgb(87, 87, 87);
1846
- --grey-50-grey: rgb(64, 64, 64);
1847
- --light-grey-750-light-grey: rgb(255, 255, 255);
1848
- --light-grey-700-light-grey: rgb(252, 252, 252);
1849
- --light-grey-650-light-grey: rgb(252, 252, 252);
1850
- --light-grey-600-light-grey: rgb(250, 250, 250);
1851
- --light-grey-550-light-grey: rgb(250, 250, 250);
1852
- --light-grey-500-light-grey: rgb(250, 250, 250);
1853
- --light-grey-450-light-grey: rgb(247, 247, 247);
1854
- --light-grey-350-light-grey: rgb(219, 219, 219);
1855
- --light-grey-300-light-grey: rgb(194, 194, 194);
1856
- --light-grey-250-light-grey: rgb(168, 168, 168);
1857
- --light-grey-200-light-grey: rgb(145, 145, 145);
1858
- --light-grey-150-light-grey: rgb(120, 120, 120);
1859
- --light-grey-100-light-grey: rgb(97, 97, 97);
1860
- --light-grey-50-light-grey: rgb(71, 71, 71);
1861
- --medium-grey-750-medium-grey: rgb(250, 250, 250);
1862
- --medium-grey-700-medium-grey: rgb(245, 245, 245);
1863
- --medium-grey-650-medium-grey: rgb(240, 240, 240);
1864
- --medium-grey-600-medium-grey: rgb(235, 235, 235);
1865
- --medium-grey-550-medium-grey: rgb(230, 230, 230);
1866
- --medium-grey-500-medium-grey: rgb(224, 224, 224);
1867
- --medium-grey-450-medium-grey: rgb(219, 219, 219);
1868
- --medium-grey-350-medium-grey: rgb(186, 186, 186);
1869
- --medium-grey-300-medium-grey: rgb(166, 166, 166);
1870
- --medium-grey-250-medium-grey: rgb(143, 143, 143);
1871
- --medium-grey-200-medium-grey: rgb(125, 125, 125);
1872
- --medium-grey-150-medium-grey: rgb(102, 102, 102);
1873
- --medium-grey-100-medium-grey: rgb(82, 82, 82);
1874
- --medium-grey-50-medium-grey: rgb(61, 61, 61);
1875
- --dark-grey-750-dark-grey: rgb(237, 237, 237);
1876
- --dark-grey-700-dark-grey: rgb(217, 217, 217);
1877
- --dark-grey-650-dark-grey: rgb(199, 199, 199);
1878
- --dark-grey-600-dark-grey: rgb(181, 181, 181);
1879
- --dark-grey-550-dark-grey: rgb(163, 163, 163);
1880
- --dark-grey-500-dark-grey: rgb(143, 143, 143);
1881
- --dark-grey-450-dark-grey: rgb(125, 125, 125);
1882
- --dark-grey-350-dark-grey: rgb(61, 61, 61);
1883
- --dark-grey-300-dark-grey: rgb(56, 56, 56);
1884
- --dark-grey-250-dark-grey: rgb(48, 48, 48);
1885
- --dark-grey-200-dark-grey: rgb(41, 41, 41);
1886
- --dark-grey-150-dark-grey: rgb(33, 33, 33);
1887
- --dark-grey-100-dark-grey: rgb(28, 28, 28);
1888
- --dark-grey-50-dark-grey: rgb(20, 20, 20);
1889
- --bell-yellow-750-bell-yellow: rgb(252, 250, 232);
1890
- --bell-yellow-700-bell-yellow: rgb(250, 245, 209);
1891
- --bell-yellow-650-bell-yellow: rgb(250, 240, 184);
1892
- --bell-yellow-600-bell-yellow: rgb(247, 232, 161);
1893
- --bell-yellow-550-bell-yellow: rgb(245, 227, 138);
1894
- --bell-yellow-500-bell-yellow: rgb(245, 224, 112);
1895
- --bell-yellow-450-bell-yellow: rgb(242, 217, 89);
1896
- --bell-yellow-350-bell-yellow: rgb(217, 179, 15);
1897
- --bell-yellow-300-bell-yellow: rgb(194, 158, 13);
1898
- --bell-yellow-250-bell-yellow: rgb(168, 140, 13);
1899
- --bell-yellow-200-bell-yellow: rgb(145, 120, 10);
1900
- --bell-yellow-150-bell-yellow: rgb(120, 99, 10);
1901
- --bell-yellow-100-bell-yellow: rgb(97, 79, 8);
1902
- --bell-yellow-50-bell-yellow: rgb(71, 59, 5);
1903
- --orange-750-orange: rgb(252, 240, 232);
1904
- --orange-700-orange: rgb(250, 224, 214);
1905
- --orange-650-orange: rgb(250, 209, 194);
1906
- --orange-600-orange: rgb(247, 194, 176);
1907
- --orange-550-orange: rgb(245, 179, 156);
1908
- --orange-500-orange: rgb(245, 163, 135);
1909
- --orange-450-orange: rgb(242, 148, 117);
1910
- --orange-350-orange: rgb(212, 92, 51);
1911
- --orange-300-orange: rgb(189, 82, 43);
1912
- --orange-250-orange: rgb(166, 71, 38);
1913
- --orange-200-orange: rgb(143, 61, 33);
1914
- --orange-150-orange: rgb(117, 51, 28);
1915
- --orange-100-orange: rgb(94, 41, 23);
1916
- --orange-50-orange: rgb(71, 31, 15);
1917
- --red-750-red: rgb(255, 230, 230);
1918
- --red-700-red: rgb(255, 204, 204);
1919
- --red-650-red: rgb(255, 179, 181);
1920
- --red-600-red: rgb(255, 153, 156);
1921
- --red-550-red: rgb(255, 130, 130);
1922
- --red-500-red: rgb(255, 105, 107);
1923
- --red-450-red: rgb(255, 79, 82);
1924
- --red-350-red: rgb(230, 5, 8);
1925
- --red-300-red: rgb(204, 5, 5);
1926
- --red-250-red: rgb(179, 3, 5);
1927
- --red-200-red: rgb(153, 3, 5);
1928
- --red-150-red: rgb(128, 3, 5);
1929
- --red-100-red: rgb(102, 3, 3);
1930
- --red-50-red: rgb(77, 0, 3);
1931
- --light-green-750-light-green: rgb(250, 255, 250);
1932
- --light-green-700-light-green: rgb(245, 252, 245);
1933
- --light-green-650-light-green: rgb(237, 250, 242);
1934
- --light-green-600-light-green: rgb(232, 250, 237);
1935
- --light-green-550-light-green: rgb(227, 247, 235);
1936
- --light-green-500-light-green: rgb(222, 245, 230);
1937
- --light-green-450-light-green: rgb(217, 245, 224);
1938
- --light-green-350-light-green: rgb(181, 217, 186);
1939
- --light-green-300-light-green: rgb(161, 194, 166);
1940
- --light-green-250-light-green: rgb(140, 168, 145);
1941
- --light-green-200-light-green: rgb(120, 145, 125);
1942
- --light-green-150-light-green: rgb(99, 120, 102);
1943
- --light-green-100-light-green: rgb(79, 97, 82);
1944
- --light-green-50-light-green: rgb(59, 71, 61);
1945
- --green-750-green: rgb(232, 247, 232);
1946
- --green-700-green: rgb(209, 240, 212);
1947
- --green-650-green: rgb(186, 232, 191);
1948
- --green-600-green: rgb(163, 227, 171);
1949
- --green-550-green: rgb(140, 219, 148);
1950
- --green-500-green: rgb(117, 212, 128);
1951
- --green-450-green: rgb(97, 204, 105);
1952
- --green-350-green: rgb(26, 166, 36);
1953
- --green-300-green: rgb(23, 148, 33);
1954
- --green-250-green: rgb(20, 128, 28);
1955
- --green-200-green: rgb(15, 110, 23);
1956
- --green-150-green: rgb(13, 92, 20);
1957
- --green-100-green: rgb(10, 74, 15);
1958
- --green-50-green: rgb(8, 56, 13);
1959
- --dark-green-750-dark-green: rgb(232, 240, 230);
1960
- --dark-green-700-dark-green: rgb(209, 224, 204);
1961
- --dark-green-650-dark-green: rgb(186, 212, 179);
1962
- --dark-green-600-dark-green: rgb(161, 196, 153);
1963
- --dark-green-550-dark-green: rgb(140, 181, 128);
1964
- --dark-green-500-dark-green: rgb(117, 166, 102);
1965
- --dark-green-450-dark-green: rgb(94, 150, 77);
1966
- --dark-green-350-dark-green: rgb(20, 97, 0);
1967
- --dark-green-300-dark-green: rgb(18, 84, 0);
1968
- --dark-green-250-dark-green: rgb(15, 74, 0);
1969
- --dark-green-200-dark-green: rgb(13, 64, 0);
1970
- --dark-green-150-dark-green: rgb(10, 54, 0);
1971
- --dark-green-100-dark-green: rgb(10, 43, 0);
1972
- --dark-green-50-dark-green: rgb(5, 33, 0);
1973
- --pink-750-pink: rgb(250, 232, 242);
1974
- --pink-700-pink: rgb(247, 209, 230);
1975
- --pink-650-pink: rgb(245, 189, 217);
1976
- --pink-600-pink: rgb(240, 166, 204);
1977
- --pink-550-pink: rgb(237, 143, 191);
1978
- --pink-500-pink: rgb(232, 120, 179);
1979
- --pink-450-pink: rgb(230, 97, 166);
1980
- --pink-350-pink: rgb(196, 28, 115);
1981
- --pink-300-pink: rgb(176, 23, 102);
1982
- --pink-250-pink: rgb(153, 20, 89);
1983
- --pink-200-pink: rgb(130, 18, 77);
1984
- --pink-150-pink: rgb(110, 15, 64);
1985
- --pink-100-pink: rgb(87, 13, 51);
1986
- --pink-50-pink: rgb(64, 10, 38);
1987
- --purple-750-purple: rgb(240, 230, 252);
1988
- --purple-700-purple: rgb(224, 204, 247);
1989
- --purple-650-purple: rgb(207, 179, 245);
1990
- --purple-600-purple: rgb(191, 153, 242);
1991
- --purple-550-purple: rgb(176, 128, 237);
1992
- --purple-500-purple: rgb(161, 102, 235);
1993
- --purple-450-purple: rgb(143, 77, 232);
1994
- --purple-350-purple: rgb(89, 0, 199);
1995
- --purple-300-purple: rgb(79, 0, 176);
1996
- --purple-250-purple: rgb(69, 0, 156);
1997
- --purple-200-purple: rgb(59, 0, 133);
1998
- --purple-150-purple: rgb(48, 0, 112);
1999
- --purple-100-purple: rgb(38, 0, 87);
2000
- --purple-50-purple: rgb(28, 0, 66);
2001
- }
2002
-
2003
- /* Collection: Core Dimensions */
2004
- [data-Core-Dimensions="Mode-1"] {
2005
- --dimension-core-0: 0;
2006
- --dimension-core-25: 2px;
2007
- --dimension-core-50: 4px;
2008
- --dimension-core-75: 6px;
2009
- --dimension-core-100: 8px;
2010
- --dimension-core-150: 12px;
2011
- --dimension-core-175: 14px;
2012
- --dimension-core-200: 16px;
2013
- --dimension-core-250: 20px;
2014
- --dimension-core-300: 24px;
2015
- --dimension-core-400: 32px;
2016
- --dimension-core-500: 40px;
2017
- --dimension-core-600: 48px;
2018
- --dimension-core-800: 64px;
2019
- --dimension-core-1000: 80px;
2020
- }
2021
-
2022
- /* Collection: fonts 4.0 */
2023
- [data-fonts-40="Fonts_Mobile"] {
2024
- --Base-font-variables-Family-font-family-primary: "Montserrat";
2025
- --Base-font-variables-Family-font-family-secondary: "Times New Roman";
2026
- --Base-font-variables-Family-font-family-icon: "Font Awesome 7 Pro";
2027
- --Base-font-variables-Family-font-family-icon-brands: "Font Awesome 7 Brands";
2028
- --Base-font-variables-Weight-font-weight-light: "Light";
2029
- --Base-font-variables-Weight-font-weight-regular: "Regular";
2030
- --Base-font-variables-Weight-font-weight-semibold: "SemiBold";
2031
- --Base-font-variables-Weight-font-weight-bold: "Bold";
2032
- --Base-font-variables-Weight-font-weight-solid: "Solid";
2033
- --Quote-font-quote-weight: "Bold Italic";
2034
- }
2035
-
2036
- [data-fonts-40="Fonts_Desktop"] {
2037
- --Base-font-variables-Family-font-family-primary: "Montserrat";
2038
- --Base-font-variables-Family-font-family-secondary: "Times New Roman";
2039
- --Base-font-variables-Family-font-family-icon: "Font Awesome 7 Pro";
2040
- --Base-font-variables-Family-font-family-icon-brands: "Font Awesome 7 Brands";
2041
- --Base-font-variables-Weight-font-weight-light: "Light";
2042
- --Base-font-variables-Weight-font-weight-regular: "Regular";
2043
- --Base-font-variables-Weight-font-weight-semibold: "SemiBold";
2044
- --Base-font-variables-Weight-font-weight-bold: "Bold";
2045
- --Base-font-variables-Weight-font-weight-solid: "Solid";
2046
- --Quote-font-quote-weight: "Bold Italic";
2047
- }
2048
-
2049
- /* ========================================= */
2050
- /* ALIAS VARIABLES (Semantic Layer) */
2051
- /* ========================================= */
2052
-
2053
- /* Collection: cards - Aliases */
2054
- [data-cards="master-card"] {
2055
- --radius: var(--border-radius-l);
2056
- --border-top-bottom: 0;
2057
- --surface-color: var(--Schemes-Surface-Bright);
2058
- --content-color: var(--Schemes-On-Surface);
2059
- }
2060
-
2061
- [data-cards="press-release"] {
2062
- --radius: var(--border-radius-m);
2063
- --border-top-bottom: 0;
2064
- --surface-color: var(--Schemes-Surface-Bright);
2065
- --content-color: var(--Schemes-On-Surface);
2066
- }
2067
-
2068
- [data-cards="card-with-media"] {
2069
- --radius: var(--border-radius-l);
2070
- --border-top-bottom: 0;
2071
- --surface-color: var(--Schemes-Surface-Bright);
2072
- --content-color: var(--Schemes-On-Surface);
2073
- }
2074
-
2075
- [data-cards="card-with-link"] {
2076
- --radius: var(--border-radius-m);
2077
- --border-top-bottom: 0;
2078
- --surface-color: var(--Schemes-Surface-Bright);
2079
- --content-color: var(--Schemes-On-Surface);
2080
- }
2081
-
2082
- [data-cards="resource-card"] {
2083
- --radius: var(--border-radius-m);
2084
- --border-top-bottom: 0;
2085
- --surface-color: var(--Schemes-Surface-Bright);
2086
- --content-color: var(--Schemes-On-Surface);
2087
- }
2088
-
2089
- [data-cards="flag-with-media"] {
2090
- --radius: var(--border-radius-m);
2091
- --border-top-bottom: 0;
2092
- --surface-color: var(--Schemes-Primary);
2093
- --content-color: var(--Schemes-On-Inverse-Surface-Bright);
2094
- }
2095
-
2096
- [data-cards="call-to-action"] {
2097
- --radius: 0;
2098
- --border-top-bottom: var(--border-width-l);
2099
- --surface-color: var(--Schemes-Surface-Bright);
2100
- --content-color: var(--Schemes-On-Surface);
2101
- }
2102
-
2103
- [data-cards="map-card"] {
2104
- --radius: var(--border-radius-m);
2105
- --border-top-bottom: var(--border-width-l);
2106
- --surface-color: var(--Schemes-Surface-Bright);
2107
- --content-color: var(--Schemes-On-Surface);
2108
- }
2109
-
2110
- /* Collection: components 4.0 - Aliases */
2111
- [data-components-40="Layout---Desktop"] {
2112
- }
2113
-
2114
- [data-components-40="Layout---Mobile"] {
2115
- --Breadcrumb-Space-Between: 0;
2116
- }
2117
-
2118
- /* Collection: (old) fonts 4.0 - Aliases */
2119
- [data--old-fonts-40="Fonts_Mobile"] {
2120
- --Display-font-display-family: var(--Base-font-variables-Family-font-family-primary);
2121
- --Display-Display-1-font-display-1-family: var(--Display-font-display-family);
2122
- --Display-Display-1-font-display-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2123
- --Display-Display-1-font-display-1-size: var(--sizes-scale-600);
2124
- --Display-Display-1-font-display-1-lineheight: var(--sizes-scale-800);
2125
- --Display-Display-1-font-display-1-margin-top: var(--sizes-scale-0);
2126
- --Display-Display-1-font-display-1-margin-bottom: var(--sizes-scale-200);
2127
- --Display-Display-2-font-display-2-family: var(--Display-font-display-family);
2128
- --Display-Display-2-font-display-2-eight: var(--Base-font-variables-Weight-font-weight-semibold);
2129
- --Heading-font-heading-family: var(--Base-font-variables-Family-font-family-primary);
2130
- --Heading-H1-font-heading-1-family: var(--Heading-font-heading-family);
2131
- --Heading-H1-font-heading-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2132
- --Heading-H2-font-heading-2-family: var(--Heading-font-heading-family);
2133
- --Heading-H2-font-heading-2-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2134
- --Heading-H3-font-heading-3-family: var(--Heading-font-heading-family);
2135
- --Heading-H3-font-heading-3-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2136
- --Heading-H4-font-heading-4-family: var(--Heading-font-heading-family);
2137
- --Heading-H4-font-heading-4-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2138
- --Heading-H5-font-heading-5-family: var(--Heading-font-heading-family);
2139
- --Heading-H5-font-heading-5-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2140
- --Heading-H6-font-heading-6-family: var(--Heading-font-heading-family);
2141
- --Heading-H6-font-heading-6-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2142
- --Subtitle-font-subtitle-family: var(--Base-font-variables-Family-font-family-primary);
2143
- --Subtitle-Subtitle-1-font-subtitle-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2144
- --Subtitle-Subtitle-2-font-subtitle-2-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2145
- --Body-font-body-family: var(--Base-font-variables-Family-font-family-primary);
2146
- --Body-ExtraSmall-font-body-xs-family: var(--Body-font-body-family);
2147
- --Body-ExtraSmall-font-body-xs-weight: var(--Base-font-variables-Weight-font-weight-regular);
2148
- --Body-Small-font-body-small-family: var(--Body-font-body-family);
2149
- --Body-Small-font-body-small-weight: var(--Base-font-variables-Weight-font-weight-regular);
2150
- --Body-Default-font-body-default-family: var(--Body-font-body-family);
2151
- --Body-Default-font-body-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
2152
- --Body-Large-font-body-large-family: var(--Body-font-body-family);
2153
- --Body-Large-font-body-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
2154
- --Body-ExtraLarge-font-body-xlarge-family: var(--Body-font-body-family);
2155
- --Body-ExtraLarge-font-body-xlarge-weight: var(--Base-font-variables-Weight-font-weight-regular);
2156
- --Body-2XL-font-body-2xl-family: var(--Body-font-body-family);
2157
- --Body-2XL-font-body-2xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
2158
- --Label-font-label-family: var(--Body-font-body-family);
2159
- --Label-ExtraSmall-font-label-xs-family: var(--Label-font-label-family);
2160
- --Label-ExtraSmall-font-label-xs-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2161
- --Label-ExtraSmall-font-label-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
2162
- --Label-ExtraSmall-font-label-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-lineheight);
2163
- --Label-ExtraSmall-font-label-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
2164
- --Label-ExtraSmall-font-label-xs-margin-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
2165
- --Label-Small-font-label-small-family: var(--Label-font-label-family);
2166
- --Label-Small-font-label-small-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2167
- --Label-Small-font-label-small-size: var(--Body-Small-font-body-small-size);
2168
- --Label-Small-font-label-small-lineheight: var(--Body-Small-font-body-small-lineheight);
2169
- --Label-Small-font-label-small-margin-top: var(--Body-Small-font-body-small-margin-top);
2170
- --Label-Small-font-label-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
2171
- --Label-Default-font-label-default-family: var(--Label-font-label-family);
2172
- --Label-Default-font-label-default-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2173
- --Label-Default-font-label-default-size: var(--Body-Default-font-body-default-size);
2174
- --Label-Default-font-label-default-lineheight: var(--Body-Default-font-body-default-lineheight);
2175
- --Label-Default-font-label-default-margin-top: var(--Body-Default-font-body-default-margin-top);
2176
- --Label-Default-font-label-default-margin-bottom: var(--Body-Default-font-body-default-margin-bottom);
2177
- --Label-Large-font-label-large-family: var(--Label-font-label-family);
2178
- --Label-Large-font-label-large-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2179
- --Label-Large-font-label-large-size: var(--Body-Large-font-body-large-size);
2180
- --Label-Large-font-label-large-lineheight: var(--Body-Large-font-body-large-lineheight);
2181
- --Label-Large-font-label-large-margin-top: var(--Body-Large-font-body-large-margin-top);
2182
- --Label-Large-font-label-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
2183
- --Label-ExtraLarge-font-label-xlarge-family: var(--Label-font-label-family);
2184
- --Label-ExtraLarge-font-label-xlarge-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2185
- --Label-ExtraLarge-font-label-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
2186
- --Label-ExtraLarge-font-label-xlarge-lineheight: var(--Body-ExtraLarge-font-body-xlarge-lineheight);
2187
- --Label-ExtraLarge-font-label-xlarge-margin-top: var(--Body-ExtraLarge-font-body-xlarge-margin-top);
2188
- --Label-ExtraLarge-font-label-xlarge-margin-bottom: var(--Body-ExtraLarge-font-body-xlarge-margin-bottom);
2189
- --Label-2XL-font-label-2xl-family: var(--Label-font-label-family);
2190
- --Label-2XL-font-label-2xl-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2191
- --Label-2XL-font-label-2xl-size: var(--Body-2XL-font-body-2xl-size);
2192
- --Label-2XL-font-label-2xl-lineheight: var(--Body-2XL-font-body-2xl-lineheight);
2193
- --Label-2XL-font-label-2xl-margin-top: var(--Body-2XL-font-body-2xl-margin-top);
2194
- --Label-2XL-font-label-2xl-margin-bottom: var(--Body-2XL-font-body-2xl-margin-bottom);
2195
- --Link-on-Surface-font-link-family: var(--Body-font-body-family);
2196
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-family: var(--Body-font-body-family);
2197
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-weight: var(--Base-font-variables-Weight-font-weight-bold);
2198
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
2199
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-margin-top);
2200
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
2201
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
2202
- --Link-on-Surface-Small-font-link-on-surface-small-family: var(--Body-font-body-family);
2203
- --Link-on-Surface-Small-font-link-on-surface-small-weight: var(--Base-font-variables-Weight-font-weight-bold);
2204
- --Link-on-Surface-Small-font-link-on-surface-small-size: var(--Body-Small-font-body-small-size);
2205
- --Link-on-Surface-Small-font-link-on-surface-small-lineheight: var(--Body-Small-font-body-small-lineheight);
2206
- --Link-on-Surface-Small-font-link-on-surface-small-margin-top: var(--Body-Small-font-body-small-margin-top);
2207
- --Link-on-Surface-Small-font-link-on-surface-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
2208
- --Link-on-Surface-Default-font-link-on-surface-default-family: var(--Body-font-body-family);
2209
- --Link-on-Surface-Default-font-link-on-surface-default-weight: var(--Base-font-variables-Weight-font-weight-bold);
2210
- --Link-on-Surface-Default-font-link-on-surface-default-size: var(--Body-Default-font-body-default-size);
2211
- --Link-on-Surface-Default-font-link-on-surface-default-lineheight: var(--Body-Default-font-body-default-lineheight);
2212
- --Link-on-Surface-Default-font-link-on-surface-default-margin-top: var(--Body-Default-font-body-default-margin-top);
2213
- --Link-on-Surface-Default-font-link-on-surface-default-margin-bottom: var(
2214
- --Body-Default-font-body-default-margin-bottom
2215
- );
2216
- --Link-on-Surface-Large-font-link-on-surface-large-family: var(--Body-font-body-family);
2217
- --Link-on-Surface-Large-font-link-on-surface-large-weight: var(--Base-font-variables-Weight-font-weight-bold);
2218
- --Link-on-Surface-Large-font-link-on-surface-large-size: var(--Body-Large-font-body-large-size);
2219
- --Link-on-Surface-Large-font-link-on-surface-large-lineheight: var(--Body-Large-font-body-large-lineheight);
2220
- --Link-on-Surface-Large-font-link-on-surface-large-margin-top: var(--Body-Large-font-body-large-margin-top);
2221
- --Link-on-Surface-Large-font-link-on-surface-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
2222
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-family: var(--Body-font-body-family);
2223
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-weight: var(--Base-font-variables-Weight-font-weight-bold);
2224
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
2225
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-lineheight: var(
2226
- --Body-ExtraLarge-font-body-xlarge-lineheight
2227
- );
2228
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-margin-top: var(
2229
- --Body-ExtraLarge-font-body-xlarge-margin-top
2230
- );
2231
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-margin-bottom: var(
2232
- --Body-ExtraLarge-font-body-xlarge-margin-bottom
2233
- );
2234
- --Link-on-Primary-font-link-family: var(--Body-font-body-family);
2235
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-family: var(--Body-font-body-family);
2236
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-weight: var(--Base-font-variables-Weight-font-weight-bold);
2237
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
2238
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-margin-top);
2239
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
2240
- --Link-on-Primary-ExtraSmall-font-link-on-primary-small-xs-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
2241
- --Link-on-Primary-Small-font-link-on-primary-small-family: var(--Body-font-body-family);
2242
- --Link-on-Primary-Small-font-link-on-primary-small-weight: var(--Base-font-variables-Weight-font-weight-bold);
2243
- --Link-on-Primary-Small-font-link-on-primary-small-size: var(--Body-Small-font-body-small-size);
2244
- --Link-on-Primary-Small-font-link-on-primary-small-lineheight: var(--Body-Small-font-body-small-lineheight);
2245
- --Link-on-Primary-Small-font-link-on-primary-small-margin-top: var(--Body-Small-font-body-small-margin-top);
2246
- --Link-on-Primary-Small-font-link-on-primary-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
2247
- --Link-on-Primary-Default-font-link-on-primary-default-family: var(--Body-font-body-family);
2248
- --Link-on-Primary-Default-font-link-on-primary-default-weight: var(--Base-font-variables-Weight-font-weight-bold);
2249
- --Link-on-Primary-Default-font-link-on-primary-default-size: var(--Body-Default-font-body-default-size);
2250
- --Link-on-Primary-Default-font-link-on-primary-default-lineheight: var(--Body-Default-font-body-default-lineheight);
2251
- --Link-on-Primary-Default-font-link-on-primary-default-margin-top: var(--Body-Default-font-body-default-margin-top);
2252
- --Link-on-Primary-Default-font-link-on-primary-default-margin-bottom: var(
2253
- --Body-Default-font-body-default-margin-bottom
2254
- );
2255
- --Link-on-Primary-Large-font-link-on-primary-large-family: var(--Body-font-body-family);
2256
- --Link-on-Primary-Large-font-link-on-primary-large-weight: var(--Base-font-variables-Weight-font-weight-bold);
2257
- --Link-on-Primary-Large-font-link-on-primary-large-size: var(--Body-Large-font-body-large-size);
2258
- --Link-on-Primary-Large-font-link-on-primary-large-lineheight: var(--Body-Large-font-body-large-lineheight);
2259
- --Link-on-Primary-Large-font-link-on-primary-large-margin-top: var(--Body-Large-font-body-large-margin-top);
2260
- --Link-on-Primary-Large-font-link-on-primary-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
2261
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-family: var(--Body-font-body-family);
2262
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-weight: var(--Base-font-variables-Weight-font-weight-bold);
2263
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
2264
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-lineheight: var(
2265
- --Body-ExtraLarge-font-body-xlarge-lineheight
2266
- );
2267
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-margin-top: var(
2268
- --Body-ExtraLarge-font-body-xlarge-margin-top
2269
- );
2270
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-margin-bottom: var(
2271
- --Body-ExtraLarge-font-body-xlarge-margin-bottom
2272
- );
2273
- --Quote-font-quote-family: var(--Base-font-variables-Family-font-family-secondary);
2274
- --Icon-Solid-XXSmall-font-icon-solid-xxs-weight: var(--Base-font-variables-Weight-font-weight-solid);
2275
- --Icon-Solid-ExtraSmall-font-icon-solid-xs-weight: var(--Base-font-variables-Weight-font-weight-solid);
2276
- --Icon-Solid-Small-font-icon-solid-small-weight: var(--Base-font-variables-Weight-font-weight-solid);
2277
- --Icon-Solid-Default-font-icon-solid-default-weight: var(--Base-font-variables-Weight-font-weight-solid);
2278
- --Icon-Solid-Large-font-icon-solid-large-weight: var(--Base-font-variables-Weight-font-weight-solid);
2279
- --Icon-Solid-ExtraLarge-font-icon-solid-xl-weight: var(--Base-font-variables-Weight-font-weight-solid);
2280
- --Icon-Solid-2XL-font-icon-solid-2xl-weight: var(--Base-font-variables-Weight-font-weight-solid);
2281
- --Icon-Outline-XXSmall-font-icon-outline-xxs-weight: var(--Base-font-variables-Weight-font-weight-light);
2282
- --Icon-Outline-XXSmall-font-icon-outline-xs-size: var(--Icon-Solid-XXSmall-font-icon-solid-xxs-size);
2283
- --Icon-Outline-ExtraSmall-font-icon-outline-xs-weight: var(--Base-font-variables-Weight-font-weight-light);
2284
- --Icon-Outline-ExtraSmall-font-icon-outline-xs-size: var(--Icon-Solid-ExtraSmall-font-icon-solid-xs-size);
2285
- --Icon-Outline-Small-font-icon-outline-small-weight: var(--Base-font-variables-Weight-font-weight-light);
2286
- --Icon-Outline-Small-font-icon-outline-small-size: var(--Icon-Solid-Small-font-icon-solid-small-size);
2287
- --Icon-Outline-Default-font-icon-outline-default-weight: var(--Base-font-variables-Weight-font-weight-light);
2288
- --Icon-Outline-Default-font-icon-outline-default-size: var(--Icon-Solid-Default-font-icon-solid-default-size);
2289
- --Icon-Outline-Large-font-icon-outline-large-weight: var(--Base-font-variables-Weight-font-weight-light);
2290
- --Icon-Outline-Large-font-icon-outline-large-size: var(--Icon-Solid-Large-font-icon-solid-large-size);
2291
- --Icon-Outline-ExtraLarge-font-icon-outline-xl-weight: var(--Base-font-variables-Weight-font-weight-light);
2292
- --Icon-Outline-ExtraLarge-font-icon-outline-xl-size: var(--Icon-Solid-ExtraLarge-font-icon-solid-xl-size);
2293
- --Icon-Outline-2XLarge-font-icon-outline-2xl-weight: var(--Base-font-variables-Weight-font-weight-light);
2294
- --Icon-Outline-2XLarge-font-icon-outline-2xl-size: var(--Icon-Solid-2XL-font-icon-solid-2xl-size);
2295
- --Icon-Brands-XXSmall-font-icon-brands-xxs-weight: var(--Base-font-variables-Weight-font-weight-regular);
2296
- --Icon-Brands-XXSmall-font-icon-brands-xxs-size: var(--Icon-Solid-XXSmall-font-icon-solid-xxs-size);
2297
- --Icon-Brands-ExtraSmall-font-icon-brands-xs-weight: var(--Base-font-variables-Weight-font-weight-regular);
2298
- --Icon-Brands-ExtraSmall-font-brands-solid-xs-size: var(--Icon-Solid-ExtraSmall-font-icon-solid-xs-size);
2299
- --Icon-Brands-Small-font-icon-brands-small-weight: var(--Base-font-variables-Weight-font-weight-regular);
2300
- --Icon-Brands-Small-font-icon-brands-small-size: var(--Icon-Solid-Small-font-icon-solid-small-size);
2301
- --Icon-Brands-Default-font-icon-brands-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
2302
- --Icon-Brands-Default-font-icon-brands-default-size: var(--Icon-Solid-Default-font-icon-solid-default-size);
2303
- --Icon-Brands-Large-font-icon-brands-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
2304
- --Icon-Brands-Large-font-icon-brands-large-size: var(--Icon-Solid-Large-font-icon-solid-large-size);
2305
- --Icon-Brands-ExtraLarge-font-icon-brands-xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
2306
- --Icon-Brands-ExtraLarge-font-icon-brands-xl-size: var(--Icon-Solid-ExtraLarge-font-icon-solid-xl-size);
2307
- --Icon-Brands-2XL-font-icon-brands-2xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
2308
- --Icon-Brands-2XL-font-icon-brands-2xl-size: var(--Icon-Solid-2XL-font-icon-solid-2xl-size);
2309
- }
2310
-
2311
- [data--old-fonts-40="Fonts_Desktop"] {
2312
- --Display-font-display-family: var(--Base-font-variables-Family-font-family-primary);
2313
- --Display-Display-1-font-display-1-family: var(--Display-font-display-family);
2314
- --Display-Display-1-font-display-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2315
- --Display-Display-1-font-display-1-size: 72px;
2316
- --Display-Display-1-font-display-1-lineheight: 88px;
2317
- --Display-Display-1-font-display-1-margin-top: 0;
2318
- --Display-Display-1-font-display-1-margin-bottom: 24px;
2319
- --Display-Display-2-font-display-2-family: var(--Display-font-display-family);
2320
- --Display-Display-2-font-display-2-eight: var(--Base-font-variables-Weight-font-weight-semibold);
2321
- --Heading-font-heading-family: var(--Base-font-variables-Family-font-family-primary);
2322
- --Heading-H1-font-heading-1-family: var(--Heading-font-heading-family);
2323
- --Heading-H1-font-heading-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2324
- --Heading-H2-font-heading-2-family: var(--Heading-font-heading-family);
2325
- --Heading-H2-font-heading-2-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2326
- --Heading-H3-font-heading-3-family: var(--Heading-font-heading-family);
2327
- --Heading-H3-font-heading-3-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2328
- --Heading-H4-font-heading-4-family: var(--Heading-font-heading-family);
2329
- --Heading-H4-font-heading-4-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2330
- --Heading-H5-font-heading-5-family: var(--Heading-font-heading-family);
2331
- --Heading-H5-font-heading-5-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2332
- --Heading-H6-font-heading-6-family: var(--Heading-font-heading-family);
2333
- --Heading-H6-font-heading-6-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2334
- --Subtitle-font-subtitle-family: var(--Base-font-variables-Family-font-family-primary);
2335
- --Subtitle-Subtitle-1-font-subtitle-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2336
- --Subtitle-Subtitle-2-font-subtitle-2-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2337
- --Body-font-body-family: var(--Base-font-variables-Family-font-family-primary);
2338
- --Body-ExtraSmall-font-body-xs-family: var(--Body-font-body-family);
2339
- --Body-ExtraSmall-font-body-xs-weight: var(--Base-font-variables-Weight-font-weight-regular);
2340
- --Body-Small-font-body-small-family: var(--Body-font-body-family);
2341
- --Body-Small-font-body-small-weight: var(--Base-font-variables-Weight-font-weight-regular);
2342
- --Body-Default-font-body-default-family: var(--Body-font-body-family);
2343
- --Body-Default-font-body-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
2344
- --Body-Large-font-body-large-family: var(--Body-font-body-family);
2345
- --Body-Large-font-body-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
2346
- --Body-ExtraLarge-font-body-xlarge-family: var(--Body-font-body-family);
2347
- --Body-ExtraLarge-font-body-xlarge-weight: var(--Base-font-variables-Weight-font-weight-regular);
2348
- --Body-2XL-font-body-2xl-family: var(--Body-font-body-family);
2349
- --Body-2XL-font-body-2xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
2350
- --Label-font-label-family: var(--Body-font-body-family);
2351
- --Label-ExtraSmall-font-label-xs-family: var(--Label-font-label-family);
2352
- --Label-ExtraSmall-font-label-xs-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2353
- --Label-ExtraSmall-font-label-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
2354
- --Label-ExtraSmall-font-label-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-lineheight);
2355
- --Label-ExtraSmall-font-label-xs-margin-top: var(--Body-Default-font-body-default-margin-top);
2356
- --Label-ExtraSmall-font-label-xs-margin-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
2357
- --Label-Small-font-label-small-family: var(--Label-font-label-family);
2358
- --Label-Small-font-label-small-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2359
- --Label-Small-font-label-small-size: var(--Body-Small-font-body-small-size);
2360
- --Label-Small-font-label-small-lineheight: var(--Body-Small-font-body-small-lineheight);
2361
- --Label-Small-font-label-small-margin-top: var(--Body-Small-font-body-small-margin-top);
2362
- --Label-Small-font-label-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
2363
- --Label-Default-font-label-default-family: var(--Label-font-label-family);
2364
- --Label-Default-font-label-default-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2365
- --Label-Default-font-label-default-size: var(--Body-Default-font-body-default-size);
2366
- --Label-Default-font-label-default-lineheight: var(--Body-Default-font-body-default-lineheight);
2367
- --Label-Default-font-label-default-margin-top: var(--Body-Default-font-body-default-margin-top);
2368
- --Label-Default-font-label-default-margin-bottom: var(--Body-Default-font-body-default-margin-bottom);
2369
- --Label-Large-font-label-large-family: var(--Label-font-label-family);
2370
- --Label-Large-font-label-large-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2371
- --Label-Large-font-label-large-size: var(--Body-Large-font-body-large-size);
2372
- --Label-Large-font-label-large-lineheight: var(--Body-Large-font-body-large-lineheight);
2373
- --Label-Large-font-label-large-margin-top: var(--Body-Large-font-body-large-margin-top);
2374
- --Label-Large-font-label-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
2375
- --Label-ExtraLarge-font-label-xlarge-family: var(--Label-font-label-family);
2376
- --Label-ExtraLarge-font-label-xlarge-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2377
- --Label-ExtraLarge-font-label-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
2378
- --Label-ExtraLarge-font-label-xlarge-lineheight: var(--Body-ExtraLarge-font-body-xlarge-lineheight);
2379
- --Label-ExtraLarge-font-label-xlarge-margin-top: var(--Body-ExtraLarge-font-body-xlarge-margin-top);
2380
- --Label-ExtraLarge-font-label-xlarge-margin-bottom: var(--Body-ExtraLarge-font-body-xlarge-margin-bottom);
2381
- --Label-2XL-font-label-2xl-family: var(--Label-font-label-family);
2382
- --Label-2XL-font-label-2xl-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2383
- --Label-2XL-font-label-2xl-size: var(--Body-2XL-font-body-2xl-size);
2384
- --Label-2XL-font-label-2xl-lineheight: var(--Body-2XL-font-body-2xl-lineheight);
2385
- --Label-2XL-font-label-2xl-margin-top: var(--Body-2XL-font-body-2xl-margin-top);
2386
- --Label-2XL-font-label-2xl-margin-bottom: var(--Body-2XL-font-body-2xl-margin-bottom);
2387
- --Link-on-Surface-font-link-family: var(--Body-font-body-family);
2388
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-family: var(--Body-font-body-family);
2389
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-weight: var(--Base-font-variables-Weight-font-weight-bold);
2390
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
2391
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-lineheight);
2392
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
2393
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
2394
- --Link-on-Surface-Small-font-link-on-surface-small-family: var(--Body-font-body-family);
2395
- --Link-on-Surface-Small-font-link-on-surface-small-weight: var(--Base-font-variables-Weight-font-weight-bold);
2396
- --Link-on-Surface-Small-font-link-on-surface-small-size: var(--Body-Small-font-body-small-size);
2397
- --Link-on-Surface-Small-font-link-on-surface-small-lineheight: var(--Body-Small-font-body-small-lineheight);
2398
- --Link-on-Surface-Small-font-link-on-surface-small-margin-top: var(--Body-Small-font-body-small-margin-top);
2399
- --Link-on-Surface-Small-font-link-on-surface-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
2400
- --Link-on-Surface-Default-font-link-on-surface-default-family: var(--Body-font-body-family);
2401
- --Link-on-Surface-Default-font-link-on-surface-default-weight: var(--Base-font-variables-Weight-font-weight-bold);
2402
- --Link-on-Surface-Default-font-link-on-surface-default-size: var(--Body-Default-font-body-default-size);
2403
- --Link-on-Surface-Default-font-link-on-surface-default-lineheight: var(--Body-Default-font-body-default-lineheight);
2404
- --Link-on-Surface-Default-font-link-on-surface-default-margin-top: var(--Body-Default-font-body-default-margin-top);
2405
- --Link-on-Surface-Default-font-link-on-surface-default-margin-bottom: var(
2406
- --Body-Default-font-body-default-margin-bottom
2407
- );
2408
- --Link-on-Surface-Large-font-link-on-surface-large-family: var(--Body-font-body-family);
2409
- --Link-on-Surface-Large-font-link-on-surface-large-weight: var(--Base-font-variables-Weight-font-weight-bold);
2410
- --Link-on-Surface-Large-font-link-on-surface-large-size: var(--Body-Large-font-body-large-size);
2411
- --Link-on-Surface-Large-font-link-on-surface-large-lineheight: var(--Body-Large-font-body-large-lineheight);
2412
- --Link-on-Surface-Large-font-link-on-surface-large-margin-top: var(--Body-Large-font-body-large-margin-top);
2413
- --Link-on-Surface-Large-font-link-on-surface-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
2414
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-family: var(--Body-font-body-family);
2415
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-weight: var(--Base-font-variables-Weight-font-weight-bold);
2416
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
2417
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-lineheight: var(
2418
- --Body-ExtraLarge-font-body-xlarge-lineheight
2419
- );
2420
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-margin-top: var(
2421
- --Body-ExtraLarge-font-body-xlarge-margin-top
2422
- );
2423
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-margin-bottom: var(
2424
- --Body-ExtraLarge-font-body-xlarge-margin-bottom
2425
- );
2426
- --Link-on-Primary-font-link-family: var(--Body-font-body-family);
2427
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-family: var(--Body-font-body-family);
2428
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-weight: var(--Base-font-variables-Weight-font-weight-light);
2429
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
2430
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-lineheight);
2431
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
2432
- --Link-on-Primary-ExtraSmall-font-link-on-primary-small-xs-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
2433
- --Link-on-Primary-Small-font-link-on-primary-small-family: var(--Body-font-body-family);
2434
- --Link-on-Primary-Small-font-link-on-primary-small-weight: var(--Base-font-variables-Weight-font-weight-light);
2435
- --Link-on-Primary-Small-font-link-on-primary-small-size: var(--Body-Small-font-body-small-size);
2436
- --Link-on-Primary-Small-font-link-on-primary-small-lineheight: var(--Body-Small-font-body-small-lineheight);
2437
- --Link-on-Primary-Small-font-link-on-primary-small-margin-top: var(--Body-Small-font-body-small-margin-top);
2438
- --Link-on-Primary-Small-font-link-on-primary-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
2439
- --Link-on-Primary-Default-font-link-on-primary-default-family: var(--Body-font-body-family);
2440
- --Link-on-Primary-Default-font-link-on-primary-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
2441
- --Link-on-Primary-Default-font-link-on-primary-default-size: var(--Body-Default-font-body-default-size);
2442
- --Link-on-Primary-Default-font-link-on-primary-default-lineheight: var(--Body-Default-font-body-default-lineheight);
2443
- --Link-on-Primary-Default-font-link-on-primary-default-margin-top: var(--Body-Default-font-body-default-margin-top);
2444
- --Link-on-Primary-Default-font-link-on-primary-default-margin-bottom: var(
2445
- --Body-Default-font-body-default-margin-bottom
2446
- );
2447
- --Link-on-Primary-Large-font-link-on-primary-large-family: var(--Body-font-body-family);
2448
- --Link-on-Primary-Large-font-link-on-primary-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
2449
- --Link-on-Primary-Large-font-link-on-primary-large-size: var(--Body-Large-font-body-large-size);
2450
- --Link-on-Primary-Large-font-link-on-primary-large-lineheight: var(--Body-Large-font-body-large-lineheight);
2451
- --Link-on-Primary-Large-font-link-on-primary-large-margin-top: var(--Body-Large-font-body-large-margin-top);
2452
- --Link-on-Primary-Large-font-link-on-primary-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
2453
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-family: var(--Body-font-body-family);
2454
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-weight: var(
2455
- --Base-font-variables-Weight-font-weight-regular
2456
- );
2457
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
2458
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-lineheight: var(
2459
- --Body-ExtraLarge-font-body-xlarge-lineheight
2460
- );
2461
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-margin-top: var(
2462
- --Body-ExtraLarge-font-body-xlarge-margin-top
2463
- );
2464
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-margin-bottom: var(
2465
- --Body-ExtraLarge-font-body-xlarge-margin-bottom
2466
- );
2467
- --Quote-font-quote-family: var(--Base-font-variables-Family-font-family-secondary);
2468
- --Icon-Solid-XXSmall-font-icon-solid-xxs-weight: var(--Base-font-variables-Weight-font-weight-solid);
2469
- --Icon-Solid-ExtraSmall-font-icon-solid-xs-weight: var(--Base-font-variables-Weight-font-weight-solid);
2470
- --Icon-Solid-Small-font-icon-solid-small-weight: var(--Base-font-variables-Weight-font-weight-solid);
2471
- --Icon-Solid-Default-font-icon-solid-default-weight: var(--Base-font-variables-Weight-font-weight-solid);
2472
- --Icon-Solid-Large-font-icon-solid-large-weight: var(--Base-font-variables-Weight-font-weight-solid);
2473
- --Icon-Solid-ExtraLarge-font-icon-solid-xl-weight: var(--Base-font-variables-Weight-font-weight-solid);
2474
- --Icon-Solid-2XL-font-icon-solid-2xl-weight: var(--Base-font-variables-Weight-font-weight-solid);
2475
- --Icon-Outline-XXSmall-font-icon-outline-xxs-weight: var(--Base-font-variables-Weight-font-weight-light);
2476
- --Icon-Outline-XXSmall-font-icon-outline-xs-size: var(--Icon-Solid-XXSmall-font-icon-solid-xxs-size);
2477
- --Icon-Outline-ExtraSmall-font-icon-outline-xs-weight: var(--Base-font-variables-Weight-font-weight-light);
2478
- --Icon-Outline-ExtraSmall-font-icon-outline-xs-size: var(--Icon-Solid-ExtraSmall-font-icon-solid-xs-size);
2479
- --Icon-Outline-Small-font-icon-outline-small-weight: var(--Base-font-variables-Weight-font-weight-light);
2480
- --Icon-Outline-Small-font-icon-outline-small-size: var(--Icon-Solid-Small-font-icon-solid-small-size);
2481
- --Icon-Outline-Default-font-icon-outline-default-weight: var(--Base-font-variables-Weight-font-weight-light);
2482
- --Icon-Outline-Default-font-icon-outline-default-size: var(--Icon-Solid-Default-font-icon-solid-default-size);
2483
- --Icon-Outline-Large-font-icon-outline-large-weight: var(--Base-font-variables-Weight-font-weight-light);
2484
- --Icon-Outline-Large-font-icon-outline-large-size: var(--Icon-Solid-Large-font-icon-solid-large-size);
2485
- --Icon-Outline-ExtraLarge-font-icon-outline-xl-weight: var(--Base-font-variables-Weight-font-weight-light);
2486
- --Icon-Outline-ExtraLarge-font-icon-outline-xl-size: var(--Icon-Solid-ExtraLarge-font-icon-solid-xl-size);
2487
- --Icon-Outline-2XLarge-font-icon-outline-2xl-weight: var(--Base-font-variables-Weight-font-weight-light);
2488
- --Icon-Outline-2XLarge-font-icon-outline-2xl-size: var(--Icon-Solid-2XL-font-icon-solid-2xl-size);
2489
- --Icon-Brands-XXSmall-font-icon-brands-xxs-weight: var(--Base-font-variables-Weight-font-weight-regular);
2490
- --Icon-Brands-XXSmall-font-icon-brands-xxs-size: var(--Icon-Solid-XXSmall-font-icon-solid-xxs-size);
2491
- --Icon-Brands-ExtraSmall-font-icon-brands-xs-weight: var(--Base-font-variables-Weight-font-weight-regular);
2492
- --Icon-Brands-ExtraSmall-font-brands-solid-xs-size: var(--Icon-Solid-ExtraSmall-font-icon-solid-xs-size);
2493
- --Icon-Brands-Small-font-icon-brands-small-weight: var(--Base-font-variables-Weight-font-weight-regular);
2494
- --Icon-Brands-Small-font-icon-brands-small-size: var(--Icon-Solid-Small-font-icon-solid-small-size);
2495
- --Icon-Brands-Default-font-icon-brands-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
2496
- --Icon-Brands-Default-font-icon-brands-default-size: var(--Icon-Solid-Default-font-icon-solid-default-size);
2497
- --Icon-Brands-Large-font-icon-brands-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
2498
- --Icon-Brands-Large-font-icon-brands-large-size: var(--Icon-Solid-Large-font-icon-solid-large-size);
2499
- --Icon-Brands-ExtraLarge-font-icon-brands-xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
2500
- --Icon-Brands-ExtraLarge-font-icon-brands-xl-size: var(--Icon-Solid-ExtraLarge-font-icon-solid-xl-size);
2501
- --Icon-Brands-2XL-font-icon-brands-2xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
2502
- --Icon-Brands-2XL-font-icon-brands-2xl-size: var(--Icon-Solid-2XL-font-icon-solid-2xl-size);
2503
- }
2504
-
2505
- /* Collection: color roles 4.0 - Aliases */
2506
- [data-color-roles-40="Light"] {
2507
- --Schemes-Primary: var(--Palettes-Primary-Primary-400);
2508
- --Schemes-On-Primary: var(--Palettes-Primary-Primary-750);
2509
- --Schemes-Primary-Container: var(--Palettes-Primary-Primary-200);
2510
- --Schemes-On-Primary-Container: var(--Palettes-Primary-Primary-750);
2511
- --Schemes-Secondary: var(--Palettes-Secondary-Secondary-150);
2512
- --Schemes-On-Secondary: var(--Schemes-Surface-Bright);
2513
- --Schemes-Secondary-Container: var(--Palettes-Secondary-Secondary-400);
2514
- --Schemes-On-Secondary-Container: var(--Palettes-Secondary-Secondary-750);
2515
- --Schemes-Tertiary: var(--Palettes-Tertiary-Tertiary-150);
2516
- --Schemes-On-Tertiary: var(--Palettes-Tertiary-Tertiary-750);
2517
- --Schemes-Tertiary-Container: var(--Palettes-Tertiary-Tertiary-250);
2518
- --Schemes-On-Tertiary-Container: var(--Palettes-Tertiary-Tertiary-750);
2519
- --Schemes-Error: var(--Palettes-Error-Error-450);
2520
- --Schemes-On-Error: var(--Palettes-Error-Error-750);
2521
- --Schemes-Error-Container: var(--Palettes-Error-Error-450);
2522
- --Schemes-On-Error-Container: var(--Palettes-Error-Error-750);
2523
- --Schemes-Alert: var(--Palettes-Alert-Alert-400);
2524
- --Schemes-On-Alert: var(--Palettes-Alert-Alert-750);
2525
- --Schemes-Alert-Container: var(--Palettes-Alert-Alert-550);
2526
- --Schemes-On-Alert-Container: var(--Schemes-On-Background);
2527
- --Schemes-Background: var(--Palettes-Neutral-Neutral-650);
2528
- --Schemes-On-Background: var(--Palettes-Neutral-Neutral-50);
2529
- --Schemes-Surface: var(--Palettes-Neutral-Neutral-500);
2530
- --Schemes-On-Surface: var(--black-400-black);
2531
- --Schemes-Surface-Variant: var(--Palettes-Neutral-Variant-Neutral-Variant-550);
2532
- --Schemes-On-Surface-Variant: var(--Palettes-Neutral-Neutral-50);
2533
- --Schemes-Outline: var(--Palettes-Neutral-Neutral-200);
2534
- --Schemes-Outline-Variant: var(--Palettes-Neutral-Variant-Neutral-Variant-250);
2535
- --Schemes-Surface-Tint: var(--Palettes-Secondary-Secondary-350);
2536
- --Schemes-Shadow: var(--Extended-Colors-Black);
2537
- --Schemes-Scrim: var(--Extended-Colors-Black);
2538
- --Schemes-On-Inverse-Surface: var(--Palettes-Neutral-Neutral-750);
2539
- --Schemes-On-Inverse-Surface-Bright: var(--Palettes-Neutral-Neutral-750);
2540
- --Schemes-Inverse-Primary: var(--Palettes-Primary-Primary-400);
2541
- --Schemes-Primary-Fixed: var(--Palettes-Primary-Primary-650);
2542
- --Schemes-On-Primary-Fixed: var(--Palettes-Primary-Primary-100);
2543
- --Schemes-Primary-Fixed-Dim: var(--Palettes-Primary-Primary-400);
2544
- --Schemes-On-Primary-Fixed-Variant: var(--Palettes-Primary-Primary-50);
2545
- --Schemes-Secondary-Fixed: var(--Palettes-Secondary-Secondary-750);
2546
- --Schemes-On-Secondary-Fixed: var(--Palettes-Secondary-Secondary-50);
2547
- --Schemes-Secondary-Fixed-Dim: var(--Palettes-Secondary-Secondary-550);
2548
- --Schemes-On-Secondary-Fixed-Variant: var(--Palettes-Secondary-Secondary-250);
2549
- --Schemes-Tertiary-Fixed: var(--Palettes-Tertiary-Tertiary-600);
2550
- --Schemes-On-Tertiary-Fixed: var(--Palettes-Tertiary-Tertiary-150);
2551
- --Schemes-Tertiary-Fixed-Dim: var(--Palettes-Tertiary-Tertiary-550);
2552
- --Schemes-On-Tertiary-Fixed-Variant: var(--Palettes-Tertiary-Tertiary-50);
2553
- --Schemes-Surface-Dim: var(--Palettes-Neutral-Neutral-400);
2554
- --Schemes-Surface-Bright: var(--Palettes-Neutral-Neutral-750);
2555
- --Schemes-Surface-Container-Lowest: var(--Palettes-Neutral-Neutral-600);
2556
- --Schemes-Surface-Container-Low: var(--Palettes-Neutral-Neutral-550);
2557
- --Schemes-Surface-Container: var(--Palettes-Neutral-Neutral-500);
2558
- --Schemes-Surface-Container-High: var(--Palettes-Neutral-Neutral-450);
2559
- --Schemes-Surface-Container-Highest: var(--Palettes-Neutral-Neutral-400);
2560
- --Palettes-Primary-Primary-750: var(--blue-750-blue);
2561
- --Palettes-Primary-Primary-700: var(--blue-700-blue);
2562
- --Palettes-Primary-Primary-650: var(--blue-650-blue);
2563
- --Palettes-Primary-Primary-600: var(--blue-600-blue);
2564
- --Palettes-Primary-Primary-550: var(--blue-550-blue);
2565
- --Palettes-Primary-Primary-500: var(--blue-500-blue);
2566
- --Palettes-Primary-Primary-450: var(--blue-450-blue);
2567
- --Palettes-Primary-Primary-400: var(--blue-400-blue);
2568
- --Palettes-Primary-Primary-350: var(--blue-350-blue);
2569
- --Palettes-Primary-Primary-300: var(--blue-300-blue);
2570
- --Palettes-Primary-Primary-250: var(--blue-250-blue);
2571
- --Palettes-Primary-Primary-200: var(--blue-200-blue);
2572
- --Palettes-Primary-Primary-150: var(--blue-150-blue);
2573
- --Palettes-Primary-Primary-100: var(--blue-100-blue);
2574
- --Palettes-Primary-Primary-50: var(--blue-50-blue);
2575
- --Palettes-Secondary-Secondary-750: var(--dark-blue-750-dark-blue);
2576
- --Palettes-Secondary-Secondary-700: var(--dark-blue-700-dark-blue);
2577
- --Palettes-Secondary-Secondary-650: var(--dark-blue-650-dark-blue);
2578
- --Palettes-Secondary-Secondary-600: var(--dark-blue-600-dark-blue);
2579
- --Palettes-Secondary-Secondary-550: var(--dark-blue-550-dark-blue);
2580
- --Palettes-Secondary-Secondary-500: var(--dark-blue-500-dark-blue);
2581
- --Palettes-Secondary-Secondary-450: var(--dark-blue-450-dark-blue);
2582
- --Palettes-Secondary-Secondary-400: var(--dark-blue-400-dark-blue);
2583
- --Palettes-Secondary-Secondary-350: var(--dark-blue-350-dark-blue);
2584
- --Palettes-Secondary-Secondary-300: var(--dark-blue-300-dark-blue);
2585
- --Palettes-Secondary-Secondary-250: var(--dark-blue-250-dark-blue);
2586
- --Palettes-Secondary-Secondary-200: var(--dark-blue-200-dark-blue);
2587
- --Palettes-Secondary-Secondary-150: var(--dark-blue-150-dark-blue);
2588
- --Palettes-Secondary-Secondary-100: var(--dark-blue-100-dark-blue);
2589
- --Palettes-Secondary-Secondary-50: var(--dark-blue-50-dark-blue);
2590
- --Palettes-Tertiary-Tertiary-750: var(--light-blue-750-light-blue);
2591
- --Palettes-Tertiary-Tertiary-700: var(--light-blue-700-light-blue);
2592
- --Palettes-Tertiary-Tertiary-650: var(--light-blue-650-light-blue);
2593
- --Palettes-Tertiary-Tertiary-600: var(--light-blue-600-light-blue);
2594
- --Palettes-Tertiary-Tertiary-550: var(--light-blue-550-light-blue);
2595
- --Palettes-Tertiary-Tertiary-500: var(--light-blue-500-light-blue);
2596
- --Palettes-Tertiary-Tertiary-450: var(--light-blue-450-light-blue);
2597
- --Palettes-Tertiary-Tertiary-400: var(--light-blue-400-light-blue);
2598
- --Palettes-Tertiary-Tertiary-350: var(--light-blue-350-light-blue);
2599
- --Palettes-Tertiary-Tertiary-300: var(--light-blue-300-light-blue);
2600
- --Palettes-Tertiary-Tertiary-250: var(--light-blue-250-light-blue);
2601
- --Palettes-Tertiary-Tertiary-200: var(--light-blue-200-light-blue);
2602
- --Palettes-Tertiary-Tertiary-150: var(--light-blue-150-light-blue);
2603
- --Palettes-Tertiary-Tertiary-100: var(--light-blue-100-light-blue);
2604
- --Palettes-Tertiary-Tertiary-50: var(--light-blue-50-light-blue);
2605
- --Palettes-Error-Error-750: var(--red-750-red);
2606
- --Palettes-Error-Error-700: var(--red-700-red);
2607
- --Palettes-Error-Error-650: var(--red-650-red);
2608
- --Palettes-Error-Error-600: var(--red-600-red);
2609
- --Palettes-Error-Error-550: var(--red-550-red);
2610
- --Palettes-Error-Error-500: var(--red-500-red);
2611
- --Palettes-Error-Error-450: var(--red-450-red);
2612
- --Palettes-Error-Error-400: var(--red-400-red);
2613
- --Palettes-Error-Error-350: var(--red-350-red);
2614
- --Palettes-Error-Error-300: var(--red-300-red);
2615
- --Palettes-Error-Error-250: var(--red-250-red);
2616
- --Palettes-Error-Error-200: var(--red-200-red);
2617
- --Palettes-Error-Error-150: var(--red-150-red);
2618
- --Palettes-Error-Error-100: var(--red-100-red);
2619
- --Palettes-Error-Error-50: var(--red-50-red);
2620
- --Palettes-Success-Success-750: var(--green-750-green);
2621
- --Palettes-Success-Success-700: var(--green-700-green);
2622
- --Palettes-Success-Success-650: var(--green-650-green);
2623
- --Palettes-Success-Success-600: var(--green-600-green);
2624
- --Palettes-Success-Success-550: var(--green-550-green);
2625
- --Palettes-Success-Success-500: var(--green-500-green);
2626
- --Palettes-Success-Success-450: var(--green-450-green);
2627
- --Palettes-Success-Success-400: var(--green-400-green);
2628
- --Palettes-Success-Success-350: var(--green-350-green);
2629
- --Palettes-Success-Success-300: var(--green-300-green);
2630
- --Palettes-Success-Success-250: var(--green-250-green);
2631
- --Palettes-Success-Success-200: var(--green-200-green);
2632
- --Palettes-Success-Success-150: var(--green-150-green);
2633
- --Palettes-Success-Success-100: var(--green-100-green);
2634
- --Palettes-Success-Success-50: var(--green-50-green);
2635
- --Palettes-Neutral-Neutral-750: var(--medium-grey-750-medium-grey);
2636
- --Palettes-Neutral-Neutral-700: var(--medium-grey-700-medium-grey);
2637
- --Palettes-Neutral-Neutral-650: var(--medium-grey-650-medium-grey);
2638
- --Palettes-Neutral-Neutral-600: var(--medium-grey-600-medium-grey);
2639
- --Palettes-Neutral-Neutral-550: var(--medium-grey-550-medium-grey);
2640
- --Palettes-Neutral-Neutral-500: var(--medium-grey-500-medium-grey);
2641
- --Palettes-Neutral-Neutral-450: var(--medium-grey-450-medium-grey);
2642
- --Palettes-Neutral-Neutral-400: var(--medium-grey-400-medium-grey);
2643
- --Palettes-Neutral-Neutral-350: var(--medium-grey-350-medium-grey);
2644
- --Palettes-Neutral-Neutral-300: var(--medium-grey-300-medium-grey);
2645
- --Palettes-Neutral-Neutral-250: var(--medium-grey-250-medium-grey);
2646
- --Palettes-Neutral-Neutral-200: var(--medium-grey-200-medium-grey);
2647
- --Palettes-Neutral-Neutral-150: var(--medium-grey-150-medium-grey);
2648
- --Palettes-Neutral-Neutral-100: var(--medium-grey-100-medium-grey);
2649
- --Palettes-Neutral-Neutral-50: var(--medium-grey-50-medium-grey);
2650
- --Palettes-Neutral-Variant-Neutral-Variant-750: var(--dark-grey-750-dark-grey);
2651
- --Palettes-Neutral-Variant-Neutral-Variant-700: var(--dark-grey-700-dark-grey);
2652
- --Palettes-Neutral-Variant-Neutral-Variant-650: var(--dark-grey-650-dark-grey);
2653
- --Palettes-Neutral-Variant-Neutral-Variant-600: var(--dark-grey-600-dark-grey);
2654
- --Palettes-Neutral-Variant-Neutral-Variant-550: var(--dark-grey-550-dark-grey);
2655
- --Palettes-Neutral-Variant-Neutral-Variant-500: var(--dark-grey-500-dark-grey);
2656
- --Palettes-Neutral-Variant-Neutral-Variant-450: var(--dark-grey-450-dark-grey);
2657
- --Palettes-Neutral-Variant-Neutral-Variant-400: var(--dark-grey-400-dark-grey);
2658
- --Palettes-Neutral-Variant-Neutral-Variant-350: var(--dark-grey-350-dark-grey);
2659
- --Palettes-Neutral-Variant-Neutral-Variant-300: var(--dark-grey-300-dark-grey);
2660
- --Palettes-Neutral-Variant-Neutral-Variant-250: var(--dark-grey-250-dark-grey);
2661
- --Palettes-Neutral-Variant-Neutral-Variant-200: var(--dark-grey-200-dark-grey);
2662
- --Palettes-Neutral-Variant-Neutral-Variant-150: var(--dark-grey-150-dark-grey);
2663
- --Palettes-Neutral-Variant-Neutral-Variant-100: var(--dark-grey-100-dark-grey);
2664
- --Palettes-Neutral-Variant-Neutral-Variant-50: var(--dark-grey-50-dark-grey);
2665
- --Palettes-Alert-Alert-750: var(--bell-yellow-750-bell-yellow);
2666
- --Palettes-Alert-Alert-700: var(--bell-yellow-700-bell-yellow);
2667
- --Palettes-Alert-Alert-650: var(--bell-yellow-650-bell-yellow);
2668
- --Palettes-Alert-Alert-600: var(--bell-yellow-600-bell-yellow);
2669
- --Palettes-Alert-Alert-550: var(--bell-yellow-550-bell-yellow);
2670
- --Palettes-Alert-Alert-500: var(--bell-yellow-500-bell-yellow);
2671
- --Palettes-Alert-Alert-450: var(--bell-yellow-450-bell-yellow);
2672
- --Palettes-Alert-Alert-400: var(--bell-yellow-400-bell-yellow);
2673
- --Palettes-Alert-Alert-350: var(--bell-yellow-350-bell-yellow);
2674
- --Palettes-Alert-Alert-300: var(--bell-yellow-300-bell-yellow);
2675
- --Palettes-Alert-Alert-250: var(--bell-yellow-250-bell-yellow);
2676
- --Palettes-Alert-Alert-200: var(--bell-yellow-200-bell-yellow);
2677
- --Palettes-Alert-Alert-150: var(--bell-yellow-150-bell-yellow);
2678
- --Palettes-Alert-Alert-100: var(--bell-yellow-100-bell-yellow);
2679
- --Palettes-Alert-Alert-50: var(--bell-yellow-50-bell-yellow);
2680
- --Palettes-Visited-Visited-750: var(--purple-750-purple);
2681
- --Palettes-Visited-Visited-700: var(--purple-700-purple);
2682
- --Palettes-Visited-Visited-650: var(--purple-650-purple);
2683
- --Palettes-Visited-Visited-600: var(--purple-600-purple);
2684
- --Palettes-Visited-Visited-550: var(--purple-550-purple);
2685
- --Palettes-Visited-Visited-500: var(--purple-500-purple);
2686
- --Palettes-Visited-Visited-450: var(--purple-450-purple);
2687
- --Palettes-Visited-Visited-400: var(--purple-400-purple);
2688
- --Palettes-Visited-Visited-350: var(--purple-350-purple);
2689
- --Palettes-Visited-Visited-300: var(--purple-300-purple);
2690
- --Palettes-Visited-Visited-250: var(--purple-250-purple);
2691
- --Palettes-Visited-Visited-200: var(--purple-200-purple);
2692
- --Palettes-Visited-Visited-150: var(--purple-150-purple);
2693
- --Palettes-Visited-Visited-100: var(--purple-100-purple);
2694
- --Palettes-Visited-Visited-50: var(--purple-50-purple);
2695
- --Extended-Colors-Black: var(--black-400-black);
2696
- --Extended-Colors-White: var(--white-400-white);
2697
- --Extended-Colors-Black-Container: var(--black-450-black);
2698
- --Extended-Colors-link-default: var(--Schemes-Primary);
2699
- --Extended-Colors-link-hover: var(--Schemes-On-Surface);
2700
- --Extended-Colors-link-visited: var(--Palettes-Visited-Visited-450);
2701
- }
2702
-
2703
- [data-color-roles-40="cards"] {
2704
- --Schemes-Primary: var(--Palettes-Primary-Primary-400);
2705
- --Schemes-On-Primary: var(--Palettes-Primary-Primary-750);
2706
- --Schemes-Primary-Container: var(--Palettes-Primary-Primary-200);
2707
- --Schemes-On-Primary-Container: var(--Palettes-Primary-Primary-750);
2708
- --Schemes-Secondary: var(--Palettes-Secondary-Secondary-150);
2709
- --Schemes-On-Secondary: var(--Schemes-Surface-Bright);
2710
- --Schemes-Secondary-Container: var(--Palettes-Secondary-Secondary-400);
2711
- --Schemes-On-Secondary-Container: var(--Palettes-Secondary-Secondary-750);
2712
- --Schemes-Tertiary: var(--Palettes-Tertiary-Tertiary-150);
2713
- --Schemes-On-Tertiary: var(--Palettes-Tertiary-Tertiary-750);
2714
- --Schemes-Tertiary-Container: var(--Palettes-Tertiary-Tertiary-250);
2715
- --Schemes-On-Tertiary-Container: var(--Palettes-Tertiary-Tertiary-750);
2716
- --Schemes-Error: var(--Palettes-Error-Error-450);
2717
- --Schemes-On-Error: var(--Palettes-Error-Error-750);
2718
- --Schemes-Error-Container: var(--Palettes-Error-Error-450);
2719
- --Schemes-On-Error-Container: var(--Palettes-Error-Error-750);
2720
- --Schemes-Alert: var(--Palettes-Alert-Alert-400);
2721
- --Schemes-On-Alert: var(--Palettes-Alert-Alert-750);
2722
- --Schemes-Alert-Container: var(--Palettes-Alert-Alert-550);
2723
- --Schemes-On-Alert-Container: var(--Schemes-On-Background);
2724
- --Schemes-Background: var(--Palettes-Neutral-Neutral-650);
2725
- --Schemes-On-Background: var(--Palettes-Neutral-Neutral-50);
2726
- --Schemes-Surface: var(--Palettes-Neutral-Neutral-500);
2727
- --Schemes-On-Surface: var(--Schemes-On-Inverse-Surface-Bright);
2728
- --Schemes-Surface-Variant: var(--Palettes-Neutral-Variant-Neutral-Variant-550);
2729
- --Schemes-On-Surface-Variant: var(--Palettes-Neutral-Neutral-50);
2730
- --Schemes-Outline: var(--Palettes-Neutral-Neutral-200);
2731
- --Schemes-Outline-Variant: var(--Palettes-Neutral-Variant-Neutral-Variant-250);
2732
- --Schemes-Surface-Tint: var(--Palettes-Secondary-Secondary-350);
2733
- --Schemes-Shadow: var(--Extended-Colors-Black);
2734
- --Schemes-Scrim: var(--Extended-Colors-Black);
2735
- --Schemes-On-Inverse-Surface: var(--Palettes-Neutral-Neutral-750);
2736
- --Schemes-On-Inverse-Surface-Bright: var(--Palettes-Neutral-Neutral-750);
2737
- --Schemes-Inverse-Primary: var(--Palettes-Primary-Primary-400);
2738
- --Schemes-Primary-Fixed: var(--Palettes-Primary-Primary-650);
2739
- --Schemes-On-Primary-Fixed: var(--Palettes-Primary-Primary-100);
2740
- --Schemes-Primary-Fixed-Dim: var(--Palettes-Primary-Primary-400);
2741
- --Schemes-On-Primary-Fixed-Variant: var(--Palettes-Primary-Primary-50);
2742
- --Schemes-Secondary-Fixed: var(--Palettes-Secondary-Secondary-750);
2743
- --Schemes-On-Secondary-Fixed: var(--Palettes-Secondary-Secondary-50);
2744
- --Schemes-Secondary-Fixed-Dim: var(--Palettes-Secondary-Secondary-550);
2745
- --Schemes-On-Secondary-Fixed-Variant: var(--Palettes-Secondary-Secondary-250);
2746
- --Schemes-Tertiary-Fixed: var(--Palettes-Tertiary-Tertiary-600);
2747
- --Schemes-On-Tertiary-Fixed: var(--Palettes-Tertiary-Tertiary-150);
2748
- --Schemes-Tertiary-Fixed-Dim: var(--Palettes-Tertiary-Tertiary-550);
2749
- --Schemes-On-Tertiary-Fixed-Variant: var(--Palettes-Tertiary-Tertiary-50);
2750
- --Schemes-Surface-Dim: var(--Palettes-Neutral-Neutral-400);
2751
- --Schemes-Surface-Bright: var(--Schemes-Primary);
2752
- --Schemes-Surface-Container-Lowest: var(--Palettes-Neutral-Neutral-600);
2753
- --Schemes-Surface-Container-Low: var(--Palettes-Neutral-Neutral-550);
2754
- --Schemes-Surface-Container: var(--Palettes-Neutral-Neutral-500);
2755
- --Schemes-Surface-Container-High: var(--Palettes-Neutral-Neutral-450);
2756
- --Schemes-Surface-Container-Highest: var(--Palettes-Neutral-Neutral-400);
2757
- --Palettes-Primary-Primary-750: var(--blue-750-blue);
2758
- --Palettes-Primary-Primary-700: var(--blue-700-blue);
2759
- --Palettes-Primary-Primary-650: var(--blue-650-blue);
2760
- --Palettes-Primary-Primary-600: var(--blue-600-blue);
2761
- --Palettes-Primary-Primary-550: var(--blue-550-blue);
2762
- --Palettes-Primary-Primary-500: var(--blue-500-blue);
2763
- --Palettes-Primary-Primary-450: var(--blue-450-blue);
2764
- --Palettes-Primary-Primary-400: var(--blue-400-blue);
2765
- --Palettes-Primary-Primary-350: var(--blue-350-blue);
2766
- --Palettes-Primary-Primary-300: var(--blue-300-blue);
2767
- --Palettes-Primary-Primary-250: var(--blue-250-blue);
2768
- --Palettes-Primary-Primary-200: var(--blue-200-blue);
2769
- --Palettes-Primary-Primary-150: var(--blue-150-blue);
2770
- --Palettes-Primary-Primary-100: var(--blue-100-blue);
2771
- --Palettes-Primary-Primary-50: var(--blue-50-blue);
2772
- --Palettes-Secondary-Secondary-750: var(--dark-blue-750-dark-blue);
2773
- --Palettes-Secondary-Secondary-700: var(--dark-blue-700-dark-blue);
2774
- --Palettes-Secondary-Secondary-650: var(--dark-blue-650-dark-blue);
2775
- --Palettes-Secondary-Secondary-600: var(--dark-blue-600-dark-blue);
2776
- --Palettes-Secondary-Secondary-550: var(--dark-blue-550-dark-blue);
2777
- --Palettes-Secondary-Secondary-500: var(--dark-blue-500-dark-blue);
2778
- --Palettes-Secondary-Secondary-450: var(--dark-blue-450-dark-blue);
2779
- --Palettes-Secondary-Secondary-400: var(--dark-blue-400-dark-blue);
2780
- --Palettes-Secondary-Secondary-350: var(--dark-blue-350-dark-blue);
2781
- --Palettes-Secondary-Secondary-300: var(--dark-blue-300-dark-blue);
2782
- --Palettes-Secondary-Secondary-250: var(--dark-blue-250-dark-blue);
2783
- --Palettes-Secondary-Secondary-200: var(--dark-blue-200-dark-blue);
2784
- --Palettes-Secondary-Secondary-150: var(--dark-blue-150-dark-blue);
2785
- --Palettes-Secondary-Secondary-100: var(--dark-blue-100-dark-blue);
2786
- --Palettes-Secondary-Secondary-50: var(--dark-blue-50-dark-blue);
2787
- --Palettes-Tertiary-Tertiary-750: var(--light-blue-750-light-blue);
2788
- --Palettes-Tertiary-Tertiary-700: var(--light-blue-700-light-blue);
2789
- --Palettes-Tertiary-Tertiary-650: var(--light-blue-650-light-blue);
2790
- --Palettes-Tertiary-Tertiary-600: var(--light-blue-600-light-blue);
2791
- --Palettes-Tertiary-Tertiary-550: var(--light-blue-550-light-blue);
2792
- --Palettes-Tertiary-Tertiary-500: var(--light-blue-500-light-blue);
2793
- --Palettes-Tertiary-Tertiary-450: var(--light-blue-450-light-blue);
2794
- --Palettes-Tertiary-Tertiary-400: var(--light-blue-400-light-blue);
2795
- --Palettes-Tertiary-Tertiary-350: var(--light-blue-350-light-blue);
2796
- --Palettes-Tertiary-Tertiary-300: var(--light-blue-300-light-blue);
2797
- --Palettes-Tertiary-Tertiary-250: var(--light-blue-250-light-blue);
2798
- --Palettes-Tertiary-Tertiary-200: var(--light-blue-200-light-blue);
2799
- --Palettes-Tertiary-Tertiary-150: var(--light-blue-150-light-blue);
2800
- --Palettes-Tertiary-Tertiary-100: var(--light-blue-100-light-blue);
2801
- --Palettes-Tertiary-Tertiary-50: var(--light-blue-50-light-blue);
2802
- --Palettes-Error-Error-750: var(--red-750-red);
2803
- --Palettes-Error-Error-700: var(--red-700-red);
2804
- --Palettes-Error-Error-650: var(--red-650-red);
2805
- --Palettes-Error-Error-600: var(--red-600-red);
2806
- --Palettes-Error-Error-550: var(--red-550-red);
2807
- --Palettes-Error-Error-500: var(--red-500-red);
2808
- --Palettes-Error-Error-450: var(--red-450-red);
2809
- --Palettes-Error-Error-400: var(--red-400-red);
2810
- --Palettes-Error-Error-350: var(--red-350-red);
2811
- --Palettes-Error-Error-300: var(--red-300-red);
2812
- --Palettes-Error-Error-250: var(--red-250-red);
2813
- --Palettes-Error-Error-200: var(--red-200-red);
2814
- --Palettes-Error-Error-150: var(--red-150-red);
2815
- --Palettes-Error-Error-100: var(--red-100-red);
2816
- --Palettes-Error-Error-50: var(--red-50-red);
2817
- --Palettes-Success-Success-750: var(--green-750-green);
2818
- --Palettes-Success-Success-700: var(--green-700-green);
2819
- --Palettes-Success-Success-650: var(--green-650-green);
2820
- --Palettes-Success-Success-600: var(--green-600-green);
2821
- --Palettes-Success-Success-550: var(--green-550-green);
2822
- --Palettes-Success-Success-500: var(--green-500-green);
2823
- --Palettes-Success-Success-450: var(--green-450-green);
2824
- --Palettes-Success-Success-400: var(--green-400-green);
2825
- --Palettes-Success-Success-350: var(--green-350-green);
2826
- --Palettes-Success-Success-300: var(--green-300-green);
2827
- --Palettes-Success-Success-250: var(--green-250-green);
2828
- --Palettes-Success-Success-200: var(--green-200-green);
2829
- --Palettes-Success-Success-150: var(--green-150-green);
2830
- --Palettes-Success-Success-100: var(--green-100-green);
2831
- --Palettes-Success-Success-50: var(--green-50-green);
2832
- --Palettes-Neutral-Neutral-750: var(--medium-grey-750-medium-grey);
2833
- --Palettes-Neutral-Neutral-700: var(--medium-grey-700-medium-grey);
2834
- --Palettes-Neutral-Neutral-650: var(--medium-grey-650-medium-grey);
2835
- --Palettes-Neutral-Neutral-600: var(--medium-grey-600-medium-grey);
2836
- --Palettes-Neutral-Neutral-550: var(--medium-grey-550-medium-grey);
2837
- --Palettes-Neutral-Neutral-500: var(--medium-grey-500-medium-grey);
2838
- --Palettes-Neutral-Neutral-450: var(--medium-grey-450-medium-grey);
2839
- --Palettes-Neutral-Neutral-400: var(--medium-grey-400-medium-grey);
2840
- --Palettes-Neutral-Neutral-350: var(--medium-grey-350-medium-grey);
2841
- --Palettes-Neutral-Neutral-300: var(--medium-grey-300-medium-grey);
2842
- --Palettes-Neutral-Neutral-250: var(--medium-grey-250-medium-grey);
2843
- --Palettes-Neutral-Neutral-200: var(--medium-grey-200-medium-grey);
2844
- --Palettes-Neutral-Neutral-150: var(--medium-grey-150-medium-grey);
2845
- --Palettes-Neutral-Neutral-100: var(--medium-grey-100-medium-grey);
2846
- --Palettes-Neutral-Neutral-50: var(--medium-grey-50-medium-grey);
2847
- --Palettes-Neutral-Variant-Neutral-Variant-750: var(--dark-grey-750-dark-grey);
2848
- --Palettes-Neutral-Variant-Neutral-Variant-700: var(--dark-grey-700-dark-grey);
2849
- --Palettes-Neutral-Variant-Neutral-Variant-650: var(--dark-grey-650-dark-grey);
2850
- --Palettes-Neutral-Variant-Neutral-Variant-600: var(--dark-grey-600-dark-grey);
2851
- --Palettes-Neutral-Variant-Neutral-Variant-550: var(--dark-grey-550-dark-grey);
2852
- --Palettes-Neutral-Variant-Neutral-Variant-500: var(--dark-grey-500-dark-grey);
2853
- --Palettes-Neutral-Variant-Neutral-Variant-450: var(--dark-grey-450-dark-grey);
2854
- --Palettes-Neutral-Variant-Neutral-Variant-400: var(--dark-grey-400-dark-grey);
2855
- --Palettes-Neutral-Variant-Neutral-Variant-350: var(--dark-grey-350-dark-grey);
2856
- --Palettes-Neutral-Variant-Neutral-Variant-300: var(--dark-grey-300-dark-grey);
2857
- --Palettes-Neutral-Variant-Neutral-Variant-250: var(--dark-grey-250-dark-grey);
2858
- --Palettes-Neutral-Variant-Neutral-Variant-200: var(--dark-grey-200-dark-grey);
2859
- --Palettes-Neutral-Variant-Neutral-Variant-150: var(--dark-grey-150-dark-grey);
2860
- --Palettes-Neutral-Variant-Neutral-Variant-100: var(--dark-grey-100-dark-grey);
2861
- --Palettes-Neutral-Variant-Neutral-Variant-50: var(--dark-grey-50-dark-grey);
2862
- --Palettes-Alert-Alert-750: var(--bell-yellow-750-bell-yellow);
2863
- --Palettes-Alert-Alert-700: var(--bell-yellow-700-bell-yellow);
2864
- --Palettes-Alert-Alert-650: var(--bell-yellow-650-bell-yellow);
2865
- --Palettes-Alert-Alert-600: var(--bell-yellow-600-bell-yellow);
2866
- --Palettes-Alert-Alert-550: var(--bell-yellow-550-bell-yellow);
2867
- --Palettes-Alert-Alert-500: var(--bell-yellow-500-bell-yellow);
2868
- --Palettes-Alert-Alert-450: var(--bell-yellow-450-bell-yellow);
2869
- --Palettes-Alert-Alert-400: var(--bell-yellow-400-bell-yellow);
2870
- --Palettes-Alert-Alert-350: var(--bell-yellow-350-bell-yellow);
2871
- --Palettes-Alert-Alert-300: var(--bell-yellow-300-bell-yellow);
2872
- --Palettes-Alert-Alert-250: var(--bell-yellow-250-bell-yellow);
2873
- --Palettes-Alert-Alert-200: var(--bell-yellow-200-bell-yellow);
2874
- --Palettes-Alert-Alert-150: var(--bell-yellow-150-bell-yellow);
2875
- --Palettes-Alert-Alert-100: var(--bell-yellow-100-bell-yellow);
2876
- --Palettes-Alert-Alert-50: var(--bell-yellow-50-bell-yellow);
2877
- --Palettes-Visited-Visited-750: var(--purple-750-purple);
2878
- --Palettes-Visited-Visited-700: var(--purple-700-purple);
2879
- --Palettes-Visited-Visited-650: var(--purple-650-purple);
2880
- --Palettes-Visited-Visited-600: var(--purple-600-purple);
2881
- --Palettes-Visited-Visited-550: var(--purple-550-purple);
2882
- --Palettes-Visited-Visited-500: var(--purple-500-purple);
2883
- --Palettes-Visited-Visited-450: var(--purple-450-purple);
2884
- --Palettes-Visited-Visited-400: var(--purple-400-purple);
2885
- --Palettes-Visited-Visited-350: var(--purple-350-purple);
2886
- --Palettes-Visited-Visited-300: var(--purple-300-purple);
2887
- --Palettes-Visited-Visited-250: var(--purple-250-purple);
2888
- --Palettes-Visited-Visited-200: var(--purple-200-purple);
2889
- --Palettes-Visited-Visited-150: var(--purple-150-purple);
2890
- --Palettes-Visited-Visited-100: var(--purple-100-purple);
2891
- --Palettes-Visited-Visited-50: var(--purple-50-purple);
2892
- --Extended-Colors-Black: var(--black-400-black);
2893
- --Extended-Colors-White: var(--white-400-white);
2894
- --Extended-Colors-Black-Container: var(--black-450-black);
2895
- --Extended-Colors-link-default: var(--Schemes-Primary);
2896
- --Extended-Colors-link-hover: var(--Schemes-On-Surface);
2897
- --Extended-Colors-link-visited: var(--Palettes-Visited-Visited-450);
2898
- }
2899
-
2900
- /* Collection: scale 4.0 - Aliases */
2901
- [data-scale-40="Mode-1"] {
2902
- --border-width-2xs: var(--sizes-xxsmall);
2903
- --border-width-xs: var(--sizes-scale-0);
2904
- --border-width-s: var(--sizes-scale-10);
2905
- --border-width-m: var(--sizes-scale-25);
2906
- --border-width-l: var(--sizes-scale-50);
2907
- --border-width-xl: var(--sizes-scale-75);
2908
- --border-width-2xl: var(--sizes-scale-100);
2909
- --border-radius-xs: var(--sizes-scale-50);
2910
- --border-radius-s: var(--sizes-scale-100);
2911
- --border-radius-m: var(--sizes-scale-150);
2912
- --border-radius-l: var(--sizes-scale-200);
2913
- --border-radius-xl: var(--sizes-scale-300);
2914
- }
2915
-
2916
- /* Collection: ramps 4.0 - Aliases */
2917
- [data-ramps-40="reversed_40ramps2_tokens"] {
2918
- --blue-400-blue: var(--colors-Blue);
2919
- --dark-blue-400-dark-blue: var(--colors-Dark-Blue);
2920
- --dark-ben-franklin-blue-400-dark-ben-franklin-blue: var(--colors-Dark-Ben-Franklin-Blue);
2921
- --light-blue-450-light-blue: var(--colors-Light-Blue);
2922
- --white-400-white: var(--colors-White);
2923
- --black-400-black: var(--colors-Black);
2924
- --grey-400-grey: var(--colors-Grey);
2925
- --light-grey-400-light-grey: var(--colors-Light-Grey);
2926
- --medium-grey-400-medium-grey: var(--colors-Medium-Grey);
2927
- --dark-grey-400-dark-grey: var(--colors-Dark-Grey);
2928
- --bell-yellow-400-bell-yellow: var(--colors-Bell-Yellow);
2929
- --orange-400-orange: var(--colors-Orange);
2930
- --red-400-red: var(--colors-Red);
2931
- --light-green-400-light-green: var(--colors-Light-Green);
2932
- --green-400-green: var(--colors-Green);
2933
- --dark-green-400-dark-green: var(--colors-Dark-Green);
2934
- --pink-400-pink: var(--colors-Pink);
2935
- --purple-400-purple: var(--colors-Purple);
2936
- }
2937
-
2938
- /* Collection: fonts 4.0 - Aliases */
2939
- [data-fonts-40="Fonts_Mobile"] {
2940
- --Base-font-variables-Width-max-width: var(--sizes-scale-0);
2941
- --Display-font-display-family: var(--Base-font-variables-Family-font-family-primary);
2942
- --Display-Display-1-font-display-1-family: var(--Display-font-display-family);
2943
- --Display-Display-1-font-display-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2944
- --Display-Display-1-font-display-1-size: var(--sizes-scale-600);
2945
- --Display-Display-1-font-display-1-lineheight: var(--sizes-scale-800);
2946
- --Display-Display-1-font-display-1-margin-top: var(--sizes-scale-0);
2947
- --Display-Display-1-font-display-1-margin-bottom: var(--sizes-scale-200);
2948
- --Display-Display-2-font-display-2-family: var(--Display-font-display-family);
2949
- --Display-Display-2-font-display-2-eight: var(--Base-font-variables-Weight-font-weight-semibold);
2950
- --Display-Display-2-font-display-2-size: var(--sizes-scale-450);
2951
- --Display-Display-2-font-display-2-lineheight: var(--sizes-scale-600);
2952
- --Display-Display-2-font-display-2-margin-top: var(--sizes-scale-0);
2953
- --Display-Display-2-font-display-2-margin-bottom: var(--sizes-scale-200);
2954
- --Heading-font-heading-family: var(--Base-font-variables-Family-font-family-primary);
2955
- --Heading-H1-font-heading-1-family: var(--Heading-font-heading-family);
2956
- --Heading-H1-font-heading-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2957
- --Heading-H1-font-heading-1-size: var(--sizes-scale-500);
2958
- --Heading-H1-font-header-1-lineheight: var(--sizes-scale-600);
2959
- --Heading-H1-font-header-1-margin-top: var(--sizes-scale-200);
2960
- --Heading-H1-font-header-1-margin-bottom: var(--sizes-scale-200);
2961
- --Heading-H2-font-heading-2-family: var(--Heading-font-heading-family);
2962
- --Heading-H2-font-heading-2-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2963
- --Heading-H2-font-heading-2-size: var(--sizes-scale-450);
2964
- --Heading-H2-font-heading-2-lineheight: var(--sizes-scale-600);
2965
- --Heading-H2-font-heading-2-margin-top: var(--sizes-scale-100);
2966
- --Heading-H2-font-heading-2-margin-bottom: var(--sizes-scale-200);
2967
- --Heading-H3-font-heading-3-family: var(--Heading-font-heading-family);
2968
- --Heading-H3-font-heading-3-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2969
- --Heading-H3-font-heading-3-size: var(--sizes-scale-400);
2970
- --Heading-H3-font-heading-3-lineheight: var(--sizes-scale-500);
2971
- --Heading-H3-font-heading-3-margin-top: var(--sizes-scale-100);
2972
- --Heading-H3-font-heading-3-margin-bottom: var(--sizes-scale-200);
2973
- --Heading-H4-font-heading-4-family: var(--Heading-font-heading-family);
2974
- --Heading-H4-font-heading-4-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2975
- --Heading-H4-font-heading-4-size: var(--sizes-scale-350);
2976
- --Heading-H4-font-heading-4-lineheight: var(--sizes-scale-500);
2977
- --Heading-H4-font-heading-4-margin-top: var(--sizes-scale-0);
2978
- --Heading-H4-font-heading-4-margin-bottom: var(--sizes-scale-200);
2979
- --Heading-H5-font-heading-5-family: var(--Heading-font-heading-family);
2980
- --Heading-H5-font-heading-5-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2981
- --Heading-H5-font-heading-5-size: var(--sizes-scale-300);
2982
- --Heading-H5-font-heading-5-lineheight: var(--sizes-scale-450);
2983
- --Heading-H5-font-heading-5-margin-top: var(--sizes-scale-0);
2984
- --Heading-H5-font-heading-5-margin-bottom: var(--sizes-scale-200);
2985
- --Heading-H6-font-heading-6-family: var(--Heading-font-heading-family);
2986
- --Heading-H6-font-heading-6-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2987
- --Heading-H6-font-heading-6-size: var(--sizes-scale-250);
2988
- --Heading-H6-font-heading-6-lineheight: var(--sizes-scale-350);
2989
- --Heading-H6-font-heading-6-margin-top: var(--sizes-scale-0);
2990
- --Heading-H6-font-heading-6-margin-bottom: var(--sizes-scale-200);
2991
- --Subtitle-font-subtitle-family: var(--Base-font-variables-Family-font-family-primary);
2992
- --Subtitle-Subtitle-1-font-subtitle-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2993
- --Subtitle-Subtitle-1-font-subtitle-1-size: var(--sizes-scale-300);
2994
- --Subtitle-Subtitle-1-font-subtitle-1-lineheight: var(--sizes-scale-450);
2995
- --Subtitle-Subtitle-1-font-subtitle-1-margin-top: var(--sizes-scale-0);
2996
- --Subtitle-Subtitle-1-font-subtitle-1-margin-bottom: var(--sizes-scale-200);
2997
- --Subtitle-Subtitle-2-font-subtitle-2-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2998
- --Subtitle-Subtitle-2-font-subtitle-2-size: var(--sizes-scale-225);
2999
- --Subtitle-Subtitle-2-font-subtitle-2-lineheight: var(--sizes-scale-350);
3000
- --Subtitle-Subtitle-2-font-subtitle-2-margin-top: var(--sizes-scale-0);
3001
- --Subtitle-Subtitle-2-font-subtitle-2-margin-bottom: var(--sizes-scale-200);
3002
- --Body-font-body-family: var(--Base-font-variables-Family-font-family-primary);
3003
- --Body-ExtraSmall-font-body-xs-family: var(--Body-font-body-family);
3004
- --Body-ExtraSmall-font-body-xs-weight: var(--Base-font-variables-Weight-font-weight-regular);
3005
- --Body-ExtraSmall-font-body-xs-size: var(--sizes-scale-175);
3006
- --Body-ExtraSmall-font-body-xs-lineheight: var(--sizes-scale-250);
3007
- --Body-ExtraSmall-font-body-xs-margin-top: var(--sizes-scale-0);
3008
- --Body-ExtraSmall-font-body-xs-margin-bottom: var(--sizes-scale-200);
3009
- --Body-Small-font-body-small-family: var(--Body-font-body-family);
3010
- --Body-Small-font-body-small-weight: var(--Base-font-variables-Weight-font-weight-regular);
3011
- --Body-Small-font-body-small-size: var(--sizes-scale-200);
3012
- --Body-Small-font-body-small-lineheight: var(--sizes-scale-300);
3013
- --Body-Small-font-body-small-margin-top: var(--sizes-scale-0);
3014
- --Body-Small-font-body-small-margin-bottom: var(--sizes-scale-200);
3015
- --Body-Default-font-body-default-family: var(--Body-font-body-family);
3016
- --Body-Default-font-body-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
3017
- --Body-Default-font-body-default-size: var(--sizes-scale-225);
3018
- --Body-Default-font-body-default-lineheight: var(--sizes-scale-350);
3019
- --Body-Default-font-body-default-margin-top: var(--sizes-scale-0);
3020
- --Body-Default-font-body-default-margin-bottom: var(--sizes-scale-200);
3021
- --Body-Large-font-body-large-family: var(--Body-font-body-family);
3022
- --Body-Large-font-body-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
3023
- --Body-Large-font-body-large-size: var(--sizes-scale-250);
3024
- --Body-Large-font-body-large-lineheight: var(--sizes-scale-350);
3025
- --Body-Large-font-body-large-margin-top: var(--sizes-scale-0);
3026
- --Body-Large-font-body-large-margin-bottom: var(--sizes-scale-225);
3027
- --Body-ExtraLarge-font-body-xlarge-family: var(--Body-font-body-family);
3028
- --Body-ExtraLarge-font-body-xlarge-weight: var(--Base-font-variables-Weight-font-weight-regular);
3029
- --Body-ExtraLarge-font-body-xlarge-size: var(--sizes-scale-300);
3030
- --Body-ExtraLarge-font-body-xlarge-lineheight: var(--sizes-scale-450);
3031
- --Body-ExtraLarge-font-body-xlarge-margin-top: var(--sizes-scale-0);
3032
- --Body-ExtraLarge-font-body-xlarge-margin-bottom: var(--sizes-scale-250);
3033
- --Body-2XL-font-body-2xl-family: var(--Body-font-body-family);
3034
- --Body-2XL-font-body-2xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
3035
- --Body-2XL-font-body-2xl-size: var(--sizes-scale-400);
3036
- --Body-2XL-font-body-2xl-lineheight: var(--sizes-scale-600);
3037
- --Body-2XL-font-body-2xl-margin-top: var(--sizes-scale-0);
3038
- --Body-2XL-font-body-2xl-margin-bottom: var(--sizes-scale-300);
3039
- --Label-font-label-family: var(--Body-font-body-family);
3040
- --Label-ExtraSmall-font-label-xs-family: var(--Label-font-label-family);
3041
- --Label-ExtraSmall-font-label-xs-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3042
- --Label-ExtraSmall-font-label-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
3043
- --Label-ExtraSmall-font-label-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-lineheight);
3044
- --Label-ExtraSmall-font-label-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
3045
- --Label-ExtraSmall-font-label-xs-margin-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
3046
- --Label-Small-font-label-small-family: var(--Label-font-label-family);
3047
- --Label-Small-font-label-small-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3048
- --Label-Small-font-label-small-size: var(--Body-Small-font-body-small-size);
3049
- --Label-Small-font-label-small-lineheight: var(--Body-Small-font-body-small-lineheight);
3050
- --Label-Small-font-label-small-margin-top: var(--Body-Small-font-body-small-margin-top);
3051
- --Label-Small-font-label-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
3052
- --Label-Default-font-label-default-family: var(--Label-font-label-family);
3053
- --Label-Default-font-label-default-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3054
- --Label-Default-font-label-default-size: var(--Body-Default-font-body-default-size);
3055
- --Label-Default-font-label-default-lineheight: var(--Body-Default-font-body-default-lineheight);
3056
- --Label-Default-font-label-default-margin-top: var(--Body-Default-font-body-default-margin-top);
3057
- --Label-Default-font-label-default-margin-bottom: var(--Body-Default-font-body-default-margin-bottom);
3058
- --Label-Large-font-label-large-family: var(--Label-font-label-family);
3059
- --Label-Large-font-label-large-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3060
- --Label-Large-font-label-large-size: var(--Body-Large-font-body-large-size);
3061
- --Label-Large-font-label-large-lineheight: var(--Body-Large-font-body-large-lineheight);
3062
- --Label-Large-font-label-large-margin-top: var(--Body-Large-font-body-large-margin-top);
3063
- --Label-Large-font-label-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
3064
- --Label-ExtraLarge-font-label-xlarge-family: var(--Label-font-label-family);
3065
- --Label-ExtraLarge-font-label-xlarge-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3066
- --Label-ExtraLarge-font-label-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
3067
- --Label-ExtraLarge-font-label-xlarge-lineheight: var(--Body-ExtraLarge-font-body-xlarge-lineheight);
3068
- --Label-ExtraLarge-font-label-xlarge-margin-top: var(--Body-ExtraLarge-font-body-xlarge-margin-top);
3069
- --Label-ExtraLarge-font-label-xlarge-margin-bottom: var(--Body-ExtraLarge-font-body-xlarge-margin-bottom);
3070
- --Label-2XL-font-label-2xl-family: var(--Label-font-label-family);
3071
- --Label-2XL-font-label-2xl-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3072
- --Label-2XL-font-label-2xl-size: var(--Body-2XL-font-body-2xl-size);
3073
- --Label-2XL-font-label-2xl-lineheight: var(--Body-2XL-font-body-2xl-lineheight);
3074
- --Label-2XL-font-label-2xl-margin-top: var(--Body-2XL-font-body-2xl-margin-top);
3075
- --Label-2XL-font-label-2xl-margin-bottom: var(--Body-2XL-font-body-2xl-margin-bottom);
3076
- --Link-on-Surface-font-link-family: var(--Body-font-body-family);
3077
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-family: var(--Body-font-body-family);
3078
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-weight: var(--Base-font-variables-Weight-font-weight-bold);
3079
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
3080
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-margin-top);
3081
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
3082
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
3083
- --Link-on-Surface-Small-font-link-on-surface-small-family: var(--Body-font-body-family);
3084
- --Link-on-Surface-Small-font-link-on-surface-small-weight: var(--Base-font-variables-Weight-font-weight-bold);
3085
- --Link-on-Surface-Small-font-link-on-surface-small-size: var(--Body-Small-font-body-small-size);
3086
- --Link-on-Surface-Small-font-link-on-surface-small-lineheight: var(--Body-Small-font-body-small-lineheight);
3087
- --Link-on-Surface-Small-font-link-on-surface-small-margin-top: var(--Body-Small-font-body-small-margin-top);
3088
- --Link-on-Surface-Small-font-link-on-surface-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
3089
- --Link-on-Surface-Default-font-link-on-surface-default-family: var(--Body-font-body-family);
3090
- --Link-on-Surface-Default-font-link-on-surface-default-weight: var(--Base-font-variables-Weight-font-weight-bold);
3091
- --Link-on-Surface-Default-font-link-on-surface-default-size: var(--Body-Default-font-body-default-size);
3092
- --Link-on-Surface-Default-font-link-on-surface-default-lineheight: var(--Body-Default-font-body-default-lineheight);
3093
- --Link-on-Surface-Default-font-link-on-surface-default-margin-top: var(--Body-Default-font-body-default-margin-top);
3094
- --Link-on-Surface-Default-font-link-on-surface-default-margin-bottom: var(
3095
- --Body-Default-font-body-default-margin-bottom
3096
- );
3097
- --Link-on-Surface-Large-font-link-on-surface-large-family: var(--Body-font-body-family);
3098
- --Link-on-Surface-Large-font-link-on-surface-large-weight: var(--Base-font-variables-Weight-font-weight-bold);
3099
- --Link-on-Surface-Large-font-link-on-surface-large-size: var(--Body-Large-font-body-large-size);
3100
- --Link-on-Surface-Large-font-link-on-surface-large-lineheight: var(--Body-Large-font-body-large-lineheight);
3101
- --Link-on-Surface-Large-font-link-on-surface-large-margin-top: var(--Body-Large-font-body-large-margin-top);
3102
- --Link-on-Surface-Large-font-link-on-surface-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
3103
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-family: var(--Body-font-body-family);
3104
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-weight: var(--Base-font-variables-Weight-font-weight-bold);
3105
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
3106
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-lineheight: var(
3107
- --Body-ExtraLarge-font-body-xlarge-lineheight
3108
- );
3109
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-margin-top: var(
3110
- --Body-ExtraLarge-font-body-xlarge-margin-top
3111
- );
3112
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-margin-bottom: var(
3113
- --Body-ExtraLarge-font-body-xlarge-margin-bottom
3114
- );
3115
- --Link-on-Primary-font-link-family: var(--Body-font-body-family);
3116
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-family: var(--Body-font-body-family);
3117
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-weight: var(--Base-font-variables-Weight-font-weight-bold);
3118
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
3119
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-margin-top);
3120
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
3121
- --Link-on-Primary-ExtraSmall-font-link-on-primary-small-xs-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
3122
- --Link-on-Primary-Small-font-link-on-primary-small-family: var(--Body-font-body-family);
3123
- --Link-on-Primary-Small-font-link-on-primary-small-weight: var(--Base-font-variables-Weight-font-weight-bold);
3124
- --Link-on-Primary-Small-font-link-on-primary-small-size: var(--Body-Small-font-body-small-size);
3125
- --Link-on-Primary-Small-font-link-on-primary-small-lineheight: var(--Body-Small-font-body-small-lineheight);
3126
- --Link-on-Primary-Small-font-link-on-primary-small-margin-top: var(--Body-Small-font-body-small-margin-top);
3127
- --Link-on-Primary-Small-font-link-on-primary-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
3128
- --Link-on-Primary-Default-font-link-on-primary-default-family: var(--Body-font-body-family);
3129
- --Link-on-Primary-Default-font-link-on-primary-default-weight: var(--Base-font-variables-Weight-font-weight-bold);
3130
- --Link-on-Primary-Default-font-link-on-primary-default-size: var(--Body-Default-font-body-default-size);
3131
- --Link-on-Primary-Default-font-link-on-primary-default-lineheight: var(--Body-Default-font-body-default-lineheight);
3132
- --Link-on-Primary-Default-font-link-on-primary-default-margin-top: var(--Body-Default-font-body-default-margin-top);
3133
- --Link-on-Primary-Default-font-link-on-primary-default-margin-bottom: var(
3134
- --Body-Default-font-body-default-margin-bottom
3135
- );
3136
- --Link-on-Primary-Large-font-link-on-primary-large-family: var(--Body-font-body-family);
3137
- --Link-on-Primary-Large-font-link-on-primary-large-weight: var(--Base-font-variables-Weight-font-weight-bold);
3138
- --Link-on-Primary-Large-font-link-on-primary-large-size: var(--Body-Large-font-body-large-size);
3139
- --Link-on-Primary-Large-font-link-on-primary-large-lineheight: var(--Body-Large-font-body-large-lineheight);
3140
- --Link-on-Primary-Large-font-link-on-primary-large-margin-top: var(--Body-Large-font-body-large-margin-top);
3141
- --Link-on-Primary-Large-font-link-on-primary-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
3142
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-family: var(--Body-font-body-family);
3143
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-weight: var(--Base-font-variables-Weight-font-weight-bold);
3144
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
3145
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-lineheight: var(
3146
- --Body-ExtraLarge-font-body-xlarge-lineheight
3147
- );
3148
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-margin-top: var(
3149
- --Body-ExtraLarge-font-body-xlarge-margin-top
3150
- );
3151
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-margin-bottom: var(
3152
- --Body-ExtraLarge-font-body-xlarge-margin-bottom
3153
- );
3154
- --Quote-font-quote-family: var(--Base-font-variables-Family-font-family-secondary);
3155
- --Quote-font-quote-size: var(--sizes-scale-300);
3156
- --Quote-font-quote-lineheight: var(--sizes-scale-450);
3157
- --Quote-font-quote-margin-top: var(--sizes-scale-0);
3158
- --Quote-font-quote-margin-bottom: var(--sizes-scale-250);
3159
- --Icon-Solid-XXSmall-font-icon-solid-xxs-weight: var(--Base-font-variables-Weight-font-weight-solid);
3160
- --Icon-Solid-XXSmall-font-icon-solid-xxs-size: var(--sizes-scale-150);
3161
- --Icon-Solid-ExtraSmall-font-icon-solid-xs-weight: var(--Base-font-variables-Weight-font-weight-solid);
3162
- --Icon-Solid-ExtraSmall-font-icon-solid-xs-size: var(--sizes-scale-200);
3163
- --Icon-Solid-Small-font-icon-solid-small-weight: var(--Base-font-variables-Weight-font-weight-solid);
3164
- --Icon-Solid-Small-font-icon-solid-small-size: var(--sizes-scale-225);
3165
- --Icon-Solid-Default-font-icon-solid-default-weight: var(--Base-font-variables-Weight-font-weight-solid);
3166
- --Icon-Solid-Default-font-icon-solid-default-size: var(--sizes-scale-300);
3167
- --Icon-Solid-Large-font-icon-solid-large-weight: var(--Base-font-variables-Weight-font-weight-solid);
3168
- --Icon-Solid-Large-font-icon-solid-large-size: var(--sizes-scale-400);
3169
- --Icon-Solid-ExtraLarge-font-icon-solid-xl-weight: var(--Base-font-variables-Weight-font-weight-solid);
3170
- --Icon-Solid-ExtraLarge-font-icon-solid-xl-size: var(--sizes-scale-600);
3171
- --Icon-Solid-2XL-font-icon-solid-2xl-weight: var(--Base-font-variables-Weight-font-weight-solid);
3172
- --Icon-Solid-2XL-font-icon-solid-2xl-size: var(--sizes-scale-1000);
3173
- --Icon-Outline-XXSmall-font-icon-outline-xxs-weight: var(--Base-font-variables-Weight-font-weight-light);
3174
- --Icon-Outline-XXSmall-font-icon-outline-xs-size: var(--Icon-Solid-XXSmall-font-icon-solid-xxs-size);
3175
- --Icon-Outline-ExtraSmall-font-icon-outline-xs-weight: var(--Base-font-variables-Weight-font-weight-light);
3176
- --Icon-Outline-ExtraSmall-font-icon-outline-xs-size: var(--Icon-Solid-ExtraSmall-font-icon-solid-xs-size);
3177
- --Icon-Outline-Small-font-icon-outline-small-weight: var(--Base-font-variables-Weight-font-weight-light);
3178
- --Icon-Outline-Small-font-icon-outline-small-size: var(--Icon-Solid-Small-font-icon-solid-small-size);
3179
- --Icon-Outline-Default-font-icon-outline-default-weight: var(--Base-font-variables-Weight-font-weight-light);
3180
- --Icon-Outline-Default-font-icon-outline-default-size: var(--Icon-Solid-Default-font-icon-solid-default-size);
3181
- --Icon-Outline-Large-font-icon-outline-large-weight: var(--Base-font-variables-Weight-font-weight-light);
3182
- --Icon-Outline-Large-font-icon-outline-large-size: var(--Icon-Solid-Large-font-icon-solid-large-size);
3183
- --Icon-Outline-ExtraLarge-font-icon-outline-xl-weight: var(--Base-font-variables-Weight-font-weight-light);
3184
- --Icon-Outline-ExtraLarge-font-icon-outline-xl-size: var(--Icon-Solid-ExtraLarge-font-icon-solid-xl-size);
3185
- --Icon-Outline-2XLarge-font-icon-outline-2xl-weight: var(--Base-font-variables-Weight-font-weight-light);
3186
- --Icon-Outline-2XLarge-font-icon-outline-2xl-size: var(--Icon-Solid-2XL-font-icon-solid-2xl-size);
3187
- --Icon-Brands-XXSmall-font-icon-brands-xxs-weight: var(--Base-font-variables-Weight-font-weight-regular);
3188
- --Icon-Brands-XXSmall-font-icon-brands-xxs-size: var(--Icon-Solid-XXSmall-font-icon-solid-xxs-size);
3189
- --Icon-Brands-ExtraSmall-font-icon-brands-xs-weight: var(--Base-font-variables-Weight-font-weight-regular);
3190
- --Icon-Brands-ExtraSmall-font-brands-solid-xs-size: var(--Icon-Solid-ExtraSmall-font-icon-solid-xs-size);
3191
- --Icon-Brands-Small-font-icon-brands-small-weight: var(--Base-font-variables-Weight-font-weight-regular);
3192
- --Icon-Brands-Small-font-icon-brands-small-size: var(--Icon-Solid-Small-font-icon-solid-small-size);
3193
- --Icon-Brands-Default-font-icon-brands-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
3194
- --Icon-Brands-Default-font-icon-brands-default-size: var(--Icon-Solid-Default-font-icon-solid-default-size);
3195
- --Icon-Brands-Large-font-icon-brands-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
3196
- --Icon-Brands-Large-font-icon-brands-large-size: var(--Icon-Solid-Large-font-icon-solid-large-size);
3197
- --Icon-Brands-ExtraLarge-font-icon-brands-xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
3198
- --Icon-Brands-ExtraLarge-font-icon-brands-xl-size: var(--Icon-Solid-ExtraLarge-font-icon-solid-xl-size);
3199
- --Icon-Brands-2XL-font-icon-brands-2xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
3200
- --Icon-Brands-2XL-font-icon-brands-2xl-size: var(--Icon-Solid-2XL-font-icon-solid-2xl-size);
3201
- }
3202
-
3203
- [data-fonts-40="Fonts_Desktop"] {
3204
- --Base-font-variables-Width-max-width: 624px;
3205
- --Display-font-display-family: var(--Base-font-variables-Family-font-family-primary);
3206
- --Display-Display-1-font-display-1-family: var(--Display-font-display-family);
3207
- --Display-Display-1-font-display-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3208
- --Display-Display-1-font-display-1-size: var(--sizes-scale-900);
3209
- --Display-Display-1-font-display-1-lineheight: var(--sizes-scale-1100);
3210
- --Display-Display-1-font-display-1-margin-top: var(--sizes-scale-0);
3211
- --Display-Display-1-font-display-1-margin-bottom: var(--sizes-scale-300);
3212
- --Display-Display-2-font-display-2-family: var(--Display-font-display-family);
3213
- --Display-Display-2-font-display-2-eight: var(--Base-font-variables-Weight-font-weight-semibold);
3214
- --Display-Display-2-font-display-2-size: var(--sizes-scale-700);
3215
- --Display-Display-2-font-display-2-lineheight: var(--sizes-scale-900);
3216
- --Display-Display-2-font-display-2-margin-top: var(--sizes-scale-0);
3217
- --Display-Display-2-font-display-2-margin-bottom: var(--sizes-scale-200);
3218
- --Heading-font-heading-family: var(--Base-font-variables-Family-font-family-primary);
3219
- --Heading-H1-font-heading-1-family: var(--Heading-font-heading-family);
3220
- --Heading-H1-font-heading-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3221
- --Heading-H1-font-heading-1-size: var(--sizes-scale-600);
3222
- --Heading-H1-font-header-1-lineheight: var(--sizes-scale-800);
3223
- --Heading-H1-font-header-1-margin-top: var(--sizes-scale-300);
3224
- --Heading-H1-font-header-1-margin-bottom: var(--sizes-scale-300);
3225
- --Heading-H2-font-heading-2-family: var(--Heading-font-heading-family);
3226
- --Heading-H2-font-heading-2-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3227
- --Heading-H2-font-heading-2-size: var(--sizes-scale-500);
3228
- --Heading-H2-font-heading-2-lineheight: var(--sizes-scale-600);
3229
- --Heading-H2-font-heading-2-margin-top: var(--sizes-scale-200);
3230
- --Heading-H2-font-heading-2-margin-bottom: var(--sizes-scale-300);
3231
- --Heading-H3-font-heading-3-family: var(--Heading-font-heading-family);
3232
- --Heading-H3-font-heading-3-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3233
- --Heading-H3-font-heading-3-size: var(--sizes-scale-400);
3234
- --Heading-H3-font-heading-3-lineheight: var(--sizes-scale-500);
3235
- --Heading-H3-font-heading-3-margin-top: var(--sizes-scale-200);
3236
- --Heading-H3-font-heading-3-margin-bottom: var(--sizes-scale-300);
3237
- --Heading-H4-font-heading-4-family: var(--Heading-font-heading-family);
3238
- --Heading-H4-font-heading-4-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3239
- --Heading-H4-font-heading-4-size: var(--sizes-scale-300);
3240
- --Heading-H4-font-heading-4-lineheight: var(--sizes-scale-450);
3241
- --Heading-H4-font-heading-4-margin-top: var(--sizes-scale-200);
3242
- --Heading-H4-font-heading-4-margin-bottom: var(--sizes-scale-200);
3243
- --Heading-H5-font-heading-5-family: var(--Heading-font-heading-family);
3244
- --Heading-H5-font-heading-5-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3245
- --Heading-H5-font-heading-5-size: var(--sizes-scale-250);
3246
- --Heading-H5-font-heading-5-lineheight: var(--sizes-scale-350);
3247
- --Heading-H5-font-heading-5-margin-top: var(--sizes-scale-200);
3248
- --Heading-H5-font-heading-5-margin-bottom: var(--sizes-scale-200);
3249
- --Heading-H6-font-heading-6-family: var(--Heading-font-heading-family);
3250
- --Heading-H6-font-heading-6-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3251
- --Heading-H6-font-heading-6-size: var(--sizes-scale-200);
3252
- --Heading-H6-font-heading-6-lineheight: var(--sizes-scale-300);
3253
- --Heading-H6-font-heading-6-margin-top: var(--sizes-scale-200);
3254
- --Heading-H6-font-heading-6-margin-bottom: var(--sizes-scale-200);
3255
- --Subtitle-font-subtitle-family: var(--Base-font-variables-Family-font-family-primary);
3256
- --Subtitle-Subtitle-1-font-subtitle-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3257
- --Subtitle-Subtitle-1-font-subtitle-1-size: var(--sizes-scale-300);
3258
- --Subtitle-Subtitle-1-font-subtitle-1-lineheight: var(--sizes-scale-450);
3259
- --Subtitle-Subtitle-1-font-subtitle-1-margin-top: var(--sizes-scale-0);
3260
- --Subtitle-Subtitle-1-font-subtitle-1-margin-bottom: var(--sizes-scale-200);
3261
- --Subtitle-Subtitle-2-font-subtitle-2-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3262
- --Subtitle-Subtitle-2-font-subtitle-2-size: var(--sizes-scale-225);
3263
- --Subtitle-Subtitle-2-font-subtitle-2-lineheight: var(--sizes-scale-350);
3264
- --Subtitle-Subtitle-2-font-subtitle-2-margin-top: var(--sizes-scale-0);
3265
- --Subtitle-Subtitle-2-font-subtitle-2-margin-bottom: var(--sizes-scale-200);
3266
- --Body-font-body-family: var(--Base-font-variables-Family-font-family-primary);
3267
- --Body-ExtraSmall-font-body-xs-family: var(--Body-font-body-family);
3268
- --Body-ExtraSmall-font-body-xs-weight: var(--Base-font-variables-Weight-font-weight-regular);
3269
- --Body-ExtraSmall-font-body-xs-size: var(--sizes-scale-150);
3270
- --Body-ExtraSmall-font-body-xs-lineheight: var(--sizes-scale-200);
3271
- --Body-ExtraSmall-font-body-xs-margin-top: var(--sizes-scale-0);
3272
- --Body-ExtraSmall-font-body-xs-margin-bottom: var(--sizes-scale-200);
3273
- --Body-Small-font-body-small-family: var(--Body-font-body-family);
3274
- --Body-Small-font-body-small-weight: var(--Base-font-variables-Weight-font-weight-regular);
3275
- --Body-Small-font-body-small-size: var(--sizes-scale-175);
3276
- --Body-Small-font-body-small-lineheight: var(--sizes-scale-250);
3277
- --Body-Small-font-body-small-margin-top: var(--sizes-scale-0);
3278
- --Body-Small-font-body-small-margin-bottom: var(--sizes-scale-200);
3279
- --Body-Default-font-body-default-family: var(--Body-font-body-family);
3280
- --Body-Default-font-body-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
3281
- --Body-Default-font-body-default-size: var(--sizes-scale-200);
3282
- --Body-Default-font-body-default-lineheight: var(--sizes-scale-300);
3283
- --Body-Default-font-body-default-margin-top: var(--sizes-scale-0);
3284
- --Body-Default-font-body-default-margin-bottom: var(--sizes-scale-200);
3285
- --Body-Large-font-body-large-family: var(--Body-font-body-family);
3286
- --Body-Large-font-body-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
3287
- --Body-Large-font-body-large-size: var(--sizes-scale-225);
3288
- --Body-Large-font-body-large-lineheight: var(--sizes-scale-350);
3289
- --Body-Large-font-body-large-margin-top: var(--sizes-scale-0);
3290
- --Body-Large-font-body-large-margin-bottom: var(--sizes-scale-225);
3291
- --Body-ExtraLarge-font-body-xlarge-family: var(--Body-font-body-family);
3292
- --Body-ExtraLarge-font-body-xlarge-weight: var(--Base-font-variables-Weight-font-weight-regular);
3293
- --Body-ExtraLarge-font-body-xlarge-size: var(--sizes-scale-300);
3294
- --Body-ExtraLarge-font-body-xlarge-lineheight: var(--sizes-scale-450);
3295
- --Body-ExtraLarge-font-body-xlarge-margin-top: var(--sizes-scale-0);
3296
- --Body-ExtraLarge-font-body-xlarge-margin-bottom: var(--sizes-scale-250);
3297
- --Body-2XL-font-body-2xl-family: var(--Body-font-body-family);
3298
- --Body-2XL-font-body-2xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
3299
- --Body-2XL-font-body-2xl-size: var(--sizes-scale-400);
3300
- --Body-2XL-font-body-2xl-lineheight: var(--sizes-scale-600);
3301
- --Body-2XL-font-body-2xl-margin-top: var(--sizes-scale-0);
3302
- --Body-2XL-font-body-2xl-margin-bottom: var(--sizes-scale-300);
3303
- --Label-font-label-family: var(--Body-font-body-family);
3304
- --Label-ExtraSmall-font-label-xs-family: var(--Label-font-label-family);
3305
- --Label-ExtraSmall-font-label-xs-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3306
- --Label-ExtraSmall-font-label-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
3307
- --Label-ExtraSmall-font-label-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-lineheight);
3308
- --Label-ExtraSmall-font-label-xs-margin-top: var(--Body-Default-font-body-default-margin-top);
3309
- --Label-ExtraSmall-font-label-xs-margin-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
3310
- --Label-Small-font-label-small-family: var(--Label-font-label-family);
3311
- --Label-Small-font-label-small-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3312
- --Label-Small-font-label-small-size: var(--Body-Small-font-body-small-size);
3313
- --Label-Small-font-label-small-lineheight: var(--Body-Small-font-body-small-lineheight);
3314
- --Label-Small-font-label-small-margin-top: var(--Body-Small-font-body-small-margin-top);
3315
- --Label-Small-font-label-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
3316
- --Label-Default-font-label-default-family: var(--Label-font-label-family);
3317
- --Label-Default-font-label-default-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3318
- --Label-Default-font-label-default-size: var(--Body-Default-font-body-default-size);
3319
- --Label-Default-font-label-default-lineheight: var(--Body-Default-font-body-default-lineheight);
3320
- --Label-Default-font-label-default-margin-top: var(--Body-Default-font-body-default-margin-top);
3321
- --Label-Default-font-label-default-margin-bottom: var(--Body-Default-font-body-default-margin-bottom);
3322
- --Label-Large-font-label-large-family: var(--Label-font-label-family);
3323
- --Label-Large-font-label-large-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3324
- --Label-Large-font-label-large-size: var(--Body-Large-font-body-large-size);
3325
- --Label-Large-font-label-large-lineheight: var(--Body-Large-font-body-large-lineheight);
3326
- --Label-Large-font-label-large-margin-top: var(--Body-Large-font-body-large-margin-top);
3327
- --Label-Large-font-label-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
3328
- --Label-ExtraLarge-font-label-xlarge-family: var(--Label-font-label-family);
3329
- --Label-ExtraLarge-font-label-xlarge-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3330
- --Label-ExtraLarge-font-label-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
3331
- --Label-ExtraLarge-font-label-xlarge-lineheight: var(--Body-ExtraLarge-font-body-xlarge-lineheight);
3332
- --Label-ExtraLarge-font-label-xlarge-margin-top: var(--Body-ExtraLarge-font-body-xlarge-margin-top);
3333
- --Label-ExtraLarge-font-label-xlarge-margin-bottom: var(--Body-ExtraLarge-font-body-xlarge-margin-bottom);
3334
- --Label-2XL-font-label-2xl-family: var(--Label-font-label-family);
3335
- --Label-2XL-font-label-2xl-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3336
- --Label-2XL-font-label-2xl-size: var(--Body-2XL-font-body-2xl-size);
3337
- --Label-2XL-font-label-2xl-lineheight: var(--Body-2XL-font-body-2xl-lineheight);
3338
- --Label-2XL-font-label-2xl-margin-top: var(--Body-2XL-font-body-2xl-margin-top);
3339
- --Label-2XL-font-label-2xl-margin-bottom: var(--Body-2XL-font-body-2xl-margin-bottom);
3340
- --Link-on-Surface-font-link-family: var(--Body-font-body-family);
3341
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-family: var(--Body-font-body-family);
3342
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-weight: var(--Base-font-variables-Weight-font-weight-bold);
3343
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
3344
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-lineheight);
3345
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
3346
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
3347
- --Link-on-Surface-Small-font-link-on-surface-small-family: var(--Body-font-body-family);
3348
- --Link-on-Surface-Small-font-link-on-surface-small-weight: var(--Base-font-variables-Weight-font-weight-bold);
3349
- --Link-on-Surface-Small-font-link-on-surface-small-size: var(--Body-Small-font-body-small-size);
3350
- --Link-on-Surface-Small-font-link-on-surface-small-lineheight: var(--Body-Small-font-body-small-lineheight);
3351
- --Link-on-Surface-Small-font-link-on-surface-small-margin-top: var(--Body-Small-font-body-small-margin-top);
3352
- --Link-on-Surface-Small-font-link-on-surface-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
3353
- --Link-on-Surface-Default-font-link-on-surface-default-family: var(--Body-font-body-family);
3354
- --Link-on-Surface-Default-font-link-on-surface-default-weight: var(--Base-font-variables-Weight-font-weight-bold);
3355
- --Link-on-Surface-Default-font-link-on-surface-default-size: var(--Body-Default-font-body-default-size);
3356
- --Link-on-Surface-Default-font-link-on-surface-default-lineheight: var(--Body-Default-font-body-default-lineheight);
3357
- --Link-on-Surface-Default-font-link-on-surface-default-margin-top: var(--Body-Default-font-body-default-margin-top);
3358
- --Link-on-Surface-Default-font-link-on-surface-default-margin-bottom: var(
3359
- --Body-Default-font-body-default-margin-bottom
3360
- );
3361
- --Link-on-Surface-Large-font-link-on-surface-large-family: var(--Body-font-body-family);
3362
- --Link-on-Surface-Large-font-link-on-surface-large-weight: var(--Base-font-variables-Weight-font-weight-bold);
3363
- --Link-on-Surface-Large-font-link-on-surface-large-size: var(--Body-Large-font-body-large-size);
3364
- --Link-on-Surface-Large-font-link-on-surface-large-lineheight: var(--Body-Large-font-body-large-lineheight);
3365
- --Link-on-Surface-Large-font-link-on-surface-large-margin-top: var(--Body-Large-font-body-large-margin-top);
3366
- --Link-on-Surface-Large-font-link-on-surface-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
3367
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-family: var(--Body-font-body-family);
3368
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-weight: var(--Base-font-variables-Weight-font-weight-bold);
3369
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
3370
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-lineheight: var(
3371
- --Body-ExtraLarge-font-body-xlarge-lineheight
3372
- );
3373
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-margin-top: var(
3374
- --Body-ExtraLarge-font-body-xlarge-margin-top
3375
- );
3376
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-margin-bottom: var(
3377
- --Body-ExtraLarge-font-body-xlarge-margin-bottom
3378
- );
3379
- --Link-on-Primary-font-link-family: var(--Body-font-body-family);
3380
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-family: var(--Body-font-body-family);
3381
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-weight: var(--Base-font-variables-Weight-font-weight-light);
3382
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
3383
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-lineheight);
3384
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
3385
- --Link-on-Primary-ExtraSmall-font-link-on-primary-small-xs-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
3386
- --Link-on-Primary-Small-font-link-on-primary-small-family: var(--Body-font-body-family);
3387
- --Link-on-Primary-Small-font-link-on-primary-small-weight: var(--Base-font-variables-Weight-font-weight-light);
3388
- --Link-on-Primary-Small-font-link-on-primary-small-size: var(--Body-Small-font-body-small-size);
3389
- --Link-on-Primary-Small-font-link-on-primary-small-lineheight: var(--Body-Small-font-body-small-lineheight);
3390
- --Link-on-Primary-Small-font-link-on-primary-small-margin-top: var(--Body-Small-font-body-small-margin-top);
3391
- --Link-on-Primary-Small-font-link-on-primary-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
3392
- --Link-on-Primary-Default-font-link-on-primary-default-family: var(--Body-font-body-family);
3393
- --Link-on-Primary-Default-font-link-on-primary-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
3394
- --Link-on-Primary-Default-font-link-on-primary-default-size: var(--Body-Default-font-body-default-size);
3395
- --Link-on-Primary-Default-font-link-on-primary-default-lineheight: var(--Body-Default-font-body-default-lineheight);
3396
- --Link-on-Primary-Default-font-link-on-primary-default-margin-top: var(--Body-Default-font-body-default-margin-top);
3397
- --Link-on-Primary-Default-font-link-on-primary-default-margin-bottom: var(
3398
- --Body-Default-font-body-default-margin-bottom
3399
- );
3400
- --Link-on-Primary-Large-font-link-on-primary-large-family: var(--Body-font-body-family);
3401
- --Link-on-Primary-Large-font-link-on-primary-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
3402
- --Link-on-Primary-Large-font-link-on-primary-large-size: var(--Body-Large-font-body-large-size);
3403
- --Link-on-Primary-Large-font-link-on-primary-large-lineheight: var(--Body-Large-font-body-large-lineheight);
3404
- --Link-on-Primary-Large-font-link-on-primary-large-margin-top: var(--Body-Large-font-body-large-margin-top);
3405
- --Link-on-Primary-Large-font-link-on-primary-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
3406
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-family: var(--Body-font-body-family);
3407
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-weight: var(
3408
- --Base-font-variables-Weight-font-weight-regular
3409
- );
3410
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
3411
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-lineheight: var(
3412
- --Body-ExtraLarge-font-body-xlarge-lineheight
3413
- );
3414
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-margin-top: var(
3415
- --Body-ExtraLarge-font-body-xlarge-margin-top
3416
- );
3417
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-margin-bottom: var(
3418
- --Body-ExtraLarge-font-body-xlarge-margin-bottom
3419
- );
3420
- --Quote-font-quote-family: var(--Base-font-variables-Family-font-family-secondary);
3421
- --Quote-font-quote-size: var(--sizes-scale-300);
3422
- --Quote-font-quote-lineheight: var(--sizes-scale-450);
3423
- --Quote-font-quote-margin-top: var(--sizes-scale-0);
3424
- --Quote-font-quote-margin-bottom: var(--sizes-scale-250);
3425
- --Icon-Solid-XXSmall-font-icon-solid-xxs-weight: var(--Base-font-variables-Weight-font-weight-solid);
3426
- --Icon-Solid-XXSmall-font-icon-solid-xxs-size: var(--sizes-scale-150);
3427
- --Icon-Solid-ExtraSmall-font-icon-solid-xs-weight: var(--Base-font-variables-Weight-font-weight-solid);
3428
- --Icon-Solid-ExtraSmall-font-icon-solid-xs-size: var(--sizes-scale-200);
3429
- --Icon-Solid-Small-font-icon-solid-small-weight: var(--Base-font-variables-Weight-font-weight-solid);
3430
- --Icon-Solid-Small-font-icon-solid-small-size: var(--sizes-scale-225);
3431
- --Icon-Solid-Default-font-icon-solid-default-weight: var(--Base-font-variables-Weight-font-weight-solid);
3432
- --Icon-Solid-Default-font-icon-solid-default-size: var(--sizes-scale-300);
3433
- --Icon-Solid-Large-font-icon-solid-large-weight: var(--Base-font-variables-Weight-font-weight-solid);
3434
- --Icon-Solid-Large-font-icon-solid-large-size: var(--sizes-scale-400);
3435
- --Icon-Solid-ExtraLarge-font-icon-solid-xl-weight: var(--Base-font-variables-Weight-font-weight-solid);
3436
- --Icon-Solid-ExtraLarge-font-icon-solid-xl-size: var(--sizes-scale-600);
3437
- --Icon-Solid-2XL-font-icon-solid-2xl-weight: var(--Base-font-variables-Weight-font-weight-solid);
3438
- --Icon-Solid-2XL-font-icon-solid-2xl-size: var(--sizes-scale-1000);
3439
- --Icon-Outline-XXSmall-font-icon-outline-xxs-weight: var(--Base-font-variables-Weight-font-weight-light);
3440
- --Icon-Outline-XXSmall-font-icon-outline-xs-size: var(--Icon-Solid-XXSmall-font-icon-solid-xxs-size);
3441
- --Icon-Outline-ExtraSmall-font-icon-outline-xs-weight: var(--Base-font-variables-Weight-font-weight-light);
3442
- --Icon-Outline-ExtraSmall-font-icon-outline-xs-size: var(--Icon-Solid-ExtraSmall-font-icon-solid-xs-size);
3443
- --Icon-Outline-Small-font-icon-outline-small-weight: var(--Base-font-variables-Weight-font-weight-light);
3444
- --Icon-Outline-Small-font-icon-outline-small-size: var(--Icon-Solid-Small-font-icon-solid-small-size);
3445
- --Icon-Outline-Default-font-icon-outline-default-weight: var(--Base-font-variables-Weight-font-weight-light);
3446
- --Icon-Outline-Default-font-icon-outline-default-size: var(--Icon-Solid-Default-font-icon-solid-default-size);
3447
- --Icon-Outline-Large-font-icon-outline-large-weight: var(--Base-font-variables-Weight-font-weight-light);
3448
- --Icon-Outline-Large-font-icon-outline-large-size: var(--Icon-Solid-Large-font-icon-solid-large-size);
3449
- --Icon-Outline-ExtraLarge-font-icon-outline-xl-weight: var(--Base-font-variables-Weight-font-weight-light);
3450
- --Icon-Outline-ExtraLarge-font-icon-outline-xl-size: var(--Icon-Solid-ExtraLarge-font-icon-solid-xl-size);
3451
- --Icon-Outline-2XLarge-font-icon-outline-2xl-weight: var(--Base-font-variables-Weight-font-weight-light);
3452
- --Icon-Outline-2XLarge-font-icon-outline-2xl-size: var(--Icon-Solid-2XL-font-icon-solid-2xl-size);
3453
- --Icon-Brands-XXSmall-font-icon-brands-xxs-weight: var(--Base-font-variables-Weight-font-weight-regular);
3454
- --Icon-Brands-XXSmall-font-icon-brands-xxs-size: var(--Icon-Solid-XXSmall-font-icon-solid-xxs-size);
3455
- --Icon-Brands-ExtraSmall-font-icon-brands-xs-weight: var(--Base-font-variables-Weight-font-weight-regular);
3456
- --Icon-Brands-ExtraSmall-font-brands-solid-xs-size: var(--Icon-Solid-ExtraSmall-font-icon-solid-xs-size);
3457
- --Icon-Brands-Small-font-icon-brands-small-weight: var(--Base-font-variables-Weight-font-weight-regular);
3458
- --Icon-Brands-Small-font-icon-brands-small-size: var(--Icon-Solid-Small-font-icon-solid-small-size);
3459
- --Icon-Brands-Default-font-icon-brands-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
3460
- --Icon-Brands-Default-font-icon-brands-default-size: var(--Icon-Solid-Default-font-icon-solid-default-size);
3461
- --Icon-Brands-Large-font-icon-brands-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
3462
- --Icon-Brands-Large-font-icon-brands-large-size: var(--Icon-Solid-Large-font-icon-solid-large-size);
3463
- --Icon-Brands-ExtraLarge-font-icon-brands-xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
3464
- --Icon-Brands-ExtraLarge-font-icon-brands-xl-size: var(--Icon-Solid-ExtraLarge-font-icon-solid-xl-size);
3465
- --Icon-Brands-2XL-font-icon-brands-2xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
3466
- --Icon-Brands-2XL-font-icon-brands-2xl-size: var(--Icon-Solid-2XL-font-icon-solid-2xl-size);
3467
- }
3468
-
3469
- /* ========================================= */
3470
- /* USAGE EXAMPLES */
3471
- /* ========================================= */
3472
-
3473
- /*
3474
- DYNAMIC MODE SWITCHING:
3475
-
3476
- <!-- primitives 4.0 Collection -->
3477
- <div data-primitives-40="Mode-1">Content in Mode 1 mode</div>
3478
-
3479
- <!-- cards Collection -->
3480
- <div data-cards="master-card">Content in master card mode</div>
3481
- <div data-cards="press-release">Content in press release mode</div>
3482
- <div data-cards="card-with-media">Content in card with media mode</div>
3483
- <div data-cards="card-with-link">Content in card with link mode</div>
3484
- <div data-cards="resource-card">Content in resource card mode</div>
3485
- <div data-cards="flag-with-media">Content in flag with media mode</div>
3486
- <div data-cards="call-to-action">Content in call to action mode</div>
3487
- <div data-cards="map-card">Content in map card mode</div>
3488
-
3489
- <!-- components 4.0 Collection -->
3490
- <div data-components-40="Layout---Desktop">Content in Layout - Desktop mode</div>
3491
- <div data-components-40="Layout---Mobile">Content in Layout - Mobile mode</div>
3492
-
3493
- <!-- (old) fonts 4.0 Collection -->
3494
- <div data--old-fonts-40="Fonts_Mobile">Content in Fonts_Mobile mode</div>
3495
- <div data--old-fonts-40="Fonts_Desktop">Content in Fonts_Desktop mode</div>
3496
-
3497
- <!-- color roles 4.0 Collection -->
3498
- <div data-color-roles-40="Light">Content in Light mode</div>
3499
- <div data-color-roles-40="cards">Content in cards mode</div>
3500
-
3501
- <!-- scale 4.0 Collection -->
3502
- <div data-scale-40="Mode-1">Content in Mode 1 mode</div>
3503
-
3504
- <!-- ramps 4.0 Collection -->
3505
- <div data-ramps-40="reversed_40ramps2_tokens">Content in reversed_40ramps2_tokens mode</div>
3506
-
3507
- <!-- Core Dimensions Collection -->
3508
- <div data-Core-Dimensions="Mode-1">Content in Mode 1 mode</div>
3509
-
3510
- <!-- fonts 4.0 Collection -->
3511
- <div data-fonts-40="Fonts_Mobile">Content in Fonts_Mobile mode</div>
3512
- <div data-fonts-40="Fonts_Desktop">Content in Fonts_Desktop mode</div>
3513
-
3514
- MULTI-MODE SWITCHING:
3515
- <div data-theme="light" data-size="large" data-prominence="primary">
3516
- Content with multiple mode attributes
3517
- </div>
3518
-
3519
- VARIABLE USAGE IN CSS:
3520
- .my-component {
3521
- color: var(--colors-Blue);
3522
- color: var(--colors-Dark-Blue);
3523
- color: var(--colors-Dark-Ben-Franklin-Blue);
3524
- }
3525
- */
3526
-
3527
- /* CSS Custom Property Validation */
3528
- @supports (color: var(--test)) {
3529
- /* Modern browsers with CSS custom property support */
3530
- .css-variables-supported {
3531
- display: block;
3532
- }
3533
- }
3534
-
3535
- @supports not (color: var(--test)) {
3536
- /* Fallback for older browsers */
3537
- .css-variables-not-supported {
3538
- display: block;
3539
- }
3540
- .css-variables-supported {
3541
- display: none;
3542
- }
3543
- }