@phila/phila-ui-core 2.3.3-beta.0 → 2.4.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/styles/elements/buttons.css +45 -41
  2. package/dist/styles/elements/icons.css +14 -14
  3. package/dist/styles/generated/extended-colors.css +0 -3
  4. package/dist/styles/generated/other.css +12 -32
  5. package/dist/styles/generated/palettes.css +75 -75
  6. package/dist/styles/generated/primitives.css +20 -27
  7. package/dist/styles/generated/ramps.css +257 -257
  8. package/dist/styles/generated/schemes.css +39 -32
  9. package/dist/styles/generated/size.css +1 -0
  10. package/dist/styles/generated/typography.css +19 -9
  11. package/dist/styles/legacy.css +13 -4
  12. package/dist/styles/raw/PhilaUI 4.0-variables.css +900 -2212
  13. package/dist/styles/typography.css +3 -3
  14. package/dist/styles/utilities/color.css +13 -4
  15. package/dist/styles/utilities/containers.css +1 -1
  16. package/dist/styles/utilities/spacing.css +23 -23
  17. package/package.json +1 -1
package/dist/styles/raw/PhilaUI 4.0-variables.css CHANGED
@@ -9,7 +9,10 @@
9
9
  /* ========================================= */
10
10
 
11
11
  :root {
12
- --colors-Blue: rgb(15, 51, 245);
12
+ --colors-Sixers-Blue: rgb(16, 52, 244);
13
+ --colors-Sixers-Blue-25: rgba(16, 52, 244, 0.25);
14
+ --colors-Sixers-Blue-50: rgba(16, 52, 244, 0.5);
15
+ --colors-Sixers-Blue-75: rgba(16, 52, 244, 0.75);
13
16
  --scale-0: 0;
14
17
  --scale-10: 1;
15
18
  --scale-25: 2;
@@ -33,57 +36,45 @@
33
36
  --scale-1000: 80;
34
37
  --scale-1100: 88;
35
38
  --scale-1200: 96;
36
- --colors-Dark-Blue: rgb(38, 0, 140);
37
- --colors-Dark-Ben-Franklin-Blue: rgb(15, 77, 143);
38
- --colors-Light-Blue: rgb(18, 140, 255);
39
+ --colors-Union-Blue: rgb(22, 43, 154);
40
+ --colors-Powder-Blue: rgb(124, 197, 254);
41
+ --colors-Electric-Blue: rgb(3, 204, 243);
42
+ --colors-Phillies-Red: rgb(204, 48, 0);
43
+ --colors-Flyers-Orange: rgb(236, 103, 56);
44
+ --colors-Flyers-Orange-25: rgba(236, 103, 56, 0.25);
45
+ --colors-Flyers-Orange-50: rgba(236, 103, 56, 0.5);
46
+ --colors-Flyers-Orange-75: rgba(236, 103, 56, 0.75);
47
+ --colors-Bell-Yellow: rgb(242, 199, 18);
48
+ --colors-Phanatic-Green: rgb(27, 184, 42);
49
+ --colors-Eagles-Green: rgb(40, 133, 15);
50
+ --colors-Medium-Grey: rgb(161, 161, 161);
51
+ --colors-Sidewalk-Grey: rgb(207, 207, 207);
52
+ --colors-Ghost-Grey: rgb(240, 240, 240);
39
53
  --colors-White: rgb(255, 255, 255);
40
54
  --colors-Black: rgb(0, 0, 0);
41
- --colors-Grey: rgb(217, 217, 217);
42
- --colors-Light-Grey: rgb(242, 242, 242);
43
- --colors-Medium-Grey: rgb(207, 207, 207);
55
+ --colors-Black-25: rgba(0, 0, 0, 0.25);
56
+ --colors-Black-50: rgba(0, 0, 0, 0.5);
57
+ --colors-Black-75: rgba(0, 0, 0, 0.75);
44
58
  --colors-Dark-Grey: rgb(69, 69, 69);
45
- --colors-Bell-Yellow: rgb(242, 199, 18);
46
- --colors-Orange: rgb(237, 102, 56);
47
- --colors-Red: rgb(255, 5, 8);
48
59
  --colors-Light-Green: rgb(201, 242, 207);
49
- --colors-Green: rgb(28, 184, 41);
50
- --colors-Dark-Green: rgb(23, 107, 0);
51
60
  --colors-Pink: rgb(219, 31, 128);
52
61
  --colors-Purple: rgb(99, 0, 222);
53
- --body-body: 1;
54
- --body-body-icon: 1;
55
- --body-body-text: 1;
56
- --button-button: 1;
57
- --button-button-primary: 1;
58
- --button-button-secondary: 1;
59
- --button-buttom-tertiary: 1;
60
- --image-true: 1;
61
- --top-icon-1: 1;
62
- --top-icon-2: 1;
63
- --label-1: 1;
64
- --headline: 1;
65
- --label-2: 1;
66
- --media: 1;
67
- --play-button: 1;
68
- --date: 1;
69
- --link: 1;
70
- --checkbox: 1;
71
- --Card-media-exdent: 0;
72
- --flag-layout: "Standard";
73
- --border-left-right: 0;
74
- --min-width: 400px;
75
- --max-width: 1216px;
76
- --min-height: 250px;
77
- --max-height: 9999px;
62
+ --black-25: rgba(0, 0, 0, 0.251);
63
+ --black-50: rgba(0, 0, 0, 0.502);
64
+ --black-75: rgba(0, 0, 0, 0.749);
65
+ --Header-Display-Search-Field-Visible: 1;
78
66
  --Header-Size-Header-Width: 1440px;
67
+ --Header-Display-Search-Icon-Mobile: 0;
79
68
  --Header-Display-Nav-Link-Visible: 1;
80
69
  --Header-Display-Mayor-Link-Visible: 1;
81
70
  --Header-Display-Trusted-Banner-Text-Visible: 1;
82
71
  --Header-Display-Language-Links-Visible: 1;
83
72
  --Header-Display-Mobile-Globe-Visible: 0;
73
+ --Header-Display-Info-Circle: 0;
74
+ --Header-Display-Dropdown-Text: 1;
75
+ --Header-Display-Trusted-banner-caret: 1;
84
76
  --Header-Content-Trusted-Banner-Copy: "Here's how you know";
85
77
  --Header-Content-Language-LInk-Label: "English";
86
- --Header-Content-Trusted-Banner-Icon: "caret-down";
87
78
  --Footer-footer-width: 1440px;
88
79
  --Footer-horz-rule: 0;
89
80
  --Footer-vert-rule: 1;
@@ -135,88 +126,10 @@
135
126
  --Radio-item-6: 0;
136
127
  --Radio-selected-item: 0;
137
128
  --Sitewide-alerts-alert-icon: 1;
138
- --Base-font-variables-Family-font-family-primary: "Montserrat";
139
- --Base-font-variables-Family-font-family-secondary: "Times New Roman";
140
- --Base-font-variables-Family-font-family-icon: "Font Awesome 7 Pro";
141
- --Base-font-variables-Family-font-family-icon-brands: "Font Awesome 7 Brands";
142
- --Base-font-variables-Weight-font-weight-light: "Light";
143
- --Base-font-variables-Width-max-width: 0;
144
- --Base-font-variables-Weight-font-weight-regular: "Regular";
145
- --Base-font-variables-Weight-font-weight-semibold: "SemiBold";
146
- --Base-font-variables-Weight-font-weight-bold: "Bold";
147
- --Base-font-variables-Weight-font-weight-solid: "Solid";
148
- --Display-Display-2-font-display-2-size: 36px;
149
- --Display-Display-2-font-display-2-lineheight: 48px;
150
- --Display-Display-2-font-display-2-margin-top: 0;
151
- --Display-Display-2-font-display-2-margin-bottom: 16px;
152
- --Heading-H1-font-heading-1-size: 40px;
153
- --Heading-H1-font-header-1-lineheight: 48px;
154
- --Heading-H1-font-header-1-margin-top: 16px;
155
- --Heading-H1-font-header-1-margin-bottom: 16px;
156
- --Heading-H2-font-heading-2-size: 36px;
157
- --Heading-H2-font-heading-2-lineheight: 48px;
158
- --Heading-H2-font-heading-2-margin-top: 8px;
159
- --Heading-H2-font-heading-2-margin-bottom: 16px;
160
- --Heading-H3-font-heading-3-size: 32px;
161
- --Heading-H3-font-heading-3-lineheight: 40px;
162
- --Heading-H3-font-heading-3-margin-top: 8px;
163
- --Heading-H3-font-heading-3-margin-bottom: 16px;
164
- --Heading-H4-font-heading-4-size: 28px;
165
- --Heading-H4-font-heading-4-lineheight: 40px;
166
- --Heading-H4-font-heading-4-margin-top: 0;
167
- --Heading-H4-font-heading-4-margin-bottom: 16px;
168
- --Heading-H5-font-heading-5-size: 24px;
169
- --Heading-H5-font-heading-5-lineheight: 36px;
170
- --Heading-H5-font-heading-5-margin-top: 0;
171
- --Heading-H5-font-heading-5-margin-bottom: 16px;
172
- --Heading-H6-font-heading-6-size: 20px;
173
- --Heading-H6-font-heading-6-lineheight: 28px;
174
- --Heading-H6-font-heading-6-margin-top: 0;
175
- --Heading-H6-font-heading-6-margin-bottom: 16px;
176
- --Subtitle-Subtitle-1-font-subtitle-1-size: 24px;
177
- --Subtitle-Subtitle-1-font-subtitle-1-lineheight: 36px;
178
- --Subtitle-Subtitle-1-font-subtitle-1-margin-top: 0;
179
- --Subtitle-Subtitle-1-font-subtitle-1-margin-bottom: 16px;
180
- --Subtitle-Subtitle-2-font-subtitle-2-size: 18px;
181
- --Subtitle-Subtitle-2-font-subtitle-2-lineheight: 28px;
182
- --Subtitle-Subtitle-2-font-subtitle-2-margin-top: 0;
183
- --Subtitle-Subtitle-2-font-subtitle-2-margin-bottom: 16px;
184
- --Body-ExtraSmall-font-body-xs-size: 14px;
185
- --Body-ExtraSmall-font-body-xs-lineheight: 20px;
186
- --Body-ExtraSmall-font-body-xs-margin-top: 0;
187
- --Body-ExtraSmall-font-body-xs-margin-bottom: 16px;
188
- --Body-Small-font-body-small-size: 16px;
189
- --Body-Small-font-body-small-lineheight: 24px;
190
- --Body-Small-font-body-small-margin-top: 0;
191
- --Body-Small-font-body-small-margin-bottom: 16px;
192
- --Body-Default-font-body-default-size: 18px;
193
- --Body-Default-font-body-default-lineheight: 28px;
194
- --Body-Default-font-body-default-margin-top: 0;
195
- --Body-Default-font-body-default-margin-bottom: 16px;
196
- --Body-Large-font-body-large-size: 20px;
197
- --Body-Large-font-body-large-lineheight: 28px;
198
- --Body-Large-font-body-large-margin-top: 0;
199
- --Body-Large-font-body-large-margin-bottom: 18px;
200
- --Body-ExtraLarge-font-body-xlarge-size: 24px;
201
- --Body-ExtraLarge-font-body-xlarge-lineheight: 36px;
202
- --Body-ExtraLarge-font-body-xlarge-margin-top: 0;
203
- --Body-ExtraLarge-font-body-xlarge-margin-bottom: 20px;
204
- --Body-2XL-font-body-2xl-size: 32px;
205
- --Body-2XL-font-body-2xl-lineheight: 48px;
206
- --Body-2XL-font-body-2xl-margin-top: 0;
207
- --Body-2XL-font-body-2xl-margin-bottom: 24px;
208
- --Quote-font-quote-weight: "Bold Italic";
209
- --Quote-font-quote-size: 24px;
210
- --Quote-font-quote-lineheight: 36px;
211
- --Quote-font-quote-margin-top: 0;
212
- --Quote-font-quote-margin-bottom: 20px;
213
- --Icon-Solid-XXSmall-font-icon-solid-xxs-size: 12px;
214
- --Icon-Solid-ExtraSmall-font-icon-solid-xs-size: 16px;
215
- --Icon-Solid-Small-font-icon-solid-small-size: 18px;
216
- --Icon-Solid-Default-font-icon-solid-default-size: 24px;
217
- --Icon-Solid-Large-font-icon-solid-large-size: 32px;
218
- --Icon-Solid-ExtraLarge-font-icon-solid-xl-size: 48px;
219
- --Icon-Solid-2XL-font-icon-solid-2xl-size: 80px;
129
+ --Sitewide-alerts-Boolean: 0;
130
+ --Sitewide-alerts-Footer-group-true: 1;
131
+ --Sitewide-alerts-Link-true: 1;
132
+ --Sitewide-alerts-Announced-date-true: 1;
220
133
  --breakpoints-xs: 0;
221
134
  --breakpoints-s: 320px;
222
135
  --breakpoints-m: 640px;
@@ -230,83 +143,69 @@
230
143
  --devices-xl: 1440px;
231
144
  --devices-2xl: 1920px;
232
145
  --border-radius-full: 9999px;
233
- --blue-750-blue: rgb(232, 235, 255);
234
- --blue-700-blue: rgb(207, 214, 255);
235
- --blue-650-blue: rgb(184, 194, 252);
236
- --blue-600-blue: rgb(158, 173, 252);
237
- --blue-550-blue: rgb(135, 153, 252);
238
- --blue-500-blue: rgb(112, 133, 250);
239
- --blue-450-blue: rgb(87, 112, 250);
240
- --blue-350-blue: rgb(13, 46, 222);
241
- --blue-300-blue: rgb(10, 38, 196);
242
- --blue-250-blue: rgb(10, 31, 173);
243
- --blue-200-blue: rgb(8, 26, 148);
244
- --blue-150-blue: rgb(5, 20, 122);
245
- --blue-100-blue: rgb(3, 15, 97);
246
- --blue-50-blue: rgb(0, 10, 74);
247
- --dark-blue-750-dark-blue: rgb(232, 230, 242);
248
- --dark-blue-700-dark-blue: rgb(212, 204, 232);
249
- --dark-blue-650-dark-blue: rgb(191, 179, 219);
250
- --dark-blue-600-dark-blue: rgb(168, 153, 209);
251
- --dark-blue-550-dark-blue: rgb(148, 128, 196);
252
- --dark-blue-500-dark-blue: rgb(125, 102, 186);
253
- --dark-blue-450-dark-blue: rgb(105, 77, 173);
254
- --dark-blue-350-dark-blue: rgb(33, 0, 125);
255
- --dark-blue-300-dark-blue: rgb(28, 0, 112);
256
- --dark-blue-250-dark-blue: rgb(23, 0, 97);
257
- --dark-blue-200-dark-blue: rgb(20, 0, 84);
258
- --dark-blue-150-dark-blue: rgb(13, 0, 71);
259
- --dark-blue-100-dark-blue: rgb(10, 0, 56);
260
- --dark-blue-50-dark-blue: rgb(5, 0, 43);
261
- --dark-ben-franklin-blue-750-dark-ben-franklin-blue: rgb(232, 237, 245);
262
- --dark-ben-franklin-blue-700-dark-ben-franklin-blue: rgb(207, 219, 232);
263
- --dark-ben-franklin-blue-650-dark-ben-franklin-blue: rgb(184, 201, 222);
264
- --dark-ben-franklin-blue-600-dark-ben-franklin-blue: rgb(158, 184, 209);
265
- --dark-ben-franklin-blue-550-dark-ben-franklin-blue: rgb(135, 166, 199);
266
- --dark-ben-franklin-blue-500-dark-ben-franklin-blue: rgb(112, 148, 189);
267
- --dark-ben-franklin-blue-450-dark-ben-franklin-blue: rgb(87, 130, 176);
268
- --dark-ben-franklin-blue-350-dark-ben-franklin-blue: rgb(13, 69, 128);
269
- --dark-ben-franklin-blue-300-dark-ben-franklin-blue: rgb(10, 56, 115);
270
- --dark-ben-franklin-blue-250-dark-ben-franklin-blue: rgb(10, 46, 99);
271
- --dark-ben-franklin-blue-200-dark-ben-franklin-blue: rgb(8, 38, 84);
272
- --dark-ben-franklin-blue-150-dark-ben-franklin-blue: rgb(5, 31, 71);
273
- --dark-ben-franklin-blue-100-dark-ben-franklin-blue: rgb(3, 23, 56);
274
- --dark-ben-franklin-blue-50-dark-ben-franklin-blue: rgb(0, 15, 43);
275
- --light-blue-750-light-blue: rgb(232, 242, 255);
276
- --light-blue-700-light-blue: rgb(209, 232, 255);
277
- --light-blue-650-light-blue: rgb(184, 219, 255);
278
- --light-blue-600-light-blue: rgb(161, 209, 255);
279
- --light-blue-550-light-blue: rgb(138, 196, 255);
280
- --light-blue-500-light-blue: rgb(112, 186, 255);
281
- --light-blue-400-light-blue: rgb(18, 140, 255);
282
- --light-blue-350-light-blue: rgb(15, 125, 230);
283
- --light-blue-300-light-blue: rgb(13, 112, 204);
284
- --light-blue-250-light-blue: rgb(13, 97, 179);
285
- --light-blue-200-light-blue: rgb(10, 84, 153);
286
- --light-blue-150-light-blue: rgb(8, 71, 128);
287
- --light-blue-100-light-blue: rgb(5, 56, 102);
288
- --light-blue-50-light-blue: rgb(5, 43, 77);
289
- --white-750-white: rgb(255, 255, 255);
146
+ --union-blue-750-union-blue: rgb(255, 255, 255);
147
+ --union-blue-700-union-blue: rgb(181, 195, 230);
148
+ --union-blue-650-union-blue: rgb(119, 144, 205);
149
+ --union-blue-600-union-blue: rgb(71, 100, 183);
150
+ --union-blue-550-union-blue: rgb(37, 65, 164);
151
+ --union-blue-450-union-blue: rgb(20, 40, 146);
152
+ --union-blue-400-union-blue: rgb(17, 36, 132);
153
+ --union-blue-350-union-blue: rgb(14, 30, 115);
154
+ --union-blue-300-union-blue: rgb(9, 23, 94);
155
+ --union-blue-250-union-blue: rgb(5, 15, 72);
156
+ --union-blue-200-union-blue: rgb(2, 8, 49);
157
+ --union-blue-150-union-blue: rgb(1, 2, 25);
158
+ --union-blue-100-union-blue: rgb(0, 0, 5);
159
+ --union-blue-50-union-blue: rgb(0, 0, 0);
160
+ --powder-blue-750-powder-blue: rgb(255, 255, 255);
161
+ --powder-blue-700-powder-blue: rgb(219, 239, 255);
162
+ --powder-blue-650-powder-blue: rgb(187, 225, 255);
163
+ --powder-blue-600-powder-blue: rgb(159, 212, 255);
164
+ --powder-blue-550-powder-blue: rgb(137, 202, 254);
165
+ --powder-blue-450-powder-blue: rgb(118, 187, 242);
166
+ --powder-blue-400-powder-blue: rgb(106, 170, 219);
167
+ --powder-blue-350-powder-blue: rgb(92, 148, 191);
168
+ --powder-blue-300-powder-blue: rgb(75, 122, 159);
169
+ --powder-blue-250-powder-blue: rgb(57, 94, 123);
170
+ --powder-blue-200-powder-blue: rgb(38, 65, 86);
171
+ --powder-blue-150-powder-blue: rgb(18, 36, 49);
172
+ --powder-blue-100-powder-blue: rgb(3, 8, 14);
173
+ --powder-blue-50-powder-blue: rgb(0, 0, 0);
174
+ --electric-blue-750-electric-blue: rgb(255, 255, 255);
175
+ --electric-blue-700-electric-blue: rgb(206, 241, 252);
176
+ --electric-blue-650-electric-blue: rgb(159, 229, 250);
177
+ --electric-blue-600-electric-blue: rgb(114, 218, 247);
178
+ --electric-blue-550-electric-blue: rgb(66, 209, 244);
179
+ --electric-blue-450-electric-blue: rgb(3, 194, 231);
180
+ --electric-blue-400-electric-blue: rgb(2, 176, 210);
181
+ --electric-blue-350-electric-blue: rgb(2, 153, 183);
182
+ --electric-blue-300-electric-blue: rgb(1, 127, 152);
183
+ --electric-blue-250-electric-blue: rgb(1, 98, 118);
184
+ --electric-blue-200-electric-blue: rgb(0, 68, 82);
185
+ --electric-blue-150-electric-blue: rgb(0, 37, 46);
186
+ --electric-blue-100-electric-blue: rgb(0, 8, 12);
187
+ --electric-blue-50-electric-blue: rgb(0, 0, 0);
290
188
  --white-700-white: rgb(255, 255, 255);
291
189
  --white-650-white: rgb(255, 255, 255);
292
190
  --white-600-white: rgb(255, 255, 255);
293
191
  --white-550-white: rgb(255, 255, 255);
294
192
  --white-500-white: rgb(255, 255, 255);
295
- --white-450-white: rgb(255, 255, 255);
296
- --white-350-white: rgb(230, 230, 230);
297
- --white-300-white: rgb(204, 204, 204);
298
- --white-250-white: rgb(179, 179, 179);
299
- --white-200-white: rgb(153, 153, 153);
300
- --white-150-white: rgb(128, 128, 128);
301
- --white-100-white: rgb(102, 102, 102);
302
- --white-50-white: rgb(77, 77, 77);
303
- --black-750-black: rgb(230, 230, 230);
304
- --black-700-black: rgb(204, 204, 204);
305
- --black-650-black: rgb(179, 179, 179);
306
- --black-600-black: rgb(153, 153, 153);
307
- --black-550-black: rgb(128, 128, 128);
308
- --black-500-black: rgb(102, 102, 102);
309
- --black-450-black: rgb(77, 77, 77);
193
+ --white-450-white: rgb(243, 243, 243);
194
+ --white-400-white: rgb(220, 220, 220);
195
+ --white-350-white: rgb(192, 192, 192);
196
+ --white-300-white: rgb(159, 159, 159);
197
+ --white-250-white: rgb(124, 124, 124);
198
+ --white-200-white: rgb(87, 87, 87);
199
+ --white-150-white: rgb(49, 49, 49);
200
+ --white-100-white: rgb(14, 14, 14);
201
+ --white-50-white: rgb(0, 0, 0);
202
+ --black-750-black: rgb(255, 255, 255);
203
+ --black-700-black: rgb(163, 163, 163);
204
+ --black-650-black: rgb(89, 89, 89);
205
+ --black-600-black: rgb(34, 34, 34);
206
+ --black-550-black: rgb(2, 2, 2);
207
+ --black-450-black: rgb(0, 0, 0);
208
+ --black-400-black: rgb(0, 0, 0);
310
209
  --black-350-black: rgb(0, 0, 0);
311
210
  --black-300-black: rgb(0, 0, 0);
312
211
  --black-250-black: rgb(0, 0, 0);
@@ -314,190 +213,188 @@
314
213
  --black-150-black: rgb(0, 0, 0);
315
214
  --black-100-black: rgb(0, 0, 0);
316
215
  --black-50-black: rgb(0, 0, 0);
317
- --grey-750-grey: rgb(250, 250, 250);
318
- --grey-700-grey: rgb(247, 247, 247);
319
- --grey-650-grey: rgb(242, 242, 242);
320
- --grey-600-grey: rgb(240, 240, 240);
321
- --grey-550-grey: rgb(235, 235, 235);
322
- --grey-500-grey: rgb(232, 232, 232);
323
- --grey-450-grey: rgb(227, 227, 227);
324
- --grey-350-grey: rgb(194, 194, 194);
325
- --grey-300-grey: rgb(173, 173, 173);
326
- --grey-250-grey: rgb(150, 150, 150);
327
- --grey-200-grey: rgb(130, 130, 130);
328
- --grey-150-grey: rgb(107, 107, 107);
329
- --grey-100-grey: rgb(87, 87, 87);
330
- --grey-50-grey: rgb(64, 64, 64);
331
- --light-grey-750-light-grey: rgb(255, 255, 255);
332
- --light-grey-700-light-grey: rgb(252, 252, 252);
333
- --light-grey-650-light-grey: rgb(252, 252, 252);
334
- --light-grey-600-light-grey: rgb(250, 250, 250);
335
- --light-grey-550-light-grey: rgb(250, 250, 250);
336
- --light-grey-500-light-grey: rgb(250, 250, 250);
337
- --light-grey-450-light-grey: rgb(247, 247, 247);
338
- --light-grey-350-light-grey: rgb(219, 219, 219);
339
- --light-grey-300-light-grey: rgb(194, 194, 194);
340
- --light-grey-250-light-grey: rgb(168, 168, 168);
341
- --light-grey-200-light-grey: rgb(145, 145, 145);
342
- --light-grey-150-light-grey: rgb(120, 120, 120);
343
- --light-grey-100-light-grey: rgb(97, 97, 97);
344
- --light-grey-50-light-grey: rgb(71, 71, 71);
345
- --medium-grey-750-medium-grey: rgb(250, 250, 250);
346
- --medium-grey-700-medium-grey: rgb(245, 245, 245);
347
- --medium-grey-650-medium-grey: rgb(240, 240, 240);
348
- --medium-grey-600-medium-grey: rgb(235, 235, 235);
349
- --medium-grey-550-medium-grey: rgb(230, 230, 230);
350
- --medium-grey-500-medium-grey: rgb(224, 224, 224);
351
- --medium-grey-450-medium-grey: rgb(219, 219, 219);
352
- --medium-grey-350-medium-grey: rgb(186, 186, 186);
353
- --medium-grey-300-medium-grey: rgb(166, 166, 166);
354
- --medium-grey-250-medium-grey: rgb(143, 143, 143);
355
- --medium-grey-200-medium-grey: rgb(125, 125, 125);
356
- --medium-grey-150-medium-grey: rgb(102, 102, 102);
357
- --medium-grey-100-medium-grey: rgb(82, 82, 82);
358
- --medium-grey-50-medium-grey: rgb(61, 61, 61);
359
- --dark-grey-750-dark-grey: rgb(237, 237, 237);
360
- --dark-grey-700-dark-grey: rgb(217, 217, 217);
361
- --dark-grey-650-dark-grey: rgb(199, 199, 199);
362
- --dark-grey-600-dark-grey: rgb(181, 181, 181);
363
- --dark-grey-550-dark-grey: rgb(163, 163, 163);
364
- --dark-grey-500-dark-grey: rgb(143, 143, 143);
365
- --dark-grey-450-dark-grey: rgb(125, 125, 125);
366
- --dark-grey-350-dark-grey: rgb(61, 61, 61);
367
- --dark-grey-300-dark-grey: rgb(56, 56, 56);
368
- --dark-grey-250-dark-grey: rgb(48, 48, 48);
369
- --dark-grey-200-dark-grey: rgb(41, 41, 41);
370
- --dark-grey-150-dark-grey: rgb(33, 33, 33);
371
- --dark-grey-100-dark-grey: rgb(28, 28, 28);
372
- --dark-grey-50-dark-grey: rgb(20, 20, 20);
373
- --bell-yellow-750-bell-yellow: rgb(252, 250, 232);
374
- --bell-yellow-700-bell-yellow: rgb(250, 245, 209);
375
- --bell-yellow-650-bell-yellow: rgb(250, 240, 184);
376
- --bell-yellow-600-bell-yellow: rgb(247, 232, 161);
377
- --bell-yellow-550-bell-yellow: rgb(245, 227, 138);
378
- --bell-yellow-500-bell-yellow: rgb(245, 224, 112);
379
- --bell-yellow-450-bell-yellow: rgb(242, 217, 89);
380
- --bell-yellow-350-bell-yellow: rgb(217, 179, 15);
381
- --bell-yellow-300-bell-yellow: rgb(194, 158, 13);
382
- --bell-yellow-250-bell-yellow: rgb(168, 140, 13);
383
- --bell-yellow-200-bell-yellow: rgb(145, 120, 10);
384
- --bell-yellow-150-bell-yellow: rgb(120, 99, 10);
385
- --bell-yellow-100-bell-yellow: rgb(97, 79, 8);
386
- --bell-yellow-50-bell-yellow: rgb(71, 59, 5);
387
- --orange-750-orange: rgb(252, 240, 232);
388
- --orange-700-orange: rgb(250, 224, 214);
389
- --orange-650-orange: rgb(250, 209, 194);
390
- --orange-600-orange: rgb(247, 194, 176);
391
- --orange-550-orange: rgb(245, 179, 156);
392
- --orange-500-orange: rgb(245, 163, 135);
393
- --orange-450-orange: rgb(242, 148, 117);
394
- --orange-350-orange: rgb(212, 92, 51);
395
- --orange-300-orange: rgb(189, 82, 43);
396
- --orange-250-orange: rgb(166, 71, 38);
397
- --orange-200-orange: rgb(143, 61, 33);
398
- --orange-150-orange: rgb(117, 51, 28);
399
- --orange-100-orange: rgb(94, 41, 23);
400
- --orange-50-orange: rgb(71, 31, 15);
401
- --red-750-red: rgb(255, 230, 230);
402
- --red-700-red: rgb(255, 204, 204);
403
- --red-650-red: rgb(255, 179, 181);
404
- --red-600-red: rgb(255, 153, 156);
405
- --red-550-red: rgb(255, 130, 130);
406
- --red-500-red: rgb(255, 105, 107);
407
- --red-450-red: rgb(255, 79, 82);
408
- --red-350-red: rgb(230, 5, 8);
409
- --red-300-red: rgb(204, 5, 5);
410
- --red-250-red: rgb(179, 3, 5);
411
- --red-200-red: rgb(153, 3, 5);
412
- --red-150-red: rgb(128, 3, 5);
413
- --red-100-red: rgb(102, 3, 3);
414
- --red-50-red: rgb(77, 0, 3);
415
- --light-green-750-light-green: rgb(250, 255, 250);
416
- --light-green-700-light-green: rgb(245, 252, 245);
417
- --light-green-650-light-green: rgb(237, 250, 242);
418
- --light-green-600-light-green: rgb(232, 250, 237);
419
- --light-green-550-light-green: rgb(227, 247, 235);
420
- --light-green-500-light-green: rgb(222, 245, 230);
421
- --light-green-450-light-green: rgb(217, 245, 224);
422
- --light-green-350-light-green: rgb(181, 217, 186);
423
- --light-green-300-light-green: rgb(161, 194, 166);
424
- --light-green-250-light-green: rgb(140, 168, 145);
425
- --light-green-200-light-green: rgb(120, 145, 125);
426
- --light-green-150-light-green: rgb(99, 120, 102);
427
- --light-green-100-light-green: rgb(79, 97, 82);
428
- --light-green-50-light-green: rgb(59, 71, 61);
429
- --green-750-green: rgb(232, 247, 232);
430
- --green-700-green: rgb(209, 240, 212);
431
- --green-650-green: rgb(186, 232, 191);
432
- --green-600-green: rgb(163, 227, 171);
433
- --green-550-green: rgb(140, 219, 148);
434
- --green-500-green: rgb(117, 212, 128);
435
- --green-450-green: rgb(97, 204, 105);
436
- --green-350-green: rgb(26, 166, 36);
437
- --green-300-green: rgb(23, 148, 33);
438
- --green-250-green: rgb(20, 128, 28);
439
- --green-200-green: rgb(15, 110, 23);
440
- --green-150-green: rgb(13, 92, 20);
441
- --green-100-green: rgb(10, 74, 15);
442
- --green-50-green: rgb(8, 56, 13);
443
- --dark-green-750-dark-green: rgb(232, 240, 230);
444
- --dark-green-700-dark-green: rgb(209, 224, 204);
445
- --dark-green-650-dark-green: rgb(186, 212, 179);
446
- --dark-green-600-dark-green: rgb(161, 196, 153);
447
- --dark-green-550-dark-green: rgb(140, 181, 128);
448
- --dark-green-500-dark-green: rgb(117, 166, 102);
449
- --dark-green-450-dark-green: rgb(94, 150, 77);
450
- --dark-green-350-dark-green: rgb(20, 97, 0);
451
- --dark-green-300-dark-green: rgb(18, 84, 0);
452
- --dark-green-250-dark-green: rgb(15, 74, 0);
453
- --dark-green-200-dark-green: rgb(13, 64, 0);
454
- --dark-green-150-dark-green: rgb(10, 54, 0);
455
- --dark-green-100-dark-green: rgb(10, 43, 0);
456
- --dark-green-50-dark-green: rgb(5, 33, 0);
457
- --pink-750-pink: rgb(250, 232, 242);
458
- --pink-700-pink: rgb(247, 209, 230);
459
- --pink-650-pink: rgb(245, 189, 217);
460
- --pink-600-pink: rgb(240, 166, 204);
461
- --pink-550-pink: rgb(237, 143, 191);
462
- --pink-500-pink: rgb(232, 120, 179);
463
- --pink-450-pink: rgb(230, 97, 166);
464
- --pink-350-pink: rgb(196, 28, 115);
465
- --pink-300-pink: rgb(176, 23, 102);
466
- --pink-250-pink: rgb(153, 20, 89);
467
- --pink-200-pink: rgb(130, 18, 77);
468
- --pink-150-pink: rgb(110, 15, 64);
469
- --pink-100-pink: rgb(87, 13, 51);
470
- --pink-50-pink: rgb(64, 10, 38);
471
- --purple-750-purple: rgb(240, 230, 252);
472
- --purple-700-purple: rgb(224, 204, 247);
473
- --purple-650-purple: rgb(207, 179, 245);
474
- --purple-600-purple: rgb(191, 153, 242);
475
- --purple-550-purple: rgb(176, 128, 237);
476
- --purple-500-purple: rgb(161, 102, 235);
477
- --purple-450-purple: rgb(143, 77, 232);
478
- --purple-350-purple: rgb(89, 0, 199);
479
- --purple-300-purple: rgb(79, 0, 176);
480
- --purple-250-purple: rgb(69, 0, 156);
481
- --purple-200-purple: rgb(59, 0, 133);
482
- --purple-150-purple: rgb(48, 0, 112);
483
- --purple-100-purple: rgb(38, 0, 87);
484
- --purple-50-purple: rgb(28, 0, 66);
485
- --dimension-core-0: 0;
486
- --dimension-core-25: 2px;
487
- --dimension-core-50: 4px;
488
- --dimension-core-75: 6px;
489
- --dimension-core-100: 8px;
490
- --dimension-core-150: 12px;
491
- --dimension-core-175: 14px;
492
- --dimension-core-200: 16px;
493
- --dimension-core-250: 20px;
494
- --dimension-core-300: 24px;
495
- --dimension-core-400: 32px;
496
- --dimension-core-500: 40px;
497
- --dimension-core-600: 48px;
498
- --dimension-core-700: 56px;
499
- --dimension-core-800: 64px;
500
- --dimension-core-1000: 80px;
216
+ --sidewalk-grey-750-sidewalk-grey: rgb(255, 255, 255);
217
+ --sidewalk-grey-700-sidewalk-grey: rgb(241, 241, 241);
218
+ --sidewalk-grey-650-sidewalk-grey: rgb(229, 229, 229);
219
+ --sidewalk-grey-600-sidewalk-grey: rgb(219, 219, 219);
220
+ --sidewalk-grey-550-sidewalk-grey: rgb(211, 211, 211);
221
+ --sidewalk-grey-450-sidewalk-grey: rgb(197, 197, 197);
222
+ --sidewalk-grey-400-sidewalk-grey: rgb(178, 178, 178);
223
+ --sidewalk-grey-350-sidewalk-grey: rgb(155, 155, 155);
224
+ --sidewalk-grey-300-sidewalk-grey: rgb(128, 128, 128);
225
+ --sidewalk-grey-250-sidewalk-grey: rgb(99, 99, 99);
226
+ --sidewalk-grey-200-sidewalk-grey: rgb(69, 69, 69);
227
+ --sidewalk-grey-150-sidewalk-grey: rgb(38, 38, 38);
228
+ --sidewalk-grey-100-sidewalk-grey: rgb(9, 9, 9);
229
+ --sidewalk-grey-50-sidewalk-grey: rgb(0, 0, 0);
230
+ --ghost-grey-750-ghost-grey: rgb(255, 255, 255);
231
+ --ghost-grey-700-ghost-grey: rgb(251, 251, 251);
232
+ --ghost-grey-650-ghost-grey: rgb(247, 247, 247);
233
+ --ghost-grey-600-ghost-grey: rgb(244, 244, 244);
234
+ --ghost-grey-550-ghost-grey: rgb(241, 241, 241);
235
+ --ghost-grey-450-ghost-grey: rgb(228, 228, 228);
236
+ --ghost-grey-400-ghost-grey: rgb(207, 207, 207);
237
+ --ghost-grey-350-ghost-grey: rgb(180, 180, 180);
238
+ --ghost-grey-300-ghost-grey: rgb(150, 150, 150);
239
+ --ghost-grey-250-ghost-grey: rgb(116, 116, 116);
240
+ --ghost-grey-200-ghost-grey: rgb(81, 81, 81);
241
+ --ghost-grey-150-ghost-grey: rgb(46, 46, 46);
242
+ --ghost-grey-100-ghost-grey: rgb(12, 12, 12);
243
+ --ghost-grey-50-ghost-grey: rgb(0, 0, 0);
244
+ --medium-grey-750-medium-grey: rgb(255, 255, 255);
245
+ --medium-grey-700-medium-grey: rgb(227, 227, 227);
246
+ --medium-grey-650-medium-grey: rgb(204, 204, 204);
247
+ --medium-grey-600-medium-grey: rgb(184, 184, 184);
248
+ --medium-grey-550-medium-grey: rgb(169, 169, 169);
249
+ --medium-grey-450-medium-grey: rgb(153, 153, 153);
250
+ --medium-grey-400-medium-grey: rgb(138, 138, 138);
251
+ --medium-grey-350-medium-grey: rgb(120, 120, 120);
252
+ --medium-grey-300-medium-grey: rgb(99, 99, 99);
253
+ --medium-grey-250-medium-grey: rgb(76, 76, 76);
254
+ --medium-grey-200-medium-grey: rgb(52, 52, 52);
255
+ --medium-grey-150-medium-grey: rgb(27, 27, 27);
256
+ --medium-grey-100-medium-grey: rgb(5, 5, 5);
257
+ --medium-grey-50-medium-grey: rgb(0, 0, 0);
258
+ --dark-grey-750-dark-grey: rgb(255, 255, 255);
259
+ --dark-grey-700-dark-grey: rgb(241, 241, 241);
260
+ --dark-grey-650-dark-grey: rgb(229, 229, 229);
261
+ --dark-grey-600-dark-grey: rgb(219, 219, 219);
262
+ --dark-grey-550-dark-grey: rgb(211, 211, 211);
263
+ --dark-grey-500-dark-grey: rgb(207, 207, 207);
264
+ --dark-grey-450-dark-grey: rgb(197, 197, 197);
265
+ --dark-grey-400-dark-grey: rgb(178, 178, 178);
266
+ --dark-grey-350-dark-grey: rgb(155, 155, 155);
267
+ --dark-grey-300-dark-grey: rgb(128, 128, 128);
268
+ --dark-grey-250-dark-grey: rgb(99, 99, 99);
269
+ --dark-grey-150-dark-grey: rgb(38, 38, 38);
270
+ --dark-grey-100-dark-grey: rgb(9, 9, 9);
271
+ --dark-grey-50-dark-grey: rgb(0, 0, 0);
272
+ --bell-yellow-750-bell-yellow: rgb(255, 255, 255);
273
+ --bell-yellow-700-bell-yellow: rgb(251, 240, 204);
274
+ --bell-yellow-650-bell-yellow: rgb(248, 226, 157);
275
+ --bell-yellow-600-bell-yellow: rgb(246, 214, 112);
276
+ --bell-yellow-550-bell-yellow: rgb(243, 204, 66);
277
+ --bell-yellow-450-bell-yellow: rgb(230, 189, 16);
278
+ --bell-yellow-400-bell-yellow: rgb(209, 171, 14);
279
+ --bell-yellow-350-bell-yellow: rgb(182, 149, 10);
280
+ --bell-yellow-300-bell-yellow: rgb(151, 123, 7);
281
+ --bell-yellow-250-bell-yellow: rgb(117, 95, 4);
282
+ --bell-yellow-200-bell-yellow: rgb(82, 66, 2);
283
+ --bell-yellow-150-bell-yellow: rgb(46, 36, 1);
284
+ --bell-yellow-100-bell-yellow: rgb(12, 8, 0);
285
+ --bell-yellow-50-bell-yellow: rgb(0, 0, 0);
286
+ --flyers-orange-750-flyers-orange: rgb(255, 255, 255);
287
+ --flyers-orange-700-flyers-orange: rgb(255, 214, 200);
288
+ --flyers-orange-650-flyers-orange: rgb(251, 177, 152);
289
+ --flyers-orange-600-flyers-orange: rgb(245, 145, 111);
290
+ --flyers-orange-550-flyers-orange: rgb(240, 118, 77);
291
+ --flyers-orange-450-flyers-orange: rgb(224, 98, 53);
292
+ --flyers-orange-400-flyers-orange: rgb(204, 88, 47);
293
+ --flyers-orange-350-flyers-orange: rgb(177, 76, 40);
294
+ --flyers-orange-300-flyers-orange: rgb(147, 61, 31);
295
+ --flyers-orange-250-flyers-orange: rgb(114, 46, 22);
296
+ --flyers-orange-200-flyers-orange: rgb(80, 30, 12);
297
+ --flyers-orange-150-flyers-orange: rgb(45, 13, 4);
298
+ --flyers-orange-100-flyers-orange: rgb(12, 2, 1);
299
+ --flyers-orange-50-flyers-orange: rgb(0, 0, 0);
300
+ --phillies-red-750-phillies-red: rgb(255, 255, 255);
301
+ --phillies-red-700-phillies-red: rgb(248, 201, 189);
302
+ --phillies-red-650-phillies-red: rgb(236, 152, 132);
303
+ --phillies-red-600-phillies-red: rgb(223, 110, 84);
304
+ --phillies-red-550-phillies-red: rgb(211, 73, 41);
305
+ --phillies-red-450-phillies-red: rgb(194, 45, 0);
306
+ --phillies-red-400-phillies-red: rgb(176, 40, 0);
307
+ --phillies-red-350-phillies-red: rgb(153, 33, 0);
308
+ --phillies-red-300-phillies-red: rgb(127, 26, 0);
309
+ --phillies-red-250-phillies-red: rgb(98, 18, 0);
310
+ --phillies-red-200-phillies-red: rgb(68, 9, 0);
311
+ --phillies-red-150-phillies-red: rgb(37, 3, 0);
312
+ --phillies-red-100-phillies-red: rgb(8, 0, 0);
313
+ --phillies-red-50-phillies-red: rgb(0, 0, 0);
314
+ --light-green-750-light-green: rgb(255, 255, 255);
315
+ --light-green-650-light-green: rgb(184, 224, 190);
316
+ --light-green-600-light-green: rgb(164, 204, 170);
317
+ --light-green-550-light-green: rgb(145, 185, 151);
318
+ --light-green-500-light-green: rgb(127, 165, 133);
319
+ --light-green-450-light-green: rgb(108, 146, 115);
320
+ --light-green-400-light-green: rgb(91, 128, 97);
321
+ --light-green-350-light-green: rgb(73, 110, 80);
322
+ --light-green-300-light-green: rgb(56, 92, 63);
323
+ --light-green-250-light-green: rgb(40, 75, 47);
324
+ --light-green-200-light-green: rgb(23, 58, 32);
325
+ --light-green-150-light-green: rgb(6, 43, 18);
326
+ --light-green-100-light-green: rgb(0, 27, 0);
327
+ --light-green-50-light-green: rgb(0, 14, 0);
328
+ --phanatic-green-750-phanatic-green: rgb(255, 255, 255);
329
+ --phanatic-green-700-phanatic-green: rgb(202, 236, 200);
330
+ --phanatic-green-650-phanatic-green: rgb(153, 219, 151);
331
+ --phanatic-green-600-phanatic-green: rgb(108, 203, 107);
332
+ --phanatic-green-550-phanatic-green: rgb(65, 191, 69);
333
+ --phanatic-green-450-phanatic-green: rgb(25, 175, 39);
334
+ --phanatic-green-400-phanatic-green: rgb(22, 158, 35);
335
+ --phanatic-green-350-phanatic-green: rgb(17, 138, 29);
336
+ --phanatic-green-300-phanatic-green: rgb(12, 114, 22);
337
+ --phanatic-green-250-phanatic-green: rgb(7, 87, 15);
338
+ --phanatic-green-200-phanatic-green: rgb(3, 60, 7);
339
+ --phanatic-green-150-phanatic-green: rgb(1, 33, 2);
340
+ --phanatic-green-100-phanatic-green: rgb(0, 7, 0);
341
+ --phanatic-green-50-phanatic-green: rgb(0, 0, 0);
342
+ --eagles-green-750-eagles-green: rgb(255, 255, 255);
343
+ --eagles-green-700-eagles-green: rgb(196, 220, 191);
344
+ --eagles-green-650-eagles-green: rgb(144, 190, 135);
345
+ --eagles-green-600-eagles-green: rgb(100, 164, 88);
346
+ --eagles-green-550-eagles-green: rgb(64, 144, 48);
347
+ --eagles-green-450-eagles-green: rgb(38, 126, 14);
348
+ --eagles-green-400-eagles-green: rgb(33, 114, 11);
349
+ --eagles-green-350-eagles-green: rgb(27, 99, 8);
350
+ --eagles-green-300-eagles-green: rgb(21, 81, 5);
351
+ --eagles-green-250-eagles-green: rgb(14, 61, 3);
352
+ --eagles-green-200-eagles-green: rgb(7, 41, 1);
353
+ --eagles-green-150-eagles-green: rgb(2, 21, 0);
354
+ --eagles-green-100-eagles-green: rgb(0, 3, 0);
355
+ --eagles-green-50-eagles-green: rgb(0, 0, 0);
356
+ --pink-750-pink: rgb(255, 255, 255);
357
+ --pink-700-pink: rgb(254, 228, 236);
358
+ --pink-650-pink: rgb(252, 201, 218);
359
+ --pink-600-pink: rgb(248, 174, 200);
360
+ --pink-550-pink: rgb(243, 146, 182);
361
+ --pink-500-pink: rgb(236, 116, 164);
362
+ --pink-450-pink: rgb(229, 84, 147);
363
+ --pink-350-pink: rgb(197, 0, 110);
364
+ --pink-300-pink: rgb(167, 0, 86);
365
+ --pink-250-pink: rgb(137, 0, 63);
366
+ --pink-200-pink: rgb(108, 0, 42);
367
+ --pink-150-pink: rgb(80, 0, 22);
368
+ --pink-100-pink: rgb(74, 0, 16);
369
+ --pink-50-pink: rgb(74, 0, 16);
370
+ --purple-750-purple: rgb(255, 255, 255);
371
+ --purple-700-purple: rgb(242, 230, 252);
372
+ --purple-650-purple: rgb(229, 206, 250);
373
+ --purple-600-purple: rgb(214, 181, 247);
374
+ --purple-550-purple: rgb(200, 157, 243);
375
+ --purple-500-purple: rgb(184, 133, 240);
376
+ --purple-450-purple: rgb(167, 108, 236);
377
+ --purple-400-purple: rgb(149, 83, 232);
378
+ --purple-350-purple: rgb(129, 56, 228);
379
+ --purple-250-purple: rgb(74, 0, 201);
380
+ --purple-200-purple: rgb(32, 0, 174);
381
+ --purple-150-purple: rgb(0, 0, 136);
382
+ --purple-100-purple: rgb(0, 0, 128);
383
+ --purple-50-purple: rgb(0, 0, 128);
384
+ --sixers-blue-750-sixers-blue: rgb(255, 255, 255);
385
+ --sixers-blue-700-sixers-blue: rgb(181, 206, 255);
386
+ --sixers-blue-650-sixers-blue: rgb(118, 161, 255);
387
+ --sixers-blue-600-sixers-blue: rgb(68, 119, 252);
388
+ --sixers-blue-550-sixers-blue: rgb(31, 80, 247);
389
+ --sixers-blue-450-sixers-blue: rgb(15, 49, 232);
390
+ --sixers-blue-400-sixers-blue: rgb(12, 43, 211);
391
+ --sixers-blue-350-sixers-blue: rgb(9, 37, 183);
392
+ --sixers-blue-300-sixers-blue: rgb(6, 29, 152);
393
+ --sixers-blue-250-sixers-blue: rgb(3, 20, 118);
394
+ --sixers-blue-200-sixers-blue: rgb(2, 11, 83);
395
+ --sixers-blue-150-sixers-blue: rgb(1, 3, 47);
396
+ --sixers-blue-100-sixers-blue: rgb(0, 0, 12);
397
+ --sixers-blue-50-sixers-blue: rgb(0, 0, 0);
501
398
  --Base-font-variables-Family-font-family-primary: "Montserrat";
502
399
  --Base-font-variables-Family-font-family-secondary: "Times New Roman";
503
400
  --Base-font-variables-Family-font-family-icon: "Font Awesome 7 Pro";
@@ -508,243 +405,52 @@
508
405
  --Base-font-variables-Weight-font-weight-bold: "Bold";
509
406
  --Base-font-variables-Weight-font-weight-solid: "Solid";
510
407
  --Quote-font-quote-weight: "Bold Italic";
511
- --color-border-color: rgb(255, 255, 255);
512
- --color-background-color: rgb(255, 255, 255);
513
- --color-label-color: rgb(255, 255, 255);
514
- --color-icon-color: rgb(255, 255, 255);
515
- --color-button-color: rgb(255, 255, 255);
516
- --border-width: 0;
517
- --String: "String value";
518
- --radius: var(--border-radius-l);
519
- --border-top-bottom: 0;
520
- --surface-color: var(--Schemes-Surface-Bright);
521
- --content-color: var(--Schemes-On-Surface);
408
+
409
+ /* Fallback aliases formerly on global selector */
522
410
  --Radio-button-size: var(--scale-250);
523
411
  --Radio-label-size: var(--Body-Default-font-body-default-size);
524
412
  --Radio-selected-border-width: var(--border-width-xl);
525
413
  --Radio-margin-bottom: var(--spacing-m);
526
414
  --Sitewide-alerts-alert-width: var(--devices-xl);
527
- --Display-font-display-family: var(--Base-font-variables-Family-font-family-primary);
528
- --Display-Display-1-font-display-1-family: var(--Display-font-display-family);
529
- --Display-Display-1-font-display-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
530
- --Display-Display-1-font-display-1-size: var(--scale-600);
531
- --Display-Display-1-font-display-1-lineheight: var(--scale-800);
532
- --Display-Display-1-font-display-1-margin-top: var(--scale-0);
533
- --Display-Display-1-font-display-1-margin-bottom: var(--scale-200);
534
- --Display-Display-2-font-display-2-family: var(--Display-font-display-family);
535
- --Display-Display-2-font-display-2-eight: var(--Base-font-variables-Weight-font-weight-semibold);
536
- --Heading-font-heading-family: var(--Base-font-variables-Family-font-family-primary);
537
- --Heading-H1-font-heading-1-family: var(--Heading-font-heading-family);
538
- --Heading-H1-font-heading-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
539
- --Heading-H2-font-heading-2-family: var(--Heading-font-heading-family);
540
- --Heading-H2-font-heading-2-weight: var(--Base-font-variables-Weight-font-weight-semibold);
541
- --Heading-H3-font-heading-3-family: var(--Heading-font-heading-family);
542
- --Heading-H3-font-heading-3-weight: var(--Base-font-variables-Weight-font-weight-semibold);
543
- --Heading-H4-font-heading-4-family: var(--Heading-font-heading-family);
544
- --Heading-H4-font-heading-4-weight: var(--Base-font-variables-Weight-font-weight-semibold);
545
- --Heading-H5-font-heading-5-family: var(--Heading-font-heading-family);
546
- --Heading-H5-font-heading-5-weight: var(--Base-font-variables-Weight-font-weight-semibold);
547
- --Heading-H6-font-heading-6-family: var(--Heading-font-heading-family);
548
- --Heading-H6-font-heading-6-weight: var(--Base-font-variables-Weight-font-weight-semibold);
549
- --Subtitle-font-subtitle-family: var(--Base-font-variables-Family-font-family-primary);
550
- --Subtitle-Subtitle-1-font-subtitle-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
551
- --Subtitle-Subtitle-2-font-subtitle-2-weight: var(--Base-font-variables-Weight-font-weight-semibold);
552
- --Body-font-body-family: var(--Base-font-variables-Family-font-family-primary);
553
- --Body-ExtraSmall-font-body-xs-family: var(--Body-font-body-family);
554
- --Body-ExtraSmall-font-body-xs-weight: var(--Base-font-variables-Weight-font-weight-regular);
555
- --Body-Small-font-body-small-family: var(--Body-font-body-family);
556
- --Body-Small-font-body-small-weight: var(--Base-font-variables-Weight-font-weight-regular);
557
- --Body-Default-font-body-default-family: var(--Body-font-body-family);
558
- --Body-Default-font-body-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
559
- --Body-Large-font-body-large-family: var(--Body-font-body-family);
560
- --Body-Large-font-body-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
561
- --Body-ExtraLarge-font-body-xlarge-family: var(--Body-font-body-family);
562
- --Body-ExtraLarge-font-body-xlarge-weight: var(--Base-font-variables-Weight-font-weight-regular);
563
- --Body-2XL-font-body-2xl-family: var(--Body-font-body-family);
564
- --Body-2XL-font-body-2xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
565
- --Label-font-label-family: var(--Body-font-body-family);
566
- --Label-ExtraSmall-font-label-xs-family: var(--Label-font-label-family);
567
- --Label-ExtraSmall-font-label-xs-weight: var(--Base-font-variables-Weight-font-weight-semibold);
568
- --Label-ExtraSmall-font-label-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
569
- --Label-ExtraSmall-font-label-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-lineheight);
570
- --Label-ExtraSmall-font-label-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
571
- --Label-ExtraSmall-font-label-xs-margin-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
572
- --Label-Small-font-label-small-family: var(--Label-font-label-family);
573
- --Label-Small-font-label-small-weight: var(--Base-font-variables-Weight-font-weight-semibold);
574
- --Label-Small-font-label-small-size: var(--Body-Small-font-body-small-size);
575
- --Label-Small-font-label-small-lineheight: var(--Body-Small-font-body-small-lineheight);
576
- --Label-Small-font-label-small-margin-top: var(--Body-Small-font-body-small-margin-top);
577
- --Label-Small-font-label-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
578
- --Label-Default-font-label-default-family: var(--Label-font-label-family);
579
- --Label-Default-font-label-default-weight: var(--Base-font-variables-Weight-font-weight-semibold);
580
- --Label-Default-font-label-default-size: var(--Body-Default-font-body-default-size);
581
- --Label-Default-font-label-default-lineheight: var(--Body-Default-font-body-default-lineheight);
582
- --Label-Default-font-label-default-margin-top: var(--Body-Default-font-body-default-margin-top);
583
- --Label-Default-font-label-default-margin-bottom: var(--Body-Default-font-body-default-margin-bottom);
584
- --Label-Large-font-label-large-family: var(--Label-font-label-family);
585
- --Label-Large-font-label-large-weight: var(--Base-font-variables-Weight-font-weight-semibold);
586
- --Label-Large-font-label-large-size: var(--Body-Large-font-body-large-size);
587
- --Label-Large-font-label-large-lineheight: var(--Body-Large-font-body-large-lineheight);
588
- --Label-Large-font-label-large-margin-top: var(--Body-Large-font-body-large-margin-top);
589
- --Label-Large-font-label-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
590
- --Label-ExtraLarge-font-label-xlarge-family: var(--Label-font-label-family);
591
- --Label-ExtraLarge-font-label-xlarge-weight: var(--Base-font-variables-Weight-font-weight-semibold);
592
- --Label-ExtraLarge-font-label-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
593
- --Label-ExtraLarge-font-label-xlarge-lineheight: var(--Body-ExtraLarge-font-body-xlarge-lineheight);
594
- --Label-ExtraLarge-font-label-xlarge-margin-top: var(--Body-ExtraLarge-font-body-xlarge-margin-top);
595
- --Label-ExtraLarge-font-label-xlarge-margin-bottom: var(--Body-ExtraLarge-font-body-xlarge-margin-bottom);
596
- --Label-2XL-font-label-2xl-family: var(--Label-font-label-family);
597
- --Label-2XL-font-label-2xl-weight: var(--Base-font-variables-Weight-font-weight-semibold);
598
- --Label-2XL-font-label-2xl-size: var(--Body-2XL-font-body-2xl-size);
599
- --Label-2XL-font-label-2xl-lineheight: var(--Body-2XL-font-body-2xl-lineheight);
600
- --Label-2XL-font-label-2xl-margin-top: var(--Body-2XL-font-body-2xl-margin-top);
601
- --Label-2XL-font-label-2xl-margin-bottom: var(--Body-2XL-font-body-2xl-margin-bottom);
602
- --Link-on-Surface-font-link-family: var(--Body-font-body-family);
603
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-family: var(--Body-font-body-family);
604
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-weight: var(--Base-font-variables-Weight-font-weight-bold);
605
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
606
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-margin-top);
607
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
608
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
609
- --Link-on-Surface-Small-font-link-on-surface-small-family: var(--Body-font-body-family);
610
- --Link-on-Surface-Small-font-link-on-surface-small-weight: var(--Base-font-variables-Weight-font-weight-bold);
611
- --Link-on-Surface-Small-font-link-on-surface-small-size: var(--Body-Small-font-body-small-size);
612
- --Link-on-Surface-Small-font-link-on-surface-small-lineheight: var(--Body-Small-font-body-small-lineheight);
613
- --Link-on-Surface-Small-font-link-on-surface-small-margin-top: var(--Body-Small-font-body-small-margin-top);
614
- --Link-on-Surface-Small-font-link-on-surface-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
615
- --Link-on-Surface-Default-font-link-on-surface-default-family: var(--Body-font-body-family);
616
- --Link-on-Surface-Default-font-link-on-surface-default-weight: var(--Base-font-variables-Weight-font-weight-bold);
617
- --Link-on-Surface-Default-font-link-on-surface-default-size: var(--Body-Default-font-body-default-size);
618
- --Link-on-Surface-Default-font-link-on-surface-default-lineheight: var(--Body-Default-font-body-default-lineheight);
619
- --Link-on-Surface-Default-font-link-on-surface-default-margin-top: var(--Body-Default-font-body-default-margin-top);
620
- --Link-on-Surface-Default-font-link-on-surface-default-margin-bottom: var(
621
- --Body-Default-font-body-default-margin-bottom
622
- );
623
- --Link-on-Surface-Large-font-link-on-surface-large-family: var(--Body-font-body-family);
624
- --Link-on-Surface-Large-font-link-on-surface-large-weight: var(--Base-font-variables-Weight-font-weight-bold);
625
- --Link-on-Surface-Large-font-link-on-surface-large-size: var(--Body-Large-font-body-large-size);
626
- --Link-on-Surface-Large-font-link-on-surface-large-lineheight: var(--Body-Large-font-body-large-lineheight);
627
- --Link-on-Surface-Large-font-link-on-surface-large-margin-top: var(--Body-Large-font-body-large-margin-top);
628
- --Link-on-Surface-Large-font-link-on-surface-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
629
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-family: var(--Body-font-body-family);
630
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-weight: var(--Base-font-variables-Weight-font-weight-bold);
631
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
632
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-lineheight: var(
633
- --Body-ExtraLarge-font-body-xlarge-lineheight
634
- );
635
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-margin-top: var(
636
- --Body-ExtraLarge-font-body-xlarge-margin-top
637
- );
638
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-margin-bottom: var(
639
- --Body-ExtraLarge-font-body-xlarge-margin-bottom
640
- );
641
- --Link-on-Primary-font-link-family: var(--Body-font-body-family);
642
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-family: var(--Body-font-body-family);
643
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-weight: var(--Base-font-variables-Weight-font-weight-bold);
644
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
645
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-margin-top);
646
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
647
- --Link-on-Primary-ExtraSmall-font-link-on-primary-small-xs-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
648
- --Link-on-Primary-Small-font-link-on-primary-small-family: var(--Body-font-body-family);
649
- --Link-on-Primary-Small-font-link-on-primary-small-weight: var(--Base-font-variables-Weight-font-weight-bold);
650
- --Link-on-Primary-Small-font-link-on-primary-small-size: var(--Body-Small-font-body-small-size);
651
- --Link-on-Primary-Small-font-link-on-primary-small-lineheight: var(--Body-Small-font-body-small-lineheight);
652
- --Link-on-Primary-Small-font-link-on-primary-small-margin-top: var(--Body-Small-font-body-small-margin-top);
653
- --Link-on-Primary-Small-font-link-on-primary-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
654
- --Link-on-Primary-Default-font-link-on-primary-default-family: var(--Body-font-body-family);
655
- --Link-on-Primary-Default-font-link-on-primary-default-weight: var(--Base-font-variables-Weight-font-weight-bold);
656
- --Link-on-Primary-Default-font-link-on-primary-default-size: var(--Body-Default-font-body-default-size);
657
- --Link-on-Primary-Default-font-link-on-primary-default-lineheight: var(--Body-Default-font-body-default-lineheight);
658
- --Link-on-Primary-Default-font-link-on-primary-default-margin-top: var(--Body-Default-font-body-default-margin-top);
659
- --Link-on-Primary-Default-font-link-on-primary-default-margin-bottom: var(
660
- --Body-Default-font-body-default-margin-bottom
661
- );
662
- --Link-on-Primary-Large-font-link-on-primary-large-family: var(--Body-font-body-family);
663
- --Link-on-Primary-Large-font-link-on-primary-large-weight: var(--Base-font-variables-Weight-font-weight-bold);
664
- --Link-on-Primary-Large-font-link-on-primary-large-size: var(--Body-Large-font-body-large-size);
665
- --Link-on-Primary-Large-font-link-on-primary-large-lineheight: var(--Body-Large-font-body-large-lineheight);
666
- --Link-on-Primary-Large-font-link-on-primary-large-margin-top: var(--Body-Large-font-body-large-margin-top);
667
- --Link-on-Primary-Large-font-link-on-primary-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
668
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-family: var(--Body-font-body-family);
669
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-weight: var(--Base-font-variables-Weight-font-weight-bold);
670
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
671
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-lineheight: var(
672
- --Body-ExtraLarge-font-body-xlarge-lineheight
673
- );
674
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-margin-top: var(
675
- --Body-ExtraLarge-font-body-xlarge-margin-top
676
- );
677
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-margin-bottom: var(
678
- --Body-ExtraLarge-font-body-xlarge-margin-bottom
679
- );
680
- --Quote-font-quote-family: var(--Base-font-variables-Family-font-family-secondary);
681
- --Icon-Solid-XXSmall-font-icon-solid-xxs-weight: var(--Base-font-variables-Weight-font-weight-solid);
682
- --Icon-Solid-ExtraSmall-font-icon-solid-xs-weight: var(--Base-font-variables-Weight-font-weight-solid);
683
- --Icon-Solid-Small-font-icon-solid-small-weight: var(--Base-font-variables-Weight-font-weight-solid);
684
- --Icon-Solid-Default-font-icon-solid-default-weight: var(--Base-font-variables-Weight-font-weight-solid);
685
- --Icon-Solid-Large-font-icon-solid-large-weight: var(--Base-font-variables-Weight-font-weight-solid);
686
- --Icon-Solid-ExtraLarge-font-icon-solid-xl-weight: var(--Base-font-variables-Weight-font-weight-solid);
687
- --Icon-Solid-2XL-font-icon-solid-2xl-weight: var(--Base-font-variables-Weight-font-weight-solid);
688
- --Icon-Outline-XXSmall-font-icon-outline-xxs-weight: var(--Base-font-variables-Weight-font-weight-light);
689
- --Icon-Outline-XXSmall-font-icon-outline-xs-size: var(--Icon-Solid-XXSmall-font-icon-solid-xxs-size);
690
- --Icon-Outline-ExtraSmall-font-icon-outline-xs-weight: var(--Base-font-variables-Weight-font-weight-light);
691
- --Icon-Outline-ExtraSmall-font-icon-outline-xs-size: var(--Icon-Solid-ExtraSmall-font-icon-solid-xs-size);
692
- --Icon-Outline-Small-font-icon-outline-small-weight: var(--Base-font-variables-Weight-font-weight-light);
693
- --Icon-Outline-Small-font-icon-outline-small-size: var(--Icon-Solid-Small-font-icon-solid-small-size);
694
- --Icon-Outline-Default-font-icon-outline-default-weight: var(--Base-font-variables-Weight-font-weight-light);
695
- --Icon-Outline-Default-font-icon-outline-default-size: var(--Icon-Solid-Default-font-icon-solid-default-size);
696
- --Icon-Outline-Large-font-icon-outline-large-weight: var(--Base-font-variables-Weight-font-weight-light);
697
- --Icon-Outline-Large-font-icon-outline-large-size: var(--Icon-Solid-Large-font-icon-solid-large-size);
698
- --Icon-Outline-ExtraLarge-font-icon-outline-xl-weight: var(--Base-font-variables-Weight-font-weight-light);
699
- --Icon-Outline-ExtraLarge-font-icon-outline-xl-size: var(--Icon-Solid-ExtraLarge-font-icon-solid-xl-size);
700
- --Icon-Outline-2XLarge-font-icon-outline-2xl-weight: var(--Base-font-variables-Weight-font-weight-light);
701
- --Icon-Outline-2XLarge-font-icon-outline-2xl-size: var(--Icon-Solid-2XL-font-icon-solid-2xl-size);
702
- --Icon-Brands-XXSmall-font-icon-brands-xxs-weight: var(--Base-font-variables-Weight-font-weight-regular);
703
- --Icon-Brands-XXSmall-font-icon-brands-xxs-size: var(--Icon-Solid-XXSmall-font-icon-solid-xxs-size);
704
- --Icon-Brands-ExtraSmall-font-icon-brands-xs-weight: var(--Base-font-variables-Weight-font-weight-regular);
705
- --Icon-Brands-ExtraSmall-font-brands-solid-xs-size: var(--Icon-Solid-ExtraSmall-font-icon-solid-xs-size);
706
- --Icon-Brands-Small-font-icon-brands-small-weight: var(--Base-font-variables-Weight-font-weight-regular);
707
- --Icon-Brands-Small-font-icon-brands-small-size: var(--Icon-Solid-Small-font-icon-solid-small-size);
708
- --Icon-Brands-Default-font-icon-brands-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
709
- --Icon-Brands-Default-font-icon-brands-default-size: var(--Icon-Solid-Default-font-icon-solid-default-size);
710
- --Icon-Brands-Large-font-icon-brands-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
711
- --Icon-Brands-Large-font-icon-brands-large-size: var(--Icon-Solid-Large-font-icon-solid-large-size);
712
- --Icon-Brands-ExtraLarge-font-icon-brands-xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
713
- --Icon-Brands-ExtraLarge-font-icon-brands-xl-size: var(--Icon-Solid-ExtraLarge-font-icon-solid-xl-size);
714
- --Icon-Brands-2XL-font-icon-brands-2xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
715
- --Icon-Brands-2XL-font-icon-brands-2xl-size: var(--Icon-Solid-2XL-font-icon-solid-2xl-size);
716
- --Schemes-Primary: var(--Palettes-Primary-Primary-400);
717
- --Schemes-On-Primary: var(--white-400-white);
718
- --Schemes-Primary-Container: var(--Palettes-Primary-Primary-200);
719
- --Schemes-On-Primary-Container: var(--Palettes-Primary-Primary-750);
720
- --Schemes-Secondary: var(--Palettes-Secondary-Secondary-150);
721
- --Schemes-On-Secondary: var(--Schemes-Surface-Bright);
722
- --Schemes-Secondary-Container: var(--Palettes-Secondary-Secondary-400);
723
- --Schemes-On-Secondary-Container: var(--Palettes-Secondary-Secondary-750);
415
+ --Schemes-Primary: var(--sixers-blue-500-sixers-blue);
416
+ --Schemes-On-Primary: var(--white-750-white);
417
+ --Schemes-Primary-Container: var(--Palettes-Primary-Primary-700);
418
+ --Schemes-On-Primary-Container: var(--Palettes-Primary-Primary-50);
419
+ --Schemes-Secondary: var(--Palettes-Secondary-Secondary-250);
420
+ --Schemes-On-Secondary: var(--Palettes-Secondary-Secondary-750);
421
+ --Schemes-Secondary-Container: var(--Palettes-Secondary-Secondary-700);
422
+ --Schemes-On-Secondary-Container: var(--Palettes-Secondary-Secondary-50);
724
423
  --Schemes-Tertiary: var(--Palettes-Tertiary-Tertiary-150);
725
424
  --Schemes-On-Tertiary: var(--Palettes-Tertiary-Tertiary-750);
726
- --Schemes-Tertiary-Container: var(--Palettes-Tertiary-Tertiary-250);
727
- --Schemes-On-Tertiary-Container: var(--Palettes-Tertiary-Tertiary-750);
728
- --Schemes-Error: var(--Palettes-Error-Error-300);
729
- --Schemes-On-Error: var(--white-400-white);
730
- --Schemes-Error-Container: var(--Palettes-Error-Error-750);
731
- --Schemes-On-Error-Container: var(--Palettes-Error-Error-250);
732
- --Schemes-Alert: var(--Palettes-Alert-Alert-400);
425
+ --Schemes-Tertiary-Container: var(--Palettes-Tertiary-Tertiary-700);
426
+ --Schemes-On-Tertiary-Container: var(--Palettes-Tertiary-Tertiary-150);
427
+ --Schemes-Info-Container: var(--powder-blue-700-powder-blue);
428
+ --Schemes-On-Info-Container: var(--union-blue-200-union-blue);
429
+ --Schemes-Error: var(--Palettes-Error-Error-500);
430
+ --Schemes-On-Error: var(--white-750-white);
431
+ --Schemes-Error-Container: var(--Palettes-Error-Error-700);
432
+ --Schemes-On-Error-Container: var(--Palettes-Error-Error-350);
433
+ --Schemes-Success: var(--Palettes-Success-Success-500);
434
+ --Schemes-Success-Container: var(--Palettes-Success-Success-700);
435
+ --Schemes-On-Success-Container: var(--Palettes-Success-Success-250);
436
+ --Schemes-Alert: var(--Palettes-Alert-Alert-500);
733
437
  --Schemes-On-Alert: var(--Palettes-Alert-Alert-750);
734
- --Schemes-Alert-Container: var(--Palettes-Alert-Alert-550);
735
- --Schemes-On-Alert-Container: var(--Schemes-On-Surface);
736
- --Schemes-Background: var(--white-400-white);
737
- --Schemes-On-Background: var(--Schemes-On-Surface);
738
- --Schemes-Surface: var(--Palettes-Neutral-Neutral-500);
739
- --Schemes-On-Surface: var(--black-400-black);
740
- --Schemes-Surface-Variant: var(--Palettes-Neutral-Variant-Neutral-Variant-550);
438
+ --Schemes-Alert-Container: var(--Palettes-Alert-Alert-700);
439
+ --Schemes-On-Alert-Container: var(--Palettes-Alert-Alert-50);
440
+ --Schemes-Background: var(--white-750-white);
441
+ --Schemes-On-Background: var(--Schemes-On-Surface-High);
442
+ --Schemes-Surface: var(--Palettes-Neutral-Neutral-700);
443
+ --Schemes-On-Surface-High: var(--Palettes-Neutral-Neutral-50);
444
+ --Schemes-On-Surface: var(--Palettes-Neutral-Neutral-200);
445
+ --Schemes-On-Surface-Low: var(--Palettes-Neutral-Neutral-300);
446
+ --Schemes-Surface-Variant: var(--Palettes-Neutral-Variant-Neutral-Variant-600);
741
447
  --Schemes-On-Surface-Variant: var(--Palettes-Neutral-Neutral-50);
742
- --Schemes-Border: var(--Palettes-Neutral-Neutral-400);
743
- --Schemes-Border-Variant: var(--Palettes-Neutral-Variant-Neutral-Variant-250);
744
- --Schemes-Surface-Tint: var(--Palettes-Secondary-Secondary-350);
745
- --Schemes-Shadow: var(--Extended-Colors-Black);
746
- --Schemes-Scrim: var(--Extended-Colors-Black);
747
- --Schemes-On-Inverse-Surface: var(--Palettes-Neutral-Neutral-750);
448
+ --Schemes-Border-low: var(--Palettes-Neutral-Neutral-650);
449
+ --Schemes-Border: var(--Palettes-Neutral-Neutral-550);
450
+ --Schemes-Border-high: var(--Palettes-Neutral-Variant-Neutral-Variant-350);
451
+ --Schemes-Surface-Tint: var(--Palettes-Secondary-Secondary-450);
452
+ --Schemes-Scrim: var(--colors-Black-50);
453
+ --Schemes-On-Inverse-Surface: var(--Palettes-Neutral-Neutral-700);
748
454
  --Schemes-On-Inverse-Surface-Bright: var(--Palettes-Neutral-Neutral-750);
749
455
  --Schemes-Inverse-Primary: var(--Palettes-Primary-Primary-400);
750
456
  --Schemes-Primary-Fixed: var(--Palettes-Primary-Primary-650);
@@ -759,89 +465,89 @@
759
465
  --Schemes-On-Tertiary-Fixed: var(--Palettes-Tertiary-Tertiary-150);
760
466
  --Schemes-Tertiary-Fixed-Dim: var(--Palettes-Tertiary-Tertiary-550);
761
467
  --Schemes-On-Tertiary-Fixed-Variant: var(--Palettes-Tertiary-Tertiary-50);
762
- --Schemes-Surface-Dim: var(--Palettes-Neutral-Neutral-400);
468
+ --Schemes-Surface-Dim: var(--Palettes-Neutral-Neutral-550);
763
469
  --Schemes-Surface-Bright: var(--Palettes-Neutral-Neutral-750);
764
- --Schemes-Surface-Container-Lowest: var(--Palettes-Neutral-Neutral-750);
765
- --Schemes-Surface-Container-Low: var(--Palettes-Neutral-Neutral-600);
766
- --Schemes-Surface-Container: var(--Palettes-Neutral-Neutral-500);
470
+ --Schemes-Surface-Container-Lowest: var(--Palettes-Neutral-Neutral-700);
471
+ --Schemes-Surface-Container-Low: var(--Palettes-Neutral-Neutral-650);
472
+ --Schemes-Surface-Container: var(--Palettes-Neutral-Neutral-550);
767
473
  --Schemes-Surface-Container-High: var(--Palettes-Neutral-Neutral-400);
768
474
  --Schemes-Surface-Container-Highest: var(--Palettes-Neutral-Neutral-300);
769
475
  --Schemes-Inverse-Surface: var(--Palettes-Neutral-Variant-Neutral-Variant-200);
770
- --Palettes-Primary-Primary-750: var(--blue-750-blue);
771
- --Palettes-Primary-Primary-700: var(--blue-700-blue);
772
- --Palettes-Primary-Primary-650: var(--blue-650-blue);
773
- --Palettes-Primary-Primary-600: var(--blue-600-blue);
774
- --Palettes-Primary-Primary-550: var(--blue-550-blue);
775
- --Palettes-Primary-Primary-500: var(--blue-500-blue);
776
- --Palettes-Primary-Primary-450: var(--blue-450-blue);
777
- --Palettes-Primary-Primary-400: var(--blue-400-blue);
778
- --Palettes-Primary-Primary-350: var(--blue-350-blue);
779
- --Palettes-Primary-Primary-300: var(--blue-300-blue);
780
- --Palettes-Primary-Primary-250: var(--blue-250-blue);
781
- --Palettes-Primary-Primary-200: var(--blue-200-blue);
782
- --Palettes-Primary-Primary-150: var(--blue-150-blue);
783
- --Palettes-Primary-Primary-100: var(--blue-100-blue);
784
- --Palettes-Primary-Primary-50: var(--blue-50-blue);
785
- --Palettes-Secondary-Secondary-750: var(--dark-blue-750-dark-blue);
786
- --Palettes-Secondary-Secondary-700: var(--dark-blue-700-dark-blue);
787
- --Palettes-Secondary-Secondary-650: var(--dark-blue-650-dark-blue);
788
- --Palettes-Secondary-Secondary-600: var(--dark-blue-600-dark-blue);
789
- --Palettes-Secondary-Secondary-550: var(--dark-blue-550-dark-blue);
790
- --Palettes-Secondary-Secondary-500: var(--dark-blue-500-dark-blue);
791
- --Palettes-Secondary-Secondary-450: var(--dark-blue-450-dark-blue);
792
- --Palettes-Secondary-Secondary-400: var(--dark-blue-400-dark-blue);
793
- --Palettes-Secondary-Secondary-350: var(--dark-blue-350-dark-blue);
794
- --Palettes-Secondary-Secondary-300: var(--dark-blue-300-dark-blue);
795
- --Palettes-Secondary-Secondary-250: var(--dark-blue-250-dark-blue);
796
- --Palettes-Secondary-Secondary-200: var(--dark-blue-200-dark-blue);
797
- --Palettes-Secondary-Secondary-150: var(--dark-blue-150-dark-blue);
798
- --Palettes-Secondary-Secondary-100: var(--dark-blue-100-dark-blue);
799
- --Palettes-Secondary-Secondary-50: var(--dark-blue-50-dark-blue);
800
- --Palettes-Tertiary-Tertiary-750: var(--light-blue-750-light-blue);
801
- --Palettes-Tertiary-Tertiary-700: var(--light-blue-700-light-blue);
802
- --Palettes-Tertiary-Tertiary-650: var(--light-blue-650-light-blue);
803
- --Palettes-Tertiary-Tertiary-600: var(--light-blue-600-light-blue);
804
- --Palettes-Tertiary-Tertiary-550: var(--light-blue-550-light-blue);
805
- --Palettes-Tertiary-Tertiary-500: var(--light-blue-500-light-blue);
806
- --Palettes-Tertiary-Tertiary-450: var(--light-blue-450-light-blue);
807
- --Palettes-Tertiary-Tertiary-400: var(--light-blue-400-light-blue);
808
- --Palettes-Tertiary-Tertiary-350: var(--light-blue-350-light-blue);
809
- --Palettes-Tertiary-Tertiary-300: var(--light-blue-300-light-blue);
810
- --Palettes-Tertiary-Tertiary-250: var(--light-blue-250-light-blue);
811
- --Palettes-Tertiary-Tertiary-200: var(--light-blue-200-light-blue);
812
- --Palettes-Tertiary-Tertiary-150: var(--light-blue-150-light-blue);
813
- --Palettes-Tertiary-Tertiary-100: var(--light-blue-100-light-blue);
814
- --Palettes-Tertiary-Tertiary-50: var(--light-blue-50-light-blue);
815
- --Palettes-Error-Error-750: var(--red-750-red);
816
- --Palettes-Error-Error-700: var(--red-700-red);
817
- --Palettes-Error-Error-650: var(--red-650-red);
818
- --Palettes-Error-Error-600: var(--red-600-red);
819
- --Palettes-Error-Error-550: var(--red-550-red);
820
- --Palettes-Error-Error-500: var(--red-500-red);
821
- --Palettes-Error-Error-450: var(--red-450-red);
822
- --Palettes-Error-Error-400: var(--red-400-red);
823
- --Palettes-Error-Error-350: var(--red-350-red);
824
- --Palettes-Error-Error-300: var(--red-300-red);
825
- --Palettes-Error-Error-250: var(--red-250-red);
826
- --Palettes-Error-Error-200: var(--red-200-red);
827
- --Palettes-Error-Error-150: var(--red-150-red);
828
- --Palettes-Error-Error-100: var(--red-100-red);
829
- --Palettes-Error-Error-50: var(--red-50-red);
830
- --Palettes-Success-Success-750: var(--green-750-green);
831
- --Palettes-Success-Success-700: var(--green-700-green);
832
- --Palettes-Success-Success-650: var(--green-650-green);
833
- --Palettes-Success-Success-600: var(--green-600-green);
834
- --Palettes-Success-Success-550: var(--green-550-green);
835
- --Palettes-Success-Success-500: var(--green-500-green);
836
- --Palettes-Success-Success-450: var(--green-450-green);
837
- --Palettes-Success-Success-400: var(--green-400-green);
838
- --Palettes-Success-Success-350: var(--green-350-green);
839
- --Palettes-Success-Success-300: var(--green-300-green);
840
- --Palettes-Success-Success-250: var(--green-250-green);
841
- --Palettes-Success-Success-200: var(--green-200-green);
842
- --Palettes-Success-Success-150: var(--green-150-green);
843
- --Palettes-Success-Success-100: var(--green-100-green);
844
- --Palettes-Success-Success-50: var(--green-50-green);
476
+ --Palettes-Primary-Primary-750: var(--sixers-blue-750-sixers-blue);
477
+ --Palettes-Primary-Primary-700: var(--sixers-blue-700-sixers-blue);
478
+ --Palettes-Primary-Primary-650: var(--sixers-blue-650-sixers-blue);
479
+ --Palettes-Primary-Primary-600: var(--sixers-blue-600-sixers-blue);
480
+ --Palettes-Primary-Primary-550: var(--sixers-blue-550-sixers-blue);
481
+ --Palettes-Primary-Primary-500: var(--sixers-blue-500-sixers-blue);
482
+ --Palettes-Primary-Primary-450: var(--sixers-blue-450-sixers-blue);
483
+ --Palettes-Primary-Primary-400: var(--sixers-blue-400-sixers-blue);
484
+ --Palettes-Primary-Primary-350: var(--sixers-blue-350-sixers-blue);
485
+ --Palettes-Primary-Primary-300: var(--sixers-blue-300-sixers-blue);
486
+ --Palettes-Primary-Primary-250: var(--sixers-blue-250-sixers-blue);
487
+ --Palettes-Primary-Primary-200: var(--sixers-blue-200-sixers-blue);
488
+ --Palettes-Primary-Primary-150: var(--sixers-blue-150-sixers-blue);
489
+ --Palettes-Primary-Primary-100: var(--sixers-blue-100-sixers-blue);
490
+ --Palettes-Primary-Primary-50: var(--sixers-blue-50-sixers-blue);
491
+ --Palettes-Secondary-Secondary-750: var(--powder-blue-750-powder-blue);
492
+ --Palettes-Secondary-Secondary-700: var(--powder-blue-700-powder-blue);
493
+ --Palettes-Secondary-Secondary-650: var(--powder-blue-650-powder-blue);
494
+ --Palettes-Secondary-Secondary-600: var(--powder-blue-600-powder-blue);
495
+ --Palettes-Secondary-Secondary-550: var(--powder-blue-550-powder-blue);
496
+ --Palettes-Secondary-Secondary-500: var(--powder-blue-500-powder-blue);
497
+ --Palettes-Secondary-Secondary-450: var(--powder-blue-450-powder-blue);
498
+ --Palettes-Secondary-Secondary-400: var(--powder-blue-400-powder-blue);
499
+ --Palettes-Secondary-Secondary-350: var(--powder-blue-350-powder-blue);
500
+ --Palettes-Secondary-Secondary-300: var(--powder-blue-300-powder-blue);
501
+ --Palettes-Secondary-Secondary-250: var(--powder-blue-250-powder-blue);
502
+ --Palettes-Secondary-Secondary-200: var(--powder-blue-200-powder-blue);
503
+ --Palettes-Secondary-Secondary-150: var(--powder-blue-150-powder-blue);
504
+ --Palettes-Secondary-Secondary-100: var(--powder-blue-100-powder-blue);
505
+ --Palettes-Secondary-Secondary-50: var(--powder-blue-50-powder-blue);
506
+ --Palettes-Tertiary-Tertiary-750: var(--electric-blue-750-electric-blue);
507
+ --Palettes-Tertiary-Tertiary-700: var(--electric-blue-700-electric-blue);
508
+ --Palettes-Tertiary-Tertiary-650: var(--electric-blue-650-electric-blue);
509
+ --Palettes-Tertiary-Tertiary-600: var(--electric-blue-600-electric-blue);
510
+ --Palettes-Tertiary-Tertiary-550: var(--electric-blue-550-electric-blue);
511
+ --Palettes-Tertiary-Tertiary-500: var(--electric-blue-500-electric-blue);
512
+ --Palettes-Tertiary-Tertiary-450: var(--electric-blue-450-electric-blue);
513
+ --Palettes-Tertiary-Tertiary-400: var(--electric-blue-400-electric-blue);
514
+ --Palettes-Tertiary-Tertiary-350: var(--electric-blue-350-electric-blue);
515
+ --Palettes-Tertiary-Tertiary-300: var(--electric-blue-300-electric-blue);
516
+ --Palettes-Tertiary-Tertiary-250: var(--electric-blue-250-electric-blue);
517
+ --Palettes-Tertiary-Tertiary-200: var(--electric-blue-200-electric-blue);
518
+ --Palettes-Tertiary-Tertiary-150: var(--electric-blue-150-electric-blue);
519
+ --Palettes-Tertiary-Tertiary-100: var(--electric-blue-100-electric-blue);
520
+ --Palettes-Tertiary-Tertiary-50: var(--electric-blue-50-electric-blue);
521
+ --Palettes-Error-Error-750: var(--phillies-red-750-phillies-red);
522
+ --Palettes-Error-Error-700: var(--phillies-red-700-phillies-red);
523
+ --Palettes-Error-Error-650: var(--phillies-red-650-phillies-red);
524
+ --Palettes-Error-Error-600: var(--phillies-red-600-phillies-red);
525
+ --Palettes-Error-Error-550: var(--phillies-red-550-phillies-red);
526
+ --Palettes-Error-Error-500: var(--phillies-red-500-phillies-red);
527
+ --Palettes-Error-Error-450: var(--phillies-red-450-phillies-red);
528
+ --Palettes-Error-Error-400: var(--phillies-red-400-phillies-red);
529
+ --Palettes-Error-Error-350: var(--phillies-red-350-phillies-red);
530
+ --Palettes-Error-Error-300: var(--phillies-red-300-phillies-red);
531
+ --Palettes-Error-Error-250: var(--phillies-red-250-phillies-red);
532
+ --Palettes-Error-Error-200: var(--phillies-red-200-phillies-red);
533
+ --Palettes-Error-Error-150: var(--phillies-red-150-phillies-red);
534
+ --Palettes-Error-Error-100: var(--phillies-red-100-phillies-red);
535
+ --Palettes-Error-Error-50: var(--phillies-red-50-phillies-red);
536
+ --Palettes-Success-Success-750: var(--phanatic-green-750-phanatic-green);
537
+ --Palettes-Success-Success-700: var(--phanatic-green-700-phanatic-green);
538
+ --Palettes-Success-Success-650: var(--phanatic-green-650-phanatic-green);
539
+ --Palettes-Success-Success-600: var(--phanatic-green-600-phanatic-green);
540
+ --Palettes-Success-Success-550: var(--phanatic-green-550-phanatic-green);
541
+ --Palettes-Success-Success-500: var(--phanatic-green-500-phanatic-green);
542
+ --Palettes-Success-Success-450: var(--phanatic-green-450-phanatic-green);
543
+ --Palettes-Success-Success-400: var(--phanatic-green-400-phanatic-green);
544
+ --Palettes-Success-Success-350: var(--phanatic-green-350-phanatic-green);
545
+ --Palettes-Success-Success-300: var(--phanatic-green-300-phanatic-green);
546
+ --Palettes-Success-Success-250: var(--phanatic-green-250-phanatic-green);
547
+ --Palettes-Success-Success-200: var(--phanatic-green-200-phanatic-green);
548
+ --Palettes-Success-Success-150: var(--phanatic-green-150-phanatic-green);
549
+ --Palettes-Success-Success-100: var(--phanatic-green-100-phanatic-green);
550
+ --Palettes-Success-Success-50: var(--phanatic-green-50-phanatic-green);
845
551
  --Palettes-Neutral-Neutral-750: var(--medium-grey-750-medium-grey);
846
552
  --Palettes-Neutral-Neutral-700: var(--medium-grey-700-medium-grey);
847
553
  --Palettes-Neutral-Neutral-650: var(--medium-grey-650-medium-grey);
@@ -902,12 +608,6 @@
902
608
  --Palettes-Visited-Visited-150: var(--purple-150-purple);
903
609
  --Palettes-Visited-Visited-100: var(--purple-100-purple);
904
610
  --Palettes-Visited-Visited-50: var(--purple-50-purple);
905
- --Extended-Colors-Black: var(--black-400-black);
906
- --Extended-Colors-White: var(--white-400-white);
907
- --Extended-Colors-Black-Container: var(--black-450-black);
908
- --Extended-Colors-link-default: var(--Schemes-Primary);
909
- --Extended-Colors-link-hover: var(--Schemes-On-Surface);
910
- --Extended-Colors-link-visited: var(--Palettes-Visited-Visited-450);
911
611
  --spacing-none: var(--scale-0);
912
612
  --spacing-3xs: var(--scale-25);
913
613
  --spacing-2xs: var(--scale-50);
@@ -929,30 +629,31 @@
929
629
  --border-width-xl: var(--scale-75);
930
630
  --border-width-2xl: var(--scale-100);
931
631
  --border-radius-none: var(--scale-0);
632
+ --border-radius-xxs: var(--scale-25);
932
633
  --border-radius-xs: var(--scale-50);
933
634
  --border-radius-s: var(--scale-100);
934
635
  --border-radius-m: var(--scale-150);
935
636
  --border-radius-l: var(--scale-200);
936
637
  --border-radius-xl: var(--scale-300);
937
638
  --border-radius-2xl: var(--scale-400);
938
- --blue-400-blue: var(--colors-Blue);
939
- --dark-blue-400-dark-blue: var(--colors-Dark-Blue);
940
- --dark-ben-franklin-blue-400-dark-ben-franklin-blue: var(--colors-Dark-Ben-Franklin-Blue);
941
- --light-blue-450-light-blue: var(--colors-Light-Blue);
942
- --white-400-white: var(--colors-White);
943
- --black-400-black: var(--colors-Black);
944
- --grey-400-grey: var(--colors-Grey);
945
- --light-grey-400-light-grey: var(--colors-Light-Grey);
946
- --medium-grey-400-medium-grey: var(--colors-Medium-Grey);
947
- --dark-grey-400-dark-grey: var(--colors-Dark-Grey);
948
- --bell-yellow-400-bell-yellow: var(--colors-Bell-Yellow);
949
- --orange-400-orange: var(--colors-Orange);
950
- --red-400-red: var(--colors-Red);
951
- --light-green-400-light-green: var(--colors-Light-Green);
952
- --green-400-green: var(--colors-Green);
953
- --dark-green-400-dark-green: var(--colors-Dark-Green);
639
+ --union-blue-500-union-blue: var(--colors-Union-Blue);
640
+ --powder-blue-500-powder-blue: var(--colors-Powder-Blue);
641
+ --electric-blue-500-electric-blue: var(--colors-Electric-Blue);
642
+ --white-750-white: var(--colors-White);
643
+ --black-500-black: var(--colors-Black);
644
+ --sidewalk-grey-500-sidewalk-grey: var(--colors-Sidewalk-Grey);
645
+ --ghost-grey-500-ghost-grey: var(--colors-Ghost-Grey);
646
+ --medium-grey-500-medium-grey: var(--colors-Medium-Grey);
647
+ --dark-grey-200-dark-grey: var(--colors-Dark-Grey);
648
+ --bell-yellow-500-bell-yellow: var(--colors-Bell-Yellow);
649
+ --flyers-orange-500-flyers-orange: var(--colors-Flyers-Orange);
650
+ --phillies-red-500-phillies-red: var(--colors-Phillies-Red);
651
+ --light-green-700-light-green: var(--colors-Light-Green);
652
+ --phanatic-green-500-phanatic-green: var(--colors-Phanatic-Green);
653
+ --eagles-green-500-eagles-green: var(--colors-Eagles-Green);
954
654
  --pink-400-pink: var(--colors-Pink);
955
- --purple-400-purple: var(--colors-Purple);
655
+ --purple-300-purple: var(--colors-Purple);
656
+ --sixers-blue-500-sixers-blue: var(--colors-Sixers-Blue);
956
657
  --Base-font-variables-Width-max-width: 624px;
957
658
  --Display-font-display-family: var(--Base-font-variables-Family-font-family-primary);
958
659
  --Display-Display-1-font-display-1-family: var(--Display-font-display-family);
@@ -1084,6 +785,18 @@
1084
785
  --Label-ExtraLarge-font-label-xlarge-margin-top: var(--Body-ExtraLarge-font-body-xlarge-margin-top);
1085
786
  --Label-ExtraLarge-font-label-xlarge-margin-bottom: var(--Body-ExtraLarge-font-body-xlarge-margin-bottom);
1086
787
  --Label-2XL-font-label-2xl-family: var(--Label-font-label-family);
788
+ --Label-3XL-font-label-3xl-family: var(--Heading-font-heading-family);
789
+ --Label-4XL-font-label-4xl-family: var(--Heading-font-heading-family);
790
+ --Label-4XL-font-label-4xl-weight: var(--Base-font-variables-Weight-font-weight-semibold);
791
+ --Label-4XL-font-label-4xl-size: var(--scale-600);
792
+ --Label-4XL-font-label-4xl-lineheight: var(--scale-800);
793
+ --Label-4XL-font-label-4xl-margin-top: var(--scale-300);
794
+ --Label-4XL-font-label-4xl-margin-bottom: var(--scale-300);
795
+ --Label-3XL-font-label-3xl-weight: var(--Base-font-variables-Weight-font-weight-semibold);
796
+ --Label-3XL-font-label-3xl-size: var(--scale-500);
797
+ --Label-3XL-font-label-3xl-lineheight: var(--scale-600);
798
+ --Label-3XL-font-label-3xl-margin-top: var(--scale-200);
799
+ --Label-3XL-font-label-3xl-margin-bottom: var(--scale-300);
1087
800
  --Label-2XL-font-label-2xl-weight: var(--Base-font-variables-Weight-font-weight-semibold);
1088
801
  --Label-2XL-font-label-2xl-size: var(--Body-2XL-font-body-2xl-size);
1089
802
  --Label-2XL-font-label-2xl-lineheight: var(--Body-2XL-font-body-2xl-lineheight);
@@ -1130,19 +843,19 @@
1130
843
  );
1131
844
  --Link-on-Primary-font-link-family: var(--Body-font-body-family);
1132
845
  --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-family: var(--Body-font-body-family);
1133
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-weight: var(--Base-font-variables-Weight-font-weight-light);
846
+ --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-weight: var(--Base-font-variables-Weight-font-weight-bold);
1134
847
  --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
1135
848
  --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-lineheight);
1136
849
  --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
1137
850
  --Link-on-Primary-ExtraSmall-font-link-on-primary-small-xs-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
1138
851
  --Link-on-Primary-Small-font-link-on-primary-small-family: var(--Body-font-body-family);
1139
- --Link-on-Primary-Small-font-link-on-primary-small-weight: var(--Base-font-variables-Weight-font-weight-light);
852
+ --Link-on-Primary-Small-font-link-on-primary-small-weight: var(--Base-font-variables-Weight-font-weight-bold);
1140
853
  --Link-on-Primary-Small-font-link-on-primary-small-size: var(--Body-Small-font-body-small-size);
1141
854
  --Link-on-Primary-Small-font-link-on-primary-small-lineheight: var(--Body-Small-font-body-small-lineheight);
1142
855
  --Link-on-Primary-Small-font-link-on-primary-small-margin-top: var(--Body-Small-font-body-small-margin-top);
1143
856
  --Link-on-Primary-Small-font-link-on-primary-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
1144
857
  --Link-on-Primary-Default-font-link-on-primary-default-family: var(--Body-font-body-family);
1145
- --Link-on-Primary-Default-font-link-on-primary-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
858
+ --Link-on-Primary-Default-font-link-on-primary-default-weight: var(--Base-font-variables-Weight-font-weight-bold);
1146
859
  --Link-on-Primary-Default-font-link-on-primary-default-size: var(--Body-Default-font-body-default-size);
1147
860
  --Link-on-Primary-Default-font-link-on-primary-default-lineheight: var(--Body-Default-font-body-default-lineheight);
1148
861
  --Link-on-Primary-Default-font-link-on-primary-default-margin-top: var(--Body-Default-font-body-default-margin-top);
@@ -1150,15 +863,13 @@
1150
863
  --Body-Default-font-body-default-margin-bottom
1151
864
  );
1152
865
  --Link-on-Primary-Large-font-link-on-primary-large-family: var(--Body-font-body-family);
1153
- --Link-on-Primary-Large-font-link-on-primary-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
866
+ --Link-on-Primary-Large-font-link-on-primary-large-weight: var(--Base-font-variables-Weight-font-weight-bold);
1154
867
  --Link-on-Primary-Large-font-link-on-primary-large-size: var(--Body-Large-font-body-large-size);
1155
868
  --Link-on-Primary-Large-font-link-on-primary-large-lineheight: var(--Body-Large-font-body-large-lineheight);
1156
869
  --Link-on-Primary-Large-font-link-on-primary-large-margin-top: var(--Body-Large-font-body-large-margin-top);
1157
870
  --Link-on-Primary-Large-font-link-on-primary-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
1158
871
  --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-family: var(--Body-font-body-family);
1159
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-weight: var(
1160
- --Base-font-variables-Weight-font-weight-regular
1161
- );
872
+ --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-weight: var(--Base-font-variables-Weight-font-weight-bold);
1162
873
  --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
1163
874
  --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-lineheight: var(
1164
875
  --Body-ExtraLarge-font-body-xlarge-lineheight
@@ -1224,8 +935,12 @@
1224
935
  /* ========================================= */
1225
936
 
1226
937
  /* Collection: primitives 4.0 */
1227
- [data-primitives-40="Mode-1"] {
1228
- --colors-Blue: rgb(15, 51, 245);
938
+ [data-primitives-40="Mode-1"],
939
+ [data-primitives-40="Mode-1"] * {
940
+ --colors-Sixers-Blue: rgb(16, 52, 244);
941
+ --colors-Sixers-Blue-25: rgba(16, 52, 244, 0.25);
942
+ --colors-Sixers-Blue-50: rgba(16, 52, 244, 0.5);
943
+ --colors-Sixers-Blue-75: rgba(16, 52, 244, 0.75);
1229
944
  --scale-0: 0;
1230
945
  --scale-10: 1;
1231
946
  --scale-25: 2;
@@ -1249,261 +964,50 @@
1249
964
  --scale-1000: 80;
1250
965
  --scale-1100: 88;
1251
966
  --scale-1200: 96;
1252
- --colors-Dark-Blue: rgb(38, 0, 140);
1253
- --colors-Dark-Ben-Franklin-Blue: rgb(15, 77, 143);
1254
- --colors-Light-Blue: rgb(18, 140, 255);
967
+ --colors-Union-Blue: rgb(22, 43, 154);
968
+ --colors-Powder-Blue: rgb(124, 197, 254);
969
+ --colors-Electric-Blue: rgb(3, 204, 243);
970
+ --colors-Phillies-Red: rgb(204, 48, 0);
971
+ --colors-Flyers-Orange: rgb(236, 103, 56);
972
+ --colors-Flyers-Orange-25: rgba(236, 103, 56, 0.25);
973
+ --colors-Flyers-Orange-50: rgba(236, 103, 56, 0.5);
974
+ --colors-Flyers-Orange-75: rgba(236, 103, 56, 0.75);
975
+ --colors-Bell-Yellow: rgb(242, 199, 18);
976
+ --colors-Phanatic-Green: rgb(27, 184, 42);
977
+ --colors-Eagles-Green: rgb(40, 133, 15);
978
+ --colors-Medium-Grey: rgb(161, 161, 161);
979
+ --colors-Sidewalk-Grey: rgb(207, 207, 207);
980
+ --colors-Ghost-Grey: rgb(240, 240, 240);
1255
981
  --colors-White: rgb(255, 255, 255);
1256
982
  --colors-Black: rgb(0, 0, 0);
1257
- --colors-Grey: rgb(217, 217, 217);
1258
- --colors-Light-Grey: rgb(242, 242, 242);
1259
- --colors-Medium-Grey: rgb(207, 207, 207);
983
+ --colors-Black-25: rgba(0, 0, 0, 0.25);
984
+ --colors-Black-50: rgba(0, 0, 0, 0.5);
985
+ --colors-Black-75: rgba(0, 0, 0, 0.75);
1260
986
  --colors-Dark-Grey: rgb(69, 69, 69);
1261
- --colors-Bell-Yellow: rgb(242, 199, 18);
1262
- --colors-Orange: rgb(237, 102, 56);
1263
- --colors-Red: rgb(255, 5, 8);
1264
987
  --colors-Light-Green: rgb(201, 242, 207);
1265
- --colors-Green: rgb(28, 184, 41);
1266
- --colors-Dark-Green: rgb(23, 107, 0);
1267
988
  --colors-Pink: rgb(219, 31, 128);
1268
989
  --colors-Purple: rgb(99, 0, 222);
1269
- }
1270
-
1271
- /* Collection: cards */
1272
- [data-cards="master-card"] {
1273
- --body-body: 1;
1274
- --body-body-icon: 1;
1275
- --body-body-text: 1;
1276
- --button-button: 1;
1277
- --button-button-primary: 1;
1278
- --button-button-secondary: 1;
1279
- --button-buttom-tertiary: 1;
1280
- --image-true: 1;
1281
- --top-icon-1: 1;
1282
- --top-icon-2: 1;
1283
- --label-1: 1;
1284
- --headline: 1;
1285
- --label-2: 1;
1286
- --media: 1;
1287
- --play-button: 1;
1288
- --date: 1;
1289
- --link: 1;
1290
- --checkbox: 1;
1291
- --Card-media-exdent: 0;
1292
- --flag-layout: "Standard";
1293
- --border-left-right: 0;
1294
- --min-width: 400px;
1295
- --max-width: 1216px;
1296
- --min-height: 250px;
1297
- --max-height: 9999px;
1298
- }
1299
-
1300
- [data-cards="press-release"] {
1301
- --body-body: 0;
1302
- --body-body-icon: 0;
1303
- --body-body-text: 0;
1304
- --button-button: 0;
1305
- --button-button-primary: 0;
1306
- --button-button-secondary: 0;
1307
- --button-buttom-tertiary: 0;
1308
- --image-true: 0;
1309
- --top-icon-1: 1;
1310
- --top-icon-2: 0;
1311
- --label-1: 0;
1312
- --headline: 1;
1313
- --label-2: 0;
1314
- --media: 0;
1315
- --play-button: 0;
1316
- --date: 1;
1317
- --link: 0;
1318
- --checkbox: 0;
1319
- --Card-media-exdent: 0;
1320
- --flag-layout: "Standard";
1321
- --border-left-right: 0;
1322
- --min-width: 0;
1323
- --max-width: 0;
1324
- --min-height: 0;
1325
- --max-height: 0;
1326
- }
1327
-
1328
- [data-cards="card-with-media"] {
1329
- --body-body: 0;
1330
- --body-body-icon: 0;
1331
- --body-body-text: 0;
1332
- --button-button: 0;
1333
- --button-button-primary: 0;
1334
- --button-button-secondary: 0;
1335
- --button-buttom-tertiary: 0;
1336
- --image-true: 1;
1337
- --top-icon-1: 1;
1338
- --top-icon-2: 0;
1339
- --label-1: 0;
1340
- --headline: 1;
1341
- --label-2: 0;
1342
- --media: 0;
1343
- --play-button: 0;
1344
- --date: 1;
1345
- --link: 0;
1346
- --checkbox: 0;
1347
- --Card-media-exdent: 0;
1348
- --flag-layout: "Standardalue";
1349
- --border-left-right: 0;
1350
- --min-width: 343px;
1351
- --max-width: 400px;
1352
- --min-height: 500px;
1353
- --max-height: 500px;
1354
- }
1355
-
1356
- [data-cards="card-with-link"] {
1357
- --body-body: 0;
1358
- --body-body-icon: 0;
1359
- --body-body-text: 0;
1360
- --button-button: 0;
1361
- --button-button-primary: 0;
1362
- --button-button-secondary: 0;
1363
- --button-buttom-tertiary: 0;
1364
- --image-true: 0;
1365
- --top-icon-1: 0;
1366
- --top-icon-2: 0;
1367
- --label-1: 0;
1368
- --headline: 1;
1369
- --label-2: 0;
1370
- --media: 0;
1371
- --play-button: 0;
1372
- --date: 0;
1373
- --link: 1;
1374
- --checkbox: 0;
1375
- --Card-media-exdent: 0;
1376
- --flag-layout: "Standardue";
1377
- --border-left-right: 0;
1378
- --min-width: 0;
1379
- --max-width: 0;
1380
- --min-height: 0;
1381
- --max-height: 0;
1382
- }
1383
-
1384
- [data-cards="resource-card"] {
1385
- --body-body: 1;
1386
- --body-body-icon: 0;
1387
- --body-body-text: 1;
1388
- --button-button: 0;
1389
- --button-button-primary: 0;
1390
- --button-button-secondary: 0;
1391
- --button-buttom-tertiary: 0;
1392
- --image-true: 0;
1393
- --top-icon-1: 0;
1394
- --top-icon-2: 1;
1395
- --label-1: 0;
1396
- --headline: 0;
1397
- --label-2: 1;
1398
- --media: 0;
1399
- --play-button: 0;
1400
- --date: 0;
1401
- --link: 0;
1402
- --checkbox: 0;
1403
- --Card-media-exdent: 0;
1404
- --flag-layout: "Standard";
1405
- --border-left-right: 0;
1406
- --min-width: 343px;
1407
- --max-width: 1216px;
1408
- --min-height: 250px;
1409
- --max-height: 400px;
1410
- }
1411
-
1412
- [data-cards="flag-with-media"] {
1413
- --body-body: 0;
1414
- --body-body-icon: 1;
1415
- --body-body-text: 0;
1416
- --button-button: 1;
1417
- --button-button-primary: 0;
1418
- --button-button-secondary: 1;
1419
- --button-buttom-tertiary: 0;
1420
- --image-true: 1;
1421
- --top-icon-1: 0;
1422
- --top-icon-2: 0;
1423
- --label-1: 1;
1424
- --headline: 1;
1425
- --label-2: 0;
1426
- --media: 0;
1427
- --play-button: 0;
1428
- --date: 0;
1429
- --link: 0;
1430
- --checkbox: 0;
1431
- --Card-media-exdent: 0;
1432
- --flag-layout: "Flag";
1433
- --border-left-right: 0;
1434
- --min-width: 0;
1435
- --max-width: 0;
1436
- --min-height: 400px;
1437
- --max-height: 400px;
1438
- }
1439
-
1440
- [data-cards="call-to-action"] {
1441
- --body-body: 1;
1442
- --body-body-icon: 0;
1443
- --body-body-text: 1;
1444
- --button-button: 1;
1445
- --button-button-primary: 1;
1446
- --button-button-secondary: 0;
1447
- --button-buttom-tertiary: 0;
1448
- --image-true: 0;
1449
- --top-icon-1: 0;
1450
- --top-icon-2: 0;
1451
- --label-1: 1;
1452
- --headline: 0;
1453
- --label-2: 0;
1454
- --media: 0;
1455
- --play-button: 0;
1456
- --date: 0;
1457
- --link: 0;
1458
- --checkbox: 0;
1459
- --Card-media-exdent: 0;
1460
- --flag-layout: "Flag";
1461
- --border-left-right: 0;
1462
- --min-width: 0;
1463
- --max-width: 0;
1464
- --min-height: 0;
1465
- --max-height: 0;
1466
- }
1467
-
1468
- [data-cards="map-card"] {
1469
- --body-body: 1;
1470
- --body-body-icon: 1;
1471
- --body-body-text: 1;
1472
- --button-button: 0;
1473
- --button-button-primary: 1;
1474
- --button-button-secondary: 0;
1475
- --button-buttom-tertiary: 0;
1476
- --image-true: 0;
1477
- --top-icon-1: 0;
1478
- --top-icon-2: 0;
1479
- --label-1: 1;
1480
- --headline: 0;
1481
- --label-2: 0;
1482
- --media: 0;
1483
- --play-button: 0;
1484
- --date: 1;
1485
- --link: 0;
1486
- --checkbox: 1;
1487
- --Card-media-exdent: 0;
1488
- --flag-layout: "Flag";
1489
- --border-left-right: 0;
1490
- --min-width: 0;
1491
- --max-width: 0;
1492
- --min-height: 0;
1493
- --max-height: 0;
990
+ --black-25: rgba(0, 0, 0, 0.251);
991
+ --black-50: rgba(0, 0, 0, 0.502);
992
+ --black-75: rgba(0, 0, 0, 0.749);
1494
993
  }
1495
994
 
1496
995
  /* Collection: components 4.0 */
1497
- [data-components-40="Layout---Desktop"] {
996
+ [data-components-40="Layout---Desktop"],
997
+ [data-components-40="Layout---Desktop"] * {
998
+ --Header-Display-Search-Field-Visible: 1;
1498
999
  --Header-Size-Header-Width: 1440px;
1000
+ --Header-Display-Search-Icon-Mobile: 0;
1499
1001
  --Header-Display-Nav-Link-Visible: 1;
1500
1002
  --Header-Display-Mayor-Link-Visible: 1;
1501
1003
  --Header-Display-Trusted-Banner-Text-Visible: 1;
1502
1004
  --Header-Display-Language-Links-Visible: 1;
1503
1005
  --Header-Display-Mobile-Globe-Visible: 0;
1006
+ --Header-Display-Info-Circle: 0;
1007
+ --Header-Display-Dropdown-Text: 1;
1008
+ --Header-Display-Trusted-banner-caret: 1;
1504
1009
  --Header-Content-Trusted-Banner-Copy: "Here's how you know";
1505
1010
  --Header-Content-Language-LInk-Label: "English";
1506
- --Header-Content-Trusted-Banner-Icon: "caret-down";
1507
1011
  --Footer-footer-width: 1440px;
1508
1012
  --Footer-horz-rule: 0;
1509
1013
  --Footer-vert-rule: 1;
@@ -1555,18 +1059,27 @@
1555
1059
  --Radio-item-6: 0;
1556
1060
  --Radio-selected-item: 0;
1557
1061
  --Sitewide-alerts-alert-icon: 1;
1062
+ --Sitewide-alerts-Boolean: 0;
1063
+ --Sitewide-alerts-Footer-group-true: 1;
1064
+ --Sitewide-alerts-Link-true: 1;
1065
+ --Sitewide-alerts-Announced-date-true: 1;
1558
1066
  }
1559
1067
 
1560
- [data-components-40="Layout---Mobile"] {
1068
+ [data-components-40="Layout---Mobile"],
1069
+ [data-components-40="Layout---Mobile"] * {
1070
+ --Header-Display-Search-Field-Visible: 0;
1561
1071
  --Header-Size-Header-Width: 375px;
1072
+ --Header-Display-Search-Icon-Mobile: 1;
1562
1073
  --Header-Display-Nav-Link-Visible: 0;
1563
1074
  --Header-Display-Mayor-Link-Visible: 0;
1564
1075
  --Header-Display-Trusted-Banner-Text-Visible: 0;
1565
1076
  --Header-Display-Language-Links-Visible: 0;
1566
1077
  --Header-Display-Mobile-Globe-Visible: 1;
1078
+ --Header-Display-Info-Circle: 1;
1079
+ --Header-Display-Dropdown-Text: 0;
1080
+ --Header-Display-Trusted-banner-caret: 0;
1567
1081
  --Header-Content-Trusted-Banner-Copy: "An official website";
1568
1082
  --Header-Content-Language-LInk-Label: "Translate";
1569
- --Header-Content-Trusted-Banner-Icon: "info-circle";
1570
1083
  --Footer-footer-width: 375px;
1571
1084
  --Footer-horz-rule: 1;
1572
1085
  --Footer-vert-rule: 0;
@@ -1618,181 +1131,15 @@
1618
1131
  --Radio-item-6: 0;
1619
1132
  --Radio-selected-item: 0;
1620
1133
  --Sitewide-alerts-alert-icon: 0;
1621
- }
1622
-
1623
- /* Collection: (old) fonts 4.0 */
1624
- [data--old-fonts-40="Fonts_Mobile"] {
1625
- --Base-font-variables-Family-font-family-primary: "Montserrat";
1626
- --Base-font-variables-Family-font-family-secondary: "Times New Roman";
1627
- --Base-font-variables-Family-font-family-icon: "Font Awesome 7 Pro";
1628
- --Base-font-variables-Family-font-family-icon-brands: "Font Awesome 7 Brands";
1629
- --Base-font-variables-Weight-font-weight-light: "Light";
1630
- --Base-font-variables-Width-max-width: 0;
1631
- --Base-font-variables-Weight-font-weight-regular: "Regular";
1632
- --Base-font-variables-Weight-font-weight-semibold: "SemiBold";
1633
- --Base-font-variables-Weight-font-weight-bold: "Bold";
1634
- --Base-font-variables-Weight-font-weight-solid: "Solid";
1635
- --Display-Display-2-font-display-2-size: 36px;
1636
- --Display-Display-2-font-display-2-lineheight: 48px;
1637
- --Display-Display-2-font-display-2-margin-top: 0;
1638
- --Display-Display-2-font-display-2-margin-bottom: 16px;
1639
- --Heading-H1-font-heading-1-size: 40px;
1640
- --Heading-H1-font-header-1-lineheight: 48px;
1641
- --Heading-H1-font-header-1-margin-top: 16px;
1642
- --Heading-H1-font-header-1-margin-bottom: 16px;
1643
- --Heading-H2-font-heading-2-size: 36px;
1644
- --Heading-H2-font-heading-2-lineheight: 48px;
1645
- --Heading-H2-font-heading-2-margin-top: 8px;
1646
- --Heading-H2-font-heading-2-margin-bottom: 16px;
1647
- --Heading-H3-font-heading-3-size: 32px;
1648
- --Heading-H3-font-heading-3-lineheight: 40px;
1649
- --Heading-H3-font-heading-3-margin-top: 8px;
1650
- --Heading-H3-font-heading-3-margin-bottom: 16px;
1651
- --Heading-H4-font-heading-4-size: 28px;
1652
- --Heading-H4-font-heading-4-lineheight: 40px;
1653
- --Heading-H4-font-heading-4-margin-top: 0;
1654
- --Heading-H4-font-heading-4-margin-bottom: 16px;
1655
- --Heading-H5-font-heading-5-size: 24px;
1656
- --Heading-H5-font-heading-5-lineheight: 36px;
1657
- --Heading-H5-font-heading-5-margin-top: 0;
1658
- --Heading-H5-font-heading-5-margin-bottom: 16px;
1659
- --Heading-H6-font-heading-6-size: 20px;
1660
- --Heading-H6-font-heading-6-lineheight: 28px;
1661
- --Heading-H6-font-heading-6-margin-top: 0;
1662
- --Heading-H6-font-heading-6-margin-bottom: 16px;
1663
- --Subtitle-Subtitle-1-font-subtitle-1-size: 24px;
1664
- --Subtitle-Subtitle-1-font-subtitle-1-lineheight: 36px;
1665
- --Subtitle-Subtitle-1-font-subtitle-1-margin-top: 0;
1666
- --Subtitle-Subtitle-1-font-subtitle-1-margin-bottom: 16px;
1667
- --Subtitle-Subtitle-2-font-subtitle-2-size: 18px;
1668
- --Subtitle-Subtitle-2-font-subtitle-2-lineheight: 28px;
1669
- --Subtitle-Subtitle-2-font-subtitle-2-margin-top: 0;
1670
- --Subtitle-Subtitle-2-font-subtitle-2-margin-bottom: 16px;
1671
- --Body-ExtraSmall-font-body-xs-size: 14px;
1672
- --Body-ExtraSmall-font-body-xs-lineheight: 20px;
1673
- --Body-ExtraSmall-font-body-xs-margin-top: 0;
1674
- --Body-ExtraSmall-font-body-xs-margin-bottom: 16px;
1675
- --Body-Small-font-body-small-size: 16px;
1676
- --Body-Small-font-body-small-lineheight: 24px;
1677
- --Body-Small-font-body-small-margin-top: 0;
1678
- --Body-Small-font-body-small-margin-bottom: 16px;
1679
- --Body-Default-font-body-default-size: 18px;
1680
- --Body-Default-font-body-default-lineheight: 28px;
1681
- --Body-Default-font-body-default-margin-top: 0;
1682
- --Body-Default-font-body-default-margin-bottom: 16px;
1683
- --Body-Large-font-body-large-size: 20px;
1684
- --Body-Large-font-body-large-lineheight: 28px;
1685
- --Body-Large-font-body-large-margin-top: 0;
1686
- --Body-Large-font-body-large-margin-bottom: 18px;
1687
- --Body-ExtraLarge-font-body-xlarge-size: 24px;
1688
- --Body-ExtraLarge-font-body-xlarge-lineheight: 36px;
1689
- --Body-ExtraLarge-font-body-xlarge-margin-top: 0;
1690
- --Body-ExtraLarge-font-body-xlarge-margin-bottom: 20px;
1691
- --Body-2XL-font-body-2xl-size: 32px;
1692
- --Body-2XL-font-body-2xl-lineheight: 48px;
1693
- --Body-2XL-font-body-2xl-margin-top: 0;
1694
- --Body-2XL-font-body-2xl-margin-bottom: 24px;
1695
- --Quote-font-quote-weight: "Bold Italic";
1696
- --Quote-font-quote-size: 24px;
1697
- --Quote-font-quote-lineheight: 36px;
1698
- --Quote-font-quote-margin-top: 0;
1699
- --Quote-font-quote-margin-bottom: 20px;
1700
- --Icon-Solid-XXSmall-font-icon-solid-xxs-size: 12px;
1701
- --Icon-Solid-ExtraSmall-font-icon-solid-xs-size: 16px;
1702
- --Icon-Solid-Small-font-icon-solid-small-size: 18px;
1703
- --Icon-Solid-Default-font-icon-solid-default-size: 24px;
1704
- --Icon-Solid-Large-font-icon-solid-large-size: 32px;
1705
- --Icon-Solid-ExtraLarge-font-icon-solid-xl-size: 48px;
1706
- --Icon-Solid-2XL-font-icon-solid-2xl-size: 80px;
1707
- }
1708
-
1709
- [data--old-fonts-40="Fonts_Desktop"] {
1710
- --Base-font-variables-Family-font-family-primary: "Montserrat";
1711
- --Base-font-variables-Family-font-family-secondary: "Times New Roman";
1712
- --Base-font-variables-Family-font-family-icon: "Font Awesome 7 Pro";
1713
- --Base-font-variables-Family-font-family-icon-brands: "Font Awesome 7 Brands";
1714
- --Base-font-variables-Weight-font-weight-light: "Light";
1715
- --Base-font-variables-Width-max-width: 624px;
1716
- --Base-font-variables-Weight-font-weight-regular: "Regular";
1717
- --Base-font-variables-Weight-font-weight-semibold: "SemiBold";
1718
- --Base-font-variables-Weight-font-weight-bold: "Bold";
1719
- --Base-font-variables-Weight-font-weight-solid: "Solid";
1720
- --Display-Display-2-font-display-2-size: 56px;
1721
- --Display-Display-2-font-display-2-lineheight: 72px;
1722
- --Display-Display-2-font-display-2-margin-top: 0;
1723
- --Display-Display-2-font-display-2-margin-bottom: 16px;
1724
- --Heading-H1-font-heading-1-size: 48px;
1725
- --Heading-H1-font-header-1-lineheight: 64px;
1726
- --Heading-H1-font-header-1-margin-top: 24px;
1727
- --Heading-H1-font-header-1-margin-bottom: 24px;
1728
- --Heading-H2-font-heading-2-size: 40px;
1729
- --Heading-H2-font-heading-2-lineheight: 48px;
1730
- --Heading-H2-font-heading-2-margin-top: 16px;
1731
- --Heading-H2-font-heading-2-margin-bottom: 24px;
1732
- --Heading-H3-font-heading-3-size: 32px;
1733
- --Heading-H3-font-heading-3-lineheight: 40px;
1734
- --Heading-H3-font-heading-3-margin-top: 16px;
1735
- --Heading-H3-font-heading-3-margin-bottom: 24px;
1736
- --Heading-H4-font-heading-4-size: 24px;
1737
- --Heading-H4-font-heading-4-lineheight: 36px;
1738
- --Heading-H4-font-heading-4-margin-top: 16px;
1739
- --Heading-H4-font-heading-4-margin-bottom: 16px;
1740
- --Heading-H5-font-heading-5-size: 20px;
1741
- --Heading-H5-font-heading-5-lineheight: 28px;
1742
- --Heading-H5-font-heading-5-margin-top: 16px;
1743
- --Heading-H5-font-heading-5-margin-bottom: 16px;
1744
- --Heading-H6-font-heading-6-size: 16px;
1745
- --Heading-H6-font-heading-6-lineheight: 24px;
1746
- --Heading-H6-font-heading-6-margin-top: 16px;
1747
- --Heading-H6-font-heading-6-margin-bottom: 16px;
1748
- --Subtitle-Subtitle-1-font-subtitle-1-size: 24px;
1749
- --Subtitle-Subtitle-1-font-subtitle-1-lineheight: 36px;
1750
- --Subtitle-Subtitle-1-font-subtitle-1-margin-top: 0;
1751
- --Subtitle-Subtitle-1-font-subtitle-1-margin-bottom: 16px;
1752
- --Subtitle-Subtitle-2-font-subtitle-2-size: 18px;
1753
- --Subtitle-Subtitle-2-font-subtitle-2-lineheight: 28px;
1754
- --Subtitle-Subtitle-2-font-subtitle-2-margin-top: 0;
1755
- --Subtitle-Subtitle-2-font-subtitle-2-margin-bottom: 16px;
1756
- --Body-ExtraSmall-font-body-xs-size: 12px;
1757
- --Body-ExtraSmall-font-body-xs-lineheight: 16px;
1758
- --Body-ExtraSmall-font-body-xs-margin-top: 0;
1759
- --Body-ExtraSmall-font-body-xs-margin-bottom: 16px;
1760
- --Body-Small-font-body-small-size: 14px;
1761
- --Body-Small-font-body-small-lineheight: 20px;
1762
- --Body-Small-font-body-small-margin-top: 0;
1763
- --Body-Small-font-body-small-margin-bottom: 16px;
1764
- --Body-Default-font-body-default-size: 16px;
1765
- --Body-Default-font-body-default-lineheight: 24px;
1766
- --Body-Default-font-body-default-margin-top: 0;
1767
- --Body-Default-font-body-default-margin-bottom: 16px;
1768
- --Body-Large-font-body-large-size: 18px;
1769
- --Body-Large-font-body-large-lineheight: 28px;
1770
- --Body-Large-font-body-large-margin-top: 0;
1771
- --Body-Large-font-body-large-margin-bottom: 18px;
1772
- --Body-ExtraLarge-font-body-xlarge-size: 24px;
1773
- --Body-ExtraLarge-font-body-xlarge-lineheight: 36px;
1774
- --Body-ExtraLarge-font-body-xlarge-margin-top: 0;
1775
- --Body-ExtraLarge-font-body-xlarge-margin-bottom: 20px;
1776
- --Body-2XL-font-body-2xl-size: 32px;
1777
- --Body-2XL-font-body-2xl-lineheight: 48px;
1778
- --Body-2XL-font-body-2xl-margin-top: 0;
1779
- --Body-2XL-font-body-2xl-margin-bottom: 24px;
1780
- --Quote-font-quote-weight: "Bold Italic";
1781
- --Quote-font-quote-size: 24px;
1782
- --Quote-font-quote-lineheight: 36px;
1783
- --Quote-font-quote-margin-top: 0;
1784
- --Quote-font-quote-margin-bottom: 20px;
1785
- --Icon-Solid-XXSmall-font-icon-solid-xxs-size: 12px;
1786
- --Icon-Solid-ExtraSmall-font-icon-solid-xs-size: 16px;
1787
- --Icon-Solid-Small-font-icon-solid-small-size: 18px;
1788
- --Icon-Solid-Default-font-icon-solid-default-size: 24px;
1789
- --Icon-Solid-Large-font-icon-solid-large-size: 32px;
1790
- --Icon-Solid-ExtraLarge-font-icon-solid-xl-size: 48px;
1791
- --Icon-Solid-2XL-font-icon-solid-2xl-size: 80px;
1134
+ --Sitewide-alerts-Boolean: 0;
1135
+ --Sitewide-alerts-Footer-group-true: 1;
1136
+ --Sitewide-alerts-Link-true: 1;
1137
+ --Sitewide-alerts-Announced-date-true: 1;
1792
1138
  }
1793
1139
 
1794
1140
  /* Collection: sizes 4.0 */
1795
- [data-sizes-40="Mode-1"] {
1141
+ [data-sizes-40="Mode-1"],
1142
+ [data-sizes-40="Mode-1"] * {
1796
1143
  --breakpoints-xs: 0;
1797
1144
  --breakpoints-s: 320px;
1798
1145
  --breakpoints-m: 640px;
@@ -1809,84 +1156,71 @@
1809
1156
  }
1810
1157
 
1811
1158
  /* Collection: ramps 4.0 */
1812
- [data-ramps-40="reversed_40ramps2_tokens"] {
1813
- --blue-750-blue: rgb(232, 235, 255);
1814
- --blue-700-blue: rgb(207, 214, 255);
1815
- --blue-650-blue: rgb(184, 194, 252);
1816
- --blue-600-blue: rgb(158, 173, 252);
1817
- --blue-550-blue: rgb(135, 153, 252);
1818
- --blue-500-blue: rgb(112, 133, 250);
1819
- --blue-450-blue: rgb(87, 112, 250);
1820
- --blue-350-blue: rgb(13, 46, 222);
1821
- --blue-300-blue: rgb(10, 38, 196);
1822
- --blue-250-blue: rgb(10, 31, 173);
1823
- --blue-200-blue: rgb(8, 26, 148);
1824
- --blue-150-blue: rgb(5, 20, 122);
1825
- --blue-100-blue: rgb(3, 15, 97);
1826
- --blue-50-blue: rgb(0, 10, 74);
1827
- --dark-blue-750-dark-blue: rgb(232, 230, 242);
1828
- --dark-blue-700-dark-blue: rgb(212, 204, 232);
1829
- --dark-blue-650-dark-blue: rgb(191, 179, 219);
1830
- --dark-blue-600-dark-blue: rgb(168, 153, 209);
1831
- --dark-blue-550-dark-blue: rgb(148, 128, 196);
1832
- --dark-blue-500-dark-blue: rgb(125, 102, 186);
1833
- --dark-blue-450-dark-blue: rgb(105, 77, 173);
1834
- --dark-blue-350-dark-blue: rgb(33, 0, 125);
1835
- --dark-blue-300-dark-blue: rgb(28, 0, 112);
1836
- --dark-blue-250-dark-blue: rgb(23, 0, 97);
1837
- --dark-blue-200-dark-blue: rgb(20, 0, 84);
1838
- --dark-blue-150-dark-blue: rgb(13, 0, 71);
1839
- --dark-blue-100-dark-blue: rgb(10, 0, 56);
1840
- --dark-blue-50-dark-blue: rgb(5, 0, 43);
1841
- --dark-ben-franklin-blue-750-dark-ben-franklin-blue: rgb(232, 237, 245);
1842
- --dark-ben-franklin-blue-700-dark-ben-franklin-blue: rgb(207, 219, 232);
1843
- --dark-ben-franklin-blue-650-dark-ben-franklin-blue: rgb(184, 201, 222);
1844
- --dark-ben-franklin-blue-600-dark-ben-franklin-blue: rgb(158, 184, 209);
1845
- --dark-ben-franklin-blue-550-dark-ben-franklin-blue: rgb(135, 166, 199);
1846
- --dark-ben-franklin-blue-500-dark-ben-franklin-blue: rgb(112, 148, 189);
1847
- --dark-ben-franklin-blue-450-dark-ben-franklin-blue: rgb(87, 130, 176);
1848
- --dark-ben-franklin-blue-350-dark-ben-franklin-blue: rgb(13, 69, 128);
1849
- --dark-ben-franklin-blue-300-dark-ben-franklin-blue: rgb(10, 56, 115);
1850
- --dark-ben-franklin-blue-250-dark-ben-franklin-blue: rgb(10, 46, 99);
1851
- --dark-ben-franklin-blue-200-dark-ben-franklin-blue: rgb(8, 38, 84);
1852
- --dark-ben-franklin-blue-150-dark-ben-franklin-blue: rgb(5, 31, 71);
1853
- --dark-ben-franklin-blue-100-dark-ben-franklin-blue: rgb(3, 23, 56);
1854
- --dark-ben-franklin-blue-50-dark-ben-franklin-blue: rgb(0, 15, 43);
1855
- --light-blue-750-light-blue: rgb(232, 242, 255);
1856
- --light-blue-700-light-blue: rgb(209, 232, 255);
1857
- --light-blue-650-light-blue: rgb(184, 219, 255);
1858
- --light-blue-600-light-blue: rgb(161, 209, 255);
1859
- --light-blue-550-light-blue: rgb(138, 196, 255);
1860
- --light-blue-500-light-blue: rgb(112, 186, 255);
1861
- --light-blue-400-light-blue: rgb(18, 140, 255);
1862
- --light-blue-350-light-blue: rgb(15, 125, 230);
1863
- --light-blue-300-light-blue: rgb(13, 112, 204);
1864
- --light-blue-250-light-blue: rgb(13, 97, 179);
1865
- --light-blue-200-light-blue: rgb(10, 84, 153);
1866
- --light-blue-150-light-blue: rgb(8, 71, 128);
1867
- --light-blue-100-light-blue: rgb(5, 56, 102);
1868
- --light-blue-50-light-blue: rgb(5, 43, 77);
1869
- --white-750-white: rgb(255, 255, 255);
1159
+ [data-ramps-40="Ramps"],
1160
+ [data-ramps-40="Ramps"] * {
1161
+ --union-blue-750-union-blue: rgb(255, 255, 255);
1162
+ --union-blue-700-union-blue: rgb(181, 195, 230);
1163
+ --union-blue-650-union-blue: rgb(119, 144, 205);
1164
+ --union-blue-600-union-blue: rgb(71, 100, 183);
1165
+ --union-blue-550-union-blue: rgb(37, 65, 164);
1166
+ --union-blue-450-union-blue: rgb(20, 40, 146);
1167
+ --union-blue-400-union-blue: rgb(17, 36, 132);
1168
+ --union-blue-350-union-blue: rgb(14, 30, 115);
1169
+ --union-blue-300-union-blue: rgb(9, 23, 94);
1170
+ --union-blue-250-union-blue: rgb(5, 15, 72);
1171
+ --union-blue-200-union-blue: rgb(2, 8, 49);
1172
+ --union-blue-150-union-blue: rgb(1, 2, 25);
1173
+ --union-blue-100-union-blue: rgb(0, 0, 5);
1174
+ --union-blue-50-union-blue: rgb(0, 0, 0);
1175
+ --powder-blue-750-powder-blue: rgb(255, 255, 255);
1176
+ --powder-blue-700-powder-blue: rgb(219, 239, 255);
1177
+ --powder-blue-650-powder-blue: rgb(187, 225, 255);
1178
+ --powder-blue-600-powder-blue: rgb(159, 212, 255);
1179
+ --powder-blue-550-powder-blue: rgb(137, 202, 254);
1180
+ --powder-blue-450-powder-blue: rgb(118, 187, 242);
1181
+ --powder-blue-400-powder-blue: rgb(106, 170, 219);
1182
+ --powder-blue-350-powder-blue: rgb(92, 148, 191);
1183
+ --powder-blue-300-powder-blue: rgb(75, 122, 159);
1184
+ --powder-blue-250-powder-blue: rgb(57, 94, 123);
1185
+ --powder-blue-200-powder-blue: rgb(38, 65, 86);
1186
+ --powder-blue-150-powder-blue: rgb(18, 36, 49);
1187
+ --powder-blue-100-powder-blue: rgb(3, 8, 14);
1188
+ --powder-blue-50-powder-blue: rgb(0, 0, 0);
1189
+ --electric-blue-750-electric-blue: rgb(255, 255, 255);
1190
+ --electric-blue-700-electric-blue: rgb(206, 241, 252);
1191
+ --electric-blue-650-electric-blue: rgb(159, 229, 250);
1192
+ --electric-blue-600-electric-blue: rgb(114, 218, 247);
1193
+ --electric-blue-550-electric-blue: rgb(66, 209, 244);
1194
+ --electric-blue-450-electric-blue: rgb(3, 194, 231);
1195
+ --electric-blue-400-electric-blue: rgb(2, 176, 210);
1196
+ --electric-blue-350-electric-blue: rgb(2, 153, 183);
1197
+ --electric-blue-300-electric-blue: rgb(1, 127, 152);
1198
+ --electric-blue-250-electric-blue: rgb(1, 98, 118);
1199
+ --electric-blue-200-electric-blue: rgb(0, 68, 82);
1200
+ --electric-blue-150-electric-blue: rgb(0, 37, 46);
1201
+ --electric-blue-100-electric-blue: rgb(0, 8, 12);
1202
+ --electric-blue-50-electric-blue: rgb(0, 0, 0);
1870
1203
  --white-700-white: rgb(255, 255, 255);
1871
1204
  --white-650-white: rgb(255, 255, 255);
1872
1205
  --white-600-white: rgb(255, 255, 255);
1873
1206
  --white-550-white: rgb(255, 255, 255);
1874
1207
  --white-500-white: rgb(255, 255, 255);
1875
- --white-450-white: rgb(255, 255, 255);
1876
- --white-350-white: rgb(230, 230, 230);
1877
- --white-300-white: rgb(204, 204, 204);
1878
- --white-250-white: rgb(179, 179, 179);
1879
- --white-200-white: rgb(153, 153, 153);
1880
- --white-150-white: rgb(128, 128, 128);
1881
- --white-100-white: rgb(102, 102, 102);
1882
- --white-50-white: rgb(77, 77, 77);
1883
- --black-750-black: rgb(230, 230, 230);
1884
- --black-700-black: rgb(204, 204, 204);
1885
- --black-650-black: rgb(179, 179, 179);
1886
- --black-600-black: rgb(153, 153, 153);
1887
- --black-550-black: rgb(128, 128, 128);
1888
- --black-500-black: rgb(102, 102, 102);
1889
- --black-450-black: rgb(77, 77, 77);
1208
+ --white-450-white: rgb(243, 243, 243);
1209
+ --white-400-white: rgb(220, 220, 220);
1210
+ --white-350-white: rgb(192, 192, 192);
1211
+ --white-300-white: rgb(159, 159, 159);
1212
+ --white-250-white: rgb(124, 124, 124);
1213
+ --white-200-white: rgb(87, 87, 87);
1214
+ --white-150-white: rgb(49, 49, 49);
1215
+ --white-100-white: rgb(14, 14, 14);
1216
+ --white-50-white: rgb(0, 0, 0);
1217
+ --black-750-black: rgb(255, 255, 255);
1218
+ --black-700-black: rgb(163, 163, 163);
1219
+ --black-650-black: rgb(89, 89, 89);
1220
+ --black-600-black: rgb(34, 34, 34);
1221
+ --black-550-black: rgb(2, 2, 2);
1222
+ --black-450-black: rgb(0, 0, 0);
1223
+ --black-400-black: rgb(0, 0, 0);
1890
1224
  --black-350-black: rgb(0, 0, 0);
1891
1225
  --black-300-black: rgb(0, 0, 0);
1892
1226
  --black-250-black: rgb(0, 0, 0);
@@ -1894,198 +1228,193 @@
1894
1228
  --black-150-black: rgb(0, 0, 0);
1895
1229
  --black-100-black: rgb(0, 0, 0);
1896
1230
  --black-50-black: rgb(0, 0, 0);
1897
- --grey-750-grey: rgb(250, 250, 250);
1898
- --grey-700-grey: rgb(247, 247, 247);
1899
- --grey-650-grey: rgb(242, 242, 242);
1900
- --grey-600-grey: rgb(240, 240, 240);
1901
- --grey-550-grey: rgb(235, 235, 235);
1902
- --grey-500-grey: rgb(232, 232, 232);
1903
- --grey-450-grey: rgb(227, 227, 227);
1904
- --grey-350-grey: rgb(194, 194, 194);
1905
- --grey-300-grey: rgb(173, 173, 173);
1906
- --grey-250-grey: rgb(150, 150, 150);
1907
- --grey-200-grey: rgb(130, 130, 130);
1908
- --grey-150-grey: rgb(107, 107, 107);
1909
- --grey-100-grey: rgb(87, 87, 87);
1910
- --grey-50-grey: rgb(64, 64, 64);
1911
- --light-grey-750-light-grey: rgb(255, 255, 255);
1912
- --light-grey-700-light-grey: rgb(252, 252, 252);
1913
- --light-grey-650-light-grey: rgb(252, 252, 252);
1914
- --light-grey-600-light-grey: rgb(250, 250, 250);
1915
- --light-grey-550-light-grey: rgb(250, 250, 250);
1916
- --light-grey-500-light-grey: rgb(250, 250, 250);
1917
- --light-grey-450-light-grey: rgb(247, 247, 247);
1918
- --light-grey-350-light-grey: rgb(219, 219, 219);
1919
- --light-grey-300-light-grey: rgb(194, 194, 194);
1920
- --light-grey-250-light-grey: rgb(168, 168, 168);
1921
- --light-grey-200-light-grey: rgb(145, 145, 145);
1922
- --light-grey-150-light-grey: rgb(120, 120, 120);
1923
- --light-grey-100-light-grey: rgb(97, 97, 97);
1924
- --light-grey-50-light-grey: rgb(71, 71, 71);
1925
- --medium-grey-750-medium-grey: rgb(250, 250, 250);
1926
- --medium-grey-700-medium-grey: rgb(245, 245, 245);
1927
- --medium-grey-650-medium-grey: rgb(240, 240, 240);
1928
- --medium-grey-600-medium-grey: rgb(235, 235, 235);
1929
- --medium-grey-550-medium-grey: rgb(230, 230, 230);
1930
- --medium-grey-500-medium-grey: rgb(224, 224, 224);
1931
- --medium-grey-450-medium-grey: rgb(219, 219, 219);
1932
- --medium-grey-350-medium-grey: rgb(186, 186, 186);
1933
- --medium-grey-300-medium-grey: rgb(166, 166, 166);
1934
- --medium-grey-250-medium-grey: rgb(143, 143, 143);
1935
- --medium-grey-200-medium-grey: rgb(125, 125, 125);
1936
- --medium-grey-150-medium-grey: rgb(102, 102, 102);
1937
- --medium-grey-100-medium-grey: rgb(82, 82, 82);
1938
- --medium-grey-50-medium-grey: rgb(61, 61, 61);
1939
- --dark-grey-750-dark-grey: rgb(237, 237, 237);
1940
- --dark-grey-700-dark-grey: rgb(217, 217, 217);
1941
- --dark-grey-650-dark-grey: rgb(199, 199, 199);
1942
- --dark-grey-600-dark-grey: rgb(181, 181, 181);
1943
- --dark-grey-550-dark-grey: rgb(163, 163, 163);
1944
- --dark-grey-500-dark-grey: rgb(143, 143, 143);
1945
- --dark-grey-450-dark-grey: rgb(125, 125, 125);
1946
- --dark-grey-350-dark-grey: rgb(61, 61, 61);
1947
- --dark-grey-300-dark-grey: rgb(56, 56, 56);
1948
- --dark-grey-250-dark-grey: rgb(48, 48, 48);
1949
- --dark-grey-200-dark-grey: rgb(41, 41, 41);
1950
- --dark-grey-150-dark-grey: rgb(33, 33, 33);
1951
- --dark-grey-100-dark-grey: rgb(28, 28, 28);
1952
- --dark-grey-50-dark-grey: rgb(20, 20, 20);
1953
- --bell-yellow-750-bell-yellow: rgb(252, 250, 232);
1954
- --bell-yellow-700-bell-yellow: rgb(250, 245, 209);
1955
- --bell-yellow-650-bell-yellow: rgb(250, 240, 184);
1956
- --bell-yellow-600-bell-yellow: rgb(247, 232, 161);
1957
- --bell-yellow-550-bell-yellow: rgb(245, 227, 138);
1958
- --bell-yellow-500-bell-yellow: rgb(245, 224, 112);
1959
- --bell-yellow-450-bell-yellow: rgb(242, 217, 89);
1960
- --bell-yellow-350-bell-yellow: rgb(217, 179, 15);
1961
- --bell-yellow-300-bell-yellow: rgb(194, 158, 13);
1962
- --bell-yellow-250-bell-yellow: rgb(168, 140, 13);
1963
- --bell-yellow-200-bell-yellow: rgb(145, 120, 10);
1964
- --bell-yellow-150-bell-yellow: rgb(120, 99, 10);
1965
- --bell-yellow-100-bell-yellow: rgb(97, 79, 8);
1966
- --bell-yellow-50-bell-yellow: rgb(71, 59, 5);
1967
- --orange-750-orange: rgb(252, 240, 232);
1968
- --orange-700-orange: rgb(250, 224, 214);
1969
- --orange-650-orange: rgb(250, 209, 194);
1970
- --orange-600-orange: rgb(247, 194, 176);
1971
- --orange-550-orange: rgb(245, 179, 156);
1972
- --orange-500-orange: rgb(245, 163, 135);
1973
- --orange-450-orange: rgb(242, 148, 117);
1974
- --orange-350-orange: rgb(212, 92, 51);
1975
- --orange-300-orange: rgb(189, 82, 43);
1976
- --orange-250-orange: rgb(166, 71, 38);
1977
- --orange-200-orange: rgb(143, 61, 33);
1978
- --orange-150-orange: rgb(117, 51, 28);
1979
- --orange-100-orange: rgb(94, 41, 23);
1980
- --orange-50-orange: rgb(71, 31, 15);
1981
- --red-750-red: rgb(255, 230, 230);
1982
- --red-700-red: rgb(255, 204, 204);
1983
- --red-650-red: rgb(255, 179, 181);
1984
- --red-600-red: rgb(255, 153, 156);
1985
- --red-550-red: rgb(255, 130, 130);
1986
- --red-500-red: rgb(255, 105, 107);
1987
- --red-450-red: rgb(255, 79, 82);
1988
- --red-350-red: rgb(230, 5, 8);
1989
- --red-300-red: rgb(204, 5, 5);
1990
- --red-250-red: rgb(179, 3, 5);
1991
- --red-200-red: rgb(153, 3, 5);
1992
- --red-150-red: rgb(128, 3, 5);
1993
- --red-100-red: rgb(102, 3, 3);
1994
- --red-50-red: rgb(77, 0, 3);
1995
- --light-green-750-light-green: rgb(250, 255, 250);
1996
- --light-green-700-light-green: rgb(245, 252, 245);
1997
- --light-green-650-light-green: rgb(237, 250, 242);
1998
- --light-green-600-light-green: rgb(232, 250, 237);
1999
- --light-green-550-light-green: rgb(227, 247, 235);
2000
- --light-green-500-light-green: rgb(222, 245, 230);
2001
- --light-green-450-light-green: rgb(217, 245, 224);
2002
- --light-green-350-light-green: rgb(181, 217, 186);
2003
- --light-green-300-light-green: rgb(161, 194, 166);
2004
- --light-green-250-light-green: rgb(140, 168, 145);
2005
- --light-green-200-light-green: rgb(120, 145, 125);
2006
- --light-green-150-light-green: rgb(99, 120, 102);
2007
- --light-green-100-light-green: rgb(79, 97, 82);
2008
- --light-green-50-light-green: rgb(59, 71, 61);
2009
- --green-750-green: rgb(232, 247, 232);
2010
- --green-700-green: rgb(209, 240, 212);
2011
- --green-650-green: rgb(186, 232, 191);
2012
- --green-600-green: rgb(163, 227, 171);
2013
- --green-550-green: rgb(140, 219, 148);
2014
- --green-500-green: rgb(117, 212, 128);
2015
- --green-450-green: rgb(97, 204, 105);
2016
- --green-350-green: rgb(26, 166, 36);
2017
- --green-300-green: rgb(23, 148, 33);
2018
- --green-250-green: rgb(20, 128, 28);
2019
- --green-200-green: rgb(15, 110, 23);
2020
- --green-150-green: rgb(13, 92, 20);
2021
- --green-100-green: rgb(10, 74, 15);
2022
- --green-50-green: rgb(8, 56, 13);
2023
- --dark-green-750-dark-green: rgb(232, 240, 230);
2024
- --dark-green-700-dark-green: rgb(209, 224, 204);
2025
- --dark-green-650-dark-green: rgb(186, 212, 179);
2026
- --dark-green-600-dark-green: rgb(161, 196, 153);
2027
- --dark-green-550-dark-green: rgb(140, 181, 128);
2028
- --dark-green-500-dark-green: rgb(117, 166, 102);
2029
- --dark-green-450-dark-green: rgb(94, 150, 77);
2030
- --dark-green-350-dark-green: rgb(20, 97, 0);
2031
- --dark-green-300-dark-green: rgb(18, 84, 0);
2032
- --dark-green-250-dark-green: rgb(15, 74, 0);
2033
- --dark-green-200-dark-green: rgb(13, 64, 0);
2034
- --dark-green-150-dark-green: rgb(10, 54, 0);
2035
- --dark-green-100-dark-green: rgb(10, 43, 0);
2036
- --dark-green-50-dark-green: rgb(5, 33, 0);
2037
- --pink-750-pink: rgb(250, 232, 242);
2038
- --pink-700-pink: rgb(247, 209, 230);
2039
- --pink-650-pink: rgb(245, 189, 217);
2040
- --pink-600-pink: rgb(240, 166, 204);
2041
- --pink-550-pink: rgb(237, 143, 191);
2042
- --pink-500-pink: rgb(232, 120, 179);
2043
- --pink-450-pink: rgb(230, 97, 166);
2044
- --pink-350-pink: rgb(196, 28, 115);
2045
- --pink-300-pink: rgb(176, 23, 102);
2046
- --pink-250-pink: rgb(153, 20, 89);
2047
- --pink-200-pink: rgb(130, 18, 77);
2048
- --pink-150-pink: rgb(110, 15, 64);
2049
- --pink-100-pink: rgb(87, 13, 51);
2050
- --pink-50-pink: rgb(64, 10, 38);
2051
- --purple-750-purple: rgb(240, 230, 252);
2052
- --purple-700-purple: rgb(224, 204, 247);
2053
- --purple-650-purple: rgb(207, 179, 245);
2054
- --purple-600-purple: rgb(191, 153, 242);
2055
- --purple-550-purple: rgb(176, 128, 237);
2056
- --purple-500-purple: rgb(161, 102, 235);
2057
- --purple-450-purple: rgb(143, 77, 232);
2058
- --purple-350-purple: rgb(89, 0, 199);
2059
- --purple-300-purple: rgb(79, 0, 176);
2060
- --purple-250-purple: rgb(69, 0, 156);
2061
- --purple-200-purple: rgb(59, 0, 133);
2062
- --purple-150-purple: rgb(48, 0, 112);
2063
- --purple-100-purple: rgb(38, 0, 87);
2064
- --purple-50-purple: rgb(28, 0, 66);
2065
- }
2066
-
2067
- /* Collection: Core Dimensions */
2068
- [data-Core-Dimensions="Mode-1"] {
2069
- --dimension-core-0: 0;
2070
- --dimension-core-25: 2px;
2071
- --dimension-core-50: 4px;
2072
- --dimension-core-75: 6px;
2073
- --dimension-core-100: 8px;
2074
- --dimension-core-150: 12px;
2075
- --dimension-core-175: 14px;
2076
- --dimension-core-200: 16px;
2077
- --dimension-core-250: 20px;
2078
- --dimension-core-300: 24px;
2079
- --dimension-core-400: 32px;
2080
- --dimension-core-500: 40px;
2081
- --dimension-core-600: 48px;
2082
- --dimension-core-700: 56px;
2083
- --dimension-core-800: 64px;
2084
- --dimension-core-1000: 80px;
1231
+ --sidewalk-grey-750-sidewalk-grey: rgb(255, 255, 255);
1232
+ --sidewalk-grey-700-sidewalk-grey: rgb(241, 241, 241);
1233
+ --sidewalk-grey-650-sidewalk-grey: rgb(229, 229, 229);
1234
+ --sidewalk-grey-600-sidewalk-grey: rgb(219, 219, 219);
1235
+ --sidewalk-grey-550-sidewalk-grey: rgb(211, 211, 211);
1236
+ --sidewalk-grey-450-sidewalk-grey: rgb(197, 197, 197);
1237
+ --sidewalk-grey-400-sidewalk-grey: rgb(178, 178, 178);
1238
+ --sidewalk-grey-350-sidewalk-grey: rgb(155, 155, 155);
1239
+ --sidewalk-grey-300-sidewalk-grey: rgb(128, 128, 128);
1240
+ --sidewalk-grey-250-sidewalk-grey: rgb(99, 99, 99);
1241
+ --sidewalk-grey-200-sidewalk-grey: rgb(69, 69, 69);
1242
+ --sidewalk-grey-150-sidewalk-grey: rgb(38, 38, 38);
1243
+ --sidewalk-grey-100-sidewalk-grey: rgb(9, 9, 9);
1244
+ --sidewalk-grey-50-sidewalk-grey: rgb(0, 0, 0);
1245
+ --ghost-grey-750-ghost-grey: rgb(255, 255, 255);
1246
+ --ghost-grey-700-ghost-grey: rgb(251, 251, 251);
1247
+ --ghost-grey-650-ghost-grey: rgb(247, 247, 247);
1248
+ --ghost-grey-600-ghost-grey: rgb(244, 244, 244);
1249
+ --ghost-grey-550-ghost-grey: rgb(241, 241, 241);
1250
+ --ghost-grey-450-ghost-grey: rgb(228, 228, 228);
1251
+ --ghost-grey-400-ghost-grey: rgb(207, 207, 207);
1252
+ --ghost-grey-350-ghost-grey: rgb(180, 180, 180);
1253
+ --ghost-grey-300-ghost-grey: rgb(150, 150, 150);
1254
+ --ghost-grey-250-ghost-grey: rgb(116, 116, 116);
1255
+ --ghost-grey-200-ghost-grey: rgb(81, 81, 81);
1256
+ --ghost-grey-150-ghost-grey: rgb(46, 46, 46);
1257
+ --ghost-grey-100-ghost-grey: rgb(12, 12, 12);
1258
+ --ghost-grey-50-ghost-grey: rgb(0, 0, 0);
1259
+ --medium-grey-750-medium-grey: rgb(255, 255, 255);
1260
+ --medium-grey-700-medium-grey: rgb(227, 227, 227);
1261
+ --medium-grey-650-medium-grey: rgb(204, 204, 204);
1262
+ --medium-grey-600-medium-grey: rgb(184, 184, 184);
1263
+ --medium-grey-550-medium-grey: rgb(169, 169, 169);
1264
+ --medium-grey-450-medium-grey: rgb(153, 153, 153);
1265
+ --medium-grey-400-medium-grey: rgb(138, 138, 138);
1266
+ --medium-grey-350-medium-grey: rgb(120, 120, 120);
1267
+ --medium-grey-300-medium-grey: rgb(99, 99, 99);
1268
+ --medium-grey-250-medium-grey: rgb(76, 76, 76);
1269
+ --medium-grey-200-medium-grey: rgb(52, 52, 52);
1270
+ --medium-grey-150-medium-grey: rgb(27, 27, 27);
1271
+ --medium-grey-100-medium-grey: rgb(5, 5, 5);
1272
+ --medium-grey-50-medium-grey: rgb(0, 0, 0);
1273
+ --dark-grey-750-dark-grey: rgb(255, 255, 255);
1274
+ --dark-grey-700-dark-grey: rgb(241, 241, 241);
1275
+ --dark-grey-650-dark-grey: rgb(229, 229, 229);
1276
+ --dark-grey-600-dark-grey: rgb(219, 219, 219);
1277
+ --dark-grey-550-dark-grey: rgb(211, 211, 211);
1278
+ --dark-grey-500-dark-grey: rgb(207, 207, 207);
1279
+ --dark-grey-450-dark-grey: rgb(197, 197, 197);
1280
+ --dark-grey-400-dark-grey: rgb(178, 178, 178);
1281
+ --dark-grey-350-dark-grey: rgb(155, 155, 155);
1282
+ --dark-grey-300-dark-grey: rgb(128, 128, 128);
1283
+ --dark-grey-250-dark-grey: rgb(99, 99, 99);
1284
+ --dark-grey-150-dark-grey: rgb(38, 38, 38);
1285
+ --dark-grey-100-dark-grey: rgb(9, 9, 9);
1286
+ --dark-grey-50-dark-grey: rgb(0, 0, 0);
1287
+ --bell-yellow-750-bell-yellow: rgb(255, 255, 255);
1288
+ --bell-yellow-700-bell-yellow: rgb(251, 240, 204);
1289
+ --bell-yellow-650-bell-yellow: rgb(248, 226, 157);
1290
+ --bell-yellow-600-bell-yellow: rgb(246, 214, 112);
1291
+ --bell-yellow-550-bell-yellow: rgb(243, 204, 66);
1292
+ --bell-yellow-450-bell-yellow: rgb(230, 189, 16);
1293
+ --bell-yellow-400-bell-yellow: rgb(209, 171, 14);
1294
+ --bell-yellow-350-bell-yellow: rgb(182, 149, 10);
1295
+ --bell-yellow-300-bell-yellow: rgb(151, 123, 7);
1296
+ --bell-yellow-250-bell-yellow: rgb(117, 95, 4);
1297
+ --bell-yellow-200-bell-yellow: rgb(82, 66, 2);
1298
+ --bell-yellow-150-bell-yellow: rgb(46, 36, 1);
1299
+ --bell-yellow-100-bell-yellow: rgb(12, 8, 0);
1300
+ --bell-yellow-50-bell-yellow: rgb(0, 0, 0);
1301
+ --flyers-orange-750-flyers-orange: rgb(255, 255, 255);
1302
+ --flyers-orange-700-flyers-orange: rgb(255, 214, 200);
1303
+ --flyers-orange-650-flyers-orange: rgb(251, 177, 152);
1304
+ --flyers-orange-600-flyers-orange: rgb(245, 145, 111);
1305
+ --flyers-orange-550-flyers-orange: rgb(240, 118, 77);
1306
+ --flyers-orange-450-flyers-orange: rgb(224, 98, 53);
1307
+ --flyers-orange-400-flyers-orange: rgb(204, 88, 47);
1308
+ --flyers-orange-350-flyers-orange: rgb(177, 76, 40);
1309
+ --flyers-orange-300-flyers-orange: rgb(147, 61, 31);
1310
+ --flyers-orange-250-flyers-orange: rgb(114, 46, 22);
1311
+ --flyers-orange-200-flyers-orange: rgb(80, 30, 12);
1312
+ --flyers-orange-150-flyers-orange: rgb(45, 13, 4);
1313
+ --flyers-orange-100-flyers-orange: rgb(12, 2, 1);
1314
+ --flyers-orange-50-flyers-orange: rgb(0, 0, 0);
1315
+ --phillies-red-750-phillies-red: rgb(255, 255, 255);
1316
+ --phillies-red-700-phillies-red: rgb(248, 201, 189);
1317
+ --phillies-red-650-phillies-red: rgb(236, 152, 132);
1318
+ --phillies-red-600-phillies-red: rgb(223, 110, 84);
1319
+ --phillies-red-550-phillies-red: rgb(211, 73, 41);
1320
+ --phillies-red-450-phillies-red: rgb(194, 45, 0);
1321
+ --phillies-red-400-phillies-red: rgb(176, 40, 0);
1322
+ --phillies-red-350-phillies-red: rgb(153, 33, 0);
1323
+ --phillies-red-300-phillies-red: rgb(127, 26, 0);
1324
+ --phillies-red-250-phillies-red: rgb(98, 18, 0);
1325
+ --phillies-red-200-phillies-red: rgb(68, 9, 0);
1326
+ --phillies-red-150-phillies-red: rgb(37, 3, 0);
1327
+ --phillies-red-100-phillies-red: rgb(8, 0, 0);
1328
+ --phillies-red-50-phillies-red: rgb(0, 0, 0);
1329
+ --light-green-750-light-green: rgb(255, 255, 255);
1330
+ --light-green-650-light-green: rgb(184, 224, 190);
1331
+ --light-green-600-light-green: rgb(164, 204, 170);
1332
+ --light-green-550-light-green: rgb(145, 185, 151);
1333
+ --light-green-500-light-green: rgb(127, 165, 133);
1334
+ --light-green-450-light-green: rgb(108, 146, 115);
1335
+ --light-green-400-light-green: rgb(91, 128, 97);
1336
+ --light-green-350-light-green: rgb(73, 110, 80);
1337
+ --light-green-300-light-green: rgb(56, 92, 63);
1338
+ --light-green-250-light-green: rgb(40, 75, 47);
1339
+ --light-green-200-light-green: rgb(23, 58, 32);
1340
+ --light-green-150-light-green: rgb(6, 43, 18);
1341
+ --light-green-100-light-green: rgb(0, 27, 0);
1342
+ --light-green-50-light-green: rgb(0, 14, 0);
1343
+ --phanatic-green-750-phanatic-green: rgb(255, 255, 255);
1344
+ --phanatic-green-700-phanatic-green: rgb(202, 236, 200);
1345
+ --phanatic-green-650-phanatic-green: rgb(153, 219, 151);
1346
+ --phanatic-green-600-phanatic-green: rgb(108, 203, 107);
1347
+ --phanatic-green-550-phanatic-green: rgb(65, 191, 69);
1348
+ --phanatic-green-450-phanatic-green: rgb(25, 175, 39);
1349
+ --phanatic-green-400-phanatic-green: rgb(22, 158, 35);
1350
+ --phanatic-green-350-phanatic-green: rgb(17, 138, 29);
1351
+ --phanatic-green-300-phanatic-green: rgb(12, 114, 22);
1352
+ --phanatic-green-250-phanatic-green: rgb(7, 87, 15);
1353
+ --phanatic-green-200-phanatic-green: rgb(3, 60, 7);
1354
+ --phanatic-green-150-phanatic-green: rgb(1, 33, 2);
1355
+ --phanatic-green-100-phanatic-green: rgb(0, 7, 0);
1356
+ --phanatic-green-50-phanatic-green: rgb(0, 0, 0);
1357
+ --eagles-green-750-eagles-green: rgb(255, 255, 255);
1358
+ --eagles-green-700-eagles-green: rgb(196, 220, 191);
1359
+ --eagles-green-650-eagles-green: rgb(144, 190, 135);
1360
+ --eagles-green-600-eagles-green: rgb(100, 164, 88);
1361
+ --eagles-green-550-eagles-green: rgb(64, 144, 48);
1362
+ --eagles-green-450-eagles-green: rgb(38, 126, 14);
1363
+ --eagles-green-400-eagles-green: rgb(33, 114, 11);
1364
+ --eagles-green-350-eagles-green: rgb(27, 99, 8);
1365
+ --eagles-green-300-eagles-green: rgb(21, 81, 5);
1366
+ --eagles-green-250-eagles-green: rgb(14, 61, 3);
1367
+ --eagles-green-200-eagles-green: rgb(7, 41, 1);
1368
+ --eagles-green-150-eagles-green: rgb(2, 21, 0);
1369
+ --eagles-green-100-eagles-green: rgb(0, 3, 0);
1370
+ --eagles-green-50-eagles-green: rgb(0, 0, 0);
1371
+ --pink-750-pink: rgb(255, 255, 255);
1372
+ --pink-700-pink: rgb(254, 228, 236);
1373
+ --pink-650-pink: rgb(252, 201, 218);
1374
+ --pink-600-pink: rgb(248, 174, 200);
1375
+ --pink-550-pink: rgb(243, 146, 182);
1376
+ --pink-500-pink: rgb(236, 116, 164);
1377
+ --pink-450-pink: rgb(229, 84, 147);
1378
+ --pink-350-pink: rgb(197, 0, 110);
1379
+ --pink-300-pink: rgb(167, 0, 86);
1380
+ --pink-250-pink: rgb(137, 0, 63);
1381
+ --pink-200-pink: rgb(108, 0, 42);
1382
+ --pink-150-pink: rgb(80, 0, 22);
1383
+ --pink-100-pink: rgb(74, 0, 16);
1384
+ --pink-50-pink: rgb(74, 0, 16);
1385
+ --purple-750-purple: rgb(255, 255, 255);
1386
+ --purple-700-purple: rgb(242, 230, 252);
1387
+ --purple-650-purple: rgb(229, 206, 250);
1388
+ --purple-600-purple: rgb(214, 181, 247);
1389
+ --purple-550-purple: rgb(200, 157, 243);
1390
+ --purple-500-purple: rgb(184, 133, 240);
1391
+ --purple-450-purple: rgb(167, 108, 236);
1392
+ --purple-400-purple: rgb(149, 83, 232);
1393
+ --purple-350-purple: rgb(129, 56, 228);
1394
+ --purple-250-purple: rgb(74, 0, 201);
1395
+ --purple-200-purple: rgb(32, 0, 174);
1396
+ --purple-150-purple: rgb(0, 0, 136);
1397
+ --purple-100-purple: rgb(0, 0, 128);
1398
+ --purple-50-purple: rgb(0, 0, 128);
1399
+ --sixers-blue-750-sixers-blue: rgb(255, 255, 255);
1400
+ --sixers-blue-700-sixers-blue: rgb(181, 206, 255);
1401
+ --sixers-blue-650-sixers-blue: rgb(118, 161, 255);
1402
+ --sixers-blue-600-sixers-blue: rgb(68, 119, 252);
1403
+ --sixers-blue-550-sixers-blue: rgb(31, 80, 247);
1404
+ --sixers-blue-450-sixers-blue: rgb(15, 49, 232);
1405
+ --sixers-blue-400-sixers-blue: rgb(12, 43, 211);
1406
+ --sixers-blue-350-sixers-blue: rgb(9, 37, 183);
1407
+ --sixers-blue-300-sixers-blue: rgb(6, 29, 152);
1408
+ --sixers-blue-250-sixers-blue: rgb(3, 20, 118);
1409
+ --sixers-blue-200-sixers-blue: rgb(2, 11, 83);
1410
+ --sixers-blue-150-sixers-blue: rgb(1, 3, 47);
1411
+ --sixers-blue-100-sixers-blue: rgb(0, 0, 12);
1412
+ --sixers-blue-50-sixers-blue: rgb(0, 0, 0);
2085
1413
  }
2086
1414
 
2087
1415
  /* Collection: fonts 4.0 */
2088
- [data-fonts-40="Fonts_Desktop"] {
1416
+ [data-fonts-40="Fonts_Desktop"],
1417
+ [data-fonts-40="Fonts_Desktop"] * {
2089
1418
  --Base-font-variables-Family-font-family-primary: "Montserrat";
2090
1419
  --Base-font-variables-Family-font-family-secondary: "Times New Roman";
2091
1420
  --Base-font-variables-Family-font-family-icon: "Font Awesome 7 Pro";
@@ -2098,7 +1427,8 @@
2098
1427
  --Quote-font-quote-weight: "Bold Italic";
2099
1428
  }
2100
1429
 
2101
- [data-fonts-40="Fonts_Mobile"] {
1430
+ [data-fonts-40="Fonts_Mobile"],
1431
+ [data-fonts-40="Fonts_Mobile"] * {
2102
1432
  --Base-font-variables-Family-font-family-primary: "Montserrat";
2103
1433
  --Base-font-variables-Family-font-family-secondary: "Times New Roman";
2104
1434
  --Base-font-variables-Family-font-family-icon: "Font Awesome 7 Pro";
@@ -2111,80 +1441,13 @@
2111
1441
  --Quote-font-quote-weight: "Bold Italic";
2112
1442
  }
2113
1443
 
2114
- /* Collection: text field */
2115
- [data-text-field="text-field-modes"] {
2116
- --color-border-color: rgb(255, 255, 255);
2117
- --color-background-color: rgb(255, 255, 255);
2118
- --color-label-color: rgb(255, 255, 255);
2119
- --color-icon-color: rgb(255, 255, 255);
2120
- --color-button-color: rgb(255, 255, 255);
2121
- --border-width: 0;
2122
- --String: "String value";
2123
- }
2124
-
2125
1444
  /* ========================================= */
2126
1445
  /* ALIAS VARIABLES (Semantic Layer) */
2127
1446
  /* ========================================= */
2128
1447
 
2129
- /* Collection: cards - Aliases */
2130
- [data-cards="master-card"] {
2131
- --radius: var(--border-radius-l);
2132
- --border-top-bottom: 0;
2133
- --surface-color: var(--Schemes-Surface-Bright);
2134
- --content-color: var(--Schemes-On-Surface);
2135
- }
2136
-
2137
- [data-cards="press-release"] {
2138
- --radius: var(--border-radius-m);
2139
- --border-top-bottom: 0;
2140
- --surface-color: var(--Schemes-Surface-Bright);
2141
- --content-color: var(--Schemes-On-Surface);
2142
- }
2143
-
2144
- [data-cards="card-with-media"] {
2145
- --radius: var(--border-radius-l);
2146
- --border-top-bottom: 0;
2147
- --surface-color: var(--Schemes-Surface-Bright);
2148
- --content-color: var(--Schemes-On-Surface);
2149
- }
2150
-
2151
- [data-cards="card-with-link"] {
2152
- --radius: var(--border-radius-m);
2153
- --border-top-bottom: 0;
2154
- --surface-color: var(--Schemes-Surface-Bright);
2155
- --content-color: var(--Schemes-On-Surface);
2156
- }
2157
-
2158
- [data-cards="resource-card"] {
2159
- --radius: var(--border-radius-m);
2160
- --border-top-bottom: 0;
2161
- --surface-color: var(--Schemes-Surface-Bright);
2162
- --content-color: var(--Schemes-On-Surface);
2163
- }
2164
-
2165
- [data-cards="flag-with-media"] {
2166
- --radius: var(--border-radius-m);
2167
- --border-top-bottom: 0;
2168
- --surface-color: var(--Schemes-Primary);
2169
- --content-color: var(--Schemes-On-Inverse-Surface-Bright);
2170
- }
2171
-
2172
- [data-cards="call-to-action"] {
2173
- --radius: 0;
2174
- --border-top-bottom: var(--border-width-l);
2175
- --surface-color: var(--Schemes-Surface-Bright);
2176
- --content-color: var(--Schemes-On-Surface);
2177
- }
2178
-
2179
- [data-cards="map-card"] {
2180
- --radius: var(--border-radius-m);
2181
- --border-top-bottom: var(--border-width-l);
2182
- --surface-color: var(--Schemes-Surface-Bright);
2183
- --content-color: var(--Schemes-On-Surface);
2184
- }
2185
-
2186
1448
  /* Collection: components 4.0 - Aliases */
2187
- [data-components-40="Layout---Desktop"] {
1449
+ [data-components-40="Layout---Desktop"],
1450
+ [data-components-40="Layout---Desktop"] * {
2188
1451
  --Radio-button-size: var(--scale-250);
2189
1452
  --Radio-label-size: var(--Body-Default-font-body-default-size);
2190
1453
  --Radio-selected-border-width: var(--border-width-xl);
@@ -2192,8 +1455,10 @@
2192
1455
  --Sitewide-alerts-alert-width: var(--devices-xl);
2193
1456
  }
2194
1457
 
2195
- [data-components-40="Layout---Mobile"] {
1458
+ [data-components-40="Layout---Mobile"],
1459
+ [data-components-40="Layout---Mobile"] * {
2196
1460
  --Breadcrumb-Space-Between: 0;
1461
+ --Focus-Ring-Color: var(--Schemes-Primary);
2197
1462
  --Radio-button-size: var(--scale-300);
2198
1463
  --Radio-label-size: var(--Body-Default-font-body-default-size);
2199
1464
  --Radio-selected-border-width: var(--border-width-2xl);
@@ -2201,427 +1466,48 @@
2201
1466
  --Sitewide-alerts-alert-width: var(--devices-s);
2202
1467
  }
2203
1468
 
2204
- /* Collection: (old) fonts 4.0 - Aliases */
2205
- [data--old-fonts-40="Fonts_Mobile"] {
2206
- --Display-font-display-family: var(--Base-font-variables-Family-font-family-primary);
2207
- --Display-Display-1-font-display-1-family: var(--Display-font-display-family);
2208
- --Display-Display-1-font-display-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2209
- --Display-Display-1-font-display-1-size: var(--scale-600);
2210
- --Display-Display-1-font-display-1-lineheight: var(--scale-800);
2211
- --Display-Display-1-font-display-1-margin-top: var(--scale-0);
2212
- --Display-Display-1-font-display-1-margin-bottom: var(--scale-200);
2213
- --Display-Display-2-font-display-2-family: var(--Display-font-display-family);
2214
- --Display-Display-2-font-display-2-eight: var(--Base-font-variables-Weight-font-weight-semibold);
2215
- --Heading-font-heading-family: var(--Base-font-variables-Family-font-family-primary);
2216
- --Heading-H1-font-heading-1-family: var(--Heading-font-heading-family);
2217
- --Heading-H1-font-heading-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2218
- --Heading-H2-font-heading-2-family: var(--Heading-font-heading-family);
2219
- --Heading-H2-font-heading-2-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2220
- --Heading-H3-font-heading-3-family: var(--Heading-font-heading-family);
2221
- --Heading-H3-font-heading-3-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2222
- --Heading-H4-font-heading-4-family: var(--Heading-font-heading-family);
2223
- --Heading-H4-font-heading-4-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2224
- --Heading-H5-font-heading-5-family: var(--Heading-font-heading-family);
2225
- --Heading-H5-font-heading-5-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2226
- --Heading-H6-font-heading-6-family: var(--Heading-font-heading-family);
2227
- --Heading-H6-font-heading-6-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2228
- --Subtitle-font-subtitle-family: var(--Base-font-variables-Family-font-family-primary);
2229
- --Subtitle-Subtitle-1-font-subtitle-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2230
- --Subtitle-Subtitle-2-font-subtitle-2-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2231
- --Body-font-body-family: var(--Base-font-variables-Family-font-family-primary);
2232
- --Body-ExtraSmall-font-body-xs-family: var(--Body-font-body-family);
2233
- --Body-ExtraSmall-font-body-xs-weight: var(--Base-font-variables-Weight-font-weight-regular);
2234
- --Body-Small-font-body-small-family: var(--Body-font-body-family);
2235
- --Body-Small-font-body-small-weight: var(--Base-font-variables-Weight-font-weight-regular);
2236
- --Body-Default-font-body-default-family: var(--Body-font-body-family);
2237
- --Body-Default-font-body-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
2238
- --Body-Large-font-body-large-family: var(--Body-font-body-family);
2239
- --Body-Large-font-body-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
2240
- --Body-ExtraLarge-font-body-xlarge-family: var(--Body-font-body-family);
2241
- --Body-ExtraLarge-font-body-xlarge-weight: var(--Base-font-variables-Weight-font-weight-regular);
2242
- --Body-2XL-font-body-2xl-family: var(--Body-font-body-family);
2243
- --Body-2XL-font-body-2xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
2244
- --Label-font-label-family: var(--Body-font-body-family);
2245
- --Label-ExtraSmall-font-label-xs-family: var(--Label-font-label-family);
2246
- --Label-ExtraSmall-font-label-xs-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2247
- --Label-ExtraSmall-font-label-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
2248
- --Label-ExtraSmall-font-label-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-lineheight);
2249
- --Label-ExtraSmall-font-label-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
2250
- --Label-ExtraSmall-font-label-xs-margin-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
2251
- --Label-Small-font-label-small-family: var(--Label-font-label-family);
2252
- --Label-Small-font-label-small-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2253
- --Label-Small-font-label-small-size: var(--Body-Small-font-body-small-size);
2254
- --Label-Small-font-label-small-lineheight: var(--Body-Small-font-body-small-lineheight);
2255
- --Label-Small-font-label-small-margin-top: var(--Body-Small-font-body-small-margin-top);
2256
- --Label-Small-font-label-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
2257
- --Label-Default-font-label-default-family: var(--Label-font-label-family);
2258
- --Label-Default-font-label-default-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2259
- --Label-Default-font-label-default-size: var(--Body-Default-font-body-default-size);
2260
- --Label-Default-font-label-default-lineheight: var(--Body-Default-font-body-default-lineheight);
2261
- --Label-Default-font-label-default-margin-top: var(--Body-Default-font-body-default-margin-top);
2262
- --Label-Default-font-label-default-margin-bottom: var(--Body-Default-font-body-default-margin-bottom);
2263
- --Label-Large-font-label-large-family: var(--Label-font-label-family);
2264
- --Label-Large-font-label-large-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2265
- --Label-Large-font-label-large-size: var(--Body-Large-font-body-large-size);
2266
- --Label-Large-font-label-large-lineheight: var(--Body-Large-font-body-large-lineheight);
2267
- --Label-Large-font-label-large-margin-top: var(--Body-Large-font-body-large-margin-top);
2268
- --Label-Large-font-label-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
2269
- --Label-ExtraLarge-font-label-xlarge-family: var(--Label-font-label-family);
2270
- --Label-ExtraLarge-font-label-xlarge-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2271
- --Label-ExtraLarge-font-label-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
2272
- --Label-ExtraLarge-font-label-xlarge-lineheight: var(--Body-ExtraLarge-font-body-xlarge-lineheight);
2273
- --Label-ExtraLarge-font-label-xlarge-margin-top: var(--Body-ExtraLarge-font-body-xlarge-margin-top);
2274
- --Label-ExtraLarge-font-label-xlarge-margin-bottom: var(--Body-ExtraLarge-font-body-xlarge-margin-bottom);
2275
- --Label-2XL-font-label-2xl-family: var(--Label-font-label-family);
2276
- --Label-2XL-font-label-2xl-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2277
- --Label-2XL-font-label-2xl-size: var(--Body-2XL-font-body-2xl-size);
2278
- --Label-2XL-font-label-2xl-lineheight: var(--Body-2XL-font-body-2xl-lineheight);
2279
- --Label-2XL-font-label-2xl-margin-top: var(--Body-2XL-font-body-2xl-margin-top);
2280
- --Label-2XL-font-label-2xl-margin-bottom: var(--Body-2XL-font-body-2xl-margin-bottom);
2281
- --Link-on-Surface-font-link-family: var(--Body-font-body-family);
2282
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-family: var(--Body-font-body-family);
2283
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-weight: var(--Base-font-variables-Weight-font-weight-bold);
2284
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
2285
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-margin-top);
2286
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
2287
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
2288
- --Link-on-Surface-Small-font-link-on-surface-small-family: var(--Body-font-body-family);
2289
- --Link-on-Surface-Small-font-link-on-surface-small-weight: var(--Base-font-variables-Weight-font-weight-bold);
2290
- --Link-on-Surface-Small-font-link-on-surface-small-size: var(--Body-Small-font-body-small-size);
2291
- --Link-on-Surface-Small-font-link-on-surface-small-lineheight: var(--Body-Small-font-body-small-lineheight);
2292
- --Link-on-Surface-Small-font-link-on-surface-small-margin-top: var(--Body-Small-font-body-small-margin-top);
2293
- --Link-on-Surface-Small-font-link-on-surface-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
2294
- --Link-on-Surface-Default-font-link-on-surface-default-family: var(--Body-font-body-family);
2295
- --Link-on-Surface-Default-font-link-on-surface-default-weight: var(--Base-font-variables-Weight-font-weight-bold);
2296
- --Link-on-Surface-Default-font-link-on-surface-default-size: var(--Body-Default-font-body-default-size);
2297
- --Link-on-Surface-Default-font-link-on-surface-default-lineheight: var(--Body-Default-font-body-default-lineheight);
2298
- --Link-on-Surface-Default-font-link-on-surface-default-margin-top: var(--Body-Default-font-body-default-margin-top);
2299
- --Link-on-Surface-Default-font-link-on-surface-default-margin-bottom: var(
2300
- --Body-Default-font-body-default-margin-bottom
2301
- );
2302
- --Link-on-Surface-Large-font-link-on-surface-large-family: var(--Body-font-body-family);
2303
- --Link-on-Surface-Large-font-link-on-surface-large-weight: var(--Base-font-variables-Weight-font-weight-bold);
2304
- --Link-on-Surface-Large-font-link-on-surface-large-size: var(--Body-Large-font-body-large-size);
2305
- --Link-on-Surface-Large-font-link-on-surface-large-lineheight: var(--Body-Large-font-body-large-lineheight);
2306
- --Link-on-Surface-Large-font-link-on-surface-large-margin-top: var(--Body-Large-font-body-large-margin-top);
2307
- --Link-on-Surface-Large-font-link-on-surface-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
2308
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-family: var(--Body-font-body-family);
2309
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-weight: var(--Base-font-variables-Weight-font-weight-bold);
2310
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
2311
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-lineheight: var(
2312
- --Body-ExtraLarge-font-body-xlarge-lineheight
2313
- );
2314
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-margin-top: var(
2315
- --Body-ExtraLarge-font-body-xlarge-margin-top
2316
- );
2317
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-margin-bottom: var(
2318
- --Body-ExtraLarge-font-body-xlarge-margin-bottom
2319
- );
2320
- --Link-on-Primary-font-link-family: var(--Body-font-body-family);
2321
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-family: var(--Body-font-body-family);
2322
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-weight: var(--Base-font-variables-Weight-font-weight-bold);
2323
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
2324
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-margin-top);
2325
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
2326
- --Link-on-Primary-ExtraSmall-font-link-on-primary-small-xs-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
2327
- --Link-on-Primary-Small-font-link-on-primary-small-family: var(--Body-font-body-family);
2328
- --Link-on-Primary-Small-font-link-on-primary-small-weight: var(--Base-font-variables-Weight-font-weight-bold);
2329
- --Link-on-Primary-Small-font-link-on-primary-small-size: var(--Body-Small-font-body-small-size);
2330
- --Link-on-Primary-Small-font-link-on-primary-small-lineheight: var(--Body-Small-font-body-small-lineheight);
2331
- --Link-on-Primary-Small-font-link-on-primary-small-margin-top: var(--Body-Small-font-body-small-margin-top);
2332
- --Link-on-Primary-Small-font-link-on-primary-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
2333
- --Link-on-Primary-Default-font-link-on-primary-default-family: var(--Body-font-body-family);
2334
- --Link-on-Primary-Default-font-link-on-primary-default-weight: var(--Base-font-variables-Weight-font-weight-bold);
2335
- --Link-on-Primary-Default-font-link-on-primary-default-size: var(--Body-Default-font-body-default-size);
2336
- --Link-on-Primary-Default-font-link-on-primary-default-lineheight: var(--Body-Default-font-body-default-lineheight);
2337
- --Link-on-Primary-Default-font-link-on-primary-default-margin-top: var(--Body-Default-font-body-default-margin-top);
2338
- --Link-on-Primary-Default-font-link-on-primary-default-margin-bottom: var(
2339
- --Body-Default-font-body-default-margin-bottom
2340
- );
2341
- --Link-on-Primary-Large-font-link-on-primary-large-family: var(--Body-font-body-family);
2342
- --Link-on-Primary-Large-font-link-on-primary-large-weight: var(--Base-font-variables-Weight-font-weight-bold);
2343
- --Link-on-Primary-Large-font-link-on-primary-large-size: var(--Body-Large-font-body-large-size);
2344
- --Link-on-Primary-Large-font-link-on-primary-large-lineheight: var(--Body-Large-font-body-large-lineheight);
2345
- --Link-on-Primary-Large-font-link-on-primary-large-margin-top: var(--Body-Large-font-body-large-margin-top);
2346
- --Link-on-Primary-Large-font-link-on-primary-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
2347
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-family: var(--Body-font-body-family);
2348
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-weight: var(--Base-font-variables-Weight-font-weight-bold);
2349
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
2350
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-lineheight: var(
2351
- --Body-ExtraLarge-font-body-xlarge-lineheight
2352
- );
2353
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-margin-top: var(
2354
- --Body-ExtraLarge-font-body-xlarge-margin-top
2355
- );
2356
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-margin-bottom: var(
2357
- --Body-ExtraLarge-font-body-xlarge-margin-bottom
2358
- );
2359
- --Quote-font-quote-family: var(--Base-font-variables-Family-font-family-secondary);
2360
- --Icon-Solid-XXSmall-font-icon-solid-xxs-weight: var(--Base-font-variables-Weight-font-weight-solid);
2361
- --Icon-Solid-ExtraSmall-font-icon-solid-xs-weight: var(--Base-font-variables-Weight-font-weight-solid);
2362
- --Icon-Solid-Small-font-icon-solid-small-weight: var(--Base-font-variables-Weight-font-weight-solid);
2363
- --Icon-Solid-Default-font-icon-solid-default-weight: var(--Base-font-variables-Weight-font-weight-solid);
2364
- --Icon-Solid-Large-font-icon-solid-large-weight: var(--Base-font-variables-Weight-font-weight-solid);
2365
- --Icon-Solid-ExtraLarge-font-icon-solid-xl-weight: var(--Base-font-variables-Weight-font-weight-solid);
2366
- --Icon-Solid-2XL-font-icon-solid-2xl-weight: var(--Base-font-variables-Weight-font-weight-solid);
2367
- --Icon-Outline-XXSmall-font-icon-outline-xxs-weight: var(--Base-font-variables-Weight-font-weight-light);
2368
- --Icon-Outline-XXSmall-font-icon-outline-xs-size: var(--Icon-Solid-XXSmall-font-icon-solid-xxs-size);
2369
- --Icon-Outline-ExtraSmall-font-icon-outline-xs-weight: var(--Base-font-variables-Weight-font-weight-light);
2370
- --Icon-Outline-ExtraSmall-font-icon-outline-xs-size: var(--Icon-Solid-ExtraSmall-font-icon-solid-xs-size);
2371
- --Icon-Outline-Small-font-icon-outline-small-weight: var(--Base-font-variables-Weight-font-weight-light);
2372
- --Icon-Outline-Small-font-icon-outline-small-size: var(--Icon-Solid-Small-font-icon-solid-small-size);
2373
- --Icon-Outline-Default-font-icon-outline-default-weight: var(--Base-font-variables-Weight-font-weight-light);
2374
- --Icon-Outline-Default-font-icon-outline-default-size: var(--Icon-Solid-Default-font-icon-solid-default-size);
2375
- --Icon-Outline-Large-font-icon-outline-large-weight: var(--Base-font-variables-Weight-font-weight-light);
2376
- --Icon-Outline-Large-font-icon-outline-large-size: var(--Icon-Solid-Large-font-icon-solid-large-size);
2377
- --Icon-Outline-ExtraLarge-font-icon-outline-xl-weight: var(--Base-font-variables-Weight-font-weight-light);
2378
- --Icon-Outline-ExtraLarge-font-icon-outline-xl-size: var(--Icon-Solid-ExtraLarge-font-icon-solid-xl-size);
2379
- --Icon-Outline-2XLarge-font-icon-outline-2xl-weight: var(--Base-font-variables-Weight-font-weight-light);
2380
- --Icon-Outline-2XLarge-font-icon-outline-2xl-size: var(--Icon-Solid-2XL-font-icon-solid-2xl-size);
2381
- --Icon-Brands-XXSmall-font-icon-brands-xxs-weight: var(--Base-font-variables-Weight-font-weight-regular);
2382
- --Icon-Brands-XXSmall-font-icon-brands-xxs-size: var(--Icon-Solid-XXSmall-font-icon-solid-xxs-size);
2383
- --Icon-Brands-ExtraSmall-font-icon-brands-xs-weight: var(--Base-font-variables-Weight-font-weight-regular);
2384
- --Icon-Brands-ExtraSmall-font-brands-solid-xs-size: var(--Icon-Solid-ExtraSmall-font-icon-solid-xs-size);
2385
- --Icon-Brands-Small-font-icon-brands-small-weight: var(--Base-font-variables-Weight-font-weight-regular);
2386
- --Icon-Brands-Small-font-icon-brands-small-size: var(--Icon-Solid-Small-font-icon-solid-small-size);
2387
- --Icon-Brands-Default-font-icon-brands-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
2388
- --Icon-Brands-Default-font-icon-brands-default-size: var(--Icon-Solid-Default-font-icon-solid-default-size);
2389
- --Icon-Brands-Large-font-icon-brands-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
2390
- --Icon-Brands-Large-font-icon-brands-large-size: var(--Icon-Solid-Large-font-icon-solid-large-size);
2391
- --Icon-Brands-ExtraLarge-font-icon-brands-xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
2392
- --Icon-Brands-ExtraLarge-font-icon-brands-xl-size: var(--Icon-Solid-ExtraLarge-font-icon-solid-xl-size);
2393
- --Icon-Brands-2XL-font-icon-brands-2xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
2394
- --Icon-Brands-2XL-font-icon-brands-2xl-size: var(--Icon-Solid-2XL-font-icon-solid-2xl-size);
2395
- }
2396
-
2397
- [data--old-fonts-40="Fonts_Desktop"] {
2398
- --Display-font-display-family: var(--Base-font-variables-Family-font-family-primary);
2399
- --Display-Display-1-font-display-1-family: var(--Display-font-display-family);
2400
- --Display-Display-1-font-display-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2401
- --Display-Display-1-font-display-1-size: 72px;
2402
- --Display-Display-1-font-display-1-lineheight: 88px;
2403
- --Display-Display-1-font-display-1-margin-top: 0;
2404
- --Display-Display-1-font-display-1-margin-bottom: 24px;
2405
- --Display-Display-2-font-display-2-family: var(--Display-font-display-family);
2406
- --Display-Display-2-font-display-2-eight: var(--Base-font-variables-Weight-font-weight-semibold);
2407
- --Heading-font-heading-family: var(--Base-font-variables-Family-font-family-primary);
2408
- --Heading-H1-font-heading-1-family: var(--Heading-font-heading-family);
2409
- --Heading-H1-font-heading-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2410
- --Heading-H2-font-heading-2-family: var(--Heading-font-heading-family);
2411
- --Heading-H2-font-heading-2-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2412
- --Heading-H3-font-heading-3-family: var(--Heading-font-heading-family);
2413
- --Heading-H3-font-heading-3-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2414
- --Heading-H4-font-heading-4-family: var(--Heading-font-heading-family);
2415
- --Heading-H4-font-heading-4-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2416
- --Heading-H5-font-heading-5-family: var(--Heading-font-heading-family);
2417
- --Heading-H5-font-heading-5-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2418
- --Heading-H6-font-heading-6-family: var(--Heading-font-heading-family);
2419
- --Heading-H6-font-heading-6-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2420
- --Subtitle-font-subtitle-family: var(--Base-font-variables-Family-font-family-primary);
2421
- --Subtitle-Subtitle-1-font-subtitle-1-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2422
- --Subtitle-Subtitle-2-font-subtitle-2-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2423
- --Body-font-body-family: var(--Base-font-variables-Family-font-family-primary);
2424
- --Body-ExtraSmall-font-body-xs-family: var(--Body-font-body-family);
2425
- --Body-ExtraSmall-font-body-xs-weight: var(--Base-font-variables-Weight-font-weight-regular);
2426
- --Body-Small-font-body-small-family: var(--Body-font-body-family);
2427
- --Body-Small-font-body-small-weight: var(--Base-font-variables-Weight-font-weight-regular);
2428
- --Body-Default-font-body-default-family: var(--Body-font-body-family);
2429
- --Body-Default-font-body-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
2430
- --Body-Large-font-body-large-family: var(--Body-font-body-family);
2431
- --Body-Large-font-body-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
2432
- --Body-ExtraLarge-font-body-xlarge-family: var(--Body-font-body-family);
2433
- --Body-ExtraLarge-font-body-xlarge-weight: var(--Base-font-variables-Weight-font-weight-regular);
2434
- --Body-2XL-font-body-2xl-family: var(--Body-font-body-family);
2435
- --Body-2XL-font-body-2xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
2436
- --Label-font-label-family: var(--Body-font-body-family);
2437
- --Label-ExtraSmall-font-label-xs-family: var(--Label-font-label-family);
2438
- --Label-ExtraSmall-font-label-xs-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2439
- --Label-ExtraSmall-font-label-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
2440
- --Label-ExtraSmall-font-label-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-lineheight);
2441
- --Label-ExtraSmall-font-label-xs-margin-top: var(--Body-Default-font-body-default-margin-top);
2442
- --Label-ExtraSmall-font-label-xs-margin-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
2443
- --Label-Small-font-label-small-family: var(--Label-font-label-family);
2444
- --Label-Small-font-label-small-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2445
- --Label-Small-font-label-small-size: var(--Body-Small-font-body-small-size);
2446
- --Label-Small-font-label-small-lineheight: var(--Body-Small-font-body-small-lineheight);
2447
- --Label-Small-font-label-small-margin-top: var(--Body-Small-font-body-small-margin-top);
2448
- --Label-Small-font-label-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
2449
- --Label-Default-font-label-default-family: var(--Label-font-label-family);
2450
- --Label-Default-font-label-default-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2451
- --Label-Default-font-label-default-size: var(--Body-Default-font-body-default-size);
2452
- --Label-Default-font-label-default-lineheight: var(--Body-Default-font-body-default-lineheight);
2453
- --Label-Default-font-label-default-margin-top: var(--Body-Default-font-body-default-margin-top);
2454
- --Label-Default-font-label-default-margin-bottom: var(--Body-Default-font-body-default-margin-bottom);
2455
- --Label-Large-font-label-large-family: var(--Label-font-label-family);
2456
- --Label-Large-font-label-large-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2457
- --Label-Large-font-label-large-size: var(--Body-Large-font-body-large-size);
2458
- --Label-Large-font-label-large-lineheight: var(--Body-Large-font-body-large-lineheight);
2459
- --Label-Large-font-label-large-margin-top: var(--Body-Large-font-body-large-margin-top);
2460
- --Label-Large-font-label-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
2461
- --Label-ExtraLarge-font-label-xlarge-family: var(--Label-font-label-family);
2462
- --Label-ExtraLarge-font-label-xlarge-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2463
- --Label-ExtraLarge-font-label-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
2464
- --Label-ExtraLarge-font-label-xlarge-lineheight: var(--Body-ExtraLarge-font-body-xlarge-lineheight);
2465
- --Label-ExtraLarge-font-label-xlarge-margin-top: var(--Body-ExtraLarge-font-body-xlarge-margin-top);
2466
- --Label-ExtraLarge-font-label-xlarge-margin-bottom: var(--Body-ExtraLarge-font-body-xlarge-margin-bottom);
2467
- --Label-2XL-font-label-2xl-family: var(--Label-font-label-family);
2468
- --Label-2XL-font-label-2xl-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2469
- --Label-2XL-font-label-2xl-size: var(--Body-2XL-font-body-2xl-size);
2470
- --Label-2XL-font-label-2xl-lineheight: var(--Body-2XL-font-body-2xl-lineheight);
2471
- --Label-2XL-font-label-2xl-margin-top: var(--Body-2XL-font-body-2xl-margin-top);
2472
- --Label-2XL-font-label-2xl-margin-bottom: var(--Body-2XL-font-body-2xl-margin-bottom);
2473
- --Link-on-Surface-font-link-family: var(--Body-font-body-family);
2474
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-family: var(--Body-font-body-family);
2475
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-weight: var(--Base-font-variables-Weight-font-weight-bold);
2476
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
2477
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-lineheight);
2478
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
2479
- --Link-on-Surface-ExtraSmall-font-link-on-surface-xs-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
2480
- --Link-on-Surface-Small-font-link-on-surface-small-family: var(--Body-font-body-family);
2481
- --Link-on-Surface-Small-font-link-on-surface-small-weight: var(--Base-font-variables-Weight-font-weight-bold);
2482
- --Link-on-Surface-Small-font-link-on-surface-small-size: var(--Body-Small-font-body-small-size);
2483
- --Link-on-Surface-Small-font-link-on-surface-small-lineheight: var(--Body-Small-font-body-small-lineheight);
2484
- --Link-on-Surface-Small-font-link-on-surface-small-margin-top: var(--Body-Small-font-body-small-margin-top);
2485
- --Link-on-Surface-Small-font-link-on-surface-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
2486
- --Link-on-Surface-Default-font-link-on-surface-default-family: var(--Body-font-body-family);
2487
- --Link-on-Surface-Default-font-link-on-surface-default-weight: var(--Base-font-variables-Weight-font-weight-bold);
2488
- --Link-on-Surface-Default-font-link-on-surface-default-size: var(--Body-Default-font-body-default-size);
2489
- --Link-on-Surface-Default-font-link-on-surface-default-lineheight: var(--Body-Default-font-body-default-lineheight);
2490
- --Link-on-Surface-Default-font-link-on-surface-default-margin-top: var(--Body-Default-font-body-default-margin-top);
2491
- --Link-on-Surface-Default-font-link-on-surface-default-margin-bottom: var(
2492
- --Body-Default-font-body-default-margin-bottom
2493
- );
2494
- --Link-on-Surface-Large-font-link-on-surface-large-family: var(--Body-font-body-family);
2495
- --Link-on-Surface-Large-font-link-on-surface-large-weight: var(--Base-font-variables-Weight-font-weight-bold);
2496
- --Link-on-Surface-Large-font-link-on-surface-large-size: var(--Body-Large-font-body-large-size);
2497
- --Link-on-Surface-Large-font-link-on-surface-large-lineheight: var(--Body-Large-font-body-large-lineheight);
2498
- --Link-on-Surface-Large-font-link-on-surface-large-margin-top: var(--Body-Large-font-body-large-margin-top);
2499
- --Link-on-Surface-Large-font-link-on-surface-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
2500
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-family: var(--Body-font-body-family);
2501
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-weight: var(--Base-font-variables-Weight-font-weight-bold);
2502
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
2503
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-lineheight: var(
2504
- --Body-ExtraLarge-font-body-xlarge-lineheight
2505
- );
2506
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-margin-top: var(
2507
- --Body-ExtraLarge-font-body-xlarge-margin-top
2508
- );
2509
- --Link-on-Surface-ExtraLarge-font-link-on-surface-xlarge-margin-bottom: var(
2510
- --Body-ExtraLarge-font-body-xlarge-margin-bottom
2511
- );
2512
- --Link-on-Primary-font-link-family: var(--Body-font-body-family);
2513
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-family: var(--Body-font-body-family);
2514
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-weight: var(--Base-font-variables-Weight-font-weight-light);
2515
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
2516
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-lineheight);
2517
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
2518
- --Link-on-Primary-ExtraSmall-font-link-on-primary-small-xs-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
2519
- --Link-on-Primary-Small-font-link-on-primary-small-family: var(--Body-font-body-family);
2520
- --Link-on-Primary-Small-font-link-on-primary-small-weight: var(--Base-font-variables-Weight-font-weight-light);
2521
- --Link-on-Primary-Small-font-link-on-primary-small-size: var(--Body-Small-font-body-small-size);
2522
- --Link-on-Primary-Small-font-link-on-primary-small-lineheight: var(--Body-Small-font-body-small-lineheight);
2523
- --Link-on-Primary-Small-font-link-on-primary-small-margin-top: var(--Body-Small-font-body-small-margin-top);
2524
- --Link-on-Primary-Small-font-link-on-primary-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
2525
- --Link-on-Primary-Default-font-link-on-primary-default-family: var(--Body-font-body-family);
2526
- --Link-on-Primary-Default-font-link-on-primary-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
2527
- --Link-on-Primary-Default-font-link-on-primary-default-size: var(--Body-Default-font-body-default-size);
2528
- --Link-on-Primary-Default-font-link-on-primary-default-lineheight: var(--Body-Default-font-body-default-lineheight);
2529
- --Link-on-Primary-Default-font-link-on-primary-default-margin-top: var(--Body-Default-font-body-default-margin-top);
2530
- --Link-on-Primary-Default-font-link-on-primary-default-margin-bottom: var(
2531
- --Body-Default-font-body-default-margin-bottom
2532
- );
2533
- --Link-on-Primary-Large-font-link-on-primary-large-family: var(--Body-font-body-family);
2534
- --Link-on-Primary-Large-font-link-on-primary-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
2535
- --Link-on-Primary-Large-font-link-on-primary-large-size: var(--Body-Large-font-body-large-size);
2536
- --Link-on-Primary-Large-font-link-on-primary-large-lineheight: var(--Body-Large-font-body-large-lineheight);
2537
- --Link-on-Primary-Large-font-link-on-primary-large-margin-top: var(--Body-Large-font-body-large-margin-top);
2538
- --Link-on-Primary-Large-font-link-on-primary-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
2539
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-family: var(--Body-font-body-family);
2540
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-weight: var(
2541
- --Base-font-variables-Weight-font-weight-regular
2542
- );
2543
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
2544
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-lineheight: var(
2545
- --Body-ExtraLarge-font-body-xlarge-lineheight
2546
- );
2547
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-margin-top: var(
2548
- --Body-ExtraLarge-font-body-xlarge-margin-top
2549
- );
2550
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-margin-bottom: var(
2551
- --Body-ExtraLarge-font-body-xlarge-margin-bottom
2552
- );
2553
- --Quote-font-quote-family: var(--Base-font-variables-Family-font-family-secondary);
2554
- --Icon-Solid-XXSmall-font-icon-solid-xxs-weight: var(--Base-font-variables-Weight-font-weight-solid);
2555
- --Icon-Solid-ExtraSmall-font-icon-solid-xs-weight: var(--Base-font-variables-Weight-font-weight-solid);
2556
- --Icon-Solid-Small-font-icon-solid-small-weight: var(--Base-font-variables-Weight-font-weight-solid);
2557
- --Icon-Solid-Default-font-icon-solid-default-weight: var(--Base-font-variables-Weight-font-weight-solid);
2558
- --Icon-Solid-Large-font-icon-solid-large-weight: var(--Base-font-variables-Weight-font-weight-solid);
2559
- --Icon-Solid-ExtraLarge-font-icon-solid-xl-weight: var(--Base-font-variables-Weight-font-weight-solid);
2560
- --Icon-Solid-2XL-font-icon-solid-2xl-weight: var(--Base-font-variables-Weight-font-weight-solid);
2561
- --Icon-Outline-XXSmall-font-icon-outline-xxs-weight: var(--Base-font-variables-Weight-font-weight-light);
2562
- --Icon-Outline-XXSmall-font-icon-outline-xs-size: var(--Icon-Solid-XXSmall-font-icon-solid-xxs-size);
2563
- --Icon-Outline-ExtraSmall-font-icon-outline-xs-weight: var(--Base-font-variables-Weight-font-weight-light);
2564
- --Icon-Outline-ExtraSmall-font-icon-outline-xs-size: var(--Icon-Solid-ExtraSmall-font-icon-solid-xs-size);
2565
- --Icon-Outline-Small-font-icon-outline-small-weight: var(--Base-font-variables-Weight-font-weight-light);
2566
- --Icon-Outline-Small-font-icon-outline-small-size: var(--Icon-Solid-Small-font-icon-solid-small-size);
2567
- --Icon-Outline-Default-font-icon-outline-default-weight: var(--Base-font-variables-Weight-font-weight-light);
2568
- --Icon-Outline-Default-font-icon-outline-default-size: var(--Icon-Solid-Default-font-icon-solid-default-size);
2569
- --Icon-Outline-Large-font-icon-outline-large-weight: var(--Base-font-variables-Weight-font-weight-light);
2570
- --Icon-Outline-Large-font-icon-outline-large-size: var(--Icon-Solid-Large-font-icon-solid-large-size);
2571
- --Icon-Outline-ExtraLarge-font-icon-outline-xl-weight: var(--Base-font-variables-Weight-font-weight-light);
2572
- --Icon-Outline-ExtraLarge-font-icon-outline-xl-size: var(--Icon-Solid-ExtraLarge-font-icon-solid-xl-size);
2573
- --Icon-Outline-2XLarge-font-icon-outline-2xl-weight: var(--Base-font-variables-Weight-font-weight-light);
2574
- --Icon-Outline-2XLarge-font-icon-outline-2xl-size: var(--Icon-Solid-2XL-font-icon-solid-2xl-size);
2575
- --Icon-Brands-XXSmall-font-icon-brands-xxs-weight: var(--Base-font-variables-Weight-font-weight-regular);
2576
- --Icon-Brands-XXSmall-font-icon-brands-xxs-size: var(--Icon-Solid-XXSmall-font-icon-solid-xxs-size);
2577
- --Icon-Brands-ExtraSmall-font-icon-brands-xs-weight: var(--Base-font-variables-Weight-font-weight-regular);
2578
- --Icon-Brands-ExtraSmall-font-brands-solid-xs-size: var(--Icon-Solid-ExtraSmall-font-icon-solid-xs-size);
2579
- --Icon-Brands-Small-font-icon-brands-small-weight: var(--Base-font-variables-Weight-font-weight-regular);
2580
- --Icon-Brands-Small-font-icon-brands-small-size: var(--Icon-Solid-Small-font-icon-solid-small-size);
2581
- --Icon-Brands-Default-font-icon-brands-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
2582
- --Icon-Brands-Default-font-icon-brands-default-size: var(--Icon-Solid-Default-font-icon-solid-default-size);
2583
- --Icon-Brands-Large-font-icon-brands-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
2584
- --Icon-Brands-Large-font-icon-brands-large-size: var(--Icon-Solid-Large-font-icon-solid-large-size);
2585
- --Icon-Brands-ExtraLarge-font-icon-brands-xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
2586
- --Icon-Brands-ExtraLarge-font-icon-brands-xl-size: var(--Icon-Solid-ExtraLarge-font-icon-solid-xl-size);
2587
- --Icon-Brands-2XL-font-icon-brands-2xl-weight: var(--Base-font-variables-Weight-font-weight-regular);
2588
- --Icon-Brands-2XL-font-icon-brands-2xl-size: var(--Icon-Solid-2XL-font-icon-solid-2xl-size);
2589
- }
2590
-
2591
1469
  /* Collection: color roles 4.0 - Aliases */
2592
- [data-color-roles-40="light"] {
2593
- --Schemes-Primary: var(--Palettes-Primary-Primary-400);
2594
- --Schemes-On-Primary: var(--white-400-white);
2595
- --Schemes-Primary-Container: var(--Palettes-Primary-Primary-200);
2596
- --Schemes-On-Primary-Container: var(--Palettes-Primary-Primary-750);
2597
- --Schemes-Secondary: var(--Palettes-Secondary-Secondary-150);
2598
- --Schemes-On-Secondary: var(--Schemes-Surface-Bright);
2599
- --Schemes-Secondary-Container: var(--Palettes-Secondary-Secondary-400);
2600
- --Schemes-On-Secondary-Container: var(--Palettes-Secondary-Secondary-750);
1470
+ [data-color-roles-40="light"],
1471
+ [data-color-roles-40="light"] * {
1472
+ --Schemes-Primary: var(--sixers-blue-500-sixers-blue);
1473
+ --Schemes-On-Primary: var(--white-750-white);
1474
+ --Schemes-Primary-Container: var(--Palettes-Primary-Primary-700);
1475
+ --Schemes-On-Primary-Container: var(--Palettes-Primary-Primary-50);
1476
+ --Schemes-Secondary: var(--Palettes-Secondary-Secondary-250);
1477
+ --Schemes-On-Secondary: var(--Palettes-Secondary-Secondary-750);
1478
+ --Schemes-Secondary-Container: var(--Palettes-Secondary-Secondary-700);
1479
+ --Schemes-On-Secondary-Container: var(--Palettes-Secondary-Secondary-50);
2601
1480
  --Schemes-Tertiary: var(--Palettes-Tertiary-Tertiary-150);
2602
1481
  --Schemes-On-Tertiary: var(--Palettes-Tertiary-Tertiary-750);
2603
- --Schemes-Tertiary-Container: var(--Palettes-Tertiary-Tertiary-250);
2604
- --Schemes-On-Tertiary-Container: var(--Palettes-Tertiary-Tertiary-750);
2605
- --Schemes-Error: var(--Palettes-Error-Error-300);
2606
- --Schemes-On-Error: var(--white-400-white);
2607
- --Schemes-Error-Container: var(--Palettes-Error-Error-750);
2608
- --Schemes-On-Error-Container: var(--Palettes-Error-Error-250);
2609
- --Schemes-Alert: var(--Palettes-Alert-Alert-400);
1482
+ --Schemes-Tertiary-Container: var(--Palettes-Tertiary-Tertiary-700);
1483
+ --Schemes-On-Tertiary-Container: var(--Palettes-Tertiary-Tertiary-150);
1484
+ --Schemes-Info-Container: var(--powder-blue-700-powder-blue);
1485
+ --Schemes-On-Info-Container: var(--union-blue-200-union-blue);
1486
+ --Schemes-Error: var(--Palettes-Error-Error-500);
1487
+ --Schemes-On-Error: var(--white-750-white);
1488
+ --Schemes-Error-Container: var(--Palettes-Error-Error-700);
1489
+ --Schemes-On-Error-Container: var(--Palettes-Error-Error-350);
1490
+ --Schemes-Success: var(--Palettes-Success-Success-500);
1491
+ --Schemes-Success-Container: var(--Palettes-Success-Success-700);
1492
+ --Schemes-On-Success-Container: var(--Palettes-Success-Success-250);
1493
+ --Schemes-Alert: var(--Palettes-Alert-Alert-500);
2610
1494
  --Schemes-On-Alert: var(--Palettes-Alert-Alert-750);
2611
- --Schemes-Alert-Container: var(--Palettes-Alert-Alert-550);
2612
- --Schemes-On-Alert-Container: var(--Schemes-On-Surface);
2613
- --Schemes-Background: var(--white-400-white);
2614
- --Schemes-On-Background: var(--Schemes-On-Surface);
2615
- --Schemes-Surface: var(--Palettes-Neutral-Neutral-500);
2616
- --Schemes-On-Surface: var(--black-400-black);
2617
- --Schemes-Surface-Variant: var(--Palettes-Neutral-Variant-Neutral-Variant-550);
1495
+ --Schemes-Alert-Container: var(--Palettes-Alert-Alert-700);
1496
+ --Schemes-On-Alert-Container: var(--Palettes-Alert-Alert-50);
1497
+ --Schemes-Background: var(--white-750-white);
1498
+ --Schemes-On-Background: var(--Schemes-On-Surface-High);
1499
+ --Schemes-Surface: var(--Palettes-Neutral-Neutral-700);
1500
+ --Schemes-On-Surface-High: var(--Palettes-Neutral-Neutral-50);
1501
+ --Schemes-On-Surface: var(--Palettes-Neutral-Neutral-200);
1502
+ --Schemes-On-Surface-Low: var(--Palettes-Neutral-Neutral-300);
1503
+ --Schemes-Surface-Variant: var(--Palettes-Neutral-Variant-Neutral-Variant-600);
2618
1504
  --Schemes-On-Surface-Variant: var(--Palettes-Neutral-Neutral-50);
2619
- --Schemes-Border: var(--Palettes-Neutral-Neutral-400);
2620
- --Schemes-Border-Variant: var(--Palettes-Neutral-Variant-Neutral-Variant-250);
2621
- --Schemes-Surface-Tint: var(--Palettes-Secondary-Secondary-350);
2622
- --Schemes-Shadow: var(--Extended-Colors-Black);
2623
- --Schemes-Scrim: var(--Extended-Colors-Black);
2624
- --Schemes-On-Inverse-Surface: var(--Palettes-Neutral-Neutral-750);
1505
+ --Schemes-Border-low: var(--Palettes-Neutral-Neutral-650);
1506
+ --Schemes-Border: var(--Palettes-Neutral-Neutral-550);
1507
+ --Schemes-Border-high: var(--Palettes-Neutral-Variant-Neutral-Variant-350);
1508
+ --Schemes-Surface-Tint: var(--Palettes-Secondary-Secondary-450);
1509
+ --Schemes-Scrim: var(--colors-Black-50);
1510
+ --Schemes-On-Inverse-Surface: var(--Palettes-Neutral-Neutral-700);
2625
1511
  --Schemes-On-Inverse-Surface-Bright: var(--Palettes-Neutral-Neutral-750);
2626
1512
  --Schemes-Inverse-Primary: var(--Palettes-Primary-Primary-400);
2627
1513
  --Schemes-Primary-Fixed: var(--Palettes-Primary-Primary-650);
@@ -2636,287 +1522,89 @@
2636
1522
  --Schemes-On-Tertiary-Fixed: var(--Palettes-Tertiary-Tertiary-150);
2637
1523
  --Schemes-Tertiary-Fixed-Dim: var(--Palettes-Tertiary-Tertiary-550);
2638
1524
  --Schemes-On-Tertiary-Fixed-Variant: var(--Palettes-Tertiary-Tertiary-50);
2639
- --Schemes-Surface-Dim: var(--Palettes-Neutral-Neutral-400);
1525
+ --Schemes-Surface-Dim: var(--Palettes-Neutral-Neutral-550);
2640
1526
  --Schemes-Surface-Bright: var(--Palettes-Neutral-Neutral-750);
2641
- --Schemes-Surface-Container-Lowest: var(--Palettes-Neutral-Neutral-750);
2642
- --Schemes-Surface-Container-Low: var(--Palettes-Neutral-Neutral-600);
2643
- --Schemes-Surface-Container: var(--Palettes-Neutral-Neutral-500);
1527
+ --Schemes-Surface-Container-Lowest: var(--Palettes-Neutral-Neutral-700);
1528
+ --Schemes-Surface-Container-Low: var(--Palettes-Neutral-Neutral-650);
1529
+ --Schemes-Surface-Container: var(--Palettes-Neutral-Neutral-550);
2644
1530
  --Schemes-Surface-Container-High: var(--Palettes-Neutral-Neutral-400);
2645
1531
  --Schemes-Surface-Container-Highest: var(--Palettes-Neutral-Neutral-300);
2646
1532
  --Schemes-Inverse-Surface: var(--Palettes-Neutral-Variant-Neutral-Variant-200);
2647
- --Palettes-Primary-Primary-750: var(--blue-750-blue);
2648
- --Palettes-Primary-Primary-700: var(--blue-700-blue);
2649
- --Palettes-Primary-Primary-650: var(--blue-650-blue);
2650
- --Palettes-Primary-Primary-600: var(--blue-600-blue);
2651
- --Palettes-Primary-Primary-550: var(--blue-550-blue);
2652
- --Palettes-Primary-Primary-500: var(--blue-500-blue);
2653
- --Palettes-Primary-Primary-450: var(--blue-450-blue);
2654
- --Palettes-Primary-Primary-400: var(--blue-400-blue);
2655
- --Palettes-Primary-Primary-350: var(--blue-350-blue);
2656
- --Palettes-Primary-Primary-300: var(--blue-300-blue);
2657
- --Palettes-Primary-Primary-250: var(--blue-250-blue);
2658
- --Palettes-Primary-Primary-200: var(--blue-200-blue);
2659
- --Palettes-Primary-Primary-150: var(--blue-150-blue);
2660
- --Palettes-Primary-Primary-100: var(--blue-100-blue);
2661
- --Palettes-Primary-Primary-50: var(--blue-50-blue);
2662
- --Palettes-Secondary-Secondary-750: var(--dark-blue-750-dark-blue);
2663
- --Palettes-Secondary-Secondary-700: var(--dark-blue-700-dark-blue);
2664
- --Palettes-Secondary-Secondary-650: var(--dark-blue-650-dark-blue);
2665
- --Palettes-Secondary-Secondary-600: var(--dark-blue-600-dark-blue);
2666
- --Palettes-Secondary-Secondary-550: var(--dark-blue-550-dark-blue);
2667
- --Palettes-Secondary-Secondary-500: var(--dark-blue-500-dark-blue);
2668
- --Palettes-Secondary-Secondary-450: var(--dark-blue-450-dark-blue);
2669
- --Palettes-Secondary-Secondary-400: var(--dark-blue-400-dark-blue);
2670
- --Palettes-Secondary-Secondary-350: var(--dark-blue-350-dark-blue);
2671
- --Palettes-Secondary-Secondary-300: var(--dark-blue-300-dark-blue);
2672
- --Palettes-Secondary-Secondary-250: var(--dark-blue-250-dark-blue);
2673
- --Palettes-Secondary-Secondary-200: var(--dark-blue-200-dark-blue);
2674
- --Palettes-Secondary-Secondary-150: var(--dark-blue-150-dark-blue);
2675
- --Palettes-Secondary-Secondary-100: var(--dark-blue-100-dark-blue);
2676
- --Palettes-Secondary-Secondary-50: var(--dark-blue-50-dark-blue);
2677
- --Palettes-Tertiary-Tertiary-750: var(--light-blue-750-light-blue);
2678
- --Palettes-Tertiary-Tertiary-700: var(--light-blue-700-light-blue);
2679
- --Palettes-Tertiary-Tertiary-650: var(--light-blue-650-light-blue);
2680
- --Palettes-Tertiary-Tertiary-600: var(--light-blue-600-light-blue);
2681
- --Palettes-Tertiary-Tertiary-550: var(--light-blue-550-light-blue);
2682
- --Palettes-Tertiary-Tertiary-500: var(--light-blue-500-light-blue);
2683
- --Palettes-Tertiary-Tertiary-450: var(--light-blue-450-light-blue);
2684
- --Palettes-Tertiary-Tertiary-400: var(--light-blue-400-light-blue);
2685
- --Palettes-Tertiary-Tertiary-350: var(--light-blue-350-light-blue);
2686
- --Palettes-Tertiary-Tertiary-300: var(--light-blue-300-light-blue);
2687
- --Palettes-Tertiary-Tertiary-250: var(--light-blue-250-light-blue);
2688
- --Palettes-Tertiary-Tertiary-200: var(--light-blue-200-light-blue);
2689
- --Palettes-Tertiary-Tertiary-150: var(--light-blue-150-light-blue);
2690
- --Palettes-Tertiary-Tertiary-100: var(--light-blue-100-light-blue);
2691
- --Palettes-Tertiary-Tertiary-50: var(--light-blue-50-light-blue);
2692
- --Palettes-Error-Error-750: var(--red-750-red);
2693
- --Palettes-Error-Error-700: var(--red-700-red);
2694
- --Palettes-Error-Error-650: var(--red-650-red);
2695
- --Palettes-Error-Error-600: var(--red-600-red);
2696
- --Palettes-Error-Error-550: var(--red-550-red);
2697
- --Palettes-Error-Error-500: var(--red-500-red);
2698
- --Palettes-Error-Error-450: var(--red-450-red);
2699
- --Palettes-Error-Error-400: var(--red-400-red);
2700
- --Palettes-Error-Error-350: var(--red-350-red);
2701
- --Palettes-Error-Error-300: var(--red-300-red);
2702
- --Palettes-Error-Error-250: var(--red-250-red);
2703
- --Palettes-Error-Error-200: var(--red-200-red);
2704
- --Palettes-Error-Error-150: var(--red-150-red);
2705
- --Palettes-Error-Error-100: var(--red-100-red);
2706
- --Palettes-Error-Error-50: var(--red-50-red);
2707
- --Palettes-Success-Success-750: var(--green-750-green);
2708
- --Palettes-Success-Success-700: var(--green-700-green);
2709
- --Palettes-Success-Success-650: var(--green-650-green);
2710
- --Palettes-Success-Success-600: var(--green-600-green);
2711
- --Palettes-Success-Success-550: var(--green-550-green);
2712
- --Palettes-Success-Success-500: var(--green-500-green);
2713
- --Palettes-Success-Success-450: var(--green-450-green);
2714
- --Palettes-Success-Success-400: var(--green-400-green);
2715
- --Palettes-Success-Success-350: var(--green-350-green);
2716
- --Palettes-Success-Success-300: var(--green-300-green);
2717
- --Palettes-Success-Success-250: var(--green-250-green);
2718
- --Palettes-Success-Success-200: var(--green-200-green);
2719
- --Palettes-Success-Success-150: var(--green-150-green);
2720
- --Palettes-Success-Success-100: var(--green-100-green);
2721
- --Palettes-Success-Success-50: var(--green-50-green);
2722
- --Palettes-Neutral-Neutral-750: var(--medium-grey-750-medium-grey);
2723
- --Palettes-Neutral-Neutral-700: var(--medium-grey-700-medium-grey);
2724
- --Palettes-Neutral-Neutral-650: var(--medium-grey-650-medium-grey);
2725
- --Palettes-Neutral-Neutral-600: var(--medium-grey-600-medium-grey);
2726
- --Palettes-Neutral-Neutral-550: var(--medium-grey-550-medium-grey);
2727
- --Palettes-Neutral-Neutral-500: var(--medium-grey-500-medium-grey);
2728
- --Palettes-Neutral-Neutral-450: var(--medium-grey-450-medium-grey);
2729
- --Palettes-Neutral-Neutral-400: var(--medium-grey-400-medium-grey);
2730
- --Palettes-Neutral-Neutral-350: var(--medium-grey-350-medium-grey);
2731
- --Palettes-Neutral-Neutral-300: var(--medium-grey-300-medium-grey);
2732
- --Palettes-Neutral-Neutral-250: var(--medium-grey-250-medium-grey);
2733
- --Palettes-Neutral-Neutral-200: var(--medium-grey-200-medium-grey);
2734
- --Palettes-Neutral-Neutral-150: var(--medium-grey-150-medium-grey);
2735
- --Palettes-Neutral-Neutral-100: var(--medium-grey-100-medium-grey);
2736
- --Palettes-Neutral-Neutral-50: var(--medium-grey-50-medium-grey);
2737
- --Palettes-Neutral-Variant-Neutral-Variant-750: var(--dark-grey-750-dark-grey);
2738
- --Palettes-Neutral-Variant-Neutral-Variant-700: var(--dark-grey-700-dark-grey);
2739
- --Palettes-Neutral-Variant-Neutral-Variant-650: var(--dark-grey-650-dark-grey);
2740
- --Palettes-Neutral-Variant-Neutral-Variant-600: var(--dark-grey-600-dark-grey);
2741
- --Palettes-Neutral-Variant-Neutral-Variant-550: var(--dark-grey-550-dark-grey);
2742
- --Palettes-Neutral-Variant-Neutral-Variant-500: var(--dark-grey-500-dark-grey);
2743
- --Palettes-Neutral-Variant-Neutral-Variant-450: var(--dark-grey-450-dark-grey);
2744
- --Palettes-Neutral-Variant-Neutral-Variant-400: var(--dark-grey-400-dark-grey);
2745
- --Palettes-Neutral-Variant-Neutral-Variant-350: var(--dark-grey-350-dark-grey);
2746
- --Palettes-Neutral-Variant-Neutral-Variant-300: var(--dark-grey-300-dark-grey);
2747
- --Palettes-Neutral-Variant-Neutral-Variant-250: var(--dark-grey-250-dark-grey);
2748
- --Palettes-Neutral-Variant-Neutral-Variant-200: var(--dark-grey-200-dark-grey);
2749
- --Palettes-Neutral-Variant-Neutral-Variant-150: var(--dark-grey-150-dark-grey);
2750
- --Palettes-Neutral-Variant-Neutral-Variant-100: var(--dark-grey-100-dark-grey);
2751
- --Palettes-Neutral-Variant-Neutral-Variant-50: var(--dark-grey-50-dark-grey);
2752
- --Palettes-Alert-Alert-750: var(--bell-yellow-750-bell-yellow);
2753
- --Palettes-Alert-Alert-700: var(--bell-yellow-700-bell-yellow);
2754
- --Palettes-Alert-Alert-650: var(--bell-yellow-650-bell-yellow);
2755
- --Palettes-Alert-Alert-600: var(--bell-yellow-600-bell-yellow);
2756
- --Palettes-Alert-Alert-550: var(--bell-yellow-550-bell-yellow);
2757
- --Palettes-Alert-Alert-500: var(--bell-yellow-500-bell-yellow);
2758
- --Palettes-Alert-Alert-450: var(--bell-yellow-450-bell-yellow);
2759
- --Palettes-Alert-Alert-400: var(--bell-yellow-400-bell-yellow);
2760
- --Palettes-Alert-Alert-350: var(--bell-yellow-350-bell-yellow);
2761
- --Palettes-Alert-Alert-300: var(--bell-yellow-300-bell-yellow);
2762
- --Palettes-Alert-Alert-250: var(--bell-yellow-250-bell-yellow);
2763
- --Palettes-Alert-Alert-200: var(--bell-yellow-200-bell-yellow);
2764
- --Palettes-Alert-Alert-150: var(--bell-yellow-150-bell-yellow);
2765
- --Palettes-Alert-Alert-100: var(--bell-yellow-100-bell-yellow);
2766
- --Palettes-Alert-Alert-50: var(--bell-yellow-50-bell-yellow);
2767
- --Palettes-Visited-Visited-750: var(--purple-750-purple);
2768
- --Palettes-Visited-Visited-700: var(--purple-700-purple);
2769
- --Palettes-Visited-Visited-650: var(--purple-650-purple);
2770
- --Palettes-Visited-Visited-600: var(--purple-600-purple);
2771
- --Palettes-Visited-Visited-550: var(--purple-550-purple);
2772
- --Palettes-Visited-Visited-500: var(--purple-500-purple);
2773
- --Palettes-Visited-Visited-450: var(--purple-450-purple);
2774
- --Palettes-Visited-Visited-400: var(--purple-400-purple);
2775
- --Palettes-Visited-Visited-350: var(--purple-350-purple);
2776
- --Palettes-Visited-Visited-300: var(--purple-300-purple);
2777
- --Palettes-Visited-Visited-250: var(--purple-250-purple);
2778
- --Palettes-Visited-Visited-200: var(--purple-200-purple);
2779
- --Palettes-Visited-Visited-150: var(--purple-150-purple);
2780
- --Palettes-Visited-Visited-100: var(--purple-100-purple);
2781
- --Palettes-Visited-Visited-50: var(--purple-50-purple);
2782
- --Extended-Colors-Black: var(--black-400-black);
2783
- --Extended-Colors-White: var(--white-400-white);
2784
- --Extended-Colors-Black-Container: var(--black-450-black);
2785
- --Extended-Colors-link-default: var(--Schemes-Primary);
2786
- --Extended-Colors-link-hover: var(--Schemes-On-Surface);
2787
- --Extended-Colors-link-visited: var(--Palettes-Visited-Visited-450);
2788
- }
2789
-
2790
- [data-color-roles-40="cards"] {
2791
- --Schemes-Primary: var(--Palettes-Primary-Primary-400);
2792
- --Schemes-On-Primary: var(--Palettes-Primary-Primary-750);
2793
- --Schemes-Primary-Container: var(--Palettes-Primary-Primary-200);
2794
- --Schemes-On-Primary-Container: var(--Palettes-Primary-Primary-750);
2795
- --Schemes-Secondary: var(--Palettes-Secondary-Secondary-150);
2796
- --Schemes-On-Secondary: var(--Schemes-Surface-Bright);
2797
- --Schemes-Secondary-Container: var(--Palettes-Secondary-Secondary-400);
2798
- --Schemes-On-Secondary-Container: var(--Palettes-Secondary-Secondary-750);
2799
- --Schemes-Tertiary: var(--Palettes-Tertiary-Tertiary-150);
2800
- --Schemes-On-Tertiary: var(--Palettes-Tertiary-Tertiary-750);
2801
- --Schemes-Tertiary-Container: var(--Palettes-Tertiary-Tertiary-250);
2802
- --Schemes-On-Tertiary-Container: var(--Palettes-Tertiary-Tertiary-750);
2803
- --Schemes-Error: var(--Palettes-Error-Error-300);
2804
- --Schemes-On-Error: var(--white-400-white);
2805
- --Schemes-Error-Container: var(--Palettes-Error-Error-750);
2806
- --Schemes-On-Error-Container: var(--Palettes-Error-Error-250);
2807
- --Schemes-Alert: var(--Palettes-Alert-Alert-400);
2808
- --Schemes-On-Alert: var(--Palettes-Alert-Alert-750);
2809
- --Schemes-Alert-Container: var(--Palettes-Alert-Alert-550);
2810
- --Schemes-On-Alert-Container: var(--Schemes-On-Surface);
2811
- --Schemes-Background: var(--white-400-white);
2812
- --Schemes-On-Background: var(--Schemes-On-Surface);
2813
- --Schemes-Surface: var(--Palettes-Neutral-Neutral-500);
2814
- --Schemes-On-Surface: var(--Schemes-On-Inverse-Surface-Bright);
2815
- --Schemes-Surface-Variant: var(--Palettes-Neutral-Variant-Neutral-Variant-550);
2816
- --Schemes-On-Surface-Variant: var(--Palettes-Neutral-Neutral-50);
2817
- --Schemes-Border: var(--Palettes-Neutral-Neutral-400);
2818
- --Schemes-Border-Variant: var(--Palettes-Neutral-Variant-Neutral-Variant-250);
2819
- --Schemes-Surface-Tint: var(--Palettes-Secondary-Secondary-350);
2820
- --Schemes-Shadow: var(--Extended-Colors-Black);
2821
- --Schemes-Scrim: var(--Extended-Colors-Black);
2822
- --Schemes-On-Inverse-Surface: var(--Palettes-Neutral-Neutral-750);
2823
- --Schemes-On-Inverse-Surface-Bright: var(--Palettes-Neutral-Neutral-750);
2824
- --Schemes-Inverse-Primary: var(--Palettes-Primary-Primary-400);
2825
- --Schemes-Primary-Fixed: var(--Palettes-Primary-Primary-650);
2826
- --Schemes-On-Primary-Fixed: var(--Palettes-Primary-Primary-100);
2827
- --Schemes-Primary-Fixed-Dim: var(--Palettes-Primary-Primary-400);
2828
- --Schemes-On-Primary-Fixed-Variant: var(--Palettes-Primary-Primary-50);
2829
- --Schemes-Secondary-Fixed: var(--Palettes-Secondary-Secondary-750);
2830
- --Schemes-On-Secondary-Fixed: var(--Palettes-Secondary-Secondary-50);
2831
- --Schemes-Secondary-Fixed-Dim: var(--Palettes-Secondary-Secondary-550);
2832
- --Schemes-On-Secondary-Fixed-Variant: var(--Palettes-Secondary-Secondary-250);
2833
- --Schemes-Tertiary-Fixed: var(--Palettes-Tertiary-Tertiary-600);
2834
- --Schemes-On-Tertiary-Fixed: var(--Palettes-Tertiary-Tertiary-150);
2835
- --Schemes-Tertiary-Fixed-Dim: var(--Palettes-Tertiary-Tertiary-550);
2836
- --Schemes-On-Tertiary-Fixed-Variant: var(--Palettes-Tertiary-Tertiary-50);
2837
- --Schemes-Surface-Dim: var(--Palettes-Neutral-Neutral-400);
2838
- --Schemes-Surface-Bright: var(--Schemes-Primary);
2839
- --Schemes-Surface-Container-Lowest: var(--Palettes-Neutral-Neutral-600);
2840
- --Schemes-Surface-Container-Low: var(--Palettes-Neutral-Neutral-550);
2841
- --Schemes-Surface-Container: var(--Palettes-Neutral-Neutral-500);
2842
- --Schemes-Surface-Container-High: var(--Palettes-Neutral-Neutral-450);
2843
- --Schemes-Surface-Container-Highest: var(--Palettes-Neutral-Neutral-400);
2844
- --Schemes-Inverse-Surface: var(--white-400-white);
2845
- --Palettes-Primary-Primary-750: var(--blue-750-blue);
2846
- --Palettes-Primary-Primary-700: var(--blue-700-blue);
2847
- --Palettes-Primary-Primary-650: var(--blue-650-blue);
2848
- --Palettes-Primary-Primary-600: var(--blue-600-blue);
2849
- --Palettes-Primary-Primary-550: var(--blue-550-blue);
2850
- --Palettes-Primary-Primary-500: var(--blue-500-blue);
2851
- --Palettes-Primary-Primary-450: var(--blue-450-blue);
2852
- --Palettes-Primary-Primary-400: var(--blue-400-blue);
2853
- --Palettes-Primary-Primary-350: var(--blue-350-blue);
2854
- --Palettes-Primary-Primary-300: var(--blue-300-blue);
2855
- --Palettes-Primary-Primary-250: var(--blue-250-blue);
2856
- --Palettes-Primary-Primary-200: var(--blue-200-blue);
2857
- --Palettes-Primary-Primary-150: var(--blue-150-blue);
2858
- --Palettes-Primary-Primary-100: var(--blue-100-blue);
2859
- --Palettes-Primary-Primary-50: var(--blue-50-blue);
2860
- --Palettes-Secondary-Secondary-750: var(--dark-blue-750-dark-blue);
2861
- --Palettes-Secondary-Secondary-700: var(--dark-blue-700-dark-blue);
2862
- --Palettes-Secondary-Secondary-650: var(--dark-blue-650-dark-blue);
2863
- --Palettes-Secondary-Secondary-600: var(--dark-blue-600-dark-blue);
2864
- --Palettes-Secondary-Secondary-550: var(--dark-blue-550-dark-blue);
2865
- --Palettes-Secondary-Secondary-500: var(--dark-blue-500-dark-blue);
2866
- --Palettes-Secondary-Secondary-450: var(--dark-blue-450-dark-blue);
2867
- --Palettes-Secondary-Secondary-400: var(--dark-blue-400-dark-blue);
2868
- --Palettes-Secondary-Secondary-350: var(--dark-blue-350-dark-blue);
2869
- --Palettes-Secondary-Secondary-300: var(--dark-blue-300-dark-blue);
2870
- --Palettes-Secondary-Secondary-250: var(--dark-blue-250-dark-blue);
2871
- --Palettes-Secondary-Secondary-200: var(--dark-blue-200-dark-blue);
2872
- --Palettes-Secondary-Secondary-150: var(--dark-blue-150-dark-blue);
2873
- --Palettes-Secondary-Secondary-100: var(--dark-blue-100-dark-blue);
2874
- --Palettes-Secondary-Secondary-50: var(--dark-blue-50-dark-blue);
2875
- --Palettes-Tertiary-Tertiary-750: var(--light-blue-750-light-blue);
2876
- --Palettes-Tertiary-Tertiary-700: var(--light-blue-700-light-blue);
2877
- --Palettes-Tertiary-Tertiary-650: var(--light-blue-650-light-blue);
2878
- --Palettes-Tertiary-Tertiary-600: var(--light-blue-600-light-blue);
2879
- --Palettes-Tertiary-Tertiary-550: var(--light-blue-550-light-blue);
2880
- --Palettes-Tertiary-Tertiary-500: var(--light-blue-500-light-blue);
2881
- --Palettes-Tertiary-Tertiary-450: var(--light-blue-450-light-blue);
2882
- --Palettes-Tertiary-Tertiary-400: var(--light-blue-400-light-blue);
2883
- --Palettes-Tertiary-Tertiary-350: var(--light-blue-350-light-blue);
2884
- --Palettes-Tertiary-Tertiary-300: var(--light-blue-300-light-blue);
2885
- --Palettes-Tertiary-Tertiary-250: var(--light-blue-250-light-blue);
2886
- --Palettes-Tertiary-Tertiary-200: var(--light-blue-200-light-blue);
2887
- --Palettes-Tertiary-Tertiary-150: var(--light-blue-150-light-blue);
2888
- --Palettes-Tertiary-Tertiary-100: var(--light-blue-100-light-blue);
2889
- --Palettes-Tertiary-Tertiary-50: var(--light-blue-50-light-blue);
2890
- --Palettes-Error-Error-750: var(--red-750-red);
2891
- --Palettes-Error-Error-700: var(--red-700-red);
2892
- --Palettes-Error-Error-650: var(--red-650-red);
2893
- --Palettes-Error-Error-600: var(--red-600-red);
2894
- --Palettes-Error-Error-550: var(--red-550-red);
2895
- --Palettes-Error-Error-500: var(--red-500-red);
2896
- --Palettes-Error-Error-450: var(--red-450-red);
2897
- --Palettes-Error-Error-400: var(--red-400-red);
2898
- --Palettes-Error-Error-350: var(--red-350-red);
2899
- --Palettes-Error-Error-300: var(--red-300-red);
2900
- --Palettes-Error-Error-250: var(--red-250-red);
2901
- --Palettes-Error-Error-200: var(--red-200-red);
2902
- --Palettes-Error-Error-150: var(--red-150-red);
2903
- --Palettes-Error-Error-100: var(--red-100-red);
2904
- --Palettes-Error-Error-50: var(--red-50-red);
2905
- --Palettes-Success-Success-750: var(--green-750-green);
2906
- --Palettes-Success-Success-700: var(--green-700-green);
2907
- --Palettes-Success-Success-650: var(--green-650-green);
2908
- --Palettes-Success-Success-600: var(--green-600-green);
2909
- --Palettes-Success-Success-550: var(--green-550-green);
2910
- --Palettes-Success-Success-500: var(--green-500-green);
2911
- --Palettes-Success-Success-450: var(--green-450-green);
2912
- --Palettes-Success-Success-400: var(--green-400-green);
2913
- --Palettes-Success-Success-350: var(--green-350-green);
2914
- --Palettes-Success-Success-300: var(--green-300-green);
2915
- --Palettes-Success-Success-250: var(--green-250-green);
2916
- --Palettes-Success-Success-200: var(--green-200-green);
2917
- --Palettes-Success-Success-150: var(--green-150-green);
2918
- --Palettes-Success-Success-100: var(--green-100-green);
2919
- --Palettes-Success-Success-50: var(--green-50-green);
1533
+ --Palettes-Primary-Primary-750: var(--sixers-blue-750-sixers-blue);
1534
+ --Palettes-Primary-Primary-700: var(--sixers-blue-700-sixers-blue);
1535
+ --Palettes-Primary-Primary-650: var(--sixers-blue-650-sixers-blue);
1536
+ --Palettes-Primary-Primary-600: var(--sixers-blue-600-sixers-blue);
1537
+ --Palettes-Primary-Primary-550: var(--sixers-blue-550-sixers-blue);
1538
+ --Palettes-Primary-Primary-500: var(--sixers-blue-500-sixers-blue);
1539
+ --Palettes-Primary-Primary-450: var(--sixers-blue-450-sixers-blue);
1540
+ --Palettes-Primary-Primary-400: var(--sixers-blue-400-sixers-blue);
1541
+ --Palettes-Primary-Primary-350: var(--sixers-blue-350-sixers-blue);
1542
+ --Palettes-Primary-Primary-300: var(--sixers-blue-300-sixers-blue);
1543
+ --Palettes-Primary-Primary-250: var(--sixers-blue-250-sixers-blue);
1544
+ --Palettes-Primary-Primary-200: var(--sixers-blue-200-sixers-blue);
1545
+ --Palettes-Primary-Primary-150: var(--sixers-blue-150-sixers-blue);
1546
+ --Palettes-Primary-Primary-100: var(--sixers-blue-100-sixers-blue);
1547
+ --Palettes-Primary-Primary-50: var(--sixers-blue-50-sixers-blue);
1548
+ --Palettes-Secondary-Secondary-750: var(--powder-blue-750-powder-blue);
1549
+ --Palettes-Secondary-Secondary-700: var(--powder-blue-700-powder-blue);
1550
+ --Palettes-Secondary-Secondary-650: var(--powder-blue-650-powder-blue);
1551
+ --Palettes-Secondary-Secondary-600: var(--powder-blue-600-powder-blue);
1552
+ --Palettes-Secondary-Secondary-550: var(--powder-blue-550-powder-blue);
1553
+ --Palettes-Secondary-Secondary-500: var(--powder-blue-500-powder-blue);
1554
+ --Palettes-Secondary-Secondary-450: var(--powder-blue-450-powder-blue);
1555
+ --Palettes-Secondary-Secondary-400: var(--powder-blue-400-powder-blue);
1556
+ --Palettes-Secondary-Secondary-350: var(--powder-blue-350-powder-blue);
1557
+ --Palettes-Secondary-Secondary-300: var(--powder-blue-300-powder-blue);
1558
+ --Palettes-Secondary-Secondary-250: var(--powder-blue-250-powder-blue);
1559
+ --Palettes-Secondary-Secondary-200: var(--powder-blue-200-powder-blue);
1560
+ --Palettes-Secondary-Secondary-150: var(--powder-blue-150-powder-blue);
1561
+ --Palettes-Secondary-Secondary-100: var(--powder-blue-100-powder-blue);
1562
+ --Palettes-Secondary-Secondary-50: var(--powder-blue-50-powder-blue);
1563
+ --Palettes-Tertiary-Tertiary-750: var(--electric-blue-750-electric-blue);
1564
+ --Palettes-Tertiary-Tertiary-700: var(--electric-blue-700-electric-blue);
1565
+ --Palettes-Tertiary-Tertiary-650: var(--electric-blue-650-electric-blue);
1566
+ --Palettes-Tertiary-Tertiary-600: var(--electric-blue-600-electric-blue);
1567
+ --Palettes-Tertiary-Tertiary-550: var(--electric-blue-550-electric-blue);
1568
+ --Palettes-Tertiary-Tertiary-500: var(--electric-blue-500-electric-blue);
1569
+ --Palettes-Tertiary-Tertiary-450: var(--electric-blue-450-electric-blue);
1570
+ --Palettes-Tertiary-Tertiary-400: var(--electric-blue-400-electric-blue);
1571
+ --Palettes-Tertiary-Tertiary-350: var(--electric-blue-350-electric-blue);
1572
+ --Palettes-Tertiary-Tertiary-300: var(--electric-blue-300-electric-blue);
1573
+ --Palettes-Tertiary-Tertiary-250: var(--electric-blue-250-electric-blue);
1574
+ --Palettes-Tertiary-Tertiary-200: var(--electric-blue-200-electric-blue);
1575
+ --Palettes-Tertiary-Tertiary-150: var(--electric-blue-150-electric-blue);
1576
+ --Palettes-Tertiary-Tertiary-100: var(--electric-blue-100-electric-blue);
1577
+ --Palettes-Tertiary-Tertiary-50: var(--electric-blue-50-electric-blue);
1578
+ --Palettes-Error-Error-750: var(--phillies-red-750-phillies-red);
1579
+ --Palettes-Error-Error-700: var(--phillies-red-700-phillies-red);
1580
+ --Palettes-Error-Error-650: var(--phillies-red-650-phillies-red);
1581
+ --Palettes-Error-Error-600: var(--phillies-red-600-phillies-red);
1582
+ --Palettes-Error-Error-550: var(--phillies-red-550-phillies-red);
1583
+ --Palettes-Error-Error-500: var(--phillies-red-500-phillies-red);
1584
+ --Palettes-Error-Error-450: var(--phillies-red-450-phillies-red);
1585
+ --Palettes-Error-Error-400: var(--phillies-red-400-phillies-red);
1586
+ --Palettes-Error-Error-350: var(--phillies-red-350-phillies-red);
1587
+ --Palettes-Error-Error-300: var(--phillies-red-300-phillies-red);
1588
+ --Palettes-Error-Error-250: var(--phillies-red-250-phillies-red);
1589
+ --Palettes-Error-Error-200: var(--phillies-red-200-phillies-red);
1590
+ --Palettes-Error-Error-150: var(--phillies-red-150-phillies-red);
1591
+ --Palettes-Error-Error-100: var(--phillies-red-100-phillies-red);
1592
+ --Palettes-Error-Error-50: var(--phillies-red-50-phillies-red);
1593
+ --Palettes-Success-Success-750: var(--phanatic-green-750-phanatic-green);
1594
+ --Palettes-Success-Success-700: var(--phanatic-green-700-phanatic-green);
1595
+ --Palettes-Success-Success-650: var(--phanatic-green-650-phanatic-green);
1596
+ --Palettes-Success-Success-600: var(--phanatic-green-600-phanatic-green);
1597
+ --Palettes-Success-Success-550: var(--phanatic-green-550-phanatic-green);
1598
+ --Palettes-Success-Success-500: var(--phanatic-green-500-phanatic-green);
1599
+ --Palettes-Success-Success-450: var(--phanatic-green-450-phanatic-green);
1600
+ --Palettes-Success-Success-400: var(--phanatic-green-400-phanatic-green);
1601
+ --Palettes-Success-Success-350: var(--phanatic-green-350-phanatic-green);
1602
+ --Palettes-Success-Success-300: var(--phanatic-green-300-phanatic-green);
1603
+ --Palettes-Success-Success-250: var(--phanatic-green-250-phanatic-green);
1604
+ --Palettes-Success-Success-200: var(--phanatic-green-200-phanatic-green);
1605
+ --Palettes-Success-Success-150: var(--phanatic-green-150-phanatic-green);
1606
+ --Palettes-Success-Success-100: var(--phanatic-green-100-phanatic-green);
1607
+ --Palettes-Success-Success-50: var(--phanatic-green-50-phanatic-green);
2920
1608
  --Palettes-Neutral-Neutral-750: var(--medium-grey-750-medium-grey);
2921
1609
  --Palettes-Neutral-Neutral-700: var(--medium-grey-700-medium-grey);
2922
1610
  --Palettes-Neutral-Neutral-650: var(--medium-grey-650-medium-grey);
@@ -2977,16 +1665,11 @@
2977
1665
  --Palettes-Visited-Visited-150: var(--purple-150-purple);
2978
1666
  --Palettes-Visited-Visited-100: var(--purple-100-purple);
2979
1667
  --Palettes-Visited-Visited-50: var(--purple-50-purple);
2980
- --Extended-Colors-Black: var(--black-400-black);
2981
- --Extended-Colors-White: var(--white-400-white);
2982
- --Extended-Colors-Black-Container: var(--black-450-black);
2983
- --Extended-Colors-link-default: var(--Schemes-Primary);
2984
- --Extended-Colors-link-hover: var(--Schemes-On-Surface);
2985
- --Extended-Colors-link-visited: var(--Palettes-Visited-Visited-450);
2986
1668
  }
2987
1669
 
2988
1670
  /* Collection: sizes 4.0 - Aliases */
2989
- [data-sizes-40="Mode-1"] {
1671
+ [data-sizes-40="Mode-1"],
1672
+ [data-sizes-40="Mode-1"] * {
2990
1673
  --spacing-none: var(--scale-0);
2991
1674
  --spacing-3xs: var(--scale-25);
2992
1675
  --spacing-2xs: var(--scale-50);
@@ -3008,6 +1691,7 @@
3008
1691
  --border-width-xl: var(--scale-75);
3009
1692
  --border-width-2xl: var(--scale-100);
3010
1693
  --border-radius-none: var(--scale-0);
1694
+ --border-radius-xxs: var(--scale-25);
3011
1695
  --border-radius-xs: var(--scale-50);
3012
1696
  --border-radius-s: var(--scale-100);
3013
1697
  --border-radius-m: var(--scale-150);
@@ -3017,29 +1701,31 @@
3017
1701
  }
3018
1702
 
3019
1703
  /* Collection: ramps 4.0 - Aliases */
3020
- [data-ramps-40="reversed_40ramps2_tokens"] {
3021
- --blue-400-blue: var(--colors-Blue);
3022
- --dark-blue-400-dark-blue: var(--colors-Dark-Blue);
3023
- --dark-ben-franklin-blue-400-dark-ben-franklin-blue: var(--colors-Dark-Ben-Franklin-Blue);
3024
- --light-blue-450-light-blue: var(--colors-Light-Blue);
3025
- --white-400-white: var(--colors-White);
3026
- --black-400-black: var(--colors-Black);
3027
- --grey-400-grey: var(--colors-Grey);
3028
- --light-grey-400-light-grey: var(--colors-Light-Grey);
3029
- --medium-grey-400-medium-grey: var(--colors-Medium-Grey);
3030
- --dark-grey-400-dark-grey: var(--colors-Dark-Grey);
3031
- --bell-yellow-400-bell-yellow: var(--colors-Bell-Yellow);
3032
- --orange-400-orange: var(--colors-Orange);
3033
- --red-400-red: var(--colors-Red);
3034
- --light-green-400-light-green: var(--colors-Light-Green);
3035
- --green-400-green: var(--colors-Green);
3036
- --dark-green-400-dark-green: var(--colors-Dark-Green);
1704
+ [data-ramps-40="Ramps"],
1705
+ [data-ramps-40="Ramps"] * {
1706
+ --union-blue-500-union-blue: var(--colors-Union-Blue);
1707
+ --powder-blue-500-powder-blue: var(--colors-Powder-Blue);
1708
+ --electric-blue-500-electric-blue: var(--colors-Electric-Blue);
1709
+ --white-750-white: var(--colors-White);
1710
+ --black-500-black: var(--colors-Black);
1711
+ --sidewalk-grey-500-sidewalk-grey: var(--colors-Sidewalk-Grey);
1712
+ --ghost-grey-500-ghost-grey: var(--colors-Ghost-Grey);
1713
+ --medium-grey-500-medium-grey: var(--colors-Medium-Grey);
1714
+ --dark-grey-200-dark-grey: var(--colors-Dark-Grey);
1715
+ --bell-yellow-500-bell-yellow: var(--colors-Bell-Yellow);
1716
+ --flyers-orange-500-flyers-orange: var(--colors-Flyers-Orange);
1717
+ --phillies-red-500-phillies-red: var(--colors-Phillies-Red);
1718
+ --light-green-700-light-green: var(--colors-Light-Green);
1719
+ --phanatic-green-500-phanatic-green: var(--colors-Phanatic-Green);
1720
+ --eagles-green-500-eagles-green: var(--colors-Eagles-Green);
3037
1721
  --pink-400-pink: var(--colors-Pink);
3038
- --purple-400-purple: var(--colors-Purple);
1722
+ --purple-300-purple: var(--colors-Purple);
1723
+ --sixers-blue-500-sixers-blue: var(--colors-Sixers-Blue);
3039
1724
  }
3040
1725
 
3041
1726
  /* Collection: fonts 4.0 - Aliases */
3042
- [data-fonts-40="Fonts_Desktop"] {
1727
+ [data-fonts-40="Fonts_Desktop"],
1728
+ [data-fonts-40="Fonts_Desktop"] * {
3043
1729
  --Base-font-variables-Width-max-width: 624px;
3044
1730
  --Display-font-display-family: var(--Base-font-variables-Family-font-family-primary);
3045
1731
  --Display-Display-1-font-display-1-family: var(--Display-font-display-family);
@@ -3171,6 +1857,18 @@
3171
1857
  --Label-ExtraLarge-font-label-xlarge-margin-top: var(--Body-ExtraLarge-font-body-xlarge-margin-top);
3172
1858
  --Label-ExtraLarge-font-label-xlarge-margin-bottom: var(--Body-ExtraLarge-font-body-xlarge-margin-bottom);
3173
1859
  --Label-2XL-font-label-2xl-family: var(--Label-font-label-family);
1860
+ --Label-3XL-font-label-3xl-family: var(--Heading-font-heading-family);
1861
+ --Label-4XL-font-label-4xl-family: var(--Heading-font-heading-family);
1862
+ --Label-4XL-font-label-4xl-weight: var(--Base-font-variables-Weight-font-weight-semibold);
1863
+ --Label-4XL-font-label-4xl-size: var(--scale-600);
1864
+ --Label-4XL-font-label-4xl-lineheight: var(--scale-800);
1865
+ --Label-4XL-font-label-4xl-margin-top: var(--scale-300);
1866
+ --Label-4XL-font-label-4xl-margin-bottom: var(--scale-300);
1867
+ --Label-3XL-font-label-3xl-weight: var(--Base-font-variables-Weight-font-weight-semibold);
1868
+ --Label-3XL-font-label-3xl-size: var(--scale-500);
1869
+ --Label-3XL-font-label-3xl-lineheight: var(--scale-600);
1870
+ --Label-3XL-font-label-3xl-margin-top: var(--scale-200);
1871
+ --Label-3XL-font-label-3xl-margin-bottom: var(--scale-300);
3174
1872
  --Label-2XL-font-label-2xl-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3175
1873
  --Label-2XL-font-label-2xl-size: var(--Body-2XL-font-body-2xl-size);
3176
1874
  --Label-2XL-font-label-2xl-lineheight: var(--Body-2XL-font-body-2xl-lineheight);
@@ -3217,19 +1915,19 @@
3217
1915
  );
3218
1916
  --Link-on-Primary-font-link-family: var(--Body-font-body-family);
3219
1917
  --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-family: var(--Body-font-body-family);
3220
- --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-weight: var(--Base-font-variables-Weight-font-weight-light);
1918
+ --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-weight: var(--Base-font-variables-Weight-font-weight-bold);
3221
1919
  --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-size: var(--Body-ExtraSmall-font-body-xs-size);
3222
1920
  --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-lineheight: var(--Body-ExtraSmall-font-body-xs-lineheight);
3223
1921
  --Link-on-Primary-ExtraSmall-font-link-on-primary-xs-margin-top: var(--Body-ExtraSmall-font-body-xs-margin-top);
3224
1922
  --Link-on-Primary-ExtraSmall-font-link-on-primary-small-xs-bottom: var(--Body-ExtraSmall-font-body-xs-margin-bottom);
3225
1923
  --Link-on-Primary-Small-font-link-on-primary-small-family: var(--Body-font-body-family);
3226
- --Link-on-Primary-Small-font-link-on-primary-small-weight: var(--Base-font-variables-Weight-font-weight-light);
1924
+ --Link-on-Primary-Small-font-link-on-primary-small-weight: var(--Base-font-variables-Weight-font-weight-bold);
3227
1925
  --Link-on-Primary-Small-font-link-on-primary-small-size: var(--Body-Small-font-body-small-size);
3228
1926
  --Link-on-Primary-Small-font-link-on-primary-small-lineheight: var(--Body-Small-font-body-small-lineheight);
3229
1927
  --Link-on-Primary-Small-font-link-on-primary-small-margin-top: var(--Body-Small-font-body-small-margin-top);
3230
1928
  --Link-on-Primary-Small-font-link-on-primary-small-margin-bottom: var(--Body-Small-font-body-small-margin-bottom);
3231
1929
  --Link-on-Primary-Default-font-link-on-primary-default-family: var(--Body-font-body-family);
3232
- --Link-on-Primary-Default-font-link-on-primary-default-weight: var(--Base-font-variables-Weight-font-weight-regular);
1930
+ --Link-on-Primary-Default-font-link-on-primary-default-weight: var(--Base-font-variables-Weight-font-weight-bold);
3233
1931
  --Link-on-Primary-Default-font-link-on-primary-default-size: var(--Body-Default-font-body-default-size);
3234
1932
  --Link-on-Primary-Default-font-link-on-primary-default-lineheight: var(--Body-Default-font-body-default-lineheight);
3235
1933
  --Link-on-Primary-Default-font-link-on-primary-default-margin-top: var(--Body-Default-font-body-default-margin-top);
@@ -3237,15 +1935,13 @@
3237
1935
  --Body-Default-font-body-default-margin-bottom
3238
1936
  );
3239
1937
  --Link-on-Primary-Large-font-link-on-primary-large-family: var(--Body-font-body-family);
3240
- --Link-on-Primary-Large-font-link-on-primary-large-weight: var(--Base-font-variables-Weight-font-weight-regular);
1938
+ --Link-on-Primary-Large-font-link-on-primary-large-weight: var(--Base-font-variables-Weight-font-weight-bold);
3241
1939
  --Link-on-Primary-Large-font-link-on-primary-large-size: var(--Body-Large-font-body-large-size);
3242
1940
  --Link-on-Primary-Large-font-link-on-primary-large-lineheight: var(--Body-Large-font-body-large-lineheight);
3243
1941
  --Link-on-Primary-Large-font-link-on-primary-large-margin-top: var(--Body-Large-font-body-large-margin-top);
3244
1942
  --Link-on-Primary-Large-font-link-on-primary-large-margin-bottom: var(--Body-Large-font-body-large-margin-bottom);
3245
1943
  --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-family: var(--Body-font-body-family);
3246
- --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-weight: var(
3247
- --Base-font-variables-Weight-font-weight-regular
3248
- );
1944
+ --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-weight: var(--Base-font-variables-Weight-font-weight-bold);
3249
1945
  --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-size: var(--Body-ExtraLarge-font-body-xlarge-size);
3250
1946
  --Link-on-Primary-ExtraLarge-font-link-on-primary-xlarge-lineheight: var(
3251
1947
  --Body-ExtraLarge-font-body-xlarge-lineheight
@@ -3305,7 +2001,8 @@
3305
2001
  --Icon-Brands-2XL-font-icon-brands-2xl-size: var(--Icon-Solid-2XL-font-icon-solid-2xl-size);
3306
2002
  }
3307
2003
 
3308
- [data-fonts-40="Fonts_Mobile"] {
2004
+ [data-fonts-40="Fonts_Mobile"],
2005
+ [data-fonts-40="Fonts_Mobile"] * {
3309
2006
  --Base-font-variables-Width-max-width: var(--scale-0);
3310
2007
  --Display-font-display-family: var(--Base-font-variables-Family-font-family-primary);
3311
2008
  --Display-Display-1-font-display-1-family: var(--Display-font-display-family);
@@ -3437,6 +2134,18 @@
3437
2134
  --Label-ExtraLarge-font-label-xlarge-margin-top: var(--Body-ExtraLarge-font-body-xlarge-margin-top);
3438
2135
  --Label-ExtraLarge-font-label-xlarge-margin-bottom: var(--Body-ExtraLarge-font-body-xlarge-margin-bottom);
3439
2136
  --Label-2XL-font-label-2xl-family: var(--Label-font-label-family);
2137
+ --Label-3XL-font-label-3xl-family: var(--Heading-font-heading-family);
2138
+ --Label-4XL-font-label-4xl-family: var(--Heading-font-heading-family);
2139
+ --Label-4XL-font-label-4xl-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2140
+ --Label-4XL-font-label-4xl-size: var(--scale-500);
2141
+ --Label-4XL-font-label-4xl-lineheight: var(--scale-600);
2142
+ --Label-4XL-font-label-4xl-margin-top: var(--scale-200);
2143
+ --Label-4XL-font-label-4xl-margin-bottom: var(--scale-200);
2144
+ --Label-3XL-font-label-3xl-weight: var(--Base-font-variables-Weight-font-weight-semibold);
2145
+ --Label-3XL-font-label-3xl-size: var(--scale-450);
2146
+ --Label-3XL-font-label-3xl-lineheight: var(--scale-600);
2147
+ --Label-3XL-font-label-3xl-margin-top: var(--scale-100);
2148
+ --Label-3XL-font-label-3xl-margin-bottom: var(--scale-200);
3440
2149
  --Label-2XL-font-label-2xl-weight: var(--Base-font-variables-Weight-font-weight-semibold);
3441
2150
  --Label-2XL-font-label-2xl-size: var(--Body-2XL-font-body-2xl-size);
3442
2151
  --Label-2XL-font-label-2xl-lineheight: var(--Body-2XL-font-body-2xl-lineheight);
@@ -3579,44 +2288,23 @@ DYNAMIC MODE SWITCHING:
3579
2288
  <!-- primitives 4.0 Collection -->
3580
2289
  <div data-primitives-40="Mode-1">Content in Mode 1 mode</div>
3581
2290
 
3582
- <!-- cards Collection -->
3583
- <div data-cards="master-card">Content in master card mode</div>
3584
- <div data-cards="press-release">Content in press release mode</div>
3585
- <div data-cards="card-with-media">Content in card with media mode</div>
3586
- <div data-cards="card-with-link">Content in card with link mode</div>
3587
- <div data-cards="resource-card">Content in resource card mode</div>
3588
- <div data-cards="flag-with-media">Content in flag with media mode</div>
3589
- <div data-cards="call-to-action">Content in call to action mode</div>
3590
- <div data-cards="map-card">Content in map card mode</div>
3591
-
3592
2291
  <!-- components 4.0 Collection -->
3593
2292
  <div data-components-40="Layout---Desktop">Content in Layout - Desktop mode</div>
3594
2293
  <div data-components-40="Layout---Mobile">Content in Layout - Mobile mode</div>
3595
2294
 
3596
- <!-- (old) fonts 4.0 Collection -->
3597
- <div data--old-fonts-40="Fonts_Mobile">Content in Fonts_Mobile mode</div>
3598
- <div data--old-fonts-40="Fonts_Desktop">Content in Fonts_Desktop mode</div>
3599
-
3600
2295
  <!-- color roles 4.0 Collection -->
3601
2296
  <div data-color-roles-40="light">Content in light mode</div>
3602
- <div data-color-roles-40="cards">Content in cards mode</div>
3603
2297
 
3604
2298
  <!-- sizes 4.0 Collection -->
3605
2299
  <div data-sizes-40="Mode-1">Content in Mode 1 mode</div>
3606
2300
 
3607
2301
  <!-- ramps 4.0 Collection -->
3608
- <div data-ramps-40="reversed_40ramps2_tokens">Content in reversed_40ramps2_tokens mode</div>
3609
-
3610
- <!-- Core Dimensions Collection -->
3611
- <div data-Core-Dimensions="Mode-1">Content in Mode 1 mode</div>
2302
+ <div data-ramps-40="Ramps">Content in Ramps mode</div>
3612
2303
 
3613
2304
  <!-- fonts 4.0 Collection -->
3614
2305
  <div data-fonts-40="Fonts_Desktop">Content in Fonts_Desktop mode</div>
3615
2306
  <div data-fonts-40="Fonts_Mobile">Content in Fonts_Mobile mode</div>
3616
2307
 
3617
- <!-- text field Collection -->
3618
- <div data-text-field="text-field-modes">Content in text-field-modes mode</div>
3619
-
3620
2308
  MULTI-MODE SWITCHING:
3621
2309
  <div data-theme="light" data-size="large" data-prominence="primary">
3622
2310
  Content with multiple mode attributes
@@ -3624,9 +2312,9 @@ MULTI-MODE SWITCHING:
3624
2312
 
3625
2313
  VARIABLE USAGE IN CSS:
3626
2314
  .my-component {
3627
- color: var(--colors-Blue);
3628
- font-size: var(--scale-0);
3629
- font-size: var(--scale-10);
2315
+ color: var(--colors-Sixers-Blue);
2316
+ color: var(--colors-Sixers-Blue-25);
2317
+ color: var(--colors-Sixers-Blue-50);
3630
2318
  }
3631
2319
  */
3632
2320